/* * 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 #a3b8c8; background: #fcfdfd url(../../skin/2-columns/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 #4385b6; background: #5c9ccc url(../../skin/2-columns/lib/jqueryui/images/ui-bg_glass_30_5c9ccc_1x400.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/2-columns/lib/jqueryui/images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; } .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/2-columns/lib/jqueryui/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987; } .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 { border: 1px solid #79b7e7; background: #f5f8f9 url(../../skin/2-columns/lib/jqueryui/images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #2d4462; } .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/2-columns/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/2-columns/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/2-columns/lib/jqueryui/images/ui-icons_4088bf_256x240.png); } .ui-widget-content .ui-icon {background-image: url(../../skin/2-columns/lib/jqueryui/images/ui-icons_4088bf_256x240.png); } .ui-widget-header .ui-icon {background-image: url(../../skin/2-columns/lib/jqueryui/images/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { background-image: url(../../skin/2-columns/lib/jqueryui/images/ui-icons_6da8d5_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../../skin/2-columns/lib/jqueryui/images/ui-icons_217bc0_256x240.png); } .ui-state-active .ui-icon {background-image: url(../../skin/2-columns/lib/jqueryui/images/ui-icons_274977_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(../../skin/2-columns/lib/jqueryui/images/ui-icons_549fde_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../../skin/2-columns/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/2-columns/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/2-columns/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/2-columns/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%; }html, body { height: 100%; margin: 0; padding: 0; min-width: 780px; border: 0 none;} body, input, select, textarea, button { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px;} a {text-decoration: underline;} a:hover {text-decoration: underline;} h1 { margin: 10px 0; padding: 0; font-size: 20px; font-weight: normal;} hr { border: 0 none; border-bottom: 1px solid #888; margin: 20px 0 10px; padding: 0; height: 0;} form {margin: 0;} table, img {border: 0;} em {font-style: italic;} strong {font-weight: bold;} .clearing { height: 0; font-size: 0; clear: both;} .clear { display: block; width: 100%; clear:both;} .valign-middle { vertical-align: middle; height: 100%;} .valign-middle-adv-lvl1 { height: 100%; display: table;} .valign-middle-adv-lvl2 { display: table-cell; vertical-align: middle;} .valign-middle-adv-lvl3 {} .halign-center-noscript, .halign-center { display: table; margin: 0 auto; text-align: center;} .center {text-align: center;} .right-box { width: 100%; text-align: right;} .text-block {margin-bottom: 15px;} .text-pre-block {margin-top: 15px;} .nowrap {white-space: nowrap;} .width-100 {width: 100%;} .page-break { height: 0; line-height: 0; margin: 0; padding: 0; page-break-after: always;} .pointer {cursor: pointer;} .overflow { position: relative; margin-right: 20px; padding-bottom: 20px; overflow: auto;} .hidden {display: none;} label { vertical-align: bottom; line-height: 15px;} label input { margin: 0; vertical-align: bottom;} label.input-block { vertical-align: middle; line-height: 21px;} label.input-block input, label.input-block select {vertical-align: middle;} label.input-row, .input-row label { float: left; padding-right: 20px;} .plain-box { display: block; padding-bottom: 15px;} .plain-box .label-title {display: block;} .default-value {} .underline {text-decoration: underline;} .dotted { text-decoration: none !important; border-bottom: 1px dotted #888;} .toggle-link { background: transparent url(../../skin/common_files/css/../images/arrow_down.png) no-repeat right 8px; padding-right: 15px;} .cursor-hover:hover {border: solid 1px #1a478f !important;} input[type=text], input[type=password], select, textarea, .input-style { border: solid 1px #bbb; padding: 2px; background: #fff;} input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { border: solid 1px #999;} .error-message {color: #b51a00;} select.err, input.err, textarea.err { border: solid 1px #b51a00; background-color: #f7f3f3;} div.error-message {margin: 0 0 15px;} .form-text {font-weight: bold;} .black-text {color: #000;} a.list-item, .list-item a {text-decoration: none;} a.list-item:hover, .list-item a:hover {text-decoration: underline;} tr.head-row th { background: #ccc none; font-weight: bold;} tr.highlight td, tr.highlight th, li.highlight {} tr.center-row th {text-align: center;} div.ajax-popup-error-message { padding: 0 5px; margin: 10px 0; display: none;} div.ajax-popup-error-message span { float: left; margin: 0 10px 0 3px;} .currency {white-space: nowrap;} input.datepicker-formatted { border: solid 1px #bbb; margin-right: 5px;} input.datepicker-formatted[disabled] { background: #fff; color: #bbb;} input.zipcode {width: 100px;} input.zip4 {width: 60px;} span.validate-mark { margin: 0; padding: 0; vertical-align: middle;} span.validate-mark img { width: 15px; height: 15px; margin-left: 3px;} span.validate-matched img {background: transparent url(../../skin/common_files/css/../images/icon_ok.png) no-repeat left top;} span.validate-non-matched img {background: transparent url(../../skin/common_files/css/../images/icon_nok.png) no-repeat left top;} #page-container { min-height: 100%; position: relative;} #content-container { clear: both; float: left; overflow: hidden; position: relative; width: 100%;} #content-container2 { float: left; position: relative; right: 100%; width: 200%;} #center { float: left; position: relative; width: 50%; left: 50%;} #left-bar { float: left; position: relative; width: 160px; margin-left: 7px;} #right-bar { float: right; right: 7px; position: relative; width: 160px;} #center-main { margin: 0 187px; position: relative; overflow: hidden;} #header { position: absolute !important; top: 0; left: 0; width: 100%;} #footer { height: 39px; width: 100%; overflow: hidden; float: left;} .rtl {direction: rtl;} #header .line1 { position: relative; direction: ltr;} #header .line1 .logo {} #header .line1 .logo a img {} #header .phones { position: absolute; right: 10px; top: 25px; height: 42px; vertical-align: middle; line-height: 42px; text-align: right; white-space: nowrap; font-size: 11px;} #header .phones span {padding-left: 15px;} #header .line2 { position: relative; width: 100%; border: none; height: 39px;} #header .line2 div, #header .line2 span {} #header .line2 a {} #header div.search { position: absolute; top: 0; left: 0; height: 39px; line-height: 39px; vertical-align: middle;} #header span.search { font-size: 12px; padding-left: 20px; padding-right: 5px;} #header input.text {width: 108px;} #header a.search {text-decoration: underline;} #header input {margin-right: 3px;} #header button.simple-button { vertical-align: middle; margin-bottom: 3px; margin-right: 3px;} #header button.simple-button img {margin-left: 0;} #header .languages { position: absolute; top: 7px; right: 20px; text-align: right; vertical-align: middle;} #header .languages-row, #header .languages-flags {top: 9px;} #header .languages-flags a, #header .languages-flags strong { padding-left: 5px; padding-right: 5px;} #header .languages label { line-height: 21px; vertical-align: middle; font-size: 12px;} #header .languages select {margin-left: 5px;} #header .line3 { position: relative; width: 100%; height: 39px; text-align: right;} .printable-bar a { background: transparent url(../../skin/common_files/css/../images/printer.gif) no-repeat right top; padding: 2px 20px 2px 0; color: #818891; font-size: 10px; line-height: 16px;} div.printable-bar {width: 130px;} #location { min-height: 25px; line-height: 15px; margin-bottom: 10px; font-size: 11px;} font.bread-crumb {font-size: 11px;} a.bread-crumb { font-size: 11px; text-decoration: underline;} a.bread-crumb:hover {text-decoration: none;} font.last-bread-crumb {text-decoration: none;} #location span {padding: 0 5px;} #dialog-message { margin: 0; padding: 0; position: fixed; right: 0; top: 0; width: 350px; z-index: 1000;} #dialog-message .box { position: relative; border: 1px solid #000; border-top: 3px solid #000; padding: 10px 25px 10px 59px; vertical-align: middle; text-align: left; min-height: 32px;} #dialog-message a.close-link { display: block; position: absolute; top: 5px; right: 5px; width: 13px; height: 13px; text-decoration: none;} #dialog-message .close-img { width: 13px; height: 13px; background: transparent url(../../skin/common_files/css/../images/but_cross.gif) no-repeat left top;} #dialog-message .message-i { border-color: #7a97c1; background: #f4f5f7 url(../../skin/common_files/css/../images/icon_info.gif) no-repeat 10px 10px;} #dialog-message .message-w { border-color: #c3902f; background: #f8f7f3 url(../../skin/common_files/css/../images/icon_warning.gif) no-repeat 10px 10px;} #dialog-message .message-e { border-color: #d30000; background: #f7f3f3 url(../../skin/common_files/css/../images/icon_error.gif) no-repeat 10px 10px;} #dialog-message .anchor { position: relative; margin-left: auto; margin-right: 0; height: 15px; text-align: right; vertical-align: middle;} #dialog-message .anchor img { width: 12px; height: 10px; vertical-align: middle; background: transparent url(../../skin/common_files/css/../images/goto_arr.gif) no-repeat left top;} .dialogtr {} .fill-error label {color: #ce0000;} .fill-error input[type=text], .fill-error input[type=password], .fill-error select, .fill-error textarea { border: solid 1px #ce0000; background-color: #ffebeb;} div.error-label { font-size: 9px !important; display: none;} .fill-error div.error-label {display: block;} .inline-message { height: 16px; line-height: 16px; vertical-align: middle; padding: 1px 1px 15px; margin: 0;} .inline-message img.icon-w { vertical-align: top; width: 18px; height: 18px; background: transparent url(../../skin/common_files/css/../images/icon_warning_small.gif) no-repeat;} .cart-message { padding: 5px 5px 5px 35px; text-align: left; min-height: 20px; font-size: 10px; margin-top: 10px; margin-bottom: 10px;} .cart-message-w {background: #efefef 5px 5px url(../../skin/common_files/css/../images/icon_warning_small.gif) no-repeat;} .cart-message div.close-link { float: right; width: 25px; height: 13px; text-align: right; cursor: pointer; background: transparent url(../../skin/common_files/css/../images/but_cross.gif) no-repeat right top;} .menu-dialog {margin-bottom: 15px;} .menu-dialog .link-title span.title-link { float: right; padding: 8px 7px 8px 0;} .menu-dialog .link-title a.title-link { text-decoration: none; outline-style: none;} .menu-dialog .link-title .title-link img { width: 7px; height: 11px; background: transparent url(../../skin/common_files/css/../images/menu_arrow.gif) no-repeat left center;} .menu-dialog .content { border: 0; padding: 8px 10px; overflow: hidden;} .menu-dialog .content a {} .menu-dialog .content a:hover {} .menu-dialog ul { list-style: none; padding: 0; margin: 0;} .menu-dialog ul li { padding: 0; vertical-align: middle;} .menu-dialog .item {font-size: 10px;} .menu-dialog ul li a { font-size: 11px; text-decoration: none;} .menu-dialog ul li a:hover {text-decoration: underline;} .menu-dialog hr {background-color: #999;} .menu-dialog .login-text ul li {padding: 1px 0;} .dialog { padding: 0; margin: 0 0 30px; page-break-inside: avoid;} .dialog .title { position: relative; font-weight: bold; font-size: 13px; border: 0 none; vertical-align: middle; height: 30px; line-height: 30px; margin: 0; padding: 0 0 0 18px; text-align: left; overflow: hidden;} .dialog .title h2 { margin: 0; padding: 0; font-size: 13px; overflow: hidden; white-space: nowrap;} .dialog .content { border: 0 none; background: transparent none; text-align: left; padding: 10px 10px 25px;} .list-dialog .title h2 {width: 60%;} .list-dialog .title div.sort-box { height: 30px; position: absolute; top: 0; right: 0; width: 50%; overflow: hidden;} .list-dialog .title div.sort-box .search-sort-bar { padding: 0; margin: 7px 0;} .list-dialog .title div.sort-box .search-sort-title, .list-dialog .title div.sort-box .search-sort-cell {padding-right: 10px;} .noborder {border: 0 none;} .noborder .content {padding: 0;} button.button { border: 0 none; background-color: transparent; cursor: pointer; height: 23px; margin: 0; padding: 1px; vertical-align: top; overflow: visible; outline-style: none;} button.button .button-right { display: block; background: transparent url(../../skin/common_files/css/../images/but_right.png) no-repeat right top; padding: 0 10px 0 0; height: 21px;} button.button .button-left { display: block; margin: 0; background: transparent url(../../skin/common_files/css/../images/but_left.png) no-repeat left top; padding: 0 5px 0 15px; vertical-align: middle; white-space: nowrap; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; font-size: 11px; height: 22px; line-height: 21px;} div.button { border: 0 none; background: transparent none; cursor: pointer; margin: 0; padding: 0 10px 0 0; white-space: nowrap; background: transparent url(../../skin/common_files/css/../images/but_right.png) no-repeat right top; float: left;} div.button div, div.button a { display: block; background: transparent url(../../skin/common_files/css/../images/but_left.png) no-repeat left top; padding: 0 5px 0 15px; line-height: 21px; white-space: nowrap; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; font-size: 11px; text-decoration: none; outline-style: none;} button.simple-button { border: 0 none; background-color: transparent; cursor: pointer; height: 15px; margin: 3px 0 0; padding: 0; white-space: nowrap; font-size: 11px; font-weight: bold; line-height: 15px; vertical-align: middle; outline-style: none;} button.simple-button span {text-decoration: underline;} button.simple-button img {display: none;} a.simple-button { font-size: 11px; white-space: nowrap; color: #043fa0; font-weight: normal; margin: 0; padding: 0; line-height: 21px; vertical-align: bottom; text-decoration: underline; outline-style: none;} a.simple-button:hover {color: #2863c2;} input.image-button { margin: 0; padding: 0; margin-bottom: 2px; border: 0 none; width: 19px; height: 18px; background: transparent url(../../skin/common_files/css/../images/go.gif) no-repeat left top; vertical-align: middle;} a.image-button {text-decoration: none;} a.image-button img { margin: 0; padding: 0; margin-bottom: 2px; border: 0 none; width: 19px; height: 18px; background: transparent url(../../skin/common_files/css/../images/go.gif) no-repeat left top; vertical-align: middle;} button.main-button .button-right {background: transparent url(../../skin/common_files/css/../images/but_main_right.png) no-repeat right top;} button.main-button .button-left { background: transparent url(../../skin/common_files/css/../images/but_main_left.png) no-repeat left top; color: #510000;} div.main-button {background: transparent url(../../skin/common_files/css/../images/but_main_right.png) no-repeat right top;} div.main-button div, div.main-button a { background: transparent url(../../skin/common_files/css/../images/but_main_left.png) no-repeat left top; color: #510000;} button.simple-main-button, a.simple-main-button {color: #800;} button.light-button {padding-right: 10px;} button.light-button .button-right { background: transparent url(../../skin/common_files/css/../images/but_light_right.gif) no-repeat right top; padding: 0 2px 0 0;} button.light-button .button-left { background: transparent url(../../skin/common_files/css/../images/but_light_left.gif) no-repeat left top; padding: 0 10px 0 15px; color: #365f8f; font-size: 11px;} div.light-button { padding: 0 5px 0 0; background: transparent url(../../skin/common_files/css/../images/but_light_right.gif) no-repeat right top;} div.light-button div, div.light-button a { background: transparent url(../../skin/common_files/css/../images/but_light_left.gif) no-repeat left top; padding: 0 5px 0 11px; color: #365f8f; font-size: 11px;} a.simple-delete-button { color: #800; background: transparent url(../../skin/common_files/css/../images/delete_cross.gif) no-repeat left 7px; padding-left: 13px;} a.simple-delete-button-woicon {color: #800;} div.drop-out-button { padding: 0 23px 0 0; background: transparent url(../../skin/common_files/css/../images/but_right_dropout.png) no-repeat right top;} div.drop-out-button div, div.drop-out-button a { background: transparent url(../../skin/common_files/css/../images/but_left.png) no-repeat left top; padding-right: 10px;} div.dropout-container { position: absolute; padding: 0; margin: 0; border: 0 none;} div.dropout-wrapper { float: left; position: relative; z-index: 1; margin: 0;} div.dropout-box { border: solid 1px #adb6c6; background-color: #fff; padding: 5px 0; margin-top: 26px; position: absolute; display: none;} div.dropout-wrapper ul { margin: 0; padding: 0;} div.dropout-wrapper ul li { list-style-position: outside; list-style-type: none; padding: 5px 15px; float: left;} div.dropout-wrapper ul li .button { float: left; position: relative;} div.dropout-wrapper .button { float: none; position: absolute; margin-right: 0; margin-top: 2px;} button.menu-button {height: 22px;} button.menu-button .button-right { background: transparent url(../../skin/common_files/css/../images/but_menu_right.png) no-repeat right top; padding-right: 7px; height: 20px;} button.menu-button .button-left { background: transparent url(../../skin/common_files/css/../images/but_menu_left.png) no-repeat left top; height: 20px; padding: 0 1px 0 8px; color: #deedf7; font-size: 10px; height: 21px; line-height: 20px;} div.menu-button { background: transparent url(../../skin/common_files/css/../images/but_menu_right.png) no-repeat right top; padding-right: 7px;} div.menu-button div, div.menu-button a { background: transparent url(../../skin/common_files/css/../images/but_menu_left.png) no-repeat left top; padding: 0 1px 0 8px; line-height: 20px; color: #deedf7 !important; font-size: 10px;} button.do-add2cart-wait, button.do-add2cart-success, button.do-add2cart-error {cursor: default;} button.do-add2cart-wait .button-right, button.do-add2cart-success .button-right, button.do-add2cart-error .button-right { background: transparent url(../../skin/common_files/css/../images/but_light_right.gif) no-repeat right top; padding: 0 5px 0 0;} button.do-add2cart-wait .button-left, button.do-add2cart-success .button-left, button.do-add2cart-error .button-left { background: transparent url(../../skin/common_files/css/../images/but_light_left.gif) no-repeat left top; padding: 0 10px 0 15px; color: #365f8f; font-size: 11px;} button.do-add2cart-wait .button-left .progress { display: block; background: transparent url(../../skin/common_files/css/../images/progress.gif) repeat-x left 5px;} .button-row, .button-row-right { margin-top: 20px; padding: 0; height: 23px; line-height: 23px;} .buttons-row .button, .buttons-row button.simple-button, .buttons-row a.simple-button {float: left;} .buttons-row-right .button, .buttons-row-right button.simple-button, .buttons-row-right a.simple-button, .button-row-right .button, .button-row-right button.simple-button, .button-row-right a.simple-button {float: right;} .buttons-row-right-box {float: right;} .buttons-row-right, .buttons-row { margin: 5px 0 0; height: 23px;} .buttons-row .button-separator { float: left; width: 20px; height: 22px;} .buttons-row-right .button-separator { float: right; width: 30px; height: 15px;} table tr td.buttons-row, table tr td.button-row, table tr td.buttons-row-right, table tr td.button-row-right { margin: 0; padding-top: 15px;} .buttons-auto-separator .button, .buttons-auto-separator button.simple-button, .buttons-auto-separator a.simple-button {margin-right: 20px;} .button-up { position: relative; margin-top: -23px; width: 30%;} a.popup-link {text-decoration: none;} a.popup-link img { vertical-align: bottom; width: 20px; height: 18px; background: transparent url(../../skin/common_files/css/../images/question_button.gif) no-repeat left top; margin-bottom: 1px;} .shipping-method a { font-weight: bold; font-size: 11px; text-decoration: underline;} .shipping-method a:hover {text-decoration: none;} .shipping-method label { display: block; vertical-align: middle;} .shipping-warning { color: #3c6992; text-decoration: none; font-size: 9px; font-family: arial, verdana, helvetica, sans-serif;} .estimator-container {width: 40%;} .invoice-total-name span {font-weight: normal;} .cart-total-row .total-name a {font-weight: normal;} .invoice-giftwrap-notes {padding-top: 30px;} .invoice-giftwrap-notes p { font-size: 14px; font-weight: bold; text-align: center;} .invoice-giftwrap-notes div { border: 1px solid #cecfce; height: 50px; overflow: hidden; padding: 5px;} .images-preview-bg { background: transparent url(../../skin/common_files/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/common_files/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/common_files/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/common_files/css/../images/arrow_left.gif) no-repeat left center;} .images-preview a.right { right: 0; background: transparent url(../../skin/common_files/css/../images/arrow_right.gif) no-repeat right center;} .images-preview a.left-disabled { background: transparent url(../../skin/common_files/css/../images/arrow_left_disabled.gif) no-repeat left center; cursor: auto;} .images-preview a.right-disabled { background: transparent url(../../skin/common_files/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/common_files/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/common_files/css/../images/loading.gif); background-repeat: no-repeat; background-position: center center;} .images-preview .box img { cursor: pointer; vertical-align: middle; text-align: center;} .data-table td { padding: 4px 1px; line-height: 21px; vertical-align: top;} .data-table.light-table td { line-height: 16px; padding: 3px;} .data-table td.data-name { vertical-align: top; color: #112536; padding-right: 5px;} .data-table td.data-required, td.data-required { color: #800;} .data-table td.data-required { padding-right: 4px; text-align: center; width: 5px;} .data-table .error-message { color: #800; vertical-align: middle;} .data-table div.error-message {margin: 0;} .data-table tr.head-row th { padding-left: 5px; padding-right: 5px;} .data-table tr th.data-checkbox-column {width: 10px;} .data-table tr .data-right-column {text-align: right;} .data-table tr .data-width-100 {width: 100%;} .data-table tr td.data-name label { line-height: 21px; vertical-align: top;} span.star { padding-left: 5px; color: #800;} .search-sort-bar { vertical-align: middle; line-height: 16px; height: 16px; padding-right: 20px; white-space: nowrap; margin: 15px 0 30px; text-align: right;} .search-sort-title {padding-right: 20px;} .search-sort-cell {padding-right: 20px;} a.search-sort-link {text-decoration: underline;} .search-sort-bar img, .search-sort-bar-float img { width: 9px; height: 9px; margin-right: 5px;} .search-sort-bar a.up-direction { font-weight: bold; padding-left: 14px; background: transparent url(../../skin/common_files/css/../images/uarrow.gif) no-repeat left 3px;} .search-sort-bar a.down-direction { font-weight: bold; padding-left: 14px; background: transparent url(../../skin/common_files/css/../images/darrow.gif) no-repeat left 3px;} .expand-section { height: 16px; margin: 20px 0; vertical-align: middle; line-height: 16px;} .expand-section img { width: 11px; height: 11px; vertical-align: middle; margin: 2px 5px 3px 0;} .expand-section img.plus {background: transparent url(../../skin/common_files/css/../images/plus.gif) no-repeat left top;} .expand-section img.minus { background: transparent url(../../skin/common_files/css/../images/minus.gif) no-repeat left top;} .expand-section a { font-weight: bold; text-decoration: underline;} .nav-pages { white-space: nowrap; vertical-align: bottom; padding: 0; margin: 0;} .nav-pages-title {padding-right: 10px;} .nav-pages img { vertical-align: bottom; width: 15px; height: 15px;} .nav-pages a { text-align: center; text-decoration: underline;} .nav-pages .left-arrow img {background: transparent url(../../skin/common_files/css/../images/navigation_arrow_left.gif) no-repeat left top;} .nav-pages .right-arrow img {background: transparent url(../../skin/common_files/css/../images/navigation_arrow_right.gif) no-repeat left top;} .nav-pages .current-page { text-align: center; font-weight: bold;} .nav-pages .right-delimiter {padding-right: 12px;} h3 { margin: 0 0 10px; color: #b51a00; font-weight: bold; font-size: 12px; padding: 0; border: 0 none;} h3.grey { color: #666; font-size: 11px;} h3.black { color: #010101; font-size: 12px; font-weight: bold;} h3.red {} h3.separator {margin-top: 30px;} .img-down-direction { width: 7px; height: 6px; vertical-align: middle; background: transparent url(../../skin/common_files/css/../images/r_bottom.gif) no-repeat left top; margin-right: 3px;} .img-up-direction { width: 7px; height: 6px; vertical-align: middle; background: transparent url(../../skin/common_files/css/../images/r_top.gif) no-repeat left top; margin-right: 3px;} .noscript-warning { position: absolute; top: 10px; padding: 10px; left: 25%; right: 25%; margin: 0; overflow: hidden; border: 5px solid #ddd; background: #fff none;} .noscript-warning .content { background: transparent url(../../skin/common_files/css/../images/icon_warning.gif) no-repeat left top; font-weight: bold; padding-left: 37px; min-height: 32px; line-height: 16px;} .lbl { display: inline !important; color: green !important; font-weight: 700 !important; width: auto !important; margin: 0 !important; padding: 0 !important;} .section { margin: 0 !important; padding: 0 !important; width: auto !important;} .blockMsg { padding: 0; margin: 0; min-width: 200px; top: 40%; text-align: center; color: #000; border: 3px solid #aaa; background-color: #fff; cursor: wait;} .blockUI span.waiting { padding: 3px; background: #fbfbfb url(../../skin/common_files/css/../images/loading.gif) no-repeat; color: #617683; display: inline-block; font-size: 18px; margin: 8px 5px; padding: 5px 0 5px 45px;} .ui-dialog .blockOverlay { background: #fff !important; opacity: 1 !important; filter:Alpha(Opacity=100);} .ui-dialog .blockMsg {border: 0 none !important;} .menu-categories-list img.icon {background: transparent url(../../skin/common_files/css/../images/dingbats_categorie.gif) no-repeat left top;} .menu-categories-list ul li { padding: 4px 0 5px 20px; background: transparent url(../../skin/common_files/css/../images/category_bullet.gif) no-repeat 8px 5px;} .menu-categories-list ul li a {font-size: 12px;} .menu-special img.icon {background-image: url(../../skin/common_files/css/../images/dingbats_categorie.gif);} .menu-help img.icon {background-image: url(../../skin/common_files/css/../images/dingbats_help.gif);} .menu-minicart .title-bar {} .menu-minicart .title-bar h2 {} .menu-minicart img.icon {background: url(../../skin/common_files/css/../images/dingbats_orders.gif) no-repeat;} .full-mini-cart .title-bar img.icon { background: transparent url(../../skin/common_files/css/../images/cart_full.gif) no-repeat left top; width: 18px; height: 13px;} div.minicart {font-size: 10px;} div.minicart img { width: 19px; height: 16px;} div.minicart .empty b {line-height: 18px;} div.minicart table {margin: 0 0 0 1px;} div.minicart table tr td { font-size: 10px; padding: 1px;} hr.minicart { clear: both; margin: 5px 0; padding: 0; height: 0;} .ajax-minicart .title-bar { position: relative; overflow: visible;} #content-container .ajax-minicart img.minicart-button { background: transparent url(../../skin/common_files/css/../images/cart_button.gif) no-repeat left top; width: 38px; height: 21px; cursor: pointer; position: relative; overflow: hidden; margin-top: 2px; margin-bottom: 4px; z-index: 100;} #content-container .ajax-minicart img.minicart-button-show {background-position: left -21px;} .minicart-box { display: none; position: absolute; left: auto; right: 0; top: 23px; width: 250px; padding: 5px5; border: 1px solid #ab0000; background: #fff none; white-space: normal; z-index: 2500; font-weight: normal;} .minicart-box .progress { background: transparent url(../../skin/common_files/css/../images/progress.gif) repeat-x left top; height: 11px;} .minicart-box hr {margin-left: 5px;} .minicart-box ul { margin: 0; padding: 0; list-style: none;} .minicart-box ul li { position: relative; margin: 0; padding: 6px 15px 6px 5px; overflow: hidden; white-space: normal; line-height: normal;} .minicart-box ul li a.delete {padding-left: 10px;} .minicart-box ul li a.delete img { background: transparent url(../../skin/common_files/css/../images/delete_cross.gif) no-repeat left top; width: 9px; height: 9px; border: none;} .minicart-box ul li a { text-decoration: underline; white-space: normal !important;} .minicart-box .price-row {margin-top: 4px;} .minicart-box input.quantity {width: 35px;} .minicart-box .buttons-row { margin-top: 5px; margin-left: 5px; height: 30px;} .minicart-box .buttons-row .light-button div, .minicart-box .buttons-row .light-button a, .minicart-box .buttons-row .light-button .button-left { font-size: 10px; font-weight: normal;} .minicart-box ul.menu li.view-cart-link a, .minicart-box ul.menu li.checkout-link a { border-left: 1px solid #fff; border-right: 1px solid #fff;} .minicart-box li.checkout-popup-link { overflow: visible; padding-left: 0; padding-top: 2px; padding-bottom: 2px;} .minicart-box .checkout-popup-link a.link:link, .minicart-box .checkout-popup-link a.link:visited, .minicart-box .checkout-popup-link a.link:hover, .minicart-box .checkout-popup-link a.link:active {text-decoration: none;} .minicart-box .checkout-popup-link a.link { border: 1px solid #fff; outline-style: none; z-index: 1000; background-color: #fff; padding: 4px 0 4px 5px; position: relative; outline-style: none;} .minicart-box .checkout-popup-link a.show { border-top: 1px solid #99a4ad; border-left: 1px solid #99a4ad; border-right: 1px solid #99a4ad; border-bottom: 1px solid #fff; padding-right: 5px;} .minicart-box .checkout-popup-link .link span { border-bottom: 1px dashed #043fa0; cursor: pointer;} .minicart-box .checkout-popup-link a.link img { background: transparent url(../../skin/common_files/css/../images/checkout_arrow.gif) no-repeat right top; width: 9px; height: 7px; cursor: pointer;} .minicart-box .checkout-popup-link div.buttons-box { position: absolute; border: 1px solid #99a4ad; background: #fff none; left: 0; top: 19px; display: none; padding: 10px;} .minicart-box .minicart-checkout-button { background: transparent url(../../skin/common_files/css/../images/but_flc_arrow_right.png) no-repeat right top; padding-right: 31px;} .minicart-box .minicart-checkout-button a:link, .minicart-box .minicart-checkout-button a:hover, .minicart-box .minicart-checkout-button a:visited, .minicart-box .minicart-checkout-button a:active { background: transparent url(../../skin/common_files/css/../images/but_flc_main_left.png) no-repeat; line-height: 29px; font-weight: bold; font-size: 11px; text-decoration: none; float: left;} .minicart-box .gcheckout-cart-buttons a img { width: inherit; height: inherit; background: transparent none;} .minicart-box .paypal-cart-button, .minicart-box .paypal-cart-button p, .minicart-box .gcheckout-cart-buttons, .minicart-box .gcheckout-cart-buttons p {text-align: left;} .minicart-box .paypal-cart-button div, .minicart-box .gcheckout-cart-buttons div { text-align: left; margin: 0;} iframe.minicart-bg { position: absolute; display: none; width: 250px; border: 0 none; background: #fff none;} iframe.minicart-checkout-bg { position: absolute; display: none; border: 0 none; background: #fff none;} .help-link { border-bottom: 1px dashed #000; cursor: help; text-decoration: none !important;} #tooltip { position: absolute; border: 1px solid #000; padding: 5px; background: #fff none; top: 0; left: 0; text-align: left; max-width: 300px; z-index: 10000;} #tooltip h3, #tooltip div {margin: 0;} .menu-auth img.icon {background: url(../../skin/common_files/css/../images/dingbats_authentification.gif) no-repeat;} .menu-auth input {width: 120px;} .login-buttons {margin: 3px 0 5px;} .login-buttons .button { float: left; margin-right: 10px; margin-bottom: 5px;} .menu-dialog .recovery { clear: both; margin-bottom: 2px;} .menu-dialog .recovery a { text-decoration: underline; font-size: 10px;} .menu-dialog .left {text-align: left;} .menu-dialog .login-text {vertical-align: top;} .small-note, .small-link { color: #3c6992; text-decoration: none; font-size: 9px; font-family: arial, verdana, helvetica, sans-serif;} .small { font-weight: normal; font-size: 10px;} .small-link:hover {text-decoration: underline;} .menu-news img.icon {background: url(../../skin/common_files/css/../images/dingbats_news.gif) no-repeat;} .menu-dialog .subscribe {margin-top: 8px;} .menu-dialog a.prev-news {text-decoration: underline;} .menu-interneka img.icon {background: url(../../skin/common_files/css/../images/dingbats_affiliates.gif) no-repeat;} div.popup-dialog { text-align: left; min-width: 300px;} .category-description {margin-bottom: 15px;} .current-category-icon { padding: 0; height: 100%; vertical-align: top;} .current-category-icon img {margin: 5px;} ul.subcategories { list-style: none; margin: 0; padding: 0 0 15px;} ul.subcategories li { margin: 0 0 10px; text-align: left;} ul.subcategories a { text-decoration: underline; font-weight: bold;} span.subcategories { display: inline-block; vertical-align: top; margin: 0 10px; text-align: center; padding-bottom: 0; overflow: hidden;} .subcategory-image { float: left; margin: 0 10px 10px 0;} .subcategory-descr { width: auto; padding: 0; margin-bottom: 20px;} .product-details { position: relative; margin-bottom: 50px;} .product-details .image { text-align: center; vertical-align: top; padding: 0; float: left; margin: 5px 20px 5px 10px;} .product-details .image .image-box { margin: 0 auto; padding: 0;} .product-details .details {padding-left: 30px;} .product-details .details .descr { vertical-align: top; padding-right: 20px;} .product-details .details .save-percent-container { margin-left: 10px; width: 57px; height: 57px;} .product-details .details .save { float: left; width: 57px; height: 29px; padding-top: 28px; padding-left: 3px; color: #fff; font-size: 11px; font-weight: bold; text-align: center; background: transparent url(../../skin/common_files/css/../images/save_money.gif) no-repeat left top;} .product-details .product-subtitle {padding: 23px 0 10px;} .product-details .product-subtitle div { color: #b51a00; font-weight: bold; font-size: 12px; border: 0 none; border-bottom: 1px solid #9d1500;} .product-details .message {color: #b51a00;} .product-details .warning-message {color: red;} .product-details .customer-message { color: #b51a00; font-weight: bold;} .product-details .quantity-row td {padding-top: 15px;} .product-details .button-row { margin-top: 15px;} #product-tabs-container {margin-bottom: 30px;} .product-details .ask-question { margin-top: 16px; float: none;} table.product-properties { width: 100%; margin: 0;} table.product-properties tr td { padding: 2px; vertical-align: top;} table.product-properties .property-name {width: 40%;} table.product-properties .property-value {width: 60%;} table.product-properties .product-price { color: #010101; font-weight: bold; font-size: 12px;} table.product-properties .product-price-value { color: #b51a00; font-weight: bold; font-size: 12px; font-family: verdana; white-space: nowrap;} table.product-properties .product-market-price { color: #787878; 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;} table.product-properties .product-min-amount, table.product-properties .product-one-quantity {font-size: 14px;} table.product-properties .separator td {height: 18px;} input.send2friend {width: 300px;} textarea.send2friend {width: 400px;} #send_message_box {margin-top: 10px;} .products { margin-bottom: 15px; margin-top: 30px;} .products .image { text-align: center; vertical-align: top; white-space: nowrap;} .products a.see-details { display: block; text-align: center; text-decoration: underline;} .products .product-title, .product-details .product-title { font-weight: bold; font-size: 14px; text-decoration: underline;} .products .descr { padding: 15px 0 0; margin: 0;} .products .sku {margin-top: 15px;} .products .price-row { margin: 0; padding: 0; text-align: left;} .products .market-price-value { background: transparent url(../../skin/common_files/css/../images/spacer_black.gif) repeat-x left 8px;} .products .price { font-weight: bold; font-size: 12px;} .products .price-value { font-weight: bold; font-size: 12px; color: #b51a00;} .products .price-save { padding: 0; margin: 0; color: #b51a00;} .products .taxes {padding: 2px 2px 2px 30px;} .products .buy-now {margin: 10px 0 0;} .products .buy-now .quantity { height: 30px; white-space: nowrap; vertical-align: middle;} .products .buy-now .quantity-empty {height: 45px;} .products .buy-now .quantity-title { width: 75px; padding-right: 16px;} .products .buy-now .quantity select {vertical-align: middle;} .products .buy-now .out-of-stock { white-space: nowrap; font-weight: bold;} .products .buy-now .prices { height: 15px; vertical-align: middle;} .products .product-details-title { color: #b51a00; font-weight: bold; font-size: 12px;} .products .product-price-text { color: #010101; font-weight: bold; font-size: 12px;} .quantity-text { color: #818891; padding-left: 3px;} .products-list .item { position: relative; margin: 0 0 45px;} .products-list .image { float: left; position: relative; padding: 3px 20px 3px 10px; margin-right: auto;} .products-list .details { vertical-align: top; padding-left: 30px; border: 0 none;} .products-list .details hr {margin: 5px 5px 5px 0;} .products-list .buy-now .center, .products-list .buy-now .halign-center { margin-left: 0; text-align: left;} .products-table .product-cell { background: #fff none; padding: 0; vertical-align: top;} .products-table .first.products-row td.product-cell {padding-top: 0;} .products-table td.product-cell-price {padding-top: 2px;} .products-table td.product-cell-buynow { padding-top: 6px; vertical-align: bottom;} .products-table td.product-cell-buynow .button-row { text-align: left; margin: 9px 0 5px;} .products-table td.product-cell-buynow .quantity-empty {height: auto;} .products-table .image { padding: 0; margin: 5px 0; text-align: left;} .products-table a.see-details { text-align: left; display: inline;} .products-table .sku {margin-top: 5px;} .products-table .product-title {font-size: 12px;} .products-table .buttons-row, .products-table .button-row {margin: 0;} .products-table .buttons-row button, .products-table .button-row button {float: none;} .products-table .buy-now {margin-top: 5px;} .products-table .buy-now .quantity-title { width: auto; padding-right: 5px;} .products-table tr.separator td { padding: 0; height: 60px;} .adv-search table td { white-space: nowrap; padding: 3px 5px 3px 0;} .adv-search table .data-name { width: 20%; vertical-align: top; color: #112536; font-weight: bold;} .adv-search table .data-input {white-space: nowrap;} .adv-search table .pattern {padding-bottom: 0;} .adv-search table .pattern input, .adv-search table .pattern select { width: 95%; vertical-align: bottom;} .adv-search table .search-button { width: 25%; padding: 0;} #adv_search_box {margin-bottom: 15px;} .search-again { position: relative; margin-top: -17px; text-align: right; margin-left: 400px;} .results-found { position: relative; width: 400px;} .register-note { color: #000; margin-bottom: 15px;} .register-newbie-note { text-align: center; margin-top: 30px;} .register-bottom-note { margin-top: 30px; padding-bottom: 45px;} .register-ups-box { margin-top: 45px; margin-bottom: 15px;} .register-section-title { height: 30px; vertical-align: middle;} .register-section-title div { vertical-align: middle; padding: 2px 0; border-bottom: 1px solid #000;} .register-section-title div * {vertical-align: middle;} .register-sec-minimized div {border-bottom: 0 none;} .register-section-title label { color: #2c3e49; font-size: 10px; font-weight: bold;} .register-table .register-exp-section label {border-bottom: 1px dashed #2c3e49;} table.register-table .register-exp-section { padding-top: 16px; padding-bottom: 16px;} table.register-table td.data-name { text-align: right; font-weight: normal; width: 30%;} .cart .item {margin: 0 0 10px;} .cart .item .image { position: relative; padding: 3px 8px 3px 3px; height: 100%;} .cart .details {vertical-align: top;} .cart .product-title {text-decoration: underline;} .cart .descr {padding-bottom: 5px;} .cart .poptions-title {font-weight: bold;} .cart .poptions-list { margin-bottom: 15px;} .cart .buttons { position: relative; vertical-align: top; margin-top: 30px; height: 23px;} .cart .buttons .buttons-row {margin-top: 0;} .cart .left-buttons-row { vertical-align: top; position: absolute; top: 0; left: 0;} .cart .right-buttons-row { position: absolute; top: 0; right: 0; width: 50%;} .cart .right-buttons-row .checkout-button {float: right;} .cart-total-line { width: 50%; margin-left: 50%;} .cart-total-row {text-align: right;} div.shipping-method { color: #112536; font-weight: bold; margin-bottom: 15px; text-align: right;} th.shipping-method { color: #112536; font-weight: bold; text-align: left;} .shipping-method select {font-weight: normal;} .shipping-method table { margin: 0 0 0 auto; text-align: right;} .shipping-method table td { font-weight: normal; text-align: left;} .shipping-method tr.selected { background: #eee none;} .totals { margin: 0 0 0 auto; text-align: right; width: 30%;} .totals td {padding: 3px;} .totals .total-name { white-space: nowrap; color: #112536; font-weight: bold; padding-right: 8px; text-align: left;} .totals .total-value { white-space: nowrap; color: #b51a00; font-weight: bold; text-align: right;} .totals .total-alt-value { white-space: nowrap; text-align: right;} .totals .total-line {height: 1px;} .totals .total-line img { background: #000 none; width: 100%; height: 1px;} .totals .total { white-space: nowrap; color: #112536; font-weight: bold; padding-right: 8px; text-transform: uppercase; text-align: left;} .totals .total-taxes { font-weight: bold; text-align: right;} .totals .total-tax-line {background-color: #eee;} .totals .total-tax-line td { text-align: right; white-space: nowrap;} .totals .total-tax-name {padding-right: 8px;} .cart hr { margin-top: 10px; margin-bottom: 10px; border-color: #d7d9e4;} .cart-content {margin-bottom: 15px;} .cart-content tr td, .cart-content tr th { padding: 1px 3px; height: 23px; text-align: left; vertical-align: top;} .cart-content tr td.summary-cell {text-align: right;} .cart-content .cart-column-tax {text-align: center;} .cart-content td.cart-column-price, .cart-content td.cart-column-total {text-align: right;} .cart-content .cart-content-text { color: #b51a00; font-weight: bold;} .cart-content .cart-column-quantity {width: 30px;} .cart-content .cart-column-product {width: 100%;} .cart-content input.cart-quantity {width: 30px;} .cmpi-vbv-icon { width: 49%; float: left; text-align: center;} .cmpi-vbv-icon img { width: 71px; height: 57px; background: transparent url(../../skin/common_files/css/../images/vbv_logo.gif) no-repeat left top;} .cmpi-mcsc-icon { width: 49%; text-align: center;} .cmpi-mcsc-icon img { width: 74px; height: 40px; background: transparent url(../../skin/common_files/css/../images/mcsc_logo.gif) no-repeat left top;} .checkout-payments tr td { padding: 2px; text-align: left;} .checkout-payments tr td.checkout-payment-name { width: 20%; white-space: nowrap;} .checkout-payments tr td.checkout-payment-name label {font-weight: bold;} .checkout-payments tr td.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-update-button { float: left; margin: 0;} .order-placed-msg { margin: 20px 0 10px; padding: 0; font-size: 13px; text-align: center;} body.payment-wait {text-align: center;} body.payment-wait .payment-wait-title, body.payment-wait .payment-details-title {border-top: 30px solid #d0ddeb;} body.payment-wait h1 { display: block; padding: 40px 0 0; border-top: 1px solid #d0ddeb; margin-top: 1px; color: #2c3e49;} body.payment-wait img.payment-wait-image { background: transparent url(../../skin/common_files/css/../images/progress.gif) repeat-x; width: 350px; height: 11px; margin-top: 10px;} .help-index { list-style: none; padding: 0; margin: 0;} .help-index li { margin: 0; padding: 10px 0 0;} .help-index li.first-item {padding-top: 0;} .help-cvv2-images { float: right; margin: 15px 5px 5px;} .help-cvv2-images img { float: none; display: block; margin-bottom: 15px;} .help-usps-test-dir { text-decoration: underline; margin-bottom: 15px;} .images-viewer { text-align: center; margin: 10px 0;} .images-viewer-list { position: relative; white-space: nowrap;} .images-viewer-list .side-arrow { position: absolute; top: 0; display: block; width: 10px; height: 54px; text-decoration: none; outline-style: none;} .images-viewer-list .left-arrow { text-align: left; left: 0;} .images-viewer-list .right-arrow { padding-left: 3px; text-align: right; right: 0;} .images-viewer-list .side-arrow img { width: 7px; height: 100%;} .images-viewer-list .left-arrow .enabled { display: block; background: transparent url(../../skin/common_files/css/../images/arrow_left.gif) no-repeat left center;} .images-viewer-list .left-arrow .disabled { display: block; background: transparent url(../../skin/common_files/css/../images/arrow_left_disabled.gif) no-repeat left center;} .images-viewer-list .hidden { display: none;} .images-viewer-list .right-arrow .enabled { display: block; background: transparent url(../../skin/common_files/css/../images/arrow_right.gif) no-repeat left center;} .images-viewer-list .right-arrow .disabled { display: block; background: transparent url(../../skin/common_files/css/../images/arrow_right_disabled.gif) no-repeat left center;} .images-viewer-icons { text-align: left; padding: 0; margin: 0 10px; overflow: hidden;} .images-viewer-icons a { display: block; padding: 0; border: 1px solid #fff; padding: 0; margin: 0 10px; float: left; outline-style: none; background: #eee none; text-align: center; vertical-align: middle;} .images-viewer-icons a.selected {border: 1px solid #215485;} .images-viewer-icons a:hover {border: 1px solid #ccc;} .images-viewer-icons img { margin: 1px; vertical-align: middle; border: 0 none;} .order-invoice {background: #fff none;} .invoice-company-icon { vertical-align: top; padding-top: 30px;} .invoice-data-box { width: 100%; padding-left: 30px;} .invoice-data-box table { width: 100%;} .invoice-data-box table tr td { padding: 2px; vertical-align: top;} .invoice-title { font-weight: bold; font-size: 28px; text-transform: uppercase;} .invoice-data-box table tr td.invoice-right-info { text-align: right; vertical-align: bottom;} hr.invoice-line { margin: 2px 0 17px; border-bottom: 2px solid #58595b;} .invoice-personal-info { width: 45%; margin-bottom: 15px;} .invoice-personal-info tr td {padding: 0;} .invoice-personal-info tr td strong {white-space: nowrap;} .invoice-address-box { width: 100%; margin-bottom: 30px;} .invoice-address-title { width: 45%; height: 25px;} td.invoice-line { vertical-align: top; padding: 0; height: 4px;} td.invoice-line img { height: 2px; width: 100%; background: #58595b none;} .invoice-address-box table {width: 100%;} .invoice-address-box table tr td {padding: 0;} .invoice-address-box table tr td strong { white-space: nowrap;} .invoice-customer-notes {padding-top: 30px;} .invoice-customer-notes p { font-size: 14px; font-weight: bold; text-align: center;} .invoice-customer-notes div { border: 1px solid #cecfce; height: 50px; overflow: hidden; padding: 5px;} .invoice-bottom-note { text-align: center; padding-top: 30px; font-size: 12px;} p.invoice-products-title { font-size: 14px; font-weight: bold; text-align: center;} .invoice-products { width: 100%; background: #000 none;} .invoice-products tr td, .invoice-products tr th { background: #fff none;} .invoice-products tr th { padding: 3px; background: #ccc none; white-space: nowrap;} .invoice-products tr th.invoice-sku-column, .invoice-products tr th.invoice-quantity-column, .invoice-products tr th.invoice-total-column {width: 60px;} .invoice-products tr th.invoice-tax-column {width: 100px;} .invoice-products tr th.invoice-price-column { width: 100px; text-align: center;} .invoice-products tr td {padding: 3px;} .invoice-products tr td.invoice-price-column, .invoice-products tr td.invoice-tax-column, .invoice-products tr td.invoice-quantity-column {text-align: center;} .invoice-products tr td.invoice-product-column span {font-size: 11px;} .invoice-products tr td.invoice-product-column table tr td { vertical-align: top; padding: 0 3px 3px 0;} .invoice-products tr td.invoice-product-column p {white-space: nowrap;} .invoice-products tr td.invoice-product-column div { padding-left: 10px; white-space: nowrap;} .invoice-products tr td.invoice-price-column { text-align: right; white-space: nowrap;} .invoice-products tr td.invoice-total-column { text-align: right; white-space: nowrap; padding-right: 5px;} .invoice-totals {width: 100%;} .invoice-totals tr td {padding: 0;} .invoice-totals tr .invoice-total-title { text-align: right; width: 100%; height: 20px;} .invoice-totals tr .invoice-total-name { text-align: right; width: 100%; height: 20px; padding-right: 3px;} .invoice-totals tr .invoice-total-value { text-align: right; height: 20px; padding-right: 5px; white-space: nowrap;} .invoice-totals tr .invoice-total-name-fin { text-align: right; width: 100%; height: 25px; padding-right: 3px; background: #ccc none;} .invoice-totals tr .invoice-total-value-fin { text-align: right; height: 25px; padding-right: 5px; background: #ccc none; white-space: nowrap;} .invoice-totals tr td.invoice-line {height: 2px;} .invoice-giftcerts { width: 100%;} .invoice-giftcerts tr td {padding: 0;} .invoice-giftcerts tr th {background: #ccc none;} .invoice-giftcerts tr th.invoice-giftcert-id {width: 60px;} .invoice-giftcerts tr td.invoice-giftcert-id {text-align: center;} .invoice-giftcerts tr .invoice-giftcert-cost { text-align: right; white-space: nowrap; padding-right: 5px;} .error-page #header {height: 87px;} .error-page #header .line2 {height: 20px;} .error-page #header .logo {margin-left: 167px;} .error-page #content-container {margin-top: 87px;} .error-page #center-main { text-align: center; margin: 0 10px;} .error-page #header .line1 .tabs, .error-page #header .line1 .phones, .error-page #header .line2 .search, .error-page #header .line2 .languages, .error-page #left-bar, .error-page #right-bar, .error-page #location {display: none;} .error-page .subcontainer { text-align: left; width: 700px; margin: 32px auto 0; position: relative; clear: both;} .error-page .code-number { color: #d8d8d8; width: 186px; float: left; text-align: center;} .error-page .description { font-family: verdana; width: 514px; float: right;} .error-page .description h1 { font-weight: normal; color: #000;} .error-page .description a {text-decoration: underline;} .error-page .description ul { margin: 0; padding: 5px 0; list-style-position: inside;} .error-page .reason { font-weight: bold; color: #a10000;} .error-page .description hr {margin: 10px 0 15px;} .error-page ul.links { margin: 0; padding: 5px 0; list-style: none;} .paypal-cart-button { text-align: right; height: 65px;} .paypal-cart-button div { width: 200px; height: 65px; margin-left: auto; margin-right: 0; overflow: visible; text-align: right;} .paypal-cart-button p { width: 100%; text-align: right; margin: 10px 0;} .paypal-cart-icon { float: left; padding-right: 10px;} div.note-box { position: absolute; border: 1px solid #000; background-color: #f6f5eb; margin: 0 0 0 30px; padding: 3px; width: 150px; line-height: 15px; white-space: normal; overflow: hidden;} .printable #content-container { position: static; padding: 0; margin-top: 82px;} .printable #content-container2 { float: none; position: static; left: 0; right: 0; width: 100%;} .printable #center { float: none; position: static; width: 100%; left: 0;} .printable #header { position: static; height: 82px;} .printable #header .tabs, .printable #header .line2, .printable #header .printable, .printable .no-print {display: none;} .printable #center-main { margin: 0 10px !important; position: static;} .printable #footer {position: static !important;} .printable #footer .subbox {background: transparent none;} .printable button.button, .printable div.button, .printable a.simple-button {display: none;} .printable .dialog .title {background: transparent none;} .title h2 {margin: 0;} .printable .product-details .dropout-wrapper {height: 150px;} .printable #content-container, .printable #center-main {overflow: visible !important;} .uo-container #content-container {padding-bottom: 74px;} .uo-container #footer {height: 74px;} .normal {font-weight: normal;} .admin-preview #header, .admin-preview #footer, .admin-preview #left-bar, .admin-preview #right-bar, .admin-preview #location, .admin-preview .offers-short-list, .admin-preview .creviews-dialog, .admin-preview .send2friend-dialog {display: none;} .admin-preview #content-container { margin: 0; padding: 0;} .admin-preview #center-main {margin: 5px;} .need-help-link { text-decoration: none !important; cursor: help; border: none; border-bottom: 1px dashed #3c6992 !important; white-space: nowrap; color: #3c6992 !important;} div.need-help-box, div.need-help-box div { position: relative; width: 200px; margin: 0; padding: 0;} div.need-help-box div { position: absolute; top: 0; left: 14px; border: 1px solid #888; background: #FFF; padding: 6px; white-space: normal; font-weight: normal; overflow: hidden;} select.adv-search-select {width: 400px;} div.evaluation-notice { border: solid 4px #c7c5c5; background: #f7f6f4; padding: 16px; color: #2c3e49; margin-bottom: 25px;} div.evaluation-notice span.license-warning { color: #911717; font-weight: bold;} 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 #fff !important;} div.market-price {margin-top: 4px;} div.man-url {margin-bottom: 6px;} #payment-form { width: 100%; text-align: left;} #payment-form .payment-note {width: 400px;} ul.address-container { text-align: left; padding: 0; margin: 0;} div.address-bg { background: transparent url(../../skin/common_files/css/../images/bg_post.png) repeat top left; margin: 2px; padding: 8px; width: 260px;} li.address-box { display: inline-block; margin: 0 50px 50px 0; padding: 0; border: solid 1px #ddd; width: 280px; min-height: 200px; overflow: hidden; text-decoration: none; vertical-align: top; text-align: left; list-style: none;} .address-main { padding: 5px 10px; background: #fff; min-height: 170px;} .address-main a.new-address { font-size: 22px; line-height: 36px;} .address-main .new-address-label { padding-top: 40px; text-align: center;} .address-default { font-weight: bold; vertical-align: top;} .address-default img { margin-right: 5px;} .address-line { margin: 5px 0;} .popup-address { min-width: 780px; text-align: left;} .popup-address .address-box { margin: 0 25px 25px 0; padding: 0; border: solid 1px #ddd; width: 230px; float: left; min-height: 150px; overflow: hidden;} .popup-address .address-current {border: solid 1px #1a478f;} .popup-address .address-main {min-height: 120px;} .popup-address .address-bg {width: 210px;} .popup-address .address-main hr {margin: 15px 0 30px;} .popup-address .address-main .new-address-label {padding-top: 28px;} .popup-address .address-main a.new-address {line-height: 32px;} .popup-address .address-default {float: right;} .per-page-selector {float: right;} .transactions { border-top: 1px solid #666; margin-top: 10px; padding-top: 15px;} .delete-icon { width: 8px; height: 8px; background: transparent url(../../skin/common_files/css/../images/delete_record.gif) no-repeat left top;} .checkout-sns-button { position: absolute; top: 0; left: 30px; height: 100%;} .checkout-sns-button img { width: 9px; height: 9px;} .checkout-top-login { position: absolute; top: 0; right: 10px; height: 20px; line-height: 21px; text-align: right; width: 50%; vertical-align: middle;} #header .checkout-top-login .simple-button {margin-bottom: 7px;} .checkout-top-login-text { white-space: nowrap; padding: 0 10px 0 0;} .checkout-container #header .line2 {height: 20px;} .checkout-container #content-container {margin-top: 102px;} .checkout-container #header {height: 102px;} .checkout-container #center {text-align: center;} .checkout-container #center-main {text-align: left;} .checkout-login-text { font-size: 12px; font-weight: 700; margin: auto 0;} .checkout-login-text a:link, .checkout-login-text a:visited, .checkout-login-text a:hover, .checkout-login-text a:active {text-decoration: underline;} .checkout-buttons .checkout-1-button {float: right;} .checkout-buttons .checkout-3-button, .checkout-buttons .checkout-2-button { margin-left: 20px; float: right;} div.checkout-2-button {background: transparent url(../../skin/common_files/css/../images/but_flc_main_right.png) no-repeat right top;} div.checkout-2-button div, div.checkout-2-button a:link, div.checkout-2-button a:visited, div.checkout-2-button a:hover, div.checkout-2-button a:active { background: transparent url(../../skin/common_files/css/../images/but_flc_main_left.png) no-repeat; line-height: 29px; color: #510000; font-weight: 700; font-size: 11px;} div.checkout-1-button {background: transparent url(../../skin/common_files/css/../images/but_flc_right.png) no-repeat right top;} div.checkout-1-button div, div.checkout-1-button a:link, div.checkout-1-button a:visited, div.checkout-1-button a:hover, div.checkout-1-button a:active { background: transparent url(../../skin/common_files/css/../images/but_flc_left.png) no-repeat; line-height: 29px; color: #111d4d; font-weight: 700; font-size: 11px;} div.checkout-buttons div.checkout-3-button { background: transparent url(../../skin/common_files/css/../images/but_flc_arrow_right.png) no-repeat right top; padding-right: 30px;} div.checkout-3-button div, div.checkout-3-button a:link, div.checkout-3-button a:visited, div.checkout-3-button a:hover, div.checkout-3-button a:active { background: transparent url(../../skin/common_files/css/../images/but_flc_main_left.png) no-repeat; line-height: 29px; color: #510000; font-weight: 700; font-size: 11px;} ul.simple-list, ul.simple-list-left { list-style: none; padding: 10px 0 0; margin: 0;} .simple-list-left {padding-bottom: 14px;} .item-left {float: left;} .item-right {float: right;} .ui-tabs { padding: 0; border: 0 none;} .ui-tabs .ui-tabs-panel {border-width: 1px;} .ui-tabs .ui-widget-header { background: transparent none; border: 0 none;} .ui-tabs .ui-tabs-nav {padding-left: 0;} #top-links .ui-widget-content { height: 1px; padding: 0; border-width: 1px 0 0;} img.separator { width: 100%; height: 1px; margin-top: 15px; margin-bottom: 15px; background-color: #5F94C0;} .cart .buttons .left-buttons-row.buttons-row button.button {margin-top: -1px;} .simple-products-table tr.separator td { height: 30px; padding: 0;} .simple-products-table .product-cell {padding-right: 10px;} .simple-products-table td.last {padding-right: 0px;}/* 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; } /* 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; } /* News list */ 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; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Special offers 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____ */ .products-list .special-price-row { text-decoration: line-through; } .offers-cart-button { float: right; } .cart .right-buttons-row { width: 60%; } .cart .right-buttons-row .button-separator { width: 60px; float: right; } .cart .offers-common-price { color: #010101; font-weight: bold; font-size: 12px; background: transparent url(../../skin/common_files/modules/Special_Offers/../../images/spacer_black.gif) repeat-x left 8px; padding: 0; margin: 0; } .cart .offers-free-note { margin: 10px 0; padding: 0; font-size: 14px; color: #a10000; } .cart .offers-free-shipping-note { margin: 10px 0; padding: 0; font-size: 14px; color: #a10000; } .products-list .special-price-row { text-decoration: line-through; } .cart .right-buttons-row .button-separator { width: 60px; float: right; } a.offers-thumbnail:link, a.offers-thumbnail:visited, a.offers-thumbnail:hover, a.offers-thumbnail:active { padding: 0; margin: 0 0 0 -51px; text-decoration: none; text-align: left; } .products-table a.offers-thumbnail:link, .products-table a.offers-thumbnail:visited, .products-table a.offers-thumbnail:hover, .products-table a.offers-thumbnail:active { display: inline; position: static; margin: 0 0 0 -51px; text-align: left; } .rtl a.offers-thumbnail:link, .rtl a.offers-thumbnail:visited, .rtl a.offers-thumbnail:hover, .rtl a.offers-thumbnail:active { text-align: right; } .rtl .products-table a.offers-thumbnail:link, .rtl .products-table a.offers-thumbnail:visited, .rtl .products-table a.offers-thumbnail:hover, .rtl .products-table a.offers-thumbnail:active { display: block; position: relative; margin: -44px 0 0 70px; text-align: left; } a.offers-thumbnail:link img, a.offers-thumbnail:visited img, a.offers-thumbnail:hover img, a.offers-thumbnail:active img { width: 49px; height: 50px; margin: 0; background: transparent url(../../skin/common_files/modules/Special_Offers/../../images/special_offer_icon.png) no-repeat left top; } .offers-price { color: #b51a00; font-weight: bold; font-size: 14px; margin: 15px 0; padding: 0; } /** * Offers short list */ .offers-short-list { margin-bottom: 10px; margin-top: 15px; text-align: left; } .printable .offers-short-list { padding-left: 0; padding-right: 0; } .offers-cell { float: left; padding-left: 5px; padding-right: 5px; } .offers-cell.first { padding-left: 0; } .offers-cell.last { padding-right: 0; } .offers-cell img { margin: 5px; } .offers-more-info { text-align: right; vertical-align: middle; } .offers-more-info a:link, .offers-more-info a:visited, .offers-more-info a:hover, .offers-more-info a:active { color: #043fa0; padding-right: 12px; } .offers-more-info a:link, .offers-more-info a:visited, .offers-more-info a:hover, .offers-more-info a:active { text-decoration: underline; } /** * Bonuses view */ .offers-bonus-title { float: left; width: 50%; text-align: right; } .offers-bonus-value { font-weight: bold; } .offers-bonuses-page .subheader { margin-top: 15px; } .error-page .offers-short-list { display: none; } .cart-free-offer-title { color: #043fa0; font-weight: bold; text-decoration: underline; cursor: pointer; } .product-details .details .bp-icon-header { height: 35px; text-align: center; vertical-align: middle; color: #ff6d00; font-weight: bold; font-size: 18px; background: transparent url(../../skin/common_files/modules/Special_Offers/images/bp_icon_top_middle.gif) repeat-x; } .product-details .details .bp-icon-footer { height: 19px; text-align: center; vertical-align: middle; color: #fff; font-weight: bold; font-size: 10px; white-space: nowrap; background: transparent url(../../skin/common_files/modules/Special_Offers/images/bp_icon_bottom_middle.gif) repeat-x; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Wholesale trading 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____ */ #wl-prices { margin-top: 15px; } #wl-prices table td { padding: 2px 10px; background: #eee none; white-space: nowrap; } #wl-prices table th { padding: 2px 10px; white-space: nowrap; background: #ccc none; font-weight: bold; text-align: center; } #wl-prices div strong { color: #112536; } /* 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: */ /** * 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: */ /** * 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: 10px; 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: */ /** * 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: #ab0000; } div.opc-container label { font-size: 12px; line-height: 18px; vertical-align: middle; } div.opc-container #center-main { text-align: left; width: 940px; margin: 0 auto; padding: 10px; } 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/common_files/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: 30%; 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/common_files/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/common_files/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; } .giftwrapping-cart, .total, .total-value, li#opc_shipping_payment, td.cart-column-total, th.invoice-total-column, td.invoice-total-column, td.invoice-total-name, td.invoice-total-value, td.invoice-total-name-fin, td.invoice-total-value-fin, td.invoice-price-column span.currency { display: none; } th.invoice-price-column {color:#CCCCCC} /* vim: set ts=2 sw=2 sts=2 et: */ /** * Flyout menus module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.3 2010/07/22 09:41:43 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ .menu-fancy-categories-list .content { overflow: visible; padding-top: 5px; padding-left: 0; padding-right: 6px; } .fancycat-icons-c { padding-top: 5px; padding-left: 8px; overflow: hidden; } .fancycat-icons-c ul { list-style: none; padding: 0; } .fancycat-icons-c ul li { padding: 4px 15px 5px 0; position: relative; } .fancycat-icons-c ul.fancycat-icons-level-1 li { padding-bottom: 3px; } .fancycat-icons-c ul li ul { margin-top: 3px; } .fancycat-icons-c li.closed { border-bottom: 1px solid #000; } .fancycat-icons-c li.closed ul { display: none; } .fancycat-icons-c ul li a { color: #000; font-size: 12px; display: block; } .fancycat-icons-c ul li a:hover { color: #aa0001 !important; text-decoration: none !important; } .fancycat-icons-c li a.arrow { display: block; position: absolute; left: auto; right: 3px; top: 5px; outline-style: none; width: 12px; height: 12px; background: transparent url(../../skin/common_files/modules/Flyout_Menus/Icons/plus_minus.gif) no-repeat left -12px; overflow: hidden; } .fancycat-icons-c li.closed a.arrow { background-position: left top; } .fancycat-icons-c a.empty-link { color: #000; } .fancycat-icons-c li li a { padding-left: 8px !important; font-size: 11px !important; color: #aa0001 !important; } .fancycat-icons-c li li a:hover { color: #000 !important; } .fancycat-icons-c li li li a { font-size: 11px !important; color: #000 !important; border: none !important; } .fancycat-icons-c li li li a:hover { color: #aa0001 !important; } .fancycat-icons-c li li li li a { font-size: 11px !important; color: #aa0001 !important; border: none !important; } .fancycat-icons-c li li li li a:hover { color: #000 !important; } .fancycat-icons-c ul li.industry { padding: 4px 0 5px 0; position: relative; }html, body { min-width: 960px; text-align: center; background: url(../../skin/2-columns/css/../images/2column/body.png) repeat left top; } h1 { font-size: 23px; color: #AD0000; } a { color: #AD0000; text-decoration: underline; } a:hover { color: #000; text-decoration: underline; } #page-container { border: 0 none; float: none; background: url(../../skin/2-columns/css/../images/2column/page-container.jpg) repeat-x left 131px; } #page-container2 { margin: 0 auto; text-align: left; width: 960px; float: none; } #content-container { margin-top: 202px; background: url(../../skin/2-columns/css/../images/2column/content-container.png) repeat-y right top; padding-right: 3px; } #left-bar { width: 230px; margin-left: 0; } #center-main { margin: 0 0 0 250px; padding-bottom: 0; padding-right: 10px; } #header { height: 203px; border-top: 4px solid #ad0000; } #footer { height: 99px; background: url(../../skin/2-columns/css/../images/2column/footer.jpg) repeat-x left top; } #header .line0 { position: relative; height: 203px; direction: ltr; background: url(../../skin/2-columns/css/../images/2column/line0.jpg) no-repeat center top; width: 960px; margin-right: auto; margin-left: auto; padding-right: 3px; padding-left: 3px; } #header .logo { position: absolute; top: 2px; left: 0; height: 67px; margin: 0 !important; } #header .line1 { height: 38px; margin-left: 340px; width: auto; } #header .line2 { margin-left: 340px; width: auto; height: 85px; } #header .line3 { height: 34px; width: auto; } .tabs { right: auto; width: auto; text-align: left; left: -3px; position: absolute; margin: 0; padding: 2px 0 0; height: 59px; width: 80%; } .tabs ul { margin: 0 0 0 10px; padding: 0; list-style: none; } .tabs li { background: transparent none; float: left; margin: 0 5px 0 0; padding: 0; text-align: center; vertical-align: middle; height: 59px; /* width: 110px;*/ } .tabs a { display: block; background: transparent none; margin: 0; padding: 0 15px; color: #000; height: auto; font-size: 13px; text-align: center; text-decoration: none; vertical-align: middle; height: 51px; outline-style: none; /* width: 110px; */ font-size: 13px; line-height: 51px; font-weight: bold; } .tabs a:hover { color: #aa0001; background: url(../../skin/2-columns/css/../images/2column/tab-hover.jpg) repeat-x center top; } .tabs li.first a:hover { background: url(../../skin/2-columns/css/../images/2column/highlight-first.jpg) no-repeat center top; } #header .phones { height: auto; line-height: inherit; color: #fff; right: 14px; top: 0; font-size: 18px; height: 38px; line-height: 30px; padding: 0px; text-align: right; width: 200px; } #header .phones span { color: #fff; } #header .phones span.last { padding-left: 0; display: none; } #header div#header-cart { width: 240px; margin-left: 170px; } #header .line2 div, #header .line2 span, #header .line2 a:link, #header .line2 a:visited, #header .line2 a:hover, #header .line2 a:active { color: inherit; } #header div.search { left: auto; background: url(../../skin/2-columns/css/../images/2column/search.png) no-repeat center center; height: 38px; right: 0px; } #header a.search:link, #header a.search:visited, #header a.search:hover, #header a.search:active {display: none;} #header a.search:hover {} #header .languages { top: 7px; right: auto; text-align: left; left: 0; } #header .search input.text { background: none; border: none; width: 187px; height: 21px; padding-left: 10px; } #header .search input.image-button { cursor: pointer; background: none; width: 30px; height: 33px; } #header .languages { top: 7px; right: auto; text-align: left; left: 0; } #header .languages-row strong { font-weight: bold; color: #838f98; } #header .languages-row a:link, #header .languages-row a:visited, #header .languages-row a:hover, #header .languages-row a:active { font-weight: bold; color: #324c76; } #header .auth-row { position: absolute; top: 7px; right: 0; color: #2c3e49; } .auth-row a:link, .auth-row a:visited, .auth-row a:hover, .auth-row a:active { color: #324c76; padding: 0 1px; font-weight: bold; text-decoration: none; } .auth-row a:hover { color: #043FA0; } .auth-row span { color: #324c76; padding: 0 15px 0 0; font-weight: bold; } #footer .box { width: 960px; margin-right: auto; margin-left: auto; height: 58px; padding-top: 41px; background: url(../../skin/2-columns/css/../images/2column/box.jpg) no-repeat center top; } #footer .left { float: left; vertical-align: middle; height: 100px; width: 650px; text-align: left; } #footer .left p { float: left; color: #000; margin: 0 20px 0 0; } #footer .left p span{ font-weight: bold; font-size: 16px; } #footer .subbox { height: 45px; float: right; width: 310px; text-align: right; } #footer .subbox .helpbox { display: block; margin: 0; padding: 0; list-style-type: none; font-size: 12px; white-space: nowrap; height: 20px; width: 310px; float: right; } #footer .subbox .helpbox li { margin: 0; padding: 0; display: inline; } #footer .subbox .helpbox li a:link, #footer .subbox .helpbox li a:visited, #footer .subbox .helpbox li a:hover, #footer .subbox .helpbox li a:active, #footer .subbox .right a { color: #000; text-decoration: none; } #footer .subbox .helpbox li a:hover { text-decoration: underline; } #footer .subbox .right { width: 310px; float: right; text-align: right; padding: 2px 0 0 0;} #footer .subbox .right a {text-decoration: underline;} #footer .subbox .right a:hover {text-decoration: none;} .checkout-container #header { height: 107px; } .checkout-container #header .line2 { height: 39px; } .checkout-container #header .line3 { height: 34px; } .checkout-container #content-container { margin-top: 202px; } .checkout-container #center-main { margin-left: 0; width: 960px; } #location { height: auto; } .printable-bar { top: 0; right: 0; width: 20%; text-align: right; } .printable-bar a:link, .printable-bar a:visited, .printable-bar a:hover, .printable-bar a:active { background-position: left top; padding: 2px 0 2px 20px; font-size: 11px; color: #818891; } a.bread-crumb { color:#000 !important; } a.bread-crumb:hover, .printable-bar a:hover { color: #818891 !important; text-decoration: none !important; } .buttons-row-right, .buttons-row, .button-row, .button-row-right, table tr td.buttons-row, table tr td.button-row, table tr td.buttons-row-right, table tr td.button-row-right table.data-table tr td.buttons-row, table.data-table tr td.button-row, table.data-table tr td.buttons-row-right, table.data-table tr td.button-row-right { height: 26px; line-height: 26px; } button.button { height: 27px; } button.button .button-right { background: transparent url(../../skin/2-columns/css/../images/2column/button_blue_right.gif) no-repeat right top; padding: 0 10px 0 0; height: 25px; } button.button .button-left { background: transparent url(../../skin/2-columns/css/../images/2column/button_blue_left.gif) no-repeat left top; padding: 0 5px 0 15px; height: 25px; line-height: 24px; font-size: 12px; } div.button { background: transparent url(../../skin/2-columns/css/../images/2column/button_blue_right.gif) no-repeat right top; padding: 0 10px 0 0; } div.button div, div.button a:link, div.button a:visited, div.button a:hover, div.button a:active { background: transparent url(../../skin/2-columns/css/../images/2column/button_blue_left.gif) no-repeat left top; padding: 0 5px 0 15px; line-height: 24px; font-size: 12px; color: #111D4D; text-decoration: none; } button.main-button .button-right { background: transparent url(../../skin/2-columns/css/../images/2column/button_red_right.gif) no-repeat right top; } button.main-button .button-left { background: transparent url(../../skin/2-columns/css/../images/2column/button_red_left.gif) no-repeat left top; color: #fff; } div.main-button { background: transparent url(../../skin/2-columns/css/../images/2column/button_red_right.gif) no-repeat right top; } div.main-button div, div.main-button a:link, div.main-button a:visited, div.main-button a:hover, div.main-button a:active { background: transparent url(../../skin/2-columns/css/../images/2column/button_red_left.gif) no-repeat left top; color: #fff !important; text-decoration: none !important; } .printable #header .line0 { height: 82px; } button.menu-button { height: 22px; } button.menu-button .button-right { background: transparent url(../../skin/2-columns/css/../images/2column/but_menu_right.png) no-repeat right top; padding-right: 7px; height: 20px; } button.menu-button .button-left { background: transparent url(../../skin/2-columns/css/../images/2column/but_menu_left.png) no-repeat left top; height: 20px; padding: 0 1px 0 8px; color: #deedf7; font-size: 10px; height: 21px; line-height: 20px; } div.menu-button { background: transparent url(../../skin/2-columns/css/../images/2column/but_menu_right.png) no-repeat right top; padding-right: 7px; } div.menu-button div, div.menu-button a:link, div.menu-button a:visited, div.menu-button a:hover, div.menu-button a:active { background: transparent url(../../skin/2-columns/css/../images/2column/but_menu_left.png) no-repeat left top; padding: 0 1px 0 8px; line-height: 20px; color: #deedf7 !important; font-size: 10px; } button.light-button { height: 23px; } button.light-button .button-right { background: transparent url(../../skin/2-columns/css/../images/2column/but_light_right.gif) no-repeat right top; padding: 0 5px 0 0; height: 22px; } button.light-button .button-left { background: transparent url(../../skin/2-columns/css/../images/2column/but_light_left.gif) no-repeat left top; padding: 0 5px 0 11px; color: #365f8f; line-height: 21px; font-size: 11px; } div.light-button { padding: 0 5px 0 0; background: transparent url(../../skin/2-columns/css/../images/2column/but_light_right.gif) no-repeat right top; } div.light-button div, div.light-button a:link, div.light-button a:visited, div.light-button a:hover, div.light-button a:active { background: transparent url(../../skin/2-columns/css/../images/2column/but_light_left.gif) no-repeat left top; padding: 0 5px 0 11px; color: #365f8f !important; font-size: 11px; text-decoration: none !important; } /** * Add2Cart AJAX-based */ button.do-add2cart-wait .button-right, button.do-add2cart-success .button-right, button.do-add2cart-error .button-right { border: 1px solid #ccc; background: transparent none; padding: 0; height: 21px; } button.do-add2cart-wait .button-left, button.do-add2cart-success .button-left, button.do-add2cart-error .button-left { background: transparent none; padding: 0 14px; color: #365f8f; font-size: 12px; height: 21px; line-height: 20px; } div.checkout-1-button { background: transparent url(../../skin/2-columns/css/../images/2column/button_big_blue_right.gif) no-repeat right top !important; } div.checkout-1-button div, div.checkout-1-button a { background: transparent url(../../skin/2-columns/css/../images/2column/button_big_blue_left.gif) no-repeat left top !important; line-height: 30px !important; color: #111D4D !important; } div.checkout-3-button { background: transparent url(../../skin/2-columns/css/../images/2column/button_big_red_right.gif) no-repeat right top !important; } div.checkout-3-button div, div.checkout-3-button a { background: transparent url(../../skin/2-columns/css/../images/2column/button_big_red_left.gif) no-repeat left top !important; line-height: 30px !important; color: #fff !important; text-decoration: none !important; } div.drop-out-button { padding-right: 27px; background: transparent url(../../skin/2-columns/css/../images/2column/button_dropdown.gif) no-repeat right top; } .dropout-box div.light-button div, .dropout-box div.light-button a { line-height: 21px; } .search input.image-button { width: 22px; height: 20px; background: transparent url(../../skin/2-columns/css/../images/2column/button_search.gif) no-repeat left top; } .menu-dialog .title-bar { line-height: 27px; font-weight: bold; } .menu-dialog .title-bar { width: 100%; border: 0 none; height: 27px; border-bottom: 1px dashed #ad0000; } .menu-dialog .title-bar img.icon {display:none;} .menu-dialog .title-bar h2 { font-size: 16px; font-weight: normal; line-height: 27px; height: 27px; margin: 0; padding: 0 0 0 5px; width: auto; display: inline; text-transform:uppercase; color: #ad0000; } li.industry { margin-left: -5px !important; padding-top: 10px !important; } .menu-categories-list ul li { background: transparent none; padding: 6px 0 6px 7px; } .menu-categories-list ul li a { font-size: 15px; font-weight: bold; } .menu-bestsellers ul li a, .menu-manufacturers ul li a { font-size: 12px; } .menu-minicart.full .title-bar img.icon { background: transparent url(../../skin/2-columns/css/../images/2column/cart_full.gif) no-repeat left top; width: 18px; height: 13px; display: block; } .menu-minicart h2 .minicart-items-label { font-weight: normal; } .menu-minicart h2 .minicart-items-delim, .menu-minicart h2 .minicart-items-total { display: none; } .menu-minicart .content ul { margin-left: 16px; } .menu-minicart .content ul li a { text-decoration: underline; color: #043fa0; line-height: 20px; } #header-cart .menu-minicart .content ul li a { /* text-decoration: underline; color: #043fa0; line-height: 20px;*/ display:none; } .menu-minicart .content ul li a:hover { text-decoration: none !important; } .minicart, .minicart .empty, .minicart .full { display: inline; } hr.minicart { display: none; } .ajax-minicart .title-bar { } #content-container .ajax-minicart img.icon, #header-cart .ajax-minicart img.icon { position: absolute; width: 18px; height: 13px; } #content-container .ajax-minicart img.minicart-button, #header-cart .ajax-minicart img.minicart-button { background: transparent url(../../skin/2-columns/css/../images/2column/cart_button.gif) no-repeat left top; width: 38px; height: 21px; cursor: pointer; position: absolute; overflow: hidden; top: 3px; left: 6px; margin: 0; } #content-container .ajax-minicart img.minicart-button-show, #header-cart .ajax-minicart img.minicart-button-show { background-position: left -21px; } .ajax-minicart .title-bar h2 { position: absolute; top: 0; left: 50px; right: 0; overflow: hidden; } .ajax-minicart .title-bar img.minicart-button-show { background-position: left -21px; } .minicart-box { top: 22px; } .menu-minicart, .menu-special {} .menu-minicart .title-bar, .menu-special .title-bar { border-bottom: 1px dashed #ab0000; } .menu-minicart .title-bar h2, .menu-special .title-bar h2 { color: #2c3e49; } .news-box { float: right; width: 223px; border: 1px solid #c9d1dc; padding: 12px; margin-left: 30px; margin-bottom: 20px; } table.data-table td { line-height: 22px; } .dialog { border: 0 none; } .dialog .title { padding-left: 0; background: transparent url(../../skin/2-columns/css/../images/2column/list_dialog_bg_right.gif) no-repeat right top !important; height: 32px; border: 0 none; } .dialog .title h2 { padding-left: 18px; background: transparent url(../../skin/2-columns/css/../images/2column/list_dialog_bg_left.gif) no-repeat left top; height: 32px; line-height: 32px; } .dialog .title div.sort-box { height: 32px; } .dialog .title div.sort-box .search-sort-bar { margin-top: 8px; margin-bottom: 8px; } .products .descr, .product-details .details .descr { font-size: 12px; } .products a.product-title:link, .products a.product-title:visited, .products a.product-title:hover, .products a.product-title:active, .products .product-title, .product-details .product-title { color: #043fa0; } .products a.product-title:hover { color: #253161; } .products .buy-now .quantity { height: auto; padding-top: 5px; } .products .buttons-row { margin-top: 15px; } .products-table .product-cell { padding-left: 5px; padding-right: 5px; } .products-list .product-cell-fccheckbox { text-align: center; } .products-table .buttons-row, .products-table .button-row { margin-top: 5px; } .products-table .fcomp-checkbox-box { margin-top: 4px; } .totals .total { text-transform: none; } table.totals td.total-value, table.totals td.total-value-alt { color: #ea6a06; } table.product-properties { margin-top: 10px; } table.product-properties tr td { font-size: 12px; padding-top: 4px; padding-bottom: 4px; } table.product-properties td.property-name table tr td { white-space: nowrap; } table.product-properties .product-price { color: #5e6c75; font-size: 20px; font-weight: normal; } table.product-properties .product-price-value { font-size: 20px; font-weight: normal; } table.product-properties .product-market-price { font-size: 20px; font-weight: normal; } .product-price-row .property-name, .product-price-row .property-value { vertical-align: bottom; padding-bottom: 0; } table.product-properties .product-mprice-row td { padding-top: 0; } .poptions-product-separator { font-size: 1px; line-height: 1px; height: 10px; } .product-details .market-price { font-size: 14px; padding: 8px 0; } .product-details .buttons-row { margin-top: 8px; } .offers-short-list { margin-top: 10px; } strong.language-code img, .language-code-over { border: solid 1px #aaa !important; } .iv-box a:link, .iv-box a:visited, .iv-box a:active { color: #043FA0; } .iv-box a:hover { text-decoration: none !important; } div.news h2 { margin-top: 2px; font-size: 16px; font-weight: 400; font-style: normal; } div.opc-container h2, div.opc-container h3 { color: #ab0000; } table.products { border-top: solid 1px #000; border-right: solid 1px #000; } table.products th { border-bottom: solid 1px #000; border-left: solid 1px #000; font-size: 16px; padding: 5px; } table.products td { border-bottom: solid 1px #000; border-left: solid 1px #000; font-size: 14px; padding: 4px; } table.products tr.odd td { background: #ccc; } table.products td .buy-now { width: 210px; padding: 0; margin: 0; } table.products td .buy-now .quantity { float: left; width: 85px; } table.products td .buy-now .quantity-title { width: 20px; padding-right: 5px; } table.products td .buttons-row { float: right; width: 120px; margin: 0; padding: 0 5px 0 0; } /******************************* HOME PAGE **************************/ .logos { margin: 10px 0px 50px 30px; padding: 0px; float: right; height: 360px; width: 240px; border: 2px solid #333333; text-align: center; } .logos h1 { font-size: 16px; font-weight: normal; text-align: center; } .logos .top { border-top: 1px solid #333333; border-bottom: 1px solid #333333; } .logos .top a {} .logos .top a:hover {} .logos .bottom {} .logos .btm-left, .logos .btm-right { float: left; width: 100px; text-align: center; padding-right: 10px; padding-left: 10px; padding-top: 5px; } .logos .btm-right { background: #DDD; } .logos .btm-left a { padding: 2px 0px; display: block; } .logos .btm-left a:hover {} .logos .btm-right a { font-size: 13px; display: block; line-height: 37px; padding-top: 2px; padding-bottom: 2px; border-bottom: 1px solid #FFFFFF; width: 100%; } .logos .btm-right a:hover { color: #000000; text-decoration: none; } h1.home { color: #de1704; font-size: 32px; font-weight: normal; } p.home { color: #000; font-size: 14px; line-height: 20px; margin: 10px 0; padding: 0; } p.home a { color: #686868; text-decoration:underline; } p.home a:hover { color: #de1704; text-decoration: none; } p.home strong { color: #de1704; } ul.home li{ color: #de1704; font-size: 14px; line-height: 20px; margin: 10px 0; padding: 0 10px; } /******************************* END HOME PAGE **********************/ table.charts { width:100%; border: solid 1px #000; border-collapse:collapse; font-size: 14px; } .charts tr:nth-child(odd) { background-color:#eee; } .charts tr:nth-child(even) { background-color:#fff; } #header-cart .title-bar img.icon {display: none !important;} .leftmenu-login { padding: 5px 0 10px 15px; border-top: 1px solid #000; border-bottom: 1px solid #000; } .flag-holder { width: 100%; text-align: center; height: 120px; overflow: hidden; }