/* * 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%; }/* vim: set ts=2 sw=2 sts=2 et: */ /** * General CSS stylesheet for storefront pages * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.56.2.1 2010/08/16 07:16:11 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ /** * General tags styles */ html, body { height: 100%; background-color: #fff; margin: 0; padding: 0; min-width: 780px; border: 0 none; } body, input, select, textarea, button { font-family: verdana, arial, helvetica, sans-serif; color: #2c3e49; font-size: 11px; } a:link, a:visited, a:hover, a:active { color: #043fa0; text-decoration: underline; } a:hover { color: #2863c2; text-decoration: underline; } h1 { margin: 10px 0; padding: 0; font-size: 20px; color: #617683; 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; } /** * Service styles */ /** * float-box finisher */ .clearing { height: 0; font-size: 0; clear: both; } /** * vertical align (center) */ .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 { } /** * horizontal align */ .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 container */ .text-block { margin-bottom: 15px; } .text-pre-block { margin-top: 15px; } /** * no-wrap */ .nowrap { white-space: nowrap; } /** * width:100% emulator */ .width-100 { width: 100%; } /** * page break */ .page-break { height: 0; line-height: 0; margin: 0; padding: 0; page-break-after: always; } /** * pointer cursor */ .pointer { cursor: pointer; } /** * overflow wrapper */ .overflow { position: relative; margin-right: 20px; padding-bottom: 20px; overflow: auto; } /* display: none */ .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 { color: #aaa; } .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; } /** * Form elements styles */ 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; } /** * Common styles */ .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 { color: #112536; font-weight: bold; } .black-text { color: #000; } a.list-item:link, .list-item a:link { color: #043fa0; text-decoration: none; } a.list-item:visited, .list-item a:visited { color: #043fa0; text-decoration: none; } a.list-item:hover, .list-item a:hover { color: #2863c2; text-decoration: underline; } a.list-item:active, .list-item a:active { color: #043fa0; text-decoration: none; } 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 */ .currency { white-space: nowrap; } input.datepicker-formatted { border: solid 1px #bbb; margin-right: 5px; } input.datepicker-formatted[disabled] { background: #fff; color: #bbb; } /** * zipcode */ input.zipcode { width: 100px; } input.zip4 { width: 60px; } /** * password validation */ 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; } /*============================================================================== layout styles ==============================================================================*/ /** * page container */ #page-container { min-height: 100%; position: relative; } /** * page layout */ #content-container { clear: both; float: left; overflow: hidden; position: relative; width: 100%; padding-bottom: 39px; margin-top: 140px; } #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 { height: 140px; position: absolute !important; top: 0; left: 0; width: 100%; } #footer { height: 39px; width: 100%; position: absolute !important; bottom: 0; overflow: hidden; float: left; } /** * Right-to-left */ .rtl { direction: rtl; } /** * header styles */ #header .line1 { position: relative; height: 67px; direction: ltr; } #header .line1 .logo { padding-top: 9px; margin-left: 27px; width: 203px; } #header .line1 .logo a img { width: 203px; height: 48px; } /** * header tabs */ .tabs { position: absolute; top: 0; right: 0; margin: 0; padding: 0; height: 25px; width: 80%; text-align: right; } .tabs ul { margin: 0; padding: 0; list-style: none; } .tabs li { float: right; margin: 0 1px 0 0; padding: 0; background: transparent url(../../skin/common_files/css/../images/tab_r.png) no-repeat right top; height: 25px; } .tabs a { display: block; background: transparent url(../../skin/common_files/css/../images/tab_l.png) no-repeat left top; margin: 0 5px 0 0; padding: 5px 10px 5px 15px; text-align: center; vertical-align: middle; white-space: nowrap; color: #253161; text-decoration: none; font-weight: bold; font-size: 11px; height: 25px; outline-style: none; } .tabs a:hover { color: #2863c2; } /** * phones line */ #header .phones { position: absolute; right: 10px; top: 25px; height: 42px; vertical-align: middle; line-height: 42px; color: #5480a2; text-align: right; white-space: nowrap; font-size: 11px; } #header .phones span { padding-left: 15px; } /** * header line 2 */ #header .line2 { position: relative; width: 100%; border: none; border-top: 1px solid #cb480c; border-bottom: 1px solid #cb480c; background: url(../../skin/common_files/css/../images/head_linebg.gif) repeat-x top; height: 39px; color: #451300; } #header .line2 div, #header .line2 span { color: #451300; } #header .line2 a { color: #510000; } #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 line 3 */ #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; } /** * footer styles */ #footer .box { width: 100%; border: none; border-top: 1px solid #cb480c; padding: 0; } #footer .subbox { border-top: #ffd30d 1px solid; background: #f4f5f7 none; color: #667d92; height: 40px; vertical-align: middle; padding: 0; position: relative; } #footer .subbox .left { background: transparent none; position: absolute; left: 12px; top: 0; line-height: 40px; vertical-align: middle; } #footer .subbox .right { background: transparent none; position: absolute; right: 12px; top: 0; text-align: right; line-height: 40px; vertical-align: middle; } #footer .subbox a { color: #667d92; text-decoration: underline; } #footer .subbox a:hover { text-decoration: none; } /*============================================================================== widgets ==============================================================================*/ /** * location bar */ #location { min-height: 25px; line-height: 15px; margin-bottom: 10px; font-size: 11px; color: #818891; } font.bread-crumb { font-size: 11px; color: #818891; } a.bread-crumb { font-size: 11px; color: #818891; text-decoration: underline; } a.bread-crumb:hover { text-decoration: none; } font.last-bread-crumb { text-decoration: none; } #location span { padding: 0 5px; } /** * Dialog message container */ #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 { color: #112536; border-color: #7a97c1; background: #f4f5f7 url(../../skin/common_files/css/../images/icon_info.gif) no-repeat 10px 10px; } #dialog-message .message-w { color: #3e3104; border-color: #c3902f; background: #f8f7f3 url(../../skin/common_files/css/../images/icon_warning.gif) no-repeat 10px 10px; } #dialog-message .message-e { color: #590a0a; 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 { color: #1a2b3c; } /** * Form fill error */ .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 { color: #ce0000; font-size: 9px !important; display: none; } .fill-error div.error-label { display: block; } /** * Inline message */ .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; color: #4f6280; 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; } /** * side bar container */ .menu-dialog { border: 1px solid #5f94c0; margin-bottom: 15px; } .menu-dialog .title-bar { width: 100%; background: #9ec6de url(../../skin/common_files/css/../images/menu_bg.gif) repeat-x left top; border: 0 none; border-bottom: #215485 1px solid; height: 27px; overflow: hidden; } .menu-dialog .title-bar img.icon { vertical-align: middle; margin: 4px 7px 6px; width: 17px; height: 17px; } .menu-dialog .title-bar h2 { font-size: 12px; color: #fff; font-weight: bold; line-height: 27px; height: 27px; margin: 0; padding: 0; width: auto; display: inline; white-space: nowrap; } .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; background-color: #fff; padding: 8px 10px; overflow: hidden; } .menu-dialog .content a { color: #324c76; } .menu-dialog .content a:hover { color: #2863c2; } .menu-dialog ul { list-style: none; padding: 0; margin: 0; } .menu-dialog ul li { padding: 0; vertical-align: middle; } .menu-dialog .item { color: #112536; 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 container */ .dialog { border:0; padding: 0; margin: 0 0 30px; page-break-inside: avoid; } .dialog .title { position: relative; color: #253161; font-weight: bold; font-size: 13px; background: transparent url(../../skin/common_files/css/../images/dialog_bg.gif) repeat-x top left; 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; color: #58595b; } .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; } /** * Dialog with "noborder" class parameter */ .noborder { border: 0 none; } .noborder .content { padding: 0; } /********************************** * Buttons **********************************/ /** * button-based */ 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; color: #111d4d; font-weight: bold; font-size: 11px; height: 22px; line-height: 21px; } /** * div-based */ 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; color: #111d4d; font-weight: bold; font-size: 11px; text-decoration: none; outline-style: none; } /** * button-based link */ button.simple-button { border: 0 none; background-color: transparent; cursor: pointer; height: 15px; margin: 3px 0 0; padding: 0; white-space: nowrap; color: #043fa0; 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-based link */ 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-based */ 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-based */ 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; } /********************************* * Buttons alternative styles *********************************/ /** * Highlighted button */ 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; } /** * Light button */ 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; } /** * Delete cart item button */ a.simple-delete-button { color: #800; background: transparent url(../../skin/common_files/css/../images/delete_cross.gif) no-repeat left 7px; padding-left: 13px; } /** * Delete button w/o icon */ a.simple-delete-button-woicon { color: #800; } /** * Add to list... button */ 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; } /** * Menu button */ 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; } /** * Add2Cart AJAX-based */ 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(s) containers */ .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%; } /** * popup help link */ 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; } /** * cart page */ .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%; } /** * Gift wrapping */ .giftwrapping-cart { text-align: left; padding: 10px 0; } .giftwrap-option { padding: 5px 0 5px 5px; } .giftwrap-message-label { padding: 5px 0; } .giftwrap-message-text textarea { width: 300px; height: 80px; } .giftwrap-cart-note { margin-left: 15px; color: #b51800; } .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 */ .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 */ .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 */ .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; } /** * Expandable section */ .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; } /** * Pagination mechanism */ .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; } /** * Subheader styles */ h3 { margin: 0 0 10px; color: #b51a00; font-weight: bold; font-size: 12px; padding: 0; border: 0 none; border-bottom: 1px solid #9d1500; } h3.grey { color: #666; font-size: 11px; border-bottom: 1px solid #ccc; } h3.black { color: #010101; font-size: 12px; font-weight: bold; border-bottom: 1px solid #000; } h3.red { border-bottom: 1px solid #acb7c7; } h3.separator { margin-top: 30px; } /** * Table head cell */ .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 */ .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; } /** * Webmaster mode */ .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; } /** * BlockUI plugin (screen overlay) */ .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; } /*============================================================================== Side-bar styles ==============================================================================*/ /** * categories list */ .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; } /** * Special menu */ .menu-special img.icon { background-image: url(../../skin/common_files/css/../images/dingbats_categorie.gif); } /** * Help menu */ .menu-help img.icon { background-image: url(../../skin/common_files/css/../images/dingbats_help.gif); } /** * Minicart */ .menu-minicart .title-bar { background-image: url(../../skin/common_files/css/../images/menu_bg_light.gif); } .menu-minicart .title-bar h2 { color: #2c3e49; } .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 { color: #112536; 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 { color: #112536; font-size: 10px; padding: 1px; } hr.minicart { clear: both; margin: 5px 0; padding: 0; height: 0; } /** * AJAX-based minicart */ .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: 10px 10px 10px 5px; border: 1px solid #99a4ad; 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; } .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; color: #510000; 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 */ #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; } /** * auth box */ .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; } /** * news box styles */ .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; } /** * interneka menu */ .menu-interneka img.icon { background: url(../../skin/common_files/css/../images/dingbats_affiliates.gif) no-repeat; } /** * Popup-dialog */ div.popup-dialog { text-align: left; min-width: 300px; } /*============================================================================ page-specific styles ==============================================================================*/ /** * category page */ .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 page */ .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; } /** * Product properties table */ 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; } /** * Send 2 friend section */ input.send2friend { width: 300px; } textarea.send2friend { width: 400px; } #send_message_box { margin-top: 10px; } /********************************* * Products list *********************************/ /** * Common styles */ .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; } /** * List as list */ .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; } /** * List as multicolumn table */ .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; } /** * Advanced search page */ .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 page */ .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 page */ .cart .item { margin: 0 0 30px; } .cart .item .image { position: relative; padding: 3px 8px 3px 3px; height: 100%; } .cart .details { margin-left: 138px; vertical-align: top; width: 80%; } .cart .product-title { text-decoration: underline; } .cart .descr { padding-bottom: 15px; } .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 page */ .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; } /** * Payment wait page */ 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 page */ .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 page */ .help-cvv2-images { float: right; margin: 15px 5px 5px; } .help-cvv2-images img { float: none; display: block; margin-bottom: 15px; } /** * Help / usps test page */ .help-usps-test-dir { text-decoration: underline; margin-bottom: 15px; } /** * Images viewer */ .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 */ .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; } /** * 404 error page */ .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 { font: normal 74px arial, sans-serif; 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 */ .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; } /** * 'Note' box */ 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 */ .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 { display: none; } .printable #header .line2 { display: none; } .printable #header .printable { display: none; } .printable #center-main { margin: 0 10px !important; position: static; } .printable #footer { position: static !important; } .printable #footer .subbox { background: transparent none; } /** * Buttons */ .printable button.button, .printable div.button, .printable a.simple-button { display: none; } /** * Containers */ .printable .dialog .title { background: transparent none; } .title h2 { margin: 0; } .printable .product-details .dropout-wrapper { height: 150px; } /** * Service styles */ .printable .no-print { display: none; } .printable #content-container, .printable #center-main { overflow: visible !important; } /** * Users online sublayout */ .uo-container #content-container { padding-bottom: 74px; } .uo-container #footer { height: 74px; } .normal { font-weight: normal; } /** * Admin preview layout */ .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' box */ .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; } /** * Language selectors */ 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 page */ #payment-form { width: 100%; text-align: left; } #payment-form .payment-note { width: 400px; } /** * Address book */ 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 selection */ .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; } /** * Common checkout styles */ .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-buttons .checkout-1-button { float: right; } .checkout-buttons .checkout-3-button, .checkout-buttons .checkout-2-button { margin-left: 20px; float: right; } /** * Big main button */ 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; } /** * Big button */ 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; } /** * Big main with arrow button */ 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; } /** * jQuery UI tabs layout change * (remove style definitions below to have default UI tabs look & feel) */ .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; } /* Small design fix */ .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; } /* * Customization */ .TableHead { background-color: #c5d0e1; font-weight: bold; text-align: center; } .TableSubHead { background-color: #EEEEEE; font-weight: normal; } /* 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: */ /** * X-Magnifier 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/08/25 09:09:34 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ /* Product details page */ .magnifier-popup-link { margin-top: 3px; text-align: center; vertical-align: middle; } .magnifier-popup-link a:link, .magnifier-popup-link a:visited, .magnifier-popup-link a:hover, .magnifier-popup-link a:active { text-decoration: underline; background: transparent url(../../skin/common_files/modules/Magnifier/../../images/zoom_image.gif) no-repeat left top; padding-left: 16px; } .printable .magnifier-popup-link { display: none; } #magnifier_wrapper { min-height: 400px; margin: 0 auto; padding: 0; } #magnifier_div { position: relative; text-align: center; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Wishlist module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:30 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ .wishlist-sendlist { margin-top: 15px; } .wishlist-sendlist .button { margin-left: 10px; margin-top: -3px; } .wishlist-sendlist input.input-email { width: 140px; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Manufacturers module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:29 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ /* manufacturers menu list */ .menu-manufacturers img.icon { background: url(../../skin/common_files/modules/Manufacturers/../../images/dingbats_categorie.gif) no-repeat; } /* manufacturers list */ ul.manufacturers-list { padding: 0; margin: 0; list-style: none; } ul.manufacturers-list li { margin: 0; padding: 0 0 0 5px; white-space: nowrap; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * News management module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:29 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ .news-register-item { margin-bottom: 5px; } .news-register-item label { line-height: 15px; } .news-register-item span { font-style: italic; } /* 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: */ /** * X-Survey module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.3 2010/07/27 06:19:38 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ /* Surveys menu list */ .menu-survey .title-bar img { background: url(../../skin/common_files/modules/Survey/../../images/dingbats_categorie.gif) no-repeat; } /** * Survey page */ .survey-name { font-weight: bold; } .survey-header { font-size: 11px; padding-bottom: 15px; } .menu-survey .survey-header { font-size: 10px; } .survey-question { font-size: 12px; font-weight: bold; padding: 15px 2px 2px 2px; } .menu-survey .survey-question { font-size: inherit; padding: 0; } .survey-answers { padding: 2px 2px 5px 20px; } .menu-survey .survey-answers { padding: 8px 0; } .survey-textarea { width: 400px; height: 150px; } .menu-survey .survey-textarea { width: 120px; height: 60px; } .survey-answer { padding: 0 25px 15px 0; vertical-align: top; } .menu-survey .survey-answer { padding-bottom: 5px; } .survey-answer label { display: block; } .survey-answer textarea { width: 380px; height: 100px; margin-left: 20px; } .menu-survey .survey-answer textarea { width: 120px; height: 60px; } .survey-answer table tr td { padding: 3px; vertical-align: top; } .menu-survey .survey-answer table tr td { padding: 1px; } .survey-footer { font-size: 11px; } .menu-survey .survey-footer { font-size: 10px; } .survey-required { color: #b51a00; font-weight: bold; } .survey-required span { color: #b51a00; font-size: 10px; padding-left: 10px; font-weight: bold; } /** * Survey result page */ .survey-result-row { padding-left: 10px; } .survey-result-row table tr td { padding: 1px; white-space: nowrap; } .survey-result-answer { width: 250px; } .survey-result-row img.survey-bar { vertical-align: middle; height: 15px; background: transparent url(../../skin/common_files/modules/Survey/../../images/bar.gif) repeat left top; float: left; } .survey-answer-hl .survey-result-row img.survey-bar { background-image: url(../../skin/common_files/modules/Survey/../../images/bar_hl.gif); } .survey-bar-label { padding-left: 6px; } /* 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: */ /** * X-RMA module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:30 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ .rma-product-options-box { padding-left: 20px; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * X-Product configurator module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.3 2010/06/17 10:24:41 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ .pconf-cart-list { margin-bottom: 30px; } .pconf-cart-list table td { margin: 0; vertical-align: top; } .pconf-cart-list table td.pconf-cart-subproduct { padding-left: 10px; padding-right: 80px; } .pconf-cart-list table td.pconf-price-modifier { white-space: nowrap; text-align: right; color: #b51a00; } .pconf-cart-list table td.pconf-price { white-space: nowrap; text-align: right; padding-right: 10px; } .pconf-negative-price { color: #b51800; } .pconf-cart-list .subhead-row { background: #f1f1f1 none; } .pconf-cart-list tr.pconf-cart-total td { border-top: 1px solid #dddddd; } .pconf-cart-list tr.pconf-cart-total td.pconf-cart-total-name { padding-left: 20px; } .pconf-cart-list .button-row { margin: 0; padding-top: 15px; } /** * Configuration wizard: Step page */ .pconf-product-configure .pconf-step-title { font-weight: bold; font-size: 12px; margin: 0; padding: 0; } .pconf-product-configure .pconf-step-descr { margin: 0; padding: 15px 0 0 0; } .pconf-slot-configure { margin: 0; padding: 45px 0 0 0; } .pconf-slot-configure-first { padding-top: 25px; } .pconf-slot-header { position: relative; vertical-align: top; height: 35px; background-color: #efebef; margin-bottom: 10px; } .pconf-slot-configure .pconf-slot-title { left: 15px; top: 10px; font-weight: bold; position: absolute; margin-top: 0; } .pconf-slot-configure .pconf-slot-actions { margin: 0; padding: 0; width: 40%; right: 15px; top: 10px; position: absolute; } .pconf-slot-configure .pconf-slot-actions .buttons-row-right { padding: 0; margin: 0; } .pconf-slot-configure .pconf-slot-actions .buttons-row-right a { line-height: 14px; } .pconf-slot-configure .pconf-slot-descr { margin: 0; padding: 0 0 10px 0; } .pconf-slot-configure .pconf-slot-required { font-weight: normal; color: #b51a00; } .pconf-slot-product .image { text-align: center; vertical-align: top; white-space: nowrap; } .pconf-slot-product-details { vertical-align: top; padding-left: 20px; } .pconf-slot-product-details a.product-title { color: #043fa0; font-size: 12px; } .pconf-price-row { padding: 5px 20px 5px 0; font-size: 11px; } .pconf-price-row .price { font-weight: bold; } .pconf-price-row .price-value { font-weight: bold; color: #b51a00; } /** * Configuration wizard: Products list */ .pconf-rules tr td { padding: 2px; vertical-align: top; } .pconf-rules .pconf-rules-or { display: block; } /** * Configuration summary */ .pconf-product-summary table.product-properties { padding-top: 10px; width: auto; } .pconf-product-summary table tr td { white-space: nowrap; padding: 5px 15px 5px 0; } .pconf-product-summary table tr td.property-name { font-weight: bold; } p.pconf-summary { font-weight: bold; padding-bottom: 15px; } .pconf-summary-step { position: relative; vertical-align: top; border: 1px solid #c5d0e1; padding: 0; margin: 0 0 15px 0; } .pconf-summary-step .pconf-step-title { height: 26px; background: #e2e8f0 none; border: 0 none; border-bottom: 1px solid #c5d0e1; position: relative; vertical-align: middle; line-height: 25px; padding: 0 50px 0 10px; position: relative; margin: 0; } .pconf-summary-step .pconf-step-title .button-row { margin: 0; position: absolute; top: 2px; right: 10px; } .pconf-summary-slots { padding-top: 15px; } .pconf-summary-slots .pconf-slot-image, .pconf-summary-slots .pconf-slot-details { padding: 0 0 38px 0; } .pconf-summary-slots .pconf-slot-image { text-align: center; width: 90px; } .pconf-summary-slots .pconf-slot-title { font-weight: bold; } .pconf-summary-slots a.pconf-slot-product:link, .pconf-summary-slots a.pconf-slot-product:visited, .pconf-summary-slots a.pconf-slot-product:hover, .pconf-summary-slots a.pconf-slot-product:active { font-weight: bold; text-decoration: underline; } .pconf-summary-slots .pconf-slot-price { margin: 10px 0 0 0; padding: 0; } .pconf-summary-slots .pconf-slot-taxes { padding-left: 40px; } .pconf-summary-total { font-size: 12px; height: 40px; vertical-align: middle; } .pconf-cart-list-checkout { margin: 6px 6px 6px 20px; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Advanced Order Management module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:28 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ #history-box { padding: 5px; border: solid 1px #ccc; font-size: 10px; } #history-box ul { padding-left: 20px; margin: 0px; } #history-box li { padding: 0; margin: 0; font-size: 10px; } #history-box .subhead { color: #000; font-size: 10px; font-weight: bold; padding-top: 3px; margin: 0; } #history-box .subhead-comment { color: #000; font-size: 10px; font-weight: normal; padding: 3px 0; margin: 0; } #history-box .subhead-note { color: #848a94; padding: 3px 0; font-size: 10px; } #history-box .section-subhead { color: #b51a00; font-size: 10px; font-weight: normal; padding: 3px 0; margin: 0; } #history-box p { font-size: 10px; padding: 0; margin: 0; } #history-box .status { color: #848a94; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Feature Comparison Module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.5 2010/07/27 11:49:37 igoryan Exp $ * @link http: //www.x-cart.com/ * @see ____file_see____ */ /** * Comparison list */ .fcomp-list .title-bar img { background: url(../../skin/common_files/modules/Feature_Comparison/../../images/dingbats_categorie.gif) no-repeat; } .fcomp-list .fcomp-subtitle { font-weight: 700; padding: 0 0 5px; margin: 0; } .fcomp-list ul { margin: 0; padding: 0; } .fcomp-list ul li { padding: 1px 16px 1px 1px; margin: 0; position: relative; } .fcomp-list ul li img.delete-icon { position: absolute; top: 4px; right: 4px; } .fcomp-list ul li.fcomp-line { padding: 2px 0; } .fcomp-list ul li.fcomp-line hr { margin: 0; border-bottom-color: #dee2e9; } ul.fcomp-buttons li { margin: 5px 0px 25px 0px; } a.fcomp-menu-link { font-weight: 400; text-decoration: underline; } /** * Functionality in products list */ .fcomp-checkbox-box label { white-space: nowrap; vertical-align: middle; } .fcomp-checkbox-box label * { vertical-align: middle; } .products-list .fcomp-checkbox-box { margin-top: 10px; text-align: center; } .products-table .fcomp-checkbox-box { margin-top: 3px; } .fcomp-product-box { margin-top: 22px; } .fcomp-compare-with-title { margin: 15px 0 5px; } .fcomp-select-box { position: relative; white-space: nowrap; padding: 10px 0 0; height: 24px; } .fcomp-select-product { width: 200px; vertical-align: top; } .fcomp-compare-buttons { padding: 25px 0; } .printable .fcomp-compare-buttons, .printable .fcomp-checkbox-box, .printable .fcomp-product-box { display: none; } /** * Comparison page (classes list) */ .fcomp-classes-list .fcomp-class-title { background: #eee none; font-weight: 700; margin-top: 15px; } .fcomp-classes-list ul { margin: 0; padding: 0; list-style: none; } .fcomp-classes-list ul li { margin: 0; padding: 0 0 0 5px; } /** * Comparison page (classes list) */ .fcomp-toolbar { text-align: left; white-space: nowrap; padding-bottom: 15px; margin-right: 20px; } .fcomp-show-not-equal { width: 24px; height: 24px; background: transparent url(../../skin/common_files/modules/Feature_Comparison/../../images/nofiltr.png) no-repeat; } .fcomp-show-equal { width: 24px; height: 24px; background: transparent url(../../skin/common_files/modules/Feature_Comparison/../../images/filtr.png) no-repeat; } .fcomp-axis { width: 24px; height: 24px; background: transparent url(../../skin/common_files/modules/Feature_Comparison/../../images/change.png) no-repeat; } .fcomp-popup-link { width: 24px; height: 24px; background: transparent url(../../skin/common_files/modules/Feature_Comparison/../../images/popup.png) no-repeat; } .fcomp-removed-features { padding-top: 15px; padding-bottom: 15px; } .fcomp-removed-features span { padding-left: 5px; padding-right: 5px; } span.fcomp-removed-features-title { font-weight: 700; padding-right: 5px; } .fcomp-table .search-sort-bar { padding-right: 0; margin: 0 0 15px; } .fcomp-table table { background: #ccc none; float: left; } .fcomp-table tr td { padding: 2px; } .fcomp-table tr td.fcomp-corner { background: #fff none; width: 200px; } .fcomp-table tr td.fcomp-title { background: #ccc none; font-weight: 700; text-align: center; } .fcomp-table tr td.fcomp-empty { background-color: #eee; } .fcomp-xy tr td.fcomp-title-h { vertical-align: top; text-align: center; background-color: #eee; font-weight: 700; } .fcomp-xy tr td.fcomp-title-v { vertical-align: middle; background-color: #eee; white-space: nowrap; } .fcomp-yx tr td.fcomp-title-h { vertical-align: top; text-align: center; background-color: #eee; font-weight: 700; } .fcomp-yx tr td.fcomp-title-v { vertical-align: middle; background-color: #eee; white-space: nowrap; } .fcomp-yx tr td.fcomp-title-h a:link, .fcomp-yx tr td.fcomp-title-h a:visited, .fcomp-yx tr td.fcomp-title-h a:hover, .fcomp-yx tr td.fcomp-title-h a:link, .fcomp-yx tr td.fcomp-title-v a:link, .fcomp-yx tr td.fcomp-title-v a:visited, .fcomp-yx tr td.fcomp-title-v a:hover, .fcomp-yx tr td.fcomp-title-v a:active { font-weight: 700; } .fcomp-yx tr td.fcomp-title-h label, .fcomp-xy tr td.fcomp-title-v label { font-weight: 700; } .fcomp-table tr td.fcomp-hl-cell { vertical-align: middle; background-color: #fff5e4; text-align: center; } .fcomp-table tr td.fcomp-cell { vertical-align: middle; background-color: #fff; text-align: center; } .fcomp-table img.fcomp-yes { vertical-align: middle; width: 12px; height: 9px; background: transparent url(../../skin/common_files/modules/Feature_Comparison/../../images/yes.png) no-repeat left top; } .fcomp-table img.fcomp-no { vertical-align: middle; width: 10px; height: 10px; background: transparent url(../../skin/common_files/modules/Feature_Comparison/../../images/no.png) no-repeat left top; } .fcomp-table tr td.fcomp-center-note { white-space: nowrap; text-align: center; background: #fff none; } .fcomp-table tr td.fcomp-note { text-align: center; background: #fff none; } .fcomp-table tr td.fcomp-delete-cell { white-space: nowrap; background: #fff none; vertical-align: top; line-height: 15px; } .fcomp-table tr td.fcomp-delete-cell a:link, .fcomp-table tr td.fcomp-delete-cell a:visited, .fcomp-table tr td.fcomp-delete-cell a:hover, .fcomp-table tr td.fcomp-delete-cell a:active { background: transparent url(../../skin/common_files/modules/Feature_Comparison/../../images/delete_obj.gif) no-repeat left 1px; padding-left: 16px; display: block; height: 15px; } /** * Choosing page (classes list) */ .fcomp-class-cell { float: left; text-align: center; } .fcomp-class-cell a.image:link, .fcomp-class-cell a.image:visited, .fcomp-class-cell a.image:hover, .fcomp-class-cell a.image:active { text-decoration: none; } .fcomp-class-cell a:link, .fcomp-class-cell a:visited, .fcomp-class-cell a:hover, .fcomp-class-cell a:active { font-weight: 700; } /** * Choosing page (options list) */ .fcomp-options-table .data-name { white-space: nowrap; } table.fcomp-options-table td { padding-bottom: 15px; } table.fcomp-options-table table td { padding-bottom: 0; } .fcomp-options-label-including { padding: 0; font-size: 10px; } /** * Products list popup */ .fcomp-popup-dialog .content { vertical-align: top; } .fcomp-popup-dialog form { width: 100%; } .fcomp-popup-categories-list { width: 48%; float: left; vertical-align: top; padding: 0 0 15px; } .fcomp-popup-products-list { margin-left: 50%; width: 48%; vertical-align: top; padding: 0 0 15px; } .fcomp-popup-column-title { font-weight: 700; } .fcomp-popup-categories-list select, .fcomp-popup-products-list select { width: 100%; } img.fcomp-in-cart { width: 16px; height: 18px; background: transparent url(../../skin/common_files/modules/Feature_Comparison/images/in_cart.png) no-repeat; } img.fcomp-fake-image { display: none; } img.fcomp-progress-image { width: 60px; height: 19px; background: transparent url(../../skin/common_files/modules/Feature_Comparison/../../images/progress.gif) repeat-x 0 5px; } select.fcomp-select-product { margin-right: 10px; } /* 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: */ /** * 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: */ /** * 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: */ /** * Upselling products module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:30 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ ul.uproducts { list-style: none outside none; padding: 0; margin: 0; } .uproducts li { padding: 5px; font-weight: bold; } ul.uproducts a:link, ul.uproducts a:visited, ul.uproducts a:hover, ul.uproducts a:active { font-weight: bold; font-size: 12px; } .printable .uproducts { display: none; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * 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: */ /** * Bestsellers 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____ */ /** * Bestsellers menu box */ .menu-bestsellers img.icon { background: url(../../skin/common_files/modules/Bestsellers/../../images/dingbats_categorie.gif) no-repeat; } .menu-bestsellers ul li a:link, .menu-bestsellers ul li a:visited, .menu-bestsellers ul li a:hover, .menu-bestsellers ul li a:active { font-weight: normal; } .menu-bestsellers ul { margin-left: 20px; list-style: decimal outside none; font-weight: bold; } .menu-bestsellers ul li, .menu-special ul li, .menu-help ul li, .menu-manufacturers ul li { padding: 4px 0; } /** * Bestsellers products list */ ul.bestsellers-products-item { list-style: none; margin: 0; padding: 0; } ul.bestsellers-products-item li { list-style: none; padding: 2px; } ul.bestsellers-products-item img { width: 50px; float: left; } .bestsellers-products-item .details { margin-left: 50px; padding-left: 2px; } .bestsellers-products-item a.product-title:link, .bestsellers-products-item a.product-title:visited, .bestsellers-products-item a.product-title:hover, .bestsellers-products-item a.product-title:active { font-weight: bold; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Fast Lane Checkout module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.4 2010/06/28 08:00:14 igoryan Exp $ * @link http: //www.x-cart.com/ * @see ____file_see____ */ /** * Checkout page: user profile */ .flc-left-dialog { width: 49%; float: left; height: 260px; } .flc-right-dialog { margin-left: 50%; height: 260px; } .flc-ext-left-dialog, .flc-ext-right-dialog { height: 380px; } .flc-right-dialog .content { vertical-align: middle; text-align: center; line-height: 184px; } .flc-ext-right-dialog .content { line-height: 314px; } .flc-login-text { font-size: 12px; font-weight: 700; margin: auto 0; } .flc-login-text a:link, .flc-login-text a:visited, .flc-login-text a:hover, .flc-login-text a:active { text-decoration: underline; } .flc-left-dialog input { width: 180px; } /** * Checkout page: shipping & payment methods */ .flc-checkout-container { vertical-align: top; padding-bottom: 30px; width: 100%; clear: both; } .flc-checkout-container .flc-address { vertical-align: top; width: 30%; float: left; overflow: hidden; } .flc-checkout-container .flc-checkout-options { margin-left: 32%; vertical-align: top; } .checkout-payments tr td { padding: 5px; vertical-align: top; } .checkout-payments tr td.checkout-payment-name { width: 20%; white-space: nowrap; padding-right: 10px; } .checkout-payments tr td.checkout-payment-name label { font-weight: 700; } .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-shippings label { position: relative; display: block; padding: 2px; height: 18px; line-height: 18px; vertical-align: middle; } .checkout-shippings label input { vertical-align: middle; } .checkout-shippings label span { padding-left: 3px; } .checkout-shippings label.highlight { background: #eee none; } /** * Checkout page: tabs */ div.flc-tabs-container { position: relative; text-align: right; height: 60px; } div.flc-tabs { position: absolute; right: 0; top: 0; } ul.flc-progress-bar { list-style-type: none; margin: 0; padding: 0; } ul.flc-progress-bar li { float: left; height: 60px; width: 150px; padding: 0; margin: 0; text-align: center; } div.flc-tab-cart-line { vertical-align: top; text-align: center; height: 30px; } div.flc-tab-cart-line img { width: 18px; height: 13px; text-align: center; background: transparent url(../../skin/common_files/modules/Fast_Lane_Checkout/../../images/cart_checkout.gif) no-repeat left top; } div.flc-tab-marks-line { padding: 0; height: 10px; vertical-align: top; } .flc-tab-marks-line div { width: 100%; height: 6px; position: relative; } .flc-tab-marks-line img { position: absolute; background: #a6b1c1 none; } .flc-tab-marks-line .flc-tab-line-img1 { top: 0; right: 50%; left: 0; width: 50%; height: 2px; } .flc-tab-marks-line .flc-tab-line-img2 { top: 0; right: 0; left: 50%; width: 50%; height: 2px; } .flc-tab-marks-line .flc-tab-line-img3 { top: 2px; right: 50%; width: 2px; height: 4px; } .flc-tab-marks-line .flc-tab-first .flc-tab-line-img1 { width: 2px; left: auto; } .flc-tab-marks-line .flc-tab-last .flc-tab-line-img2 { background: #FFF none; } .flc-tab-marks-line .flc-tab-line-full .flc-tab-line-img1, .flc-tab-marks-line .flc-tab-line-full .flc-tab-line-img2, .flc-tab-marks-line .flc-tab-line-full .flc-tab-line-img3, .flc-tab-marks-line .flc-tab-line-half .flc-tab-line-img1, .flc-tab-marks-line .flc-tab-line-half .flc-tab-line-img3 { background: #ff8600 none; } div.flc-tab-links { font-weight: 700; text-align: center; padding: 0 5px; } .flc-tab-links a:link, .flc-tab-links a:visited, .flc-tab-links a:hover, .flc-tab-links a:active { text-decoration: underline; font-weight: 700; } /** * Checkout: last step */ .flc-checkout-products { padding-bottom: 30px; } .flc-checkout-box-info { padding: 0 0 30px 20px; text-align: center; padding: 0 5px; } .flc-tab-links a:link, .flc-tab-links a:visited, .flc-tab-links a:hover, .flc-tab-links a:active { text-decoration: underline; font-weight: 700; } .flc-checkout-products { padding-bottom: 30px; } .flc-checkout-box-info { padding: 0 0 30px 20px; text-align: left; } .flc-checkout-address-left { width: 48%; float: left; vertical-align: top; padding-bottom: 15px; } .flc-checkout-address-right { vertical-align: top; margin-left: 50%; padding-bottom: 15px; } table.flc-checkout-address tr td { padding: 2px; } .flc-payment-options { padding-bottom: 15px; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Light and Lucid (2-columns) CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: altskin.css,v 1.20 2010/08/04 04:47:20 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ html, body { min-width: 960px; text-align: center; } a:hover { color: #2863c2; text-decoration: underline; } #header .phones { height: auto; vertical-align: middle; line-height: inherit; color: inherit; right: 14px; top: 0; font-size: inherit; height: 13px; line-height: 13px; padding: 13px 0; } #header .phones span { color: #542d00; padding-left: 10px; } #header .phones span.last { padding-left: 0; } #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: 13px; } #header a.search:link, #header a.search:visited, #header a.search:hover, #header a.search:active { color: #6d3400 !important; } #header a.search:hover { text-decoration: none !important; } #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{position:relative!important;} #footer .box { background: #f4f5f7 none; border-top: 1px solid #acb7c7; } #footer .helpbox { display: block; margin: 0; padding: 10px 0; list-style-type: none; font-size: 12px; font-weight: bold; white-space: nowrap; overflow: hidden; } #footer .helpbox li { margin: 0; padding: 0 15px; display: inline; line-height: 14px; } #footer .helpbox li a:link, #footer .helpbox li a:visited, #footer .helpbox li a:hover, #footer .helpbox li a:active { color: #324c76; } #footer .helpbox li a:hover { text-decoration: none; } #footer .subbox { border-top: 0 none; background: transparent none; height: 39px; } .checkout-container #header { height: 107px; } .checkout-container #header .line2 { height: 39px; } .checkout-container #header .line3 { height: 34px; } .checkout-container #content-container { margin-top: 107px; } .checkout-container #center-main { margin-left: 0; width: 948px; } #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: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-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; } .menu-minicart h2 .minicart-items-label, .menu-minicart h2 .minicart-items-delim { font-weight: normal; } .menu-minicart .content ul { margin-left: 26px; } .menu-minicart .content ul li a { text-decoration: underline; color: #043fa0; line-height: 20px; } .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 { position: absolute; width: 18px; height: 13px; } #content-container .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 { 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 { border: 1px solid #acb7c7; } .menu-minicart .title-bar, .menu-special .title-bar { background: transparent url(../../skin/2-columns/css/../images/2column/menu_bg_light.gif) repeat-x left center; border-bottom: 1px solid #acb7c7; } .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; } .fancycat-icons-e ul { width: 192px; } .fancycat-icons-e li ul { left: 181px; } .fancycat-page-subskin-c #center-main { margin-left: 250px; } .fancycat-page-subskin-c #left-bar { width: 210px; } 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: #a0866e; } /* 8888888b. Y88b d88P d8888 888b 888 .d8888b. 888 Y88b Y88b d88P d88888 8888b 888 d88P Y88b 888 888 Y88o88P d88P888 88888b 888 Y88b. 888 d88P Y888P d88P 888 888Y88b 888 "Y888b. 8888888P" 888 d88P 888 888 Y88b888 "Y88b. 888 T88b 888 d88P 888 888 Y88888 "888 888 T88b 888 d8888888888 888 Y8888 Y88b d88P 888 T88b 888 d88P 888 888 Y888 "Y8888P" Styles, don't touch. */ /* Globals ------------------------------------------------------------------------------------------*/ body,html{background:#ddd url(../../skin/2-columns/css/../images/background_slither.gif) repeat-x;} h1 {font-size: 20px;color: #222;} /* Colours ------------------------------------------------------------------------------------------*/ /* Dark Blue - 212942 Red - ce3121 */ /* Hidden ------------------------------------------------------------------------------------------*/ .phones,#header .line2 .search a.search,#left-bar .title-bar img{display:none;} /* Layout ------------------------------------------------------------------------------------------*/ #page-container {border: 0 none;margin: 0 auto;text-align: left;width: 960px;float: none;} #page-container2 {margin: 0;float: none;width:100%;} #content-container {padding:5px;border:1px solid #fff;margin-top: 170px;width:948px;height:auto;} .uo-container #content-container {padding-bottom: 107px;} #center{height:100%;} /* Header ----------------------------------------------*/ #header {height: 150px;} #header .line0 {position: relative;height: 150px;direction: ltr;} #header .logo {position: absolute;top: 10px;left: 0;height: 67px;margin: 0 !important;} #header .line2 {border:0;background:transparent url(../../skin/2-columns/css/../images/nav_bg.gif) no-repeat;width:100%;position:absolute;bottom:0;height:45px!important;} #header .line2 .search{left:auto;right:20px;} #header .line2 .line1{height: 45px;width: auto;} #header .line2 .line1 .auth-row{right:auto;left:20px;height:45px;top:0;} #header .line2 .line1 .auth-row a{line-height:45px;color:#ce3121;font-weight:normal;} #header .line3 {height: 20px;width: auto;} .tabs {width: auto;text-align: left;left:auto;right:0;top:80px;} .tabs ul {margin:0;} .tabs li {height: 20px;float: left;margin: 0;text-align: center;vertical-align: middle;background: transparent none;width:auto;} .tabs li:hover{background: transparent url(../../skin/2-columns/css/../images/nav_left.gif) no-repeat;background-position:top left;} .tabs li:hover a{background: transparent url(../../skin/2-columns/css/../images/nav_right.gif) no-repeat;background-position:top right;} .tabs a:link,.tabs a:visited,.tabs a:hover,.tabs a:active{display: inline-block;background: transparent none;margin:0;padding: 0px 15px;color: #fff;height:20px;font-size: 12px;font-weight:normal;line-height:20px;} .tabs a:hover {color: #fff;text-decoration:none;display:inline-block;} /* Page Layout ----------------------------------------------*/ /* Left Bar */ #left-bar {width: 210px;margin:0;} #left-bar .title-bar h2{margin-left:10px;} #left-bar .menu-minicart .title-bar h2{margin-left:0;} #left-bar .menu-minicart .title-bar img{display:inline-block;} .menu-dialog{border:0;} .menu-dialog .title-bar{background:#fff none;border:0;} .menu-dialog .title-bar h2{color:#222;} .menu-dialog{} #center-main {margin: 0 0 0 220px;padding-bottom: 0;background:#fff;padding:10px;} .fancycat-page-subskin-c #center-main{margin: 0 0 0 220px;} .flc-container #center-main {margin:0;width:928px;} .flc-container #content-container {margin-top:170px;} div.checkout-1-button div, div.checkout-1-button a{color:#fff!important;} .dialog{background:#fff;border:0;} .dialog .title {border:0!important;} button.button .button-left{color:#fff;} .button-row{} /* Footer ----------------------------------------------*/ #footer {height: 74px;} .uo-container #footer {height: 107px;} /* Classes ------------------------------------------------------------------------------------------*/ /* Plugins ------------------------------------------------------------------------------------------*/