/* * 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,Arial,sans-serif&fwDefault=normal&fsDefault=1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=40&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=ebebeb&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=b8b8b8&fcDefault=3b3b3b&iconColorDefault=4f4f4f&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=ffffff&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=6b6b6b&fcHighlight=363636&iconColorHighlight=6489be&bgColorError=fdede8&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=f27d7d&fcError=cc1919&iconColorError=cd0a0a&bgColorOverlay=6b6b6b&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=3d3d3d&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=40&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(../../skin/txs_ModernLiving/lib/jqueryui/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(../../skin/txs_ModernLiving/lib/jqueryui/images/ui-bg_highlight-soft_40_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #b8b8b8; background: #ebebeb url(../../skin/txs_ModernLiving/lib/jqueryui/images/ui-bg_glass_100_ebebeb_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #3b3b3b; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #3b3b3b; 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 #999999; background: #dadada url(../../skin/txs_ModernLiving/lib/jqueryui/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(../../skin/txs_ModernLiving/lib/jqueryui/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; 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 #6b6b6b; background: #ffffff url(../../skin/txs_ModernLiving/lib/jqueryui/images/ui-bg_glass_55_ffffff_1x400.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 #f27d7d; background: #fdede8 url(../../skin/txs_ModernLiving/lib/jqueryui/images/ui-bg_glass_95_fdede8_1x400.png) 50% 50% repeat-x; color: #cc1919; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cc1919; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cc1919; } .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/txs_ModernLiving/lib/jqueryui/images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(../../skin/txs_ModernLiving/lib/jqueryui/images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(../../skin/txs_ModernLiving/lib/jqueryui/images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(../../skin/txs_ModernLiving/lib/jqueryui/images/ui-icons_4f4f4f_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../../skin/txs_ModernLiving/lib/jqueryui/images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon {background-image: url(../../skin/txs_ModernLiving/lib/jqueryui/images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(../../skin/txs_ModernLiving/lib/jqueryui/images/ui-icons_6489be_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../../skin/txs_ModernLiving/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: #6b6b6b url(../../skin/txs_ModernLiving/lib/jqueryui/images/ui-bg_flat_0_6b6b6b_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #3d3d3d url(../../skin/txs_ModernLiving/lib/jqueryui/images/ui-bg_flat_0_3d3d3d_40x100.png) 50% 50% repeat-x; opacity: .40;filter:Alpha(Opacity=40); -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/txs_ModernLiving/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: */ /** * Recently viewed module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.3 2010/08/03 15:52:10 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ .menu-rviewed-section img.icon { background: transparent url(../../skin/common_files/modules/Recently_Viewed/../../images/dingbats_products.gif) no-repeat left top; } .menu-rviewed-section div.item { margin-bottom: 10px; } .menu-rviewed-section div.image { float: left; margin-right: 10px; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Upselling products module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:30 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ ul.uproducts { list-style: none outside none; padding: 0; margin: 0; } .uproducts li { padding: 5px; font-weight: bold; } ul.uproducts a:link, ul.uproducts a:visited, ul.uproducts a:hover, ul.uproducts a:active { font-weight: bold; font-size: 12px; } .printable .uproducts { display: none; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * 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: */ /** * Google checkout Module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.3 2010/08/04 08:32:27 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ .gcheckout-cart-buttons { } .gcheckout-cart-buttons div { width: 200px; margin-left: auto; margin-right: 0; overflow: visible; text-align: right; } .gcheckout-cart-buttons p { width: 100%; text-align: right; margin: 10px 0; } table.gcheckout-top-button { float: right; margin-bottom: 3px; } table.gcheckout-top-button tr td { padding: 0; } table.gcheckout-top-button tr td.gcheckout-or-use { padding-left: 20px; padding-right: 20px; } .error-page .gcheckout-top-button { display: none; } .gcheckout-button, .gcheckout-button img { width: 160px; height: 43px; border: none; background: transparent none; } /* 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: */ /** * X-Affiliate 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____ */ /* Affiliates menu */ .menu-affiliate .title-bar img { background: url(../../skin/common_files/modules/XAffiliate/../../images/dingbats_affiliates.gif) no-repeat; } /* 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-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: */ /** * 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: */ /** * 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: */ /** * 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: */ /** * 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: */ /** * Customer Reviews module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.3.2.1 2012/03/22 11:13:33 aim Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ /** * Customer reviews module */ .creviews-rating-box { margin-top: 5px; padding-bottom: 7px; } .creviews-vote-bar ul { list-style: none; margin: 0; padding: 0; overflow: visible; } .creviews-vote-bar li ul { position: absolute; top: 0; left: 22px; } .creviews-vote-bar li { margin: 0; padding: 0; overflow: visible; position: relative; width: 22px; height: 20px; } .creviews-vote-bar a, .creviews-vote-bar span, .creviews-vote-bar a img, .creviews-vote-bar span img { display: block; margin: 0; width: 22px; height: 20px; overflow: hidden; background: transparent url(../../skin/common_files/modules/Customer_Reviews/../../images/stars.png) no-repeat 1px top; } .creviews-vote-bar span.full, .creviews-vote-bar span img { background-position: 1px -20px; } .allow-add-rate a { background-position: 1px -40px; } .allow-add-rate a.full, .allow-add-rate a img { background-position: 1px -60px; } .allow-add-rate li:hover > a, .allow-add-rate li:hover > a.full { background-position: 1px -80px; } .allow-add-rate li:hover > a img { display: none; } .creviews-rating-box .progress { display: block; background: transparent url(../../skin/common_files/modules/Customer_Reviews/../../images/progress.gif) repeat-x left 5px; height: 20px; } .creviews-rating-box.message span { display: block; padding-top: 5px; font-size: 11px; font-weight: bold; } .creviews-rating { font-size: 10px; color: #8a8a8a; } ul.creviews-reviews-list { list-style: none; margin: 0 0 35px 0; padding: 0; width: 100%; } ul.creviews-reviews-list li { margin: 0; padding: 12px 0; } div.creviews-reviews-list { text-align: center; padding: 12px 0 25px 0; } .printable .creviews-rating-box { 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: */ /** * Special offers module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:30 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ .products-list .special-price-row { text-decoration: line-through; } .offers-cart-button { float: right; } .cart .right-buttons-row { width: 60%; } .cart .right-buttons-row .button-separator { width: 60px; float: right; } .cart .offers-common-price { color: #010101; font-weight: bold; font-size: 12px; background: transparent url(../../skin/common_files/modules/Special_Offers/../../images/spacer_black.gif) repeat-x left 8px; padding: 0; margin: 0; } .cart .offers-free-note { margin: 10px 0; padding: 0; font-size: 14px; color: #a10000; } .cart .offers-free-shipping-note { margin: 10px 0; padding: 0; font-size: 14px; color: #a10000; } .products-list .special-price-row { text-decoration: line-through; } .cart .right-buttons-row .button-separator { width: 60px; float: right; } a.offers-thumbnail:link, a.offers-thumbnail:visited, a.offers-thumbnail:hover, a.offers-thumbnail:active { padding: 0; margin: 0 0 0 -51px; text-decoration: none; text-align: left; } .products-table a.offers-thumbnail:link, .products-table a.offers-thumbnail:visited, .products-table a.offers-thumbnail:hover, .products-table a.offers-thumbnail:active { display: inline; position: static; margin: 0 0 0 -51px; text-align: left; } .rtl a.offers-thumbnail:link, .rtl a.offers-thumbnail:visited, .rtl a.offers-thumbnail:hover, .rtl a.offers-thumbnail:active { text-align: right; } .rtl .products-table a.offers-thumbnail:link, .rtl .products-table a.offers-thumbnail:visited, .rtl .products-table a.offers-thumbnail:hover, .rtl .products-table a.offers-thumbnail:active { display: block; position: relative; margin: -44px 0 0 70px; text-align: left; } a.offers-thumbnail:link img, a.offers-thumbnail:visited img, a.offers-thumbnail:hover img, a.offers-thumbnail:active img { width: 49px; height: 50px; margin: 0; background: transparent url(../../skin/common_files/modules/Special_Offers/../../images/special_offer_icon.png) no-repeat left top; } .offers-price { color: #b51a00; font-weight: bold; font-size: 14px; margin: 15px 0; padding: 0; } /** * Offers short list */ .offers-short-list { margin-bottom: 10px; margin-top: 15px; text-align: left; } .printable .offers-short-list { padding-left: 0; padding-right: 0; } .offers-cell { float: left; padding-left: 5px; padding-right: 5px; } .offers-cell.first { padding-left: 0; } .offers-cell.last { padding-right: 0; } .offers-cell img { margin: 5px; } .offers-more-info { text-align: right; vertical-align: middle; } .offers-more-info a:link, .offers-more-info a:visited, .offers-more-info a:hover, .offers-more-info a:active { color: #043fa0; padding-right: 12px; } .offers-more-info a:link, .offers-more-info a:visited, .offers-more-info a:hover, .offers-more-info a:active { text-decoration: underline; } /** * Bonuses view */ .offers-bonus-title { float: left; width: 50%; text-align: right; } .offers-bonus-value { font-weight: bold; } .offers-bonuses-page .subheader { margin-top: 15px; } .error-page .offers-short-list { display: none; } .cart-free-offer-title { color: #043fa0; font-weight: bold; text-decoration: underline; cursor: pointer; } .product-details .details .bp-icon-header { height: 35px; text-align: center; vertical-align: middle; color: #ff6d00; font-weight: bold; font-size: 18px; background: transparent url(../../skin/common_files/modules/Special_Offers/images/bp_icon_top_middle.gif) repeat-x; } .product-details .details .bp-icon-footer { height: 19px; text-align: center; vertical-align: middle; color: #fff; font-weight: bold; font-size: 10px; white-space: nowrap; background: transparent url(../../skin/common_files/modules/Special_Offers/images/bp_icon_bottom_middle.gif) repeat-x; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * One page checkout module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.14.2.4 2010/09/24 06:16:20 aim Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ /** * Alternative styles for common elements */ div.opc-container .opc-section h2, div.opc-container .opc-section h3 { color: #617683; } div.opc-container label { font-size: 12px; line-height: 18px; vertical-align: middle; } div.opc-container #center-main { text-align: left; width: 960px; margin: 0 auto; } div.opc-container h1 { font-size: 20px; } div.checkout-container h1 { font-size: 32px; } div.checkout-container span.star { padding-left: 5px; color: #3385bf; } .fill-error label { color: #ce0000; } div.opc-section-container div.text-block { margin: 0 10px; } .fill-error .data-value input[type=text], .fill-error .data-value input[type=password], .fill-error .data-value select, .fill-error .data-value textarea { border: solid 1px #ce0000; background-color: #ffebeb; } div.error-label { color: #ce0000; font-size: 9px; display: none; } .fill-error div.error-label { display: block; } /** * Container blocks */ ul#opc-sections { margin: 0; padding: 0; min-width: 900px; } ul#opc-sections li.opc-section { text-align: left; float: left; list-style: none; padding: 0; margin: 0 25px 50px 0; border: 0 none; width: 310px; min-height: 400px; width: 30%; } ul#opc-sections li.opc-section h2 { font-weight: normal; font-size: 24px; padding: 7px 0; margin: 0; } ul#opc-sections li.opc-section h3 { font-weight: normal; font-size: 18px; padding: 7px 0; margin: 0; border: 0 none; } ul#opc-sections li.opc-section div { font-size: 12px; } ul#opc-sections li.last { margin-right: 0 !important; } /** * Registration section */ div.opc-authbox { margin: 5px 0; padding: 0; font-size: 12px; } div.opc-authbox a { font-size: 12px; font-weight: normal; line-height: 16px; } fieldset.registerform { border: 0 none; padding: 0; margin: 0; } div.opc-section-container { padding: 10px 0; margin: 0; background: #f5f5f5; } div.opc-section-container div.text-block { margin: 0 10px; } div.checkout-container input[type=text], div.checkout-container input[type=password], div.checkout-container textarea, div.checkout-container select { max-width: 250px; font-size: 12px; } div.checkout-container input[type=text], div.checkout-container input[type=password], div.checkout-container select { height: 18px; } div.checkout-container textarea { width: 100%; } div.checkout-container select { height: 22px; } fieldset.registerform ul li { list-style: none; padding: 0; margin: 0; } fieldset.registerform ul { position: relative; padding: 0 15px; margin: 0; background: #f5f5f5; } fieldset.registerform ul.first { padding-top: 15px; } fieldset.registerform ul li { padding-bottom: 10px; } fieldset.registerform ul li.clearing { padding: 0; margin: 0; } fieldset.registerform ul li.fields-group { float: left; margin-right: 10px; } fieldset.registerform ul li.fields-group input[type=text], fieldset.registerform ul li.fields-group input[type=password] { width: 90px; } fieldset.registerform ul li.single-field { float: none; clear: both; } fieldset.registerform ul li.single-field input[type=text], fieldset.registerform ul li.single-field input[type=password] { width: 80%; } fieldset.registerform div.oneline { float: left; margin-right: 10px; } li.single-field input.image-button { background: transparent url(../../skin/txs_ModernLiving/modules/One_Page_Checkout/../../images/button_go.png) no-repeat left top; height: 21px; width: 23px; margin-bottom: 1px; } div.optional-label { margin: 10px 5px; background-color: #fff; } div.optional-label label { font-weight: bold; font-size: 11px; display: block; padding-left: 15px; text-indent: -15px; } div.optional-label label input { margin-right: 5px; width: 13px; height: 13px; padding: 0; vertical-align: bottom; position: relative; top: -2px; } div.address-book-link { height: 35px; background: #ecf3f7; width: 100%; vertical-align: middle; position: relative; } div.address-book-link span.popup-link { margin: 7px; font-size: 11px; } div.address-book-link label { margin: 7px; font-size: 11px; line-height: 16px; } ul#opc-sections li.opc-section div.opc-checkout-profile h3 { padding: 7px; } div.opc-checkout-profile div.address-line { font-size: 12px; padding: 0 7px; } ul#opc-sections li.opc-section div.news-register-item-descr { font-size: 10px; font-style: italic; } /** * Shipping and payment section */ .checkout-payments tr td { padding: 5px; vertical-align: top; border-bottom: solid 2px #fff; } .checkout-payments tr td.checkout-payment-name { width: 100%; padding-right: 10px; white-space: normal; } .checkout-payments tr td.checkout-payment-name label { font-weight: bold; } .checkout-payments tr td div.checkout-payment-descr { width: 80%; } .checkout-payments tr td.checkout-payment-paypal { width: 100%; } .checkout-payments tr td.checkout-payment-paypal img { border: 0 none; } .checkout-payments tr.payment-details td { background: #ecf3f7; margin: 0; padding: 10px; } .checkout-payment-name span.applied-gc { font-weight: normal; color: #01851a; } .checkout-shippings { width: 100%; } .checkout-shippings tr td { padding: 5px 10px 5px 0; border-bottom: solid 2px #fff; vertical-align: top; font-size: 11px; } .checkout-shippings tr.last td { border-bottom: 0 none; } .checkout-shippings tr td label { font-size: 11px; line-height: 14px; } .checkout-shippings tr td.shipping-name { width: 70%; } .checkout-shippings tr td.shipping-cost { width: 30%; text-align: right; } .opc-payment-options fieldset.registerform ul { background: 0; } /** * Summary section */ div.coupon-info a.unset-coupon-link { margin-left: 10px; } div.coupon-info p { font-size: 9px; } div.coupon-info div.progress { background: transparent url(../../skin/txs_ModernLiving/modules/One_Page_Checkout/../../images/progress.gif) repeat-x left 10px; height: 20px; margin: 0 15%; } div#couponform { height: 20px; } div.coupon-info input.image-button { background: transparent url(../../skin/txs_ModernLiving/modules/One_Page_Checkout/../../images/button_go.png) no-repeat left top; height: 21px; width: 23px; margin-bottom: 1px; } div.cart-totals { margin: 0px 0; padding: 0px; background-color: #EBEBEB; } div.cart table.totals { margin: 0 0 0 auto; text-align: right; width: 30%; } table.totals{ border: none; padding: 2px; } table.totals .orange{ border: none; padding: 2px; background-color: #DD661B; color: #fff; border-bottom: 1px solid #625D5D; border-top: 1px solid #625D5D; } table.totals .orange td { color: #fff; text-transform: none; padding: 5px 5px 5px 5px; font-size: 12px; vertical-align: top; } table.totals tr td.total, table.totals tr td.total-name, table.totals tr td.total-value, table.totals tr td.total-value-alt, table.totals span.total-name { font-weight: bold; text-transform: none; padding: 5px 5px 5px 5px; font-size: 12px; vertical-align: top; } #opc_summary table.totals { text-align: left; width: 100%; } #opc_summary table.totals tr td.total, #opc_summary table.totals tr td.total-name, #opc_summary table.totals tr td.total-value, #opc_summary table.totals tr td.total-value-alt, #opc_summary table.totals span.total-name { width: 15%; font-weight: normal; } #opc_summary table.totals tr td.total, #opc_summary table.totals tr td.total-name { width: 70%; } table.totals tr td.discounted { color: #01851a; } table.totals tr.total td.total-name { font-size: 18px; } table.totals tr.total td.total-value { font-size: 18px; } table.totals tr.total td.total-value-alt { font-size: 14px; vertical-align: bottom; } table.cart-content tr td { font-size: 10px; font-weight: normal; border-bottom: solid 1px #888; padding: 10px 5px; vertical-align: top; } table.cart-content .cart-content-text { font-weight: normal; color: #2c3e49; } div#order-taxes-box { padding: 10px 5px; } div.checkout-customer-notes, div.checkout-partner, div.terms_n_conditions { padding: 10px 0; } div.terms_n_conditions { text-align: center; } div.terms_n_conditions label { font-size: 13px; } .place-order-button button.inactive { opacity: .3; filter:Alpha(Opacity=30); cursor: default; } div.paypal-express-sel-note { padding: 0 10px; } /* $Id: main.css,v 1.8 2009/10/27 10:47:05 joy Exp $ vim: set ts=2 sw=2 sts=2 et: */ /* Layout */ .menu-fancy-categories-list .content { overflow: visible; padding-top: 5px; padding-left: 5px; padding-right: 6px; } .fancycat-icons-e ul { list-style-type: none; padding: 0px; margin: 0px; list-style: none; width: 137px; } .fancycat-icons-e ul li { float: left; position: relative; width: 100%; padding: 2px 0px; background: white none; } .fancycat-icons-e li ul { display: none; position: absolute; top: 4px; left: 126px; background: white none; border: 1px solid #b1c6d7; margin: 0px; padding: 5px 6px 5px 5px; } .fancycat-icons-e li:hover, .fancycat-icons-e li.over { background-color: #e4e7ed; } .fancycat-icons-e li:hover ul, .fancycat-icons-e li.over ul { display: block; } .fancycat-icons-e li iframe { position: absolute; padding: 0px; border: 0px none; margin: 0px; left: 0px; top: 0px; display: none; } .fancycat-icons-e li iframe.over { display: block; } /* multi-level support */ .fancycat-icons-e li:hover ul ul, .fancycat-icons-e li.over ul ul, .fancycat-icons-e li:hover ul ul ul, .fancycat-icons-e li.over ul ul ul, .fancycat-icons-e li:hover ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul, .fancycat-icons-e li:hover ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul, .fancycat-icons-e li:hover ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul, .fancycat-icons-e li:hover ul ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul ul, .fancycat-icons-e li:hover ul ul ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul ul ul, .fancycat-icons-e li:hover ul ul ul ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul ul ul ul, .fancycat-icons-e li:hover ul ul ul ul ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul ul ul ul ul, .fancycat-icons-e li:hover ul ul ul ul ul ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul ul ul ul ul ul { display: none; } .fancycat-icons-e li li:hover ul, .fancycat-icons-e li li.over ul, .fancycat-icons-e li li li:hover ul, .fancycat-icons-e li li li.over ul, .fancycat-icons-e li li li li:hover ul, .fancycat-icons-e li li li li.over ul, .fancycat-icons-e li li li li li:hover ul, .fancycat-icons-e li li li li li.over ul, .fancycat-icons-e li li li li li li:hover ul, .fancycat-icons-e li li li li li li.over ul, .fancycat-icons-e li li li li li li li:hover ul, .fancycat-icons-e li li li li li li li.over ul, .fancycat-icons-e li li li li li li li li:hover ul, .fancycat-icons-e li li li li li li li li.over ul, .fancycat-icons-e li li li li li li li li li:hover ul, .fancycat-icons-e li li li li li li li li li.over ul, .fancycat-icons-e li li li li li li li li li li:hover ul, .fancycat-icons-e li li li li li li li li li li.over ul, .fancycat-icons-e li li li li li li li li li li li:hover ul, .fancycat-icons-e li li li li li li li li li li li.over ul { display: block; } /* Visual scheme */ .fancycat-icons-e ul li a:link, .fancycat-icons-e ul li a:visited, .fancycat-icons-e ul li a:hover, .fancycat-icons-e ul li a:active { display: block; position: relative; font-size: 12px; color: #330000; text-decoration: none; line-height: 16px; vertical-align: middle; background: transparent none; padding: 0px 25px 0px 10px; margin-left: 10px !important; overflow: hidden; } .fancycat-icons-e a.icon-link:link, .fancycat-icons-e a.icon-link:visited, .fancycat-icons-e a.icon-link:hover, .fancycat-icons-e a.icon-link:active { padding-left: 26px; } .fancycat-icons-e a.sub-link:link, .fancycat-icons-e a.sub-link:visited, .fancycat-icons-e a.sub-link:hover, .fancycat-icons-e a.sub-link:active { background: transparent url(../../skin/txs_ModernLiving/modules/Flyout_Menus/Icons/tree_subdir_plus.gif) no-repeat 97% 4px; } .fancycat-icons-e a.empty-link:link, .fancycat-icons-e a.empty-link:visited, .fancycat-icons-e a.empty-link:hover, .fancycat-icons-e a.empty-link:active { color: #a3b1c7; } .fancycat-icons-e a.nowrap-link:link, .fancycat-icons-e a.nowrap-link:visited, .fancycat-icons-e a.nowrap-link:hover, .fancycat-icons-e a.nowrap-link:active { white-space: nowrap; } .fancycat-icons-e img { position: absolute; top: 0px; left: 0px; padding: 0px; margin: 0px; } /* Tree-like expanding */ .fancycat-page-subskin-c #center-main { margin-left: 207px; } .fancycat-page-subskin-c #left-bar { width: 180px; overflow: hidden; } .fancycat-icons-c { padding-top: 5px; padding-left: 8px; overflow: hidden; } .fancycat-icons-c ul { list-style: none; padding: 0px; } .fancycat-icons-c ul li { padding: 4px 0px 7px 19px; position: relative; } .fancycat-icons-c ul.fancycat-icons-level-1 li { padding-bottom: 3px; } .fancycat-icons-c ul li ul { margin-top: 3px; } .fancycat-icons-c li.closed ul { display: none; } .fancycat-icons-c ul li a:link, .fancycat-icons-c ul li a:visited, .fancycat-icons-c ul li a:hover, .fancycat-icons-c ul li a:active { color: #324c76; font-size: 11px; } .fancycat-icons-c li a.arrow:link, .fancycat-icons-c li a.arrow:visited, .fancycat-icons-c li a.arrow:hover, .fancycat-icons-c li a.arrow:active { display: block; position: absolute; left: 0px; top: 5px; outline-style: none; width: 12px; height: 12px; background: transparent url(../../skin/txs_ModernLiving/modules/Flyout_Menus/Icons/plus_minus.gif) no-repeat left -12px; overflow: hidden; } .fancycat-icons-c li.closed a.arrow:link, .fancycat-icons-c li.closed a.arrow:visited, .fancycat-icons-c li.closed a.arrow:hover, .fancycat-icons-c li.closed a.arrow:active { background-position: left top; } .fancycat-icons-c a.empty-link:link, .fancycat-icons-c a.empty-link:visited, .fancycat-icons-c a.empty-link:hover, .fancycat-icons-c a.empty-link:active { color: #808b9d; } /* general tags styles */ /* service styles */ /* float-box finisher */ .clearing { height: 0px; font-size: 0px; 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: 0px 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 */ table.width-100 { width: 100%; } /* page break */ .page-break { height: 0px; line-height: 0px; margin: 0px; padding: 0px; page-break-after: always; } /* pointer cursor */ .pointer { cursor: pointer; } /* overflow wrapper */ .overflow { position: relative; margin-right: 20px; padding-bottom: 20px; overflow: auto; } label { vertical-align: bottom; line-height: 15px; } label input { margin: 0px; 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; } label.plain-box { display: block; padding-bottom: 15px; } label.plain-box .label-title { display: block; } input.default-value { color: #aaaaaa; } a.underline:link, a.underline:visited, a.underline:hover, a.underline:active { text-decoration: underline; } /* common styles */ .error-message { color: #b51a00; font-weight: bold; } div.error-message { margin: 0px 0px 15px 0px; } .form-text { color: #112536; font-weight: bold; } .black-text { color: #000000; } 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: #cccccc none; font-weight: bold; } tr.highlight td, tr.highlight th { background: #eeeeee none; } tr.center-row th { text-align: center; } /* Currency */ .currency { white-space: nowrap; } /*============================================================================== 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: 0px 187px 0px 187px; position: relative; overflow: hidden; } /* Right-to-left */ .rtl { direction: rtl; } /* header styles */ /* header tabs */ .tabs { position: absolute; top: 0px; right: 0px; margin: 0px; padding: 0px; height: 25px; width: 80%; text-align: right; } .tabs ul { margin: 0px; padding: 0px; list-style: none; } .tabs li { float: right; margin: 0px 1px 0px 0px; padding: 0px; background: transparent url(../../skin/txs_ModernLiving/css/../images/tab_r.png) no-repeat right top; height: 25px; } .tabs a:link, .tabs a:visited, .tabs a:hover, .tabs a:active { display: block; background: transparent url(../../skin/txs_ModernLiving/css/../images/tab_l.png) no-repeat left top; margin: 0px 5px 0px 0px; 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; } .printable-bar a:link, .printable-bar a:visited, .printable-bar a:hover, .printable-bar a:active { background: transparent url(../../skin/txs_ModernLiving/css/../images/printer.gif) no-repeat right top; padding: 2px 20px 2px 0px; color: #818891; font-size: 10px; line-height: 16px; } div.printable-bar { width: 130px; } /* footer styles */ /*============================================================================== widgets ==============================================================================*/ /* location bar */ #location { height: 25px; line-height: 15px; margin-bottom: 10px; font-size: 11px; color: #818891; } font.bread-crumb { font-size: 11px; color: #818891; } a.bread-crumb:link { font-size: 11px; color: #818891; text-decoration: underline; } a.bread-crumb:visited { font-size: 11px; color: #818891; text-decoration: underline; } a.bread-crumb:hover { font-size: 11px; color: #818891; text-decoration: none; } a.bread-crumb:active { font-size: 11px; color: #818891; text-decoration: underline; } font.last-bread-crumb { text-decoration: none; } #location span { padding: 0px 5px 0px 5px; } /* dialog message container */ #dialog-message { padding: 15px 0px 20px 0px; width: 100%; } #dialog-message .box { position: relative; margin-left: 8%; margin-right: 8%; border: 1px solid black; border-top: 3px solid black; padding: 10px 25px 10px 59px; vertical-align: middle; text-align: left; min-height: 32px; } #dialog-message a.close-link:link, #dialog-message a.close-link:visited, #dialog-message a.close-link:hover, #dialog-message a.close-link:active { 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/txs_ModernLiving/css/../images/but_cross.gif) no-repeat left top; } #dialog-message .message-I { color: #112536; border-color: #7a97c1; background: #f4f5f7 url(../../skin/txs_ModernLiving/css/../images/icon_info.gif) no-repeat 10px 10px; } #dialog-message .message-W { color: #3e3104; border-color: #c3902f; background: #f8f7f3 url(../../skin/txs_ModernLiving/css/../images/icon_warning.gif) no-repeat 10px 10px; } #dialog-message .message-E { color: #590a0a; border-color: #d30000; background: #f7f3f3 url(../../skin/txs_ModernLiving/css/../images/icon_error.gif) no-repeat 10px 10px; } #dialog-message .anchor { position: relative; margin-left: auto; margin-right: 0px; height: 15px; text-align: right; vertical-align: middle; } #dialog-message .anchor img { width: 12px; height: 10px; vertical-align: middle; background: transparent url(../../skin/txs_ModernLiving/css/../images/goto_arr.gif) no-repeat left top; } .dialogtr { color: #b89a39; } /* inline message */ .inline-message { height: 16px; line-height: 16px; vertical-align: middle; padding: 1px 1px 15px 1px; margin: 0px; } .inline-message img.icon-w { vertical-align: top; width: 18px; height: 18px; background: transparent url(../../skin/txs_ModernLiving/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/txs_ModernLiving/css/../images/icon_warning_info.gif) no-repeat; } .cart-message-W { background: #efefef 5px 5px url(../../skin/txs_ModernLiving/css/../images/icon_warning_small.gif) no-repeat; } .cart-message-E { background: #efefef 5px 5px url(../../skin/txs_ModernLiving/css/../images/icon_warning_error.gif) no-repeat; } .cart-message div.close-link { float: right; width: 25px; height: 13px; text-align: right; cursor: pointer; background: transparent url(../../skin/txs_ModernLiving/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/txs_ModernLiving/css/../images/menu_bg.gif) repeat-x left top; border: 0px none; border-bottom: #215485 1px solid; height: 27px; overflow: hidden; } .menu-dialog .title-bar img.icon { vertical-align: middle; margin: 4px 7px 6px 7px; width: 17px; height: 17px; } .menu-dialog .title-bar h2 { font-size: 12px; color: #ffffff; font-weight: bold; line-height: 27px; height: 27px; margin: 0px; padding: 0px; width: auto; display: inline; white-space: nowrap; } .menu-dialog .link-title span.title-link { float: right; padding: 8px 7px 8px 0px; } .menu-dialog .link-title a.title-link:link, .menu-dialog .link-title a.title-link:visited, .menu-dialog .link-title a.title-link:hover, .menu-dialog .link-title a.title-link:active { text-decoration: none; outline-style: none; } .menu-dialog .link-title .title-link img { width: 7px; height: 11px; background: transparent url(../../skin/txs_ModernLiving/css/../images/menu_arrow.gif) no-repeat left center; } .menu-dialog .content { border: 0px; background-color: #ffffff; padding: 8px 10px 20px 10px; overflow: hidden; } .menu-dialog .content a:link, .menu-dialog .content a:visited, .menu-dialog .content a:link { color: #324c76; } .menu-dialog .content a:hover { color: #2863c2; } .menu-dialog ul { list-style: none; padding: 0px 0px 0px 0px; margin: 0px; } .menu-dialog ul li { padding: 0px 0px 0px 0px; vertical-align: middle; } .menu-dialog .item { color: #112536; font-size: 10px; } .menu-dialog ul li a:link { font-size: 11px; text-decoration: none; } .menu-dialog ul li a:visited { font-size: 11px; text-decoration: none; } .menu-dialog ul li a:hover { font-size: 11px; text-decoration: underline; } .menu-dialog ul li a:active { font-size: 11px; text-decoration: none; } .menu-dialog hr { background-color: #999999; } .menu-dialog .login-text ul li { padding: 1px 0px; } /* dialog container */ .dialog { border: 1px solid #acb7c7; padding: 0px; margin: 0px 0px 30px 0px; page-break-inside: avoid; } .dialog .title { position: relative; color: #253161; font-weight: bold; font-size: 13px; background: transparent url(../../skin/txs_ModernLiving/css/../images/dialog_bg.gif) repeat-x top left; border: 0px none; vertical-align: middle; height: 30px; line-height: 30px; margin: 0px; padding: 0px 0px 0px 18px; text-align: left; border-bottom: 1px solid #acb7c7; overflow: hidden; } .dialog .title h2 { margin: 0px; padding: 0px; font-size: 13px; overflow: hidden; white-space: nowrap; } .dialog .content { border: 0px none; background: transparent none; text-align: left; padding: 10px 10px 25px 10px; color: #58595b; } .list-dialog .title h2 { width: 60%; } .list-dialog .title div.sort-box { height: 30px; position: absolute; top: 0px; right: 0px; width: 40%; overflow: hidden; } .list-dialog .title div.sort-box .search-sort-bar { padding: 0px; margin: 7px 0px; } .list-dialog .title div.sort-box .search-sort-title, .list-dialog .title div.sort-box .search-sort-cell { padding-right: 10px; } .noborder { border: 0px none; } .noborder .title { background: transparent none; display: none; } .noborder .content { padding: 0px; } /* buttons */ /* button-based */ button.button { font:bold 15px/23px Arial, Helvetica, sans-serif; border:1px solid #bd5615; background:#dd661b; color:#fff; cursor: pointer; height: 27px !important; margin:0; padding:0px; vertical-align: top; overflow: visible; outline-style: none; width: auto !important; } .cart-form button.button {width: 120px !important;} .products-box ul.btn-holder button.button { font:12px/14px Arial, Helvetica, sans-serif; border:0; background:none; height:14px !important; padding:0 !important; } /* div-based */ /* button-based link */ button.simple-button { border: 0px none; background-color: transparent; cursor: pointer; height: 15px; margin: 3px 0px 0px 0px; padding: 0px; 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:link, a.simple-button:visited, a.simple-button:hover, a.simple-button:active { font-size: 11px; white-space: nowrap; color: #43a0d3; font-weight: bold; margin: 0px; padding: 0px; line-height: 21px; vertical-align: bottom; text-decoration: underline; outline-style: none; } a.simple-button:hover { color: #43a0d3; } /* input-image-based */ input.image-button { margin: 0px; padding: 0px; margin-bottom: 2px; border: 0px none; width: 19px; height: 18px; background: transparent url(../../skin/txs_ModernLiving/css/../images/go.gif) no-repeat left top; vertical-align: middle; } /* a-image-based */ a.image-button:link, a.image-button:visited, a.image-button:hover, a.image-button:active { text-decoration: none; } a.image-button:link img, a.image-button:visited img, a.image-button:hover img, a.image-button:active img { margin: 0px; padding: 0px; margin-bottom: 2px; border: 0px none; width: 19px; height: 18px; background: transparent url(../../skin/txs_ModernLiving/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/txs_ModernLiving/css/../images/but_main_right.png) no-repeat right top; } button.main-button .button-left { background: transparent url(../../skin/txs_ModernLiving/css/../images/but_main_left.png) no-repeat left top; color: #510000; } */ div.main-button { background: transparent url(../../skin/txs_ModernLiving/css/../images/but_main_right.png) 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/txs_ModernLiving/css/../images/but_main_left.png) no-repeat left top; color: #510000; } button.simple-main-button, a.simple-main-button:link, a.simple-main-button:visited, a.simple-main-button:hover, a.simple-main-button:active { color: #880000; } /* Light button */ button.light-button { padding-right: 10px; } div.light-button { padding: 0px 5px 0px 0px; background: transparent url(../../skin/txs_ModernLiving/css/../images/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/txs_ModernLiving/css/../images/but_light_left.gif) no-repeat left top; padding: 0px 5px 0px 11px; color: #365f8f; font-size: 11px; } /* Delete cart item button */ a.simple-delete-button:link, a.simple-delete-button:visited, a.simple-delete-button:hover, a.simple-delete-button:active { color: #880000; background: transparent url(../../skin/txs_ModernLiving/css/../images/delete_cross.gif) no-repeat left 7px; padding-left: 13px; } /* Delete button w/o icon */ a.simple-delete-button-woicon:link, a.simple-delete-button-woicon:visited, a.simple-delete-button-woicon:hover, a.simple-delete-button-woicon:active { color: #880000; } /* Add to list... button */ div.drop-out-button { padding: 0px 23px 0px 0px; background: transparent url(../../skin/txs_ModernLiving/css/../images/but_right_dropout.png) no-repeat right top; } div.drop-out-button div, div.drop-out-button a:link, div.drop-out-button a:visited, div.drop-out-button a:hover, div.drop-out-button a:active { background: transparent url(../../skin/txs_ModernLiving/css/../images/but_left.png) no-repeat left top; padding-right: 10px; } div.dropout-container { position: absolute; padding: 0px; margin: 0px; border: 0px none; } div.dropout-wrapper { float: left; position: relative; z-index: 1; margin: 0px; } div.dropout-box { border: solid 1px #adb6c6; background-color: #ffffff; 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: 0px; } /* Menu button */ button.menu-button { height: 22px; } button.menu-button .button-right { background: transparent url(../../skin/txs_ModernLiving/css/../images/but_menu_right.png) no-repeat right top; padding-right: 7px; height: 20px; } button.menu-button .button-left { background: transparent url(../../skin/txs_ModernLiving/css/../images/but_menu_left.png) no-repeat left top; height: 20px; padding: 0px 1px 0px 8px; color: #deedf7; font-size: 10px; height: 21px; line-height: 20px; } div.menu-button { background: transparent url(../../skin/txs_ModernLiving/css/../images/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/txs_ModernLiving/css/../images/but_menu_left.png) no-repeat left top; padding: 0px 1px 0px 8px; line-height: 20px; color: #deedf7 !important; font-size: 10px; } /* Add2Cart AJAX-based */ /* button(s) containers */ .button-row, .button-row-right { margin-top: 20px; padding: 0px; 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 0px 0px 0px; 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: 0px; 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:link, a.popup-link:visited, a.popup-link:hover, a.popup-link:active { text-decoration: none; } a.popup-link:link img, a.popup-link:visited img, a.popup-link:hover img, a.popup-link:active img { vertical-align: bottom; width: 20px; height: 18px; background: transparent url(../../skin/txs_ModernLiving/css/../images/question_button.gif) no-repeat left top; margin-bottom: 1px; } /* Popup window */ .popup-modal-bg { background: transparent url(../../skin/txs_ModernLiving/css/../images/grey.png) repeat left top; position: absolute; width: 100%; height: 100%; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1000; } .popup-window { position: absolute; background: white none; overflow: hidden; padding: 0px; margin: 0px; z-index: 1100; } .popup-window .popup-bg-iframe { position: absolute; width: 100%; height: 100%; border: 0px none; background: white none; margin: 0px; padding: 0px; z-index: 1150; } .popup-window .popup-title { position: absolute; top: 2px; left: 2px; right: 2px; height: 22px; background: transparent url(../../skin/txs_ModernLiving/css/../images/popup_header_bg.gif) repeat-x left top; vertical-align: middle; z-index: 1200; } .popup-window .popup-title span { color: #ffffff; font-size: 10px; line-height: 22px; font-family: verdana, helvetica, sans-serif; font-weight: bold; padding: 0px 0px 0px 20px; } .popup-window .popup-title a:link, .popup-window .popup-title a:visited, .popup-window .popup-title a:hover, .popup-window .popup-title a:active { display: block; position: absolute; top: 3px; right: 5px; outline-style: none; text-decoration: none; width: 16px; height: 16px; } .popup-window .popup-title img { width: 16px; height: 16px; background: transparent url(../../skin/txs_ModernLiving/css/../images/popup_header_cross.gif) no-repeat left top; } .popup-window .popup-content { position: absolute; top: 24px; left: 2px; right: 2px; bottom: 20px; overflow: auto; margin: 0px; padding: 0px; z-index: 1200; } .popup-window .popup-frame { padding: 20px; margin: 0px; } .popup-window .popup-footer { position: absolute; bottom: 2px; left: 2px; right: 2px; background: #f3f5f7 none; height: 18px; text-align: right; z-index: 1200; } .popup-window .popup-footer div { position: absolute; width: 18px; height: 18px; top: 0px; right: 0px; background: transparent url(../../skin/txs_ModernLiving/css/../images/popup_bottom_arrow.gif) no-repeat 9px 9px; cursor: se-resize; } .popup-dnd-border { position: absolute; border: 1px dotted #000000; background: transparent none; z-index: 1200; } .popup-window .popup-border { position: absolute; line-height: 0px; font-size: 0px; margin: 0px; padding: 0px; } .popup-window .popup-t-side { top: 0px; left: 0px; right: 0px; width: 100%; border: 0px none; border-top: 1px solid #215485; background: #5f94c0 none; height: 2px; cursor: n-resize; z-index: 1250; } .popup-window .popup-tr-corner { right: 0px; top: 0px; height: 2px; width: 2px; border-top: 1px solid #215485; border-right: 1px solid #215485; background: #5f94c0 none; cursor: ne-resize; z-index: 1260; } .popup-window .popup-r-side { top: 0px; right: 0px; bottom: 0px; height: 100%; border-right: 1px solid #215485; background: #5f94c0 none; width: 2px; cursor: e-resize; z-index: 1250; } .popup-window .popup-br-corner { right: 0px; bottom: 0px; height: 2px; width: 2px; border-bottom: 1px solid #215485; border-right: 1px solid #215485; background: #5f94c0 none; cursor: se-resize; z-index: 1260; } .popup-window .popup-b-side { bottom: 0px; left: 0px; right: 0px; width: 100%; border-bottom: 1px solid #215485; background: #5f94c0 none; height: 2px; cursor: s-resize; z-index: 1250; } .popup-window .popup-bl-corner { left: 0px; bottom: 0px; height: 2px; width: 2px; border-bottom: 1px solid #215485; border-left: 1px solid #215485; background: #5f94c0 none; cursor: sw-resize; z-index: 1260; } .popup-window .popup-l-side { top: 0px; left: 0px; bottom: 0px; height: 100%; border-left: 1px solid #215485; background: #5f94c0 none; width: 2px; cursor: w-resize; z-index: 1250; } .popup-window .popup-tl-corner { left: 0px; top: 0px; height: 2px; width: 2px; border-top: 1px solid #215485; border-left: 1px solid #215485; background: #5f94c0 none; cursor: nw-resize; z-index: 1260; } /* Images preview */ .images-preview-bg { background: transparent url(../../skin/txs_ModernLiving/css/../images/grey.png) repeat left top; position: absolute; width: 100%; height: 100%; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 3000; } .images-preview { position: absolute; top: 50px; right: 50px; bottom: 50px; left: 50px; background: #ffffff none; border: 5px solid #e3e3e3; overflow: hidden; min-width: 700px; min-height: 500px; z-index: 4000; } .images-preview .wait { position: absolute; top: 30px; right: 0px; bottom: 30px; left: 0px; background: #ffffff url(../../skin/txs_ModernLiving/css/../images/loading.gif) no-repeat center center; z-index: 1500; } .images-preview a.close:link, .images-preview a.close:visited, .images-preview a.close:hover, .images-preview a.close:active { position: absolute; top: 9px; right: 11px; background: transparent url(../../skin/txs_ModernLiving/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 0px 50px; padding: 0px; text-align: center; position: relative; border: 1px solid #ffffff; } .images-preview a.arrow, .images-preview a.arrow:link, .images-preview a.arrow:visited, .images-preview a.arrow:hover, .images-preview a.arrow:active { position: absolute; display: block; width: 13px; height: 13px; outline-style: none; cursor: pointer; } .images-preview a.hidden, .images-preview a.hidden:link, .images-preview a.hidden:visited, .images-preview a.hidden:hover, .images-preview a.hidden:active { display: none; } .images-preview a.left, .images-preview a.left:link, .images-preview a.left:visited, .images-preview a.left:hover, .images-preview a.left:active { left: 0px; background: transparent url(../../skin/txs_ModernLiving/css/../images/arrow_left.gif) no-repeat left center; } .images-preview a.right, .images-preview a.right:link, .images-preview a.right:visited, .images-preview a.right:hover, .images-preview a.right:active { right: 0px; background: transparent url(../../skin/txs_ModernLiving/css/../images/arrow_right.gif) no-repeat right center; } .images-preview a.left-disabled, .images-preview a.left-disabled:link, .images-preview a.left-disabled:visited, .images-preview a.left-disabled:hover, .images-preview a.left-disabled:active { background: transparent url(../../skin/txs_ModernLiving/css/../images/arrow_left_disabled.gif) no-repeat left center; cursor: auto; } .images-preview a.right-disabled, .images-preview a.right-disabled:link, .images-preview a.right-disabled:visited, .images-preview a.right-disabled:hover, .images-preview a.right-disabled:active { background: transparent url(../../skin/txs_ModernLiving/css/../images/arrow_right_disabled.gif) no-repeat 6px center; cursor: auto; } .images-preview div.list-subbox { margin: 0px; padding: 0px; overflow: hidden; position: relative; text-align: center; } .images-preview ul { list-style: none; margin: 0px; padding: 0px; text-align: center; vertical-align: middle; position: absolute; } .images-preview ul li { display: block; padding: 0px; margin: 0px 12px; border: 1px solid #ffffff; 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 #cccccc; } .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/txs_ModernLiving/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/txs_ModernLiving/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 */ table.data-table.light-table td { line-height: 16px; padding: 3px; } table.data-table td.data-name { vertical-align: top; color: #112536; padding-right: 5px; } table.data-table .data-required, .data-required { color: #880000; } table.data-table td.data-required { padding-right: 13px; } table.data-table td.data-required { text-align: center; width: 5px; color:#dd661b; font:bold 17px Arial, Helvetica, sans-serif; } table.data-table td input{ float:left; width:200px; border:1px solid #999; background:#fff; padding:2px 4px 3px; height:15px; } table.data-table .error-message { color: #880000; vertical-align: middle; } table.data-table div.error-message { margin: 0px; } table.data-table tr.head-row th { padding-left: 5px; padding-right: 5px; } table.data-table tr th.data-checkbox-column { width: 10px; } table.data-table tr .data-right-column { text-align: right; } table.data-table tr .data-width-100 { width: 100%; } table.data-table tr td.data-name label { line-height: 21px; vertical-align: top; } /* search sort bar */ .search-sort-bar { vertical-align: middle; line-height: 16px; height: 16px; padding-right: 20px; white-space: nowrap; margin: 15px 0px 30px 0px; text-align: right; } .search-sort-title { padding-right: 20px; } .search-sort-cell { padding-right: 20px; } a.search-sort-link:link, a.search-sort-link:visited, a.search-sort-link:hover, a.search-sort-link:active { 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:link, .search-sort-bar a.up-direction:visited, .search-sort-bar a.up-direction:hover, .search-sort-bar a.up-direction:active { font-weight: bold; padding-left: 14px; background: transparent url(../../skin/txs_ModernLiving/css/../images/uarrow.gif) no-repeat left 3px; } .search-sort-bar a.down-direction:link, .search-sort-bar a.down-direction:visited, .search-sort-bar a.down-direction:hover, .search-sort-bar a.down-direction:active { font-weight: bold; padding-left: 14px; background: transparent url(../../skin/txs_ModernLiving/css/../images/darrow.gif) no-repeat left 3px; } /* expandable section */ .expand-section { height: 16px; margin: 20px 0px 20px 0px; vertical-align: middle; line-height: 16px; } .expand-section img { width: 11px; height: 11px; vertical-align: middle; margin: 2px 5px 3px 0px; } .expand-section img.plus { background: transparent url(../../skin/txs_ModernLiving/css/../images/plus.gif) no-repeat left top; } .expand-section img.minus { background: transparent url(../../skin/txs_ModernLiving/css/../images/minus.gif) no-repeat left top; } .expand-section a:link, .expand-section a:visited, .expand-section a:hover, .expand-section a:active { font-weight: bold; text-decoration: underline; } /* pagination mechanism */ .nav-pages { white-space: nowrap; vertical-align: bottom; padding: 0px; margin: 0px; } .nav-pages-title { padding-right: 10px; } .nav-pages img { vertical-align: bottom; width: 15px; height: 15px; } .nav-pages a:link, .nav-pages a:visited, .nav-pages a:hover, .nav-pages a:active { text-align: center; text-decoration: underline; } .nav-pages .left-arrow img { background: transparent url(../../skin/txs_ModernLiving/css/../images/navigation_arrow_left.gif) no-repeat left top; } .nav-pages .right-arrow img { background: transparent url(../../skin/txs_ModernLiving/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.grey { color: #666666; font-size: 11px; border-bottom: 1px solid #cccccc; } h3.black { color: #010101; font-size: 12px; font-weight: bold; border-bottom: 1px solid #000000; } 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/txs_ModernLiving/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/txs_ModernLiving/css/../images/r_top.gif) no-repeat left top; margin-right: 3px; } /* NoScript warning */ .noscript-warning { position: absolute; top: 10px; left: 30%; padding: 10px 10px 10px 10px; overflow: hidden; border: 1px solid #dddddd; background: #ffffff none; } .noscript-warning .content { background: transparent url(../../skin/txs_ModernLiving/css/../images/icon_warning.gif) no-repeat left top; font-weight: bold; padding-left: 37px; height: 32px; line-height: 16px; } /* Webmaster mode */ .lbl { display: inline !important; color: green !important; font-weight: bold !important; width: auto !important; margin: 0px !important; padding: 0px !important; } .section { margin: 0px !important; padding: 0px !important; width: auto !important; } /*============================================================================== side-bar styles ==============================================================================*/ /* categories list */ .menu-categories-list img.icon { background: transparent url(../../skin/txs_ModernLiving/css/../images/dingbats_categorie.gif) no-repeat left top; } .menu-categories-list ul li { padding: 4px 0px 5px 20px; background: none; } .rtl .menu-categories-list ul li { padding: 4px 20px 5px 0px; background: transparent url(../../skin/txs_ModernLiving/css/../images/category_bullet_invert.gif) no-repeat right 5px; } .menu-categories-list ul li a:link, .menu-categories-list ul li a:visited, .menu-categories-list ul li a:hover, .menu-categories-list ul li a:active { font-size: 12px; } /* Special menu */ .menu-special img.icon { background-image: url(../../skin/txs_ModernLiving/css/../images/dingbats_categorie.gif); } /* Help menu */ .menu-help img.icon { background-image: url(../../skin/txs_ModernLiving/css/../images/dingbats_help.gif); } /* Minicart */ div.minicart { color: #112536; font-size: 10px; } div.minicart a { float: left; } div.minicart img { width: 19px; height: 16px; } div.minicart .empty b { line-height: 18px; } div.minicart table { margin: 0px 0px 0px 1px; } div.minicart table tr td { color: #112536; font-size: 10px; padding: 1px; } hr.minicart { clear: both; margin: 5px 0px 5px 0px; } /* AJAX-based minicart */ .ajax-minicart .title-bar { position: relative; overflow: visible; } #content-container .ajax-minicart img.minicart-button { background: transparent url(../../skin/txs_ModernLiving/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: 3000; } #content-container .ajax-minicart img.minicart-button-show { background-position: left -21px; } .minicart-box .progress { background: transparent url(../../skin/txs_ModernLiving/css/../images/progress.gif) repeat-x left top; height: 11px; } iframe.minicart-bg { position: absolute; display: none; width: 250px; border: 0px none; background: #ffffff none; } iframe.minicart-checkout-bg { position: absolute; display: none; border: 0px none; background: #ffffff none; } .help-link { border-bottom: 1px dashed #000000; cursor: help; } #tooltip { position: absolute; border: 1px solid #000000; padding: 5px; background: #ffffff none; top: 0px; left: 0px; text-align: left; width: 300px; z-index: 10000; } /* auth box */ .menu-auth img.icon { background: url(../../skin/txs_ModernLiving/css/../images/dingbats_authentification.gif) no-repeat; } .menu-auth input { width: 120px; } .login-buttons { margin: 3px 0px 5px 0px; } .login-buttons .button { float: left; margin-right: 10px; margin-bottom: 5px; } .menu-dialog .recovery { clear: both; margin-bottom: 2px; } .menu-dialog .recovery a:link, .menu-dialog .recovery a:visited, .menu-dialog .recovery a:hover, .menu-dialog .recovery a:active { text-decoration: underline; font-size: 10px; } .menu-dialog .left { text-align: left; } .menu-dialog .login-text { vertical-align: top; } .small-note, a.small-link:link { color: #3c6992; text-decoration: none; font-size: 9px; font-family: arial, verdana, helvetica, sans-serif; } a.small-link:visited { color: #3c6992; text-decoration: none; font-size: 9px; font-family: arial, verdana, helvetica, sans-serif; } a.small-link:hover { color: #3c6992; text-decoration: underline; font-size: 9px; font-family: arial, verdana, helvetica, sans-serif; } a.small-link:active { color: #3c6992; text-decoration: none; font-size: 9px; font-family: arial, verdana, helvetica, sans-serif; } /* news box styles */ .menu-news img.icon { background: url(../../skin/txs_ModernLiving/css/../images/dingbats_news.gif) no-repeat; } .menu-dialog .subscribe { margin-top: 8px; } .menu-dialog a.prev-news:link, .menu-dialog a.prev-news:visited, .menu-dialog a.prev-news:hover, .menu-dialog a.prev-news:active { text-decoration: underline; } /* interneka menu */ .menu-interneka img.icon { background: url(../../skin/txs_ModernLiving/css/../images/dingbats_affiliates.gif) no-repeat; } /*============================================================================ page-specific styles ==============================================================================*/ /* category page */ /* category header */ .category-header { background:#fefefe url(../../skin/txs_ModernLiving/css/../../images/bg-welcome.gif) repeat-x; padding:10px 14px 16px 10px; overflow:hidden; height:1%; border-bottom:1px solid #d8d8d8; } .category-header img.manufacturer-logo, .category-header img.dialog-image{float: right;} .category-header h1 { margin:0; float:left; font:26px Arial, Helvetica, sans-serif; color:#575757; padding:0 30px 0 12px; } .category-filter { float:right; } .category-header ul { margin:0; padding:7px 0 0; list-style:none; } .category-header ul li{ float:left; padding-right:20px; } .category-header ul li select {width:164px;} div.text p{ overflow: hidden;} .category-description { margin-bottom: 15px; } .current-category-icon { padding: 0px; height: 100%; vertical-align: top; } .current-category-icon img { margin: 5px; } ul.subcategories { list-style: none; margin: 0px; padding: 0px 0px 15px 0px; } ul.subcategories li { margin: 0px 0px 10px 0px; text-align: left; } ul.subcategories a:link, ul.subcategories a:visited, ul.subcategories a:hover, ul.subcategories a:active { text-decoration: underline; font-weight: bold; } div.subcategories { float: left; margin: 0px 10px; text-align: center; padding-bottom: 0px; overflow: hidden; } .subcategory-image { float: left; margin: 0px 10px 10px 0px; } .subcategory-descr { width: auto; padding: 0px; margin-bottom: 20px; } /* product details page */ .product-details { position: relative; margin-bottom: 50px; } .product-details .image { text-align: center; vertical-align: top; padding: 0px; float: left; margin: 5px 20px 5px 10px; } .product-details .image .image-box { margin: 0px auto; padding: 0px; } .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: #ffffff; font-size: 11px; font-weight: bold; text-align: center; background: transparent url(../../skin/txs_ModernLiving/css/../images/save_money.gif) no-repeat left top; } .product-details .product-subtitle { padding: 23px 0px 10px 0px; } .product-details .product-subtitle div { color: #b51a00; font-weight: bold; font-size: 12px; border: 0px 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 .buttonw-row { margin-top: 15px; } /* product properties table */ table.product-properties { width: 100%; margin: 0px; } table.product-properties tr td { padding: 2px; } table.product-properties .property-name { width: 30px; white-space: nowrap; } table.product-properties .property-value { white-space: normal; } 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; } /* products list */ /* common styles */ .products { margin-bottom: 15px; margin-top: 15px; } .products .image { text-align: center; vertical-align: top; white-space: nowrap; } .products a.see-details:link, .products a.see-details:visited, .products a.see-details:hover, .products a.see-details:active { display: block; text-align: center; text-decoration: underline; } .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 { font-weight: bold; font-size: 14px; text-decoration: underline; } .products .descr { padding: 15px 0px 0px 0px; margin: 0px; } .products .sku { margin-top: 15px; } .products .price-row { margin: 0px; padding: 0px; text-align: left; } .products .price { font-weight: bold; font-size: 12px; } .products .price-value { font-weight: bold; font-size: 12px; color: #b51a00; } .products .price-save { padding: 0px; margin: 0px; color: #b51a00; } .products .taxes { margin-top: 15px; padding: 2px 2px 2px 70px; } .products .buy-now { margin: 10px 0px 0px 0px; } .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: 0px 0px 45px 0px; } .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: 0px none; } .products-list .details hr { margin: 5px 5px 5px 0px; } .products-list .buy-now .center, .products-list .buy-now .halign-center { margin-left: 0px; text-align: left; } /* list as multicolumn table */ .products-table .product-cell { background: #ffffff none; padding: 0px; vertical-align: top; } .products-table .first.products-row td.product-cell { padding-top: 0px; } .products-table td.product-cell-price { padding-top: 2px; } .products-table td.product-cell-buynow { padding-top: 6px; } .products-table td.product-cell-buynow .button-row { text-align: left; margin: 9px 0 5px; } .products-table .image { padding: 0px; margin: 5px 0px; text-align: left; } .products-table a.see-details:link, .products-table a.see-details:visited, .products-table a.see-details:hover, .products-table a.see-details:active { text-align: left; display: inline; } .products-table .sku { margin-top: 5px; } .products-table a.product-title:link, .products-table a.product-title:visited, .products-table a.product-title:hover, .products-table a.product-title:active, .products-table .product-title { font-size: 12px; } .products-table .buttons-row, .products-table .button-row { margin: 0px; } .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: 0px; 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: 0px; } .adv-search table .pattern input, .adv-search table .pattern select { width: 95%; vertical-align: bottom; } .adv-search table .search-button { width: 25%; padding: 0px; } #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: #000000; 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; } .the div { vertical-align: middle; } .register-section-title div * { vertical-align: middle; } .register-sec-minimized div { border-bottom: 0px none; } .register-table .register-exp-section label { border-bottom: 1px dashed #2c3e49; font:10px Arial, Helvetica, sans-serif !important; letter-spacing:0 !important; color:#000; background:url(../../skin/txs_ModernLiving/css/../images/bg-dots2.gif) repeat-x 0 100%; width:auto !important; padding:2px 0 1px !important; margin:0 15px 0 50px; } table.register-table .register-exp-section { padding-top: 16px; padding-bottom: 16px; background:none !important; } table.register-table td.data-name { /* text-align: right; font-weight: normal; width: 35%; font:bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#333; letter-spacing:-1px; */ color:#333333; font:bold 14px Verdana,Geneva,Arial,Helvetica,sans-serif; letter-spacing:-1px; text-align:right; width:294px; } /* cart page */ .cart .item { margin: 0px 0px 30px 0px; } .cart .item .image { position: relative; padding: 3px 8px 3px 3px; height: 100%; } .cart .details { margin-left: 138px; vertical-align: top; width: 80%; } .cart a.product-title:link, .cart a.product-title:visited, .cart a.product-title:hover, .cart a.product-title:active { 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: 0px; } .cart .left-buttons-row { vertical-align: top; position: absolute; top: 0px; left: 0px; } .cart .right-buttons-row { position: absolute; top: 0px; right: 0px; width: 50%; } .cart .right-buttons-row .checkout-button { float: right; } .cart-total-line { width: 50%; margin-left: 50%; } .cart-total-row { text-align: right; padding:0 19px 16px; } 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: 0px 0px 0px auto; text-align: right; } .shipping-method table td { font-weight: normal; text-align: left; } .shipping-method tr.selected { background: #eeeeee none; } .totals { margin: 0px 0px 0px auto; text-align: right; width: 40%; border: 1px solid #000; } .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: black none; width: 100%; height: 1px; } .totals .total { white-space: nowrap; font-weight: bold; padding-right: 8px; text-transform: uppercase; } .totals .total-taxes { font-weight: bold; text-align: right; } .totals .total-tax-line { background-color: #eeeeee } .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; } .cart-content { margin-bottom: 15px; } .cart-content tr td, .cart-content tr th { padding: 1px 3px; height: 23px; text-align: left; } .cart-content tr th { color:#4a4a4a !important; font-size:17px !important; background:#ebebeb; padding:4px 0 3px !important; border-left:2px solid #fff; border-bottom:2px solid #fff; text-align:center !important; } .cart-content tr td { padding:1px 0 2px 28px; font-weight:bold; font-size:15px; color:#625d5d; } .cart-content .cart-column-tax { text-align: center; } .cart-content td.cart-column-price, .cart-content td.cart-column-total { text-align:center; padding-left:2px !important; } .cart-content .cart-content-text { text-align:center; font-weight: bold; padding-left:2px !important; } .cart-content .cart-column-quantity { width: 30px; } .cart-content .cart-column-product { padding:4px 0 3px 87px !important; width:307px; } .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/txs_ModernLiving/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/txs_ModernLiving/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: 90%; 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: 0px none; } .checkout-update-button { float: left; margin: 0px; } .order-placed-msg { margin: 20px 0px 10px 0px; padding: 0; font-size: 13px; text-align: center; } /* Payment wait page */ body.payment-wait { text-align: center; } body.payment-wait .payment-wait-title { border-top: 30px solid #d0ddeb; } body.payment-wait h1 { display: block; padding: 40px 0px 0px 0px; border-top: 1px solid #d0ddeb; margin-top: 1px; color: #2c3e49; } body.payment-wait img.payment-wait-image { background: transparent url(../../skin/txs_ModernLiving/css/../images/progress.gif) repeat-x; width: 350px; height: 11px; margin-top: 10px; } /* help index page */ .help-index { list-style: none; padding: 0px; margin: 0px; } .help-index li { margin: 0px; padding: 10px 0px 0px 0px; } .help-index li.first-item { padding-top: 0px; } /* help / cvv2 page */ .help-cvv2-images { float: right; margin: 15px 5px 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 0px } .images-viewer-list { position: relative; white-space: nowrap; } .images-viewer-list .side-arrow, .images-viewer-list .side-arrow:link, .images-viewer-list .side-arrow:visited, .images-viewer-list .side-arrow:hover, .images-viewer-list .side-arrow:active { position: absolute; top: 0px; display: block; width: 10px; height: 54px; text-decoration: none; outline-style: none; } .images-viewer-list .left-arrow:link, .images-viewer-list .left-arrow:visited, .images-viewer-list .left-arrow:hover, .images-viewer-list .left-arrow:active { text-align: left; left: 0px; } .images-viewer-list .right-arrow:link, .images-viewer-list .right-arrow:visited, .images-viewer-list .right-arrow:hover, .images-viewer-list .right-arrow:active { padding-left: 3px; text-align: right; right: 0px; } .images-viewer-list .side-arrow:link img, .images-viewer-list .side-arrow:visited img, .images-viewer-list .side-arrow:hover img, .images-viewer-list .side-arrow:active img { width: 7px; height: 100%; } .images-viewer-list .left-arrow .enabled, .images-viewer-list .left-arrow:link .enabled, .images-viewer-list .left-arrow:visited .enabled, .images-viewer-list .left-arrow:hover .enabled, .images-viewer-list .left-arrow:active .enabled { display: block; background: transparent url(../../skin/txs_ModernLiving/css/../images/arrow_left.gif) no-repeat left center; } .images-viewer-list .left-arrow .disabled, .images-viewer-list .left-arrow:link .disabled, .images-viewer-list .left-arrow:visited .disabled, .images-viewer-list .left-arrow:hover .disabled, .images-viewer-list .left-arrow:active .disabled { display: block; background: transparent url(../../skin/txs_ModernLiving/css/../images/arrow_left_disabled.gif) no-repeat left center; } .images-viewer-list .hidden { display: none; } .images-viewer-list .right-arrow .enabled, .images-viewer-list .right-arrow:link .enabled, .images-viewer-list .right-arrow:visited .enabled, .images-viewer-list .right-arrow:hover .enabled, .images-viewer-list .right-arrow:active .enabled { display: block; background: transparent url(../../skin/txs_ModernLiving/css/../images/arrow_right.gif) no-repeat left center; } .images-viewer-list .right-arrow .disabled, .images-viewer-list .right-arrow:link .disabled, .images-viewer-list .right-arrow:visited .disabled, .images-viewer-list .right-arrow:hover .disabled, .images-viewer-list .right-arrow:active .disabled { display: block; background: transparent url(../../skin/txs_ModernLiving/css/../images/arrow_right_disabled.gif) no-repeat left center; } .images-viewer-icons { text-align: left; padding: 0px; margin: 0px 10px; overflow: hidden; } .images-viewer-icons a:link, .images-viewer-icons a:visited, .images-viewer-icons a:hover, .images-viewer-icons a:active { display: block; padding: 0px; border: 1px solid #ffffff; padding: 0px; margin: 0px 10px; float: left; outline-style: none; background: #eeeeee none; text-align: center; vertical-align: middle; } .images-viewer-icons a.selected:link, .images-viewer-icons a.selected:visited, .images-viewer-icons a.selected:hover, .images-viewer-icons a.selected:active { border: 1px solid #215485; } .images-viewer-icons a:hover { border: 1px solid #cccccc; } .images-viewer-icons img { margin: 1px; vertical-align: middle; border: 0px none; } /* Order invoice */ .order-invoice { background: #ffffff 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 0px 17px 0px; border-bottom: 2px solid #58595b; } .invoice-personal-info { width: 45%; margin-bottom: 15px; } .invoice-personal-info tr td { padding: 0px; } .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: 0px; 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: 0px; } .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: #000000 none; } .invoice-products tr td, .invoice-products tr th { background: #ffffff none; } .invoice-products tr th { padding: 3px; background: #cccccc 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: 0px 3px 3px 0px; } .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: 0px; } .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: #cccccc none; } .invoice-totals tr .invoice-total-value-fin { text-align: right; height: 25px; padding-right: 5px; background: #cccccc none; white-space: nowrap; } .invoice-totals tr td.invoice-line { height: 2px; } .invoice-giftcerts { width: 100%; } .invoice-giftcerts tr td { padding: 0px; } .invoice-giftcerts tr th { background: #cccccc 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: 0px 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 0px auto; 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: #000000; } .error-page .description a:link, .error-page .description a:visited, .error-page .description a:hover, .error-page .description a:active { text-decoration: underline; } .error-page .description ul { margin: 0px; padding: 5px 0px; list-style-position: inside; } .error-page .reason { font-weight: bold; color: #a10000; } .error-page .description hr { margin: 10px 0px 15px 0px; } .error-page ul.links { margin: 0px; padding: 5px 0px; 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: 0px; overflow: visible; text-align: right; } .paypal-cart-button p { width: 100%; text-align: right; margin: 10px 0px; } .paypal-cart-icon { float: left; padding-right: 10px; } /*============================================================================ module styles ==============================================================================*/ /* bestsellers module */ /* bestsellers menu box */ .menu-bestsellers img.icon { background: url(../../skin/txs_ModernLiving/css/../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 0px; } /* bestsellers products list */ ul.bestsellers-products-item { list-style: none; margin: 0px; padding: 0px; } 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; } /* customer reviews module */ .creviews-rating-box { margin-top: 5px; padding-bottom: 7px; } .creviews-vote-bar ul { list-style: none; margin: 0px; padding: 0px; overflow: visible; } .creviews-vote-bar li ul { position: absolute; top: 0px; left: 22px; } .creviews-vote-bar li { margin: 0px; padding: 0px; overflow: visible; position: relative; width: 22px; height: 20px; } .creviews-vote-bar a, .creviews-vote-bar span, .creviews-vote-bar a img, .creviews-vote-bar span img { display: block; margin: 0px; width: 22px; height: 20px; overflow: hidden; background: transparent url(../../skin/txs_ModernLiving/css/../images/stars.png) no-repeat 1px top; } .creviews-vote-bar span.full, .creviews-vote-bar span img { background-position: 1px -20px; } .allow-add-rate a { background-position: 1px -40px; } .allow-add-rate a.full, .allow-add-rate a img { background-position: 1px -60px; } .allow-add-rate li:hover > a, .allow-add-rate li:hover > a.full { background-position: 1px -80px; } .allow-add-rate li:hover > a img { display: none; } .creviews-rating-box .progress { display: block; background: transparent url(../../skin/txs_ModernLiving/css/../images/progress.gif) repeat-x left 5px; height: 20px; } .creviews-rating-box.message span { display: block; padding-top: 5px; font-size: 11px; font-weight: bold; } .creviews-rating { font-size: 10px; color: #8a8a8a; } ul.creviews-reviews-list { list-style: none; margin: 0px 0px 35px 0px; padding: 0px; width: 100%; } ul.creviews-reviews-list li { margin: 0px; padding: 12px 0px; } div.creviews-reviews-list { text-align: center; padding: 12px 0px 25px 0px; } .creviews-reviews-title { font-weight: bold; white-space: nowrap; font-size: 12px; } .creviews-reviews-add table td { padding: 2px; } /* detailed product images module */ /* detailed images on product detailed page */ .dpimages-list .content { text-align: center; } .dpimages-list .content img { padding: 0px 0px 10px 0px; } .dpimages-list .content img.last { padding: 0px; } /* product details line */ div.dpimages-popup-link { margin-top: 3px; 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: 0px 0px 0px 17px; background: transparent url(../../skin/txs_ModernLiving/css/../images/zoom_image.gif) no-repeat left 1px; line-height: 13px; } .printable .dpimages-popup-link { display: none; } /* 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 #ffffff; float: left; } .dpimages-icons-box a:hover { border: 1px solid #215485; } /* discount coupons module */ .dcoupons-add-coupon { color: #112536; font-weight: bold; } /* clear link */ .dcoupons-clear img { background: transparent url(../../skin/txs_ModernLiving/css/../images/delete_cross.gif) no-repeat; width: 11px; height: 11px; vertical-align: bottom; } /* fast lane checkout module */ .flc-sns-button { position: absolute; top: 0px; left: 30px; height: 100%; } .flc-sns-button img { width: 9px; height: 9px; } .flc-top-login { position: absolute; top: 0px; right: 10px; height: 20px; line-height: 21px; text-align: right; width: 50%; vertical-align: middle; } #header .flc-top-login .simple-button { margin-bottom: 7px; } .flc-top-login-text { white-space: nowrap; padding: 0px 10px 0px 0px; } .flc-container #header .line2 { height: 20px; } .flc-container #content-container { margin-top: 102px; } .flc-container #header { height: 102px; } .flc-container #center { text-align: center; } .flc-container #center-main { text-align: left; } /* Checkout page : user profile */ .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; } input[type="checkbox"] { width: 14px !important; height: 14px !important; } /* 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; } .flc-payments tr td { padding: 5px; vertical-align: top; } .flc-payments tr td.flc-payment-name { width: 20%; white-space: nowrap; padding-right: 10px; } .flc-payments tr td.flc-payment-name label { font-weight: bold; } .flc-payments tr td.flc-payment-descr { width: 80%; } .flc-payments tr td.flc-payment-paypal { width: 100%; } .flc-payments tr td.flc-payment-paypal img { border: 0px none; } .flc-shippings label { position: relative; display: block; padding: 2px; height: 18px; line-height: 18px; vertical-align: middle; } .flc-shippings label input { vertical-align: middle; } .flc-shippings label span { padding-left: 3px; } .flc-shippings label.highlight { background: #eeeeee 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: 0px; margin: 0px; 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/txs_ModernLiving/css/../images/cart_checkout.gif) no-repeat left top; } div.flc-tab-marks-line { padding: 0px; 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: 0px; right: 50%; left: 0px; width: 50%; height: 2px; } .flc-tab-marks-line .flc-tab-line-img2 { top: 0px; right: 0px; 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: white 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: bold; text-align: center; padding: 0px 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: bold; } /* Checkout : last step */ .flc-checkout-products { padding-bottom: 30px; } .flc-checkout-box-info { padding: 0px 19px 30px; } .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 { width:230px; font:bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#333; padding:0px; } table.flc-checkout-address tr td.flc-td-address { padding-left:2px; width:145px; } .flc-payment-options { padding-bottom: 15px; } /* gift certificate module */ /* gift certificate page */ .giftcert-header { vertical-align: middle; padding-bottom: 15px; } .giftcert-header img { width: 61px; height: 67px; background: transparent url(../../skin/txs_ModernLiving/css/../images/gift.gif) no-repeat left top; float: left; margin: 0px 15px 15px 0px; } .giftcert-table .giftcert-title { color: #b51a00; font-weight: bold; font-size: 12px; padding: 10px 0px 0px 0px; } .giftcert-table .data-name { text-align: right; } .giftcert-table .giftcert-subtitle { padding-bottom: 30px; } .giftcert-table .giftcert-h-separator { padding: 15px 0px; } .giftcert-table .giftcert-h-separator hr { border-bottom: 1px solid #cccccc; } .giftcert-table .buttons-row #preview_button { float: left; } .giftcert-table .giftcert-delivery-method { font-weight: bold; } table.data-table tr#preview_template td { vertical-align: middle; } #preview_template td select { margin-right: 20px; } /* cart page */ .giftcert-item .image img { width: 84px; height: 69px; background: transparent url(../../skin/txs_ModernLiving/css/../images/gift.gif) no-repeat left top; } .giftcert-item .giftcert-item-row .giftcert-item-subtitle { padding-right: 3px; } .giftcert-item .product-title { padding-bottom: 15px; } /* google checkout module */ .gcheckout-cart-buttons { } .gcheckout-cart-buttons div { width: 200px; margin-left: auto; margin-right: 0px; overflow: visible; text-align: right; } .gcheckout-cart-buttons p { width: 100%; text-align: right; margin: 10px 0px; } table.gcheckout-top-button { float: right; margin-bottom: 3px; } table.gcheckout-top-button tr td { padding: 0px; } table.gcheckout-top-button tr td.gcheckout-or-use { padding-left: 20px; padding-right: 20px; } .error-page .gcheckout-top-button { display: none; } /* image verification module */ 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: middle; padding-right: 10px; } table.data-table tr td.iv-box-descr { padding-top: 15px; font-size: 10px; line-height: normal; } .iv-description { padding: 0px; margin: 0px; } .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; } .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; } /* manufacturers module */ /* manufacturers menu list */ .menu-manufacturers img.icon { background: url(../../skin/txs_ModernLiving/css/../images/dingbats_categorie.gif) no-repeat; } /* manufacturers list */ ul.manufacturers-list { padding: 0px; margin: 0px; list-style: none; } ul.manufacturers-list li { margin: 0px; padding: 0px 0px 0px 5px; white-space: nowrap; } /* News management module */ .news-register-item { margin-bottom: 5px; } .news-register-item label { line-height: 15px; } .news-register-item span { font-style: italic; } .news-item { } /* 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-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; } /* 'Note' box */ div.note-box { position: absolute; border: 1px solid black; background-color: #f6f5eb; margin: 0px 0px 0px 30px; padding: 3px; width: 150px; line-height: 15px; white-space: normal; overflow: hidden; } /* product options module */ /* 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; } /* recommended products module */ ul.rproducts { list-style: none outside none; margin: 0px; padding: 0px; } ul.rproducts li { margin: 0px; padding: 4px 0px; 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-dialog { display: none; } /* sns module */ .sns-button img { cursor: pointer; } .sns-button .text { height: 15px; text-align: center; } .sns-button .text a:link, .sns-button .text a:visited, .sns-button .text a:hover, .sns-button .text a:active { font-family: arial; text-decoration: none; color: #550000; font-weight: bold; } /* Stop list module */ img.slist-no-ip { vertical-align: middle; width: 12px; height: 12px; background: transparent url(../../skin/txs_ModernLiving/css/../images/no_ip.gif) left top; } /* subscriptions module */ .subscriptions-product-price { color: #010101; font-weight: bold; font-size: 12px; padding-right: 5px; } .subscriptions-product-price-value { color: #b51a00; font-weight: bold; font-size: 12px; } /* upselling products module */ .uproducts ul { list-style: none outside none; padding: 0px; margin: 0px; } .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; } /* ups online tools module */ .ups-logo { width: 84px; height: 96px; margin: 0px 5px 15px 5px; } .ups-logo-cell { margin: 25px 20px 5px 20px; text-align: center; } .ups-notice { font-size: 10px; font-family: verdana, arial, helvetica, sans-serif; text-align: left; padding-left: 10px; } table.ups-error tr td { padding: 1px; } .ups-error-name { width: 20%; } /* users online module */ /* users statistics box */ .uo-box { width: 100%; border-top: 1px solid #acb7c7; background-color: #e8edf4; padding: 10px 0px 10px 13px; } /* wholesale module */ /* wishlist module */ .wishlist-sendlist { margin-top: 15px; } .wishlist-sendlist .button { margin-left: 10px; margin-top: -3px; } .wishlist-sendlist input.input-email { width: 140px; } /*============================================================================== alternative layouts ==============================================================================*/ /* printable */ .printable #content-container { position: static; padding: 0px; margin-top: 82px; } .printable #content-container2 { float: none; position: static; left: 0px; right: 0px; width: 100%; } .printable #center { float: none; position: static; width: 100%; left: 0px; } .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: 0px 10px 0px 10px !important; position: static; } .printable #footer { position: static !important; } .printable #footer .subbox { background: transparent none; } /* buttons */ .printable button.button, .printable div.button { border: 1px solid #acb7c7; } .printable .button, .printable .button * { background: transparent none !important; } /* containers */ .printable .dialog .title { background: transparent none; } .title h2 { margin: 0px; } .printable .product-details .dropout-wrapper { height: 150px; } /* service styles */ .printable .no-print { display: none; } /* 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: 0px; padding: 0px; } .admin-preview #center-main { margin: 5px; } /* 'Need help' box */ .need-help-link:link, .need-help-link:visited, .need-help-link:hover, .need-help-link:active { text-decoration: none; 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: 0px; padding: 0px; } div.need-help-box div { position: absolute; top: 0px; left: 14px; border: 1px solid #888888; background: white; 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 */ strong.language-code img, a.language-code img, .language-code img.language-code-out { padding: 2px; border: 0px none; } strong.language-code img, .language-code-over { padding: 1px !important; border: solid 1px #ffffff !important; } div.market-price { margin-top: 4px; color:#666666; } div.man-url { margin-bottom: 6px; } .cart-box span span{ float: none !important; padding: 0 !important; border: none !important; } .products-box{ left: 0 !important; } .btn-cart{ overflow: visible !important; } .btn-cart em{ padding: 0 !important; position: relative !important; width: auto !important; top: 0 !important; } .btn-cart strong.button { background:none repeat scroll 0 0 #FFFFFF; border:0 none; display:block; font-size:12px; overflow:hidden; padding:2px 1px 5px 8px; position:relative; width:44px; z-index:99; } .checkout-form-place-order h3 { margin:0 19px 2px; font:17px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; font-family:Arial,Helvetica,sans-serif; color:#4a4a4a; padding:0 23px 1px; background:#ebebeb; overflow:hidden; height:1%; } .checkout-form-place-order .right-box{ padding-right:21px; height:21px; margin-bottom:-21px; position:relative; width:auto !important; height:1%; overflow:hidden; } .checkout-form-place-order .right-box a.simple-button{ font-size:13px; font-weight:bold; color:#691113; float:right; text-decoration:none; } .checkout-form-place-order .right-box a.simple-button:hover{text-decoration:underline;} .flc-checkout-box-info h3.grey, .flc-checkout-address-left h3.grey, .flc-checkout-address-right h3.grey { margin:0; color:#4a4a4a; font-size:16px; font-weight:normal; background:#f9f8f7; padding:3px 0 5px 23px; border: none; font:17px Arial,Helvetica,sans-serif; } .flc-checkout-box-info table.data-table td.data-name { width:151px !important; padding:1px 15px 0 0 !important; text-align:right !important; font:bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif !important; color:#333 !important; } .checkout-form-place-order .halign-center .button { width:208px !important; text-transform:uppercase; } .flc-payment-options table.data-table td.data-name { width:auto !important; } .flc-payment-options table.data-table .selectArea { margin-right:6px; } .products-box ul.btn-holder button.button span:hover { text-decoration: underline; } .products-box ul.btn-holder li strong:hover{ text-decoration:underline; } .products-box ul.btn-holder li strong{ padding: 0 !important; color: #fff; cursor: pointer; } .messagebox{display: block;} button.button{ width:118px; } .cart-form button.add-to-cart-button{ float: left; width:120px; margin-right:2px; } button.do-add2cart-wait { display: block; border: none; background: transparent url(../../skin/txs_ModernLiving/css/../images/progress.gif) repeat-x left 5px; } .btn-cart .minicart-box .progress{ position: absolute; width:62px; height:16px; } #mini-cart-form-id button.update-cart{ width:auto; } #tab3-2 .f-review button.button{ margin-left:135px; width:118px; } #tab4 .f-send .button{ margin-left:153px; } .cart-content .box .content{ border: none; } #main .box{ border:1px solid #D8D8D8; } #main .box .title { background:url(../../skin/txs_ModernLiving/css/images/bg-welcome.gif) repeat-x scroll 0 0 #FEFEFE; padding:11px 15px 16px 22px; overflow: hidden; height:1%; } #main .box .title h1 { color:#575757; font-size:26px; font-weight:normal; margin:0; padding:0 34px 0 0; float: left; } #main .box .content { border:0; border-top:1px solid #D8D8D8; padding:18px 19px 19px; } .f-login button.main-button { margin:1px 0 0 113px; width:110px; } .flc-left-dialog,.flc-right-dialog{ margin-right:18px !important; } .flc-left-dialog .content, .flc-right-dialog .content{ line-height:18px !important; padding:5px 19px 15px !important; } #main .box .title .text{ line-height:18px; } #main .box .title .text p{ margin:0; } #main .box .title .text p span { color:#DD661B; font:bold 17px Arial,Helvetica,sans-serif; } .details-form-holder{ padding: 0 !important; } td.register-section-title div{ background:none repeat scroll 0 0 #EBEBEB; margin:0 0 10px; } td.register-section-title div label { background:none repeat scroll 0 0 #EBEBEB; color:#4A4A4A; font:17px/26px "Trebuchet MS",Arial,Helvetica,sans-serif; padding:0 23px 1px; letter-spacing: normal; text-align:left !important; width: 812px; } div.news-register-item label{ float: none; width: auto; } .details-form-holder .register-table .halign-center button.main-button{ width:208px !important; } #main .flc-tabs-dialog{ margin-bottom:17px; } #main .flc-tabs-dialog .title{ padding:11px 15px 8px 22px; } #main .flc-tabs-dialog .title h2{ padding:7px 0px 8px 10px; width: 180px; float: left; } #main .box .title .step-box { float:right; width:640px; } #main .flc-left-dialog .content, #main .flc-right-dialog .content{ height: 200px; } #flc-register-dialog .box{ margin-top:20px; } #flc-register-dialog .box .title{ padding:10px 15px 12px 22px; } #flc-register-dialog .box .title h2{ margin:1px 0 0; } #main .welcome-home .content{ padding: 0; } #main .box .welcome-holder{ padding:10px 10px 12px; } #main .box .furniture-holder{ border-bottom:1px solid #D8D8D8; padding:35px 0 38px 31px; } #main .box .category-header{ padding:10px 14px 16px 10px; border: 0; } #main .box .produts-list{ line-height:18px; padding:16px 0 20px 22px; } #main .box .cart-content{ padding:20px 19px 9px; } .w-sendall-form button.button{ float: right; width:158px; } #main .flc-plaqments-dialog .content{ padding: 0; } .I-message { background:url(../../skin/txs_ModernLiving/css/../images/bg-info-c.gif) repeat-y; } .I-message .holder{ background:url(../../skin/txs_ModernLiving/css/../images/bg-info-t.gif) no-repeat; } .I-message .frame{ background:url(../../skin/txs_ModernLiving/css/../images/bg-info-b.gif) no-repeat 0 100%; padding-bottom:13px; } .I-message p {margin:8px 0 0;} .W-message { background:url(../../skin/txs_ModernLiving/css/../images/bg-warning-c.gif) repeat-y; } .W-message .holder{ background:url(../../skin/txs_ModernLiving/css/../images/bg-warning-t.gif) no-repeat; } .W-message .frame{ background:url(../../skin/txs_ModernLiving/css/../images/bg-warning-b.gif) no-repeat 0 100%; } .E-message { background:url(../../skin/txs_ModernLiving/css/../images/bg-error-c.gif) repeat-y; } .E-message .holder{ background:url(../../skin/txs_ModernLiving/css/../images/bg-error-t.gif) no-repeat; } .E-message .frame{ background:url(../../skin/txs_ModernLiving/css/../images/bg-error-b.gif) no-repeat 0 100%; padding:14px 135px 14px 15px; } .E-message p {margin-top:7px;} .button-row .register-update button.main-button{ width:178px; } #main .box .content .content{ padding:10px 0 0 !important; border: none !important; } .description-product .description-box{ margin-top:20px; } .f-review .form-label { margin:0; color:#333333; float:left; font:13px Verdana,Geneva,Arial,Helvetica,sans-serif; padding-right:15px; text-align:right; width:116px; } .f-review .form-label span { color:#DD661B; font:bold 17px Arial,Helvetica,sans-serif; padding-left:2px; width:6px; } .f-login .form-label label, .f-send .form-label label, .f-review .form-label label{ padding:0 !important; float: none !important; width: auto !important; } .f-send .form-label { margin:0; color:#333333; float:left; font:13px Verdana,Geneva,Arial,Helvetica,sans-serif; padding-right:15px; text-align:right; width:138px; } .f-send .form-label span { color:#DD661B; font:bold 17px Arial,Helvetica,sans-serif; padding-left:2px; width:6px; } .f-login .form-label { margin:0 !important; color:#333333; float:left; font:bold 14px Verdana,Geneva,Arial,Helvetica,sans-serif; letter-spacing:-1px; padding-right:15px; text-align:right; width:98px; } .f-login .form-label span { color:#DD661B; font:bold 17px Arial,Helvetica,sans-serif; padding-left:3px; } .popup-link, .popup-holder a.info { float:left; width:17px; height:17px; text-indent:-9999px; overflow:hidden; background:url(../../skin/txs_ModernLiving/css/../images/icon-info.gif) no-repeat; margin-top:2px; } #tab4 { padding: 10px 0px 10px 10px; } 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; } /** * 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/txs_ModernLiving/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; } /** * Popup-dialog */ div.popup-dialog { text-align: left; min-width: 300px; } .dotted { text-decoration: none !important; border-bottom: 1px dotted #888; } .toggle-link { background: transparent url(../../skin/txs_ModernLiving/css/../images/arrow_down.png) no-repeat right 8px; padding-right: 15px; } .lngs-holder { float:left; padding-top:3px; margin-left:550px; position:relative; } .tab-box {background:url(../../skin/txs_ModernLiving/css/../images/bg-galley-products.gif) repeat-x;} .product-tab-content {padding:5px 0px 5px 5px} /* description product */ .description-product { float:right; width:463px; padding-top:10px; } .description-product .param-holder { overflow:hidden; height:1%; padding-right:15px; } .description-product .order { float:left; width:297px; padding-left:3px; } .description-product h1 { margin:0; color:#575757; font-size:25px; font-weight:normal; } .description-product h2 { font:22px Tahoma, Geneva, sans-serif; color:#dd6619; margin:0 0 4px; } .description-product h3 { font:16px Tahoma, Geneva, sans-serif; color:#c2c2c2; margin:2px 0 2px; } .description-product p {margin:0 0 15px;} .description-product fieldset { width:300px; margin-left:-3px; } .description-product .row { overflow:hidden; height:1%; padding:0 0 7px 3px; } .description-product label { float:left; width:96px; color:#91914a; font-size:14px; } .description-product select {width:139px;} .description-product select.quantity {width:49px;} .description-product .order .table-holder {padding:6px 0 5px;} .description-product .order .table-holder table{ border-collapse:collapse; padding:0; } .description-product .order .table-holder table td{ border:1px solid #fff; padding:4px 5px 4px 10px; background:#dcdad7; width:105px; font:10px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#333; } .description-product .order .table-holder table td.alt{ background:#ecf0dd; padding:1px 5px 5px 7px; width:107px; } .description-product .btn-holder { overflow:hidden; width:300px; } .description-product .order .btn-holder a{ float:left; margin-left:1px; width:118px; padding:4px 0 3px; } .description-product .maker { padding-top:33px; float:right; width:133px; font-size:11px; } .description-product .save-holder { float:right; width:90px; font-size:11px; margin-right:-15px; padding: 2px 2px 3px 2px; background: #d06821; font:16px Tahoma, Geneva, sans-serif; color:#ffffff; text-align:center; } .description-product .maker .table-holder { padding-bottom:3px; } .description-product .maker .table-holder table { padding:0; border-collapse:collapse; } .description-product .maker .table-holder table td{ text-align:center; background:#dcdad7; font:10px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#333; width:60px; border:1px solid #fff; padding:4px 0; } .description-product .maker .table-holder table td.alt{background:#ecf0dd;} .description-product .maker .table-holder table th { text-align:center; font:10px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#000; background:#dcdad7; border:1px solid #fff; letter-spacing:-1px; padding:4px 0; } .description-product .maker a:hover{text-decoration:none;} .description-product .rating {padding:12px 0 0 3px;} .description-box { background:url(../../skin/txs_ModernLiving/css/../images/bg-description.gif) no-repeat 100% 12px; padding-left:3px; } .description-box h3 { margin:0 0 6px; font-size:15px; color:#575757; font-weight:normal; position:relative; } .description-product .scrollable { height:197px !important; overflow:hidden; font-size:12px; line-height:18px; padding-bottom:14px; } .description-product .scroll-content { width:420px !important; height:200px !important; } .description-product .vscroll-bar{ position:absolute; width:13px !important; margin:0; padding:0; height:197px !important; top: 7px !important; left:430px !important; } .description-product .vscroll-line{ width:1px !important; overflow: hidden; background: #ccc; margin-left:6px; } .description-product .vscroll-up, .description-product .vscroll-down{display:none;} .description-product .vscroll-slider{ width:11px !important; border:1px solid #fff; height:98px !important; overflow:hidden; background:#ccc; cursor:pointer; } .description-product .scrollable p{margin:0 0 18px;} .mini-button { border:1px solid #bd5615; background:#dd661b; color:#ffffff; } /* Feature Comparison 21-03-2012 */ .fcomp-compare-buttons {padding-bottom: 10px;} .fcomp-compare-buttons button.button {font-size: 12px;height: 22px !important;line-height: 22px;padding: 0 10px;} .fcomp-checkbox-box {background: transparent url(../../skin/txs_ModernLiving/css/../images/bg-white-75.png) repeat 0 0;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;width: 130px;position: absolute;top: 140px;padding-left: 5px;left: 5px;color: #999999;} .fcomp-checkbox-box input {width: 13px !important;height: 13px !important;} li.details {position: relative;} .comp-list-holder {background-color: #F9F9F9;padding: 0 0 5px 30px;border-bottom: 1px solid #D8D8D8;margin: -35px 0 15px -31px;} .produts-list .comp-list-holder {margin: -16px 0 15px -22px;} .comp-list-holder h3 {color: #615D5D;margin: 0;padding: 4px 0 5px 0;font-size: 14px;font-weight: 500;} .comp-list-holder .delete-icon {display: block;float: left;margin-right: 10px;} .furniture-holder .comp-list-holder img {border: 0px none;} .furniture-holder .comp-list-holder ul {padding: 10px 0 6px 0;} .furniture-holder .comp-list-holder ul li {padding: 0 43px 5px 0;} .comp-list-holder .fcomp-buttons {clear: both;} .fcomp-buttons button, .fcomp-buttons a.simple-button {display: block;height: 20px !important;line-height: 20px !important;font-size: 11px;color: #FFFFFF;text-align: center;text-decoration: none;padding: 0;background-color: #888888;width: 82px !important;border: 0px none;white-space: normal;margin: 0 8px 0 0;font-weight: 500;float: left;} .fcomp-product-box {clear: both;height: 50px;margin: 0 0 0 435px;} .comp-cart-holder {padding: 20px;border: 1px solid #f3f3f3;margin-top: 10px;} .fcomp-xy, .fcomp-yx {border: 1px solid #f3f3f3;padding: 10px;margin: 10px 0;} .fcomp-xy td, fcomp-yx td {padding: 3px;} .fcomp-empty {background-color: #d1d1d1;} .fcomp-xy .fcomp-corner, .fcomp-yx .fcomp-corner {background-color: #d1d1d1;width: 215px;} .fcomp-xy td.fcomp-title, .fcomp-yx td.fcomp-title {background-color: #d1d1d1;padding: 10px 3px;font-size: 14px;} .fcomp-xy .fcomp-title-h, .fcomp-yx .fcomp-title-h {width: 100px;vertical-align: text-top;text-align: center;background-color: #fafafa;font-weight: 600;} .fcomp-title-v {background-color: #fafafa;} .fcomp-yx .fcomp-title-v {font-weight: 600;} .fcomp-xy .fcomp-title-h a, .fcomp-yx .fcomp-title-v a{color: #668600;text-decoration: none;font-weight: 600;} .fcomp-xy .fcomp-hl-cell, .fcomp-yx .fcomp-hl-cell {text-align: center;vertical-align: middle;} .fcomp-xy .fcomp-cell, .fcomp-yx .fcomp-cell {text-align: center;vertical-align: middle;background-color: #fff8f1;} .fcomp-delete-cell a, .fcomp-select-box button {border: 0px none;color: #fff;display: inline-block;height: 22px;text-decoration: none;padding: 0 15px;font-family: "Arial", "Helvetica", sans-serif;font-size: 12px;text-align: center;} .fcomp-delete-cell a {background-color: #666666;line-height: 22px;} .fcomp-select-box button {background-color: #FB8103;} .fcomp-center-note {text-align: center;vertical-align: middle;} .fcomp-toolbar {padding: 2px 0 2px 0;clear: both;} .fcomp-show-not-equal {width: 24px;height: 24px;background: transparent url(../../skin/txs_ModernLiving/css/../images/nofiltr.png) no-repeat;} .fcomp-show-equal {width: 24px;height: 24px;background: transparent url(../../skin/txs_ModernLiving/css/../images/filtr.png) no-repeat;} .fcomp-axis {width: 24px;height: 24px;background: transparent url(../../skin/txs_ModernLiving/css/../images/change.png) no-repeat;} .fcomp-popup-link {width: 24px;height: 24px;background: transparent url(../../skin/txs_ModernLiving/css/../images/popup.png) no-repeat;} .comp-cart-holder .sort-box {float: right;} .comp-cart-holder .sort-box a {color: #668600;} a img.fcomp-in-cart {width: 16px;height: 18px;background: transparent url(../../skin/txs_ModernLiving/css/../images/in_cart.png) no-repeat;} .fcomp-compare-with-title {padding: 3px 0 3px 0;font-size: 11px;color: #666;} .fcomp-select-box {margin-right: 5px;} .fcomp-select-box .image-button {display: block;float: left;margin-left: 8px;} .fcomp-select-box select {display: block;float: left;} /* FiX 27-03-2012 */ .blockMsg #dialog-message .box {margin: 0;border: 0;padding: 0 20px;} #coupon, #customer_notes, #partner_id {border: 1px solid #AAAAAA;} .opc-container hr {border-bottom: 1px solid #EEEEEE;border-left: 0px none;border-right: 0px none;border-top: 0px none;} .terms_n_conditions {text-align: left !important;padding: 5px 0 5px 5px !important;} .box .furniture-holder ul li strong a{ color:#093260;} .box .furniture-holder ul li strong{ color:#093260;} #main .box .tab-holder ul.tabset li a:hover, #main .box .tab-holder ul.tabset li a.active{ background-color:#dc6815;} .header-holder .line1 .cart-holder{display:none;} #header .header-holder .line1{padding-bottom:60px;} .description-product .btn-holder .button{display:none;}/* general reset */ body{ margin:0; font:12px Arial, Helvetica, sans-serif; color:#2b2c26; min-width:898px; background:#fff; } img {border-style:none;} a { text-decoration:none; color:#2b2c26; } a:hover {text-decoration:underline;} a.button{text-decoration:none;} input, textarea, select { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#2b2c26; } form, fieldset { margin:0; padding:0; border-style:none; } /* wrapper */ #wrapper { padding-top:129px; width:898px; margin:0 auto; } /* header */ #header { position:absolute; width:100%; top:0px; left:0; height:118px; min-width:898px; } .header-holder { width:878px; margin:0 auto; position:relative; padding:2px 20px 12px 0; } /* logo */ .header-holder .logo { position:absolute; top:7px; left:5px; text-indent:-9999px; overflow:hidden; background:url(../../skin/txs_ModernLiving/css/FW/../../images/logo.gif) no-repeat; width:280px; height:70px; } .header-holder .logo a{ height:100%; display:block; } /* cart box */ .header-holder .line1 { width:100%; padding-bottom:30px; } .header-holder .line1:after { clear: both; content:""; display: block; } .cart-holder { float:right; color:#dd661a; } .cart-holder a.checkout{ float:right; padding-right:10px; background:url(../../skin/txs_ModernLiving/css/FW/../../images/arrow01.gif) no-repeat 100% 4px; color:#dd661a; margin-top:5px; } .cart-box { float:right; width:186px; padding-right:7px; } .cart-box span{ float:left; padding-top:5px; } .products-box ul.btn-holder button.button span{padding:0 !important;} .btn-cart { float:left; width:53px; margin-right:5px; position:relative; } .btn-cart img{ float:left; margin-right:5px; } .btn-cart span.arrow { float:left; width:9px; height:5px; background:url(../../skin/txs_ModernLiving/css/FW/../../images/arrow02.gif) no-repeat; margin-top:7px; cursor:pointer; } .btn-cart a.button { display:block; width:44px; padding:2px 1px 5px 8px; overflow:hidden; position:relative; z-index:99; background:#fff; border:0; font-size:12px; } .cart-box .open a.button { width:44px; border:1px solid #b0b0b0; border-bottom:0; padding:1px 0 5px 7px; } /* products box */ .open .products-box {left:0;} .products-box { position:absolute; width:250px; top:28px; left:-9999px; font-size:11px; color:#2b2c26; background:#fff; z-index: 10000; } .products-box ul{ margin:0; padding:3px 0 0; list-style:none; border:1px solid #b0b0b0; border-bottom:0 !important; width:248px; overflow:hidden; } .products-box ul li{ float:left; width:232px; padding:3px 8px 5px; } .products-box ul li.alt{ background:#f6f6f6; padding-bottom:10px; } .products-box ul li strong{ display:block; font-weight:normal; padding-bottom:5px; } .products-box ul li strong a{color:#337ba5;} .products-box ul li .param { overflow:hidden; padding-right:62px; height:1%; } .products-box span.quan { float:left; width:24px; border:1px solid #999; background:url(../../skin/txs_ModernLiving/css/FW/../../images/bg-quan.gif) repeat-x; text-align:center; padding:0; margin-right:11px; } .products-box span.quan input{ border:0; background:none; width:24px; height:14px; text-align:center; } .products-box li.alt span.quan {background:#fff;} .products-box em { float:left; font-style:normal; } .products-box span.price { padding:0 9px 0 7px; } .products-box span.total { padding:0 0 0 7px; } .products-box a.delete { width:14px; height:14px; text-indent:-9999px; background:url(../../skin/txs_ModernLiving/css/FW/../../images/btn-delete.png) no-repeat; float:right; margin-top:1px; } .products-box ul.btn-holder { margin:0; padding:4px 0 6px 2px; list-style:none; background:#dd661a; font-size:12px; border:0 !important; } .products-box ul.btn-holder li{ display:inline; width:auto !important; padding:0 11px 0 10px; } .products-box ul.btn-holder li a{color:#fff;} /* navbar */ .line2 { overflow:hidden; width:100%; } ul.navbar { margin:0; padding:0; list-style:none; float:right; } ul.navbar li{ padding-left:21px; font-size:11px; float:left; } ul.navbar li a { color:#093260; } /* navigation holder */ .nav-place { width:100%; background:#093260; height:32px; } .nav-place .holder { width:873px; margin:0 auto; padding:1px 13px 0 12px; } .nav-place .holder:after { clear: both; content:""; display: block; } .accessability {display:none;} /* form search */ .f-search { float:right; width:292px; padding-top:4px; } .f-search .i-text{ float:left; width:178px; background:#fff url(../../skin/txs_ModernLiving/css/FW/../../images/bg-search.gif) no-repeat 100% 0; padding:0px; margin-right:2px; } .f-search .i-text input { float:left; width:176px; background:none; border:0; height:15px; padding:3px 25px 4px 7px; } .f-search .button { float:left; width:80px; text-transform:uppercase; } .f-search .button a{ background:#093260; border:1px solid #fff; width:78px; display:block; text-align:center; font-size:10px; color:#fff; padding:5px 0 4px; } /* navigation */ ul#nav { float:left; margin:0 0 0 -20px; padding:0; list-style:none; position:relative; display:inline; } ul#nav li{ float:left; position:relative; } ul#nav li a{ color:#fff; float:left; padding:7px 13px 10px; cursor:pointer; position:relative; z-index:999; } ul#nav li a span{ float:left; padding-right:4px; } ul#nav li a em { float:left; width:6px; height:6px; background:url(../../skin/txs_ModernLiving/css/FW/../../images/arrow03.gif) no-repeat; margin-top:5px; overflow:hidden; } ul#nav li a:hover, ul#nav li:hover a, ul#nav li.hover a{ background:#fefefe !important; color:#615d5d; text-decoration:none !important; } ul#nav li a:hover em, ul#nav li:hover a em, ul#nav li.hover a em {background-position:0 -6px;} .drop ul .drop, .drop ul li:hover .drop ul .drop, .drop ul li.hover .drop ul .drop, .drop ul li:hover .drop ul li:hover .drop .drop, .drop ul li.hover .drop ul li.hover .drop .drop, .drop ul li:hover .drop ul li:hover .drop ul li:hover .drop .drop, .drop ul li.hover .drop ul li.hover .drop ul li.hover .drop .drop, .drop ul li:hover .drop ul li:hover .drop ul li:hover .drop ul li:hover .drop .drop, .drop ul li.hover .drop ul li.hover .drop ul li.hover .drop ul li.hover .drop .drop{ left:-9999px !important; top:0 !important; z-index:999; clear:both; } .drop ul li:hover .drop, .drop ul li.hover .drop , .drop ul li:hover .drop ul li:hover .drop, .drop ul li.hover .drop ul li.hover .drop, .drop ul li:hover .drop .drop ul li:hover .drop, .drop ul li.hover .drop .drop ul li.hover .drop, .drop ul li:hover .drop .drop ul li:hover .drop ul li:hover .drop, .drop ul li.hover .drop .drop ul li.hover .drop ul li.hover .drop, .drop ul li:hover .drop .drop ul li:hover .drop ul li:hover .drop ul li:hover .drop, .drop ul li.hover .drop .drop ul li.hover .drop ul li.hover .drop ul li.hover .drop{left:180px !important;} ul#nav li:hover .drop, ul#nav li.hover .drop {left:-1px;} ul#nav .drop { position:absolute; top:31px; left:-9999px; width:186px; z-index: 100; } .drop .t{ height:6px; font-size:1px; background:url(../../skin/txs_ModernLiving/css/FW/../../images/bg-drop-t.png) no-repeat; } .drop .c{ height:1%; background:url(../../skin/txs_ModernLiving/css/FW/../../images/bg-drop-c.png) repeat-y; padding:0 5px 0 1px; } .drop .c:after { clear: both; content:""; display: block; } .drop .b{ height:7px; font-size:1px; background:url(../../skin/txs_ModernLiving/css/FW/../../images/bg-drop-b.png) no-repeat; } .drop ul { float:left; width:180px; margin:-3px 0 -2px; padding:0; list-style:none; position:relative; } .drop ul li{ width:100%; padding:0 !important; position:relative; } .drop ul li a{ padding:7px 13px 8px !important; width:154px !important; color:#615d5d !important; } .drop ul li a:hover{background:#f6f6f6 !important;} .drop ul li a em{ background:url(../../skin/txs_ModernLiving/css/FW/../../images/arrow04.gif) no-repeat !important; } ul#nav .drop ul li a:hover em{background-position:0 -6px !important;} .drop ul .drop { left:-9999px !important; top:0 !important; z-index:999; clear:both; } .drop ul li:hover .drop, .drop ul li.hover .drop {left:180px !important;} /* #main { background:url(../../skin/txs_ModernLiving/css/FW/../../images/bg-main.gif) repeat-y; border:1px solid #d8d8d8; border-width:1px 0; padding:0 1px; height:1%; } */ /* welcome holder */ .welcome-holder { background:#fefefe url(../../skin/txs_ModernLiving/css/FW/../../images/bg-welcome.gif) repeat-x; padding:10px 10px 12px; overflow:hidden; height:1%; } .welcome-holder h1{ margin:1px 0 0; font:24px Tahoma, Geneva, sans-serif; color:#91914a; float:left; padding-right:30px; } .welcome-holder h1.alt { font:26px Arial, Helvetica, sans-serif; color:#575757; padding:0 34px 0 12px; } .welcome-holder .text { line-height:18px; } .welcome-holder p {margin:0;} .welcome-holder p span { color:#dd661b; font:bold 17px Arial, Helvetica, sans-serif; } /* gallery holder */ /* categorys holder */ .menu-categories-list { background:#f8f8f8; padding:10px 0 0px; } .menu-categories-list ul{ margin:0; padding:0; list-style:none; overflow:hidden; width:100%; } .menu-categories-list ul li{ float:left; width:165px; padding:0 7px; margin-top: 10px; text-align:center; text-transform:uppercase; font-size:15px; } .menu-categories-list ul li img{ display:block; border:1px solid #e1e1e1; } .menu-categories-list ul li a {color:#999;} .menu-categories-list ul li strong { font-weight:normal; display:block; padding:5px 0px; } .menu-categories-list ul li a span{color:#666;} .menu-categories-list ul li a:hover strong {text-decoration:underline;} /* gallery products */ .gallery-products { background:url(../../skin/txs_ModernLiving/css/FW/../../images/bg-galley-products.gif) repeat-x; padding:6px 39px 6px 37px; border-top:1px solid #d8d8d8; } .gallery-products .holder { width:822px; overflow:hidden; } .gallery-products .control { overflow:hidden; width:100%; padding-bottom:3px; } .gallery-products .control a.btn-prev, .gallery-products .control a.btn-next{ height:20px; text-indent:-9999px; overflow:hidden; } .gallery-products .control a.btn-prev { float:left; background:url(../../skin/txs_ModernLiving/css/FW/../../images/btn-prev.gif) no-repeat; margin-right:6px; width:62px; } .gallery-products .control a.btn-next { float:right; width:36px; background:url(../../skin/txs_ModernLiving/css/FW/../../images/btn-next.gif) no-repeat; margin-left:5px; } .gallery-products .scrollbar { float:left; width:711px; background:url(../../skin/txs_ModernLiving/css/FW/../../images/border02.gif) repeat-x 0 10px; position:relative; height:20px; } .gallery-products .slider { position:absolute; width:114px; height:11px; border:1px solid #fff; background:#ccc; top:4px; left:4px; } .gallery-products ul { margin:0; padding:0; list-style:none; width:9999px; } .gallery-products ul li{ float:left; width:138px; border:1px solid #d8d8d8; background:#fff; margin-right:30px; } .gallery-products ul li a{ padding:9px 8px 7px 9px; display:block; font-size:10px; color:#43a0d3; } .gallery-products ul img {display:block;} .gallery-products ul li strong { display:block; padding:5px 0 0 2px; } /* browser store holder */ .store-holder { width:888px; background:#ccc; padding:4px 5px 5px; overflow:hidden; margin-bottom:1px; } .store-holder .banner-right{float:right; padding: 0px; margin: 0px; width: 630px; border: 1px solid #000;} .store-holder .f-select { width:230px; color:#fff; font-size:16px; padding-top:12px; } .store-holder .f-select h2{ margin:0 5px 12px 0; font:15px Tahoma, Geneva, sans-serif; text-align:right; } .store-holder .row { overflow:hidden; width:100%; padding-bottom:10px; } .store-holder label { float:left; width:80px; padding-right:5px; text-align:right; line-height:16px; } .store-holder select {width:139px;} /* social holder */ .social-holder { width:884px; position:relative; background:#625d5d; padding:0 2px 0 12px; height: 59px; margin-bottom:1px; } /* newsletter */ .newsletter { float:left; width:460px; color:#fff; padding-top:15px; line-height:14px; } .newsletter label { float:left; width:135px; padding-right:5px; } .newsletter .text{ float:left; width:170px; padding:7px 3px 6px 5px; text-align:center; color:#625d5d; background:#fff; border:1px solid #f1f1f1; margin-right:10px; height:15px; } .newsletter a.button { float:left; width:98px; border:1px solid #fff; background:#91914a; color:#fff; text-align:center; padding:6px 0 7px; font-size:12px; } /* social links */ .social-holder ul { float:right; margin:0; padding:0; list-style:none; } .social-holder ul li{ background:url(../../skin/txs_ModernLiving/css/FW/../../images/bg-dots.gif) repeat-y; padding:7px 27px 13px 29px; font-size:11px; float:left; } .social-holder ul li a:hover{text-decoration: none;} .social-holder ul li a{color:#a09e9d;} .social-holder ul li span { display:block; padding:0 0 1px 1px; } .social-holder ul li img {display:block;} /* breadcrumbs holder */ .breadcrumbs-holder { overflow:hidden; width:883px; padding:0 6px 6px 9px; margin-top:-4px; position:relative; } * html .breadcrumbs-holder { margin:0; padding-top:2px; } .breadcrumbs-holder a.print { float:right; padding-left:22px; background:url(../../skin/txs_ModernLiving/css/FW/../../images/icon-print.gif) no-repeat; color:#666; font-size:11px; line-height:14px; } ul.breadcrumbs { margin:0 0 0 -24px; padding:0; list-style:none; position:relative; color:#dd6619; float:left; } * html ul.breadcrumbs {margin:0 0 0 -15px;} ul.breadcrumbs li{ float:left; background:url(../../skin/txs_ModernLiving/css/FW/../../images/arrow06.gif) no-repeat 0 3px; padding:0 15px 0 16px; } ul.breadcrumbs li h2{ margin:0; font-size:11px; font-weight:normal; } ul.breadcrumbs li a{color:#dd6619;} a.button { font:bold 15px Arial, Helvetica, sans-serif; border:1px solid #bd5615; background:#dd661b; color:#fff; padding:3px 0 4px; text-align:center; } .welcome-holder a.checkout { float:right; width:128px; padding:4px 0; margin:5px 9px 0 80px; display:inline; } .welcome-holder a.continue { float:right; width:158px; text-align:center; border:1px solid #bd5615; background:#dd661b; color:#fff; font-size:15px; padding:4px 0; margin:5px 9px 0 40px; display:inline; font-weight:bold; } /* cart -content */ .cart-content { padding:20px 19px 9px; } .cart-content table { padding:0; border-collapse:collapse; } .cart-content table .col1 { width:168px; text-align:left; vertical-align:top; } .cart-content table .col2 { width:320px; text-align:left; padding:9px 11px 20px 14px !important; font-size:11px; vertical-align:top; } .cart-content table .col1 img{vertical-align:top;} .cart-content table .col3 { width:112px; text-align:center; vertical-align:top; } .cart-content table .col4 { width:101px; text-align:center; vertical-align:top; } .cart-content table .col5 { width:105px; vertical-align:top; color:#625d5d; font-weight:bold; font-size:15px; padding:13px 0px 0 0px; text-align: center } .cart-content table span.altcurr {font-size: 13px; font-weight: bold; text-align: center;} .cart-content table th { color:#4a4a4a; font-size:17px !important; background:#ebebeb; padding:3px 0 4px !important; border-left:2px solid #fff; border-bottom:1px solid #fff; } .cart-content table th.col5 { padding:3px 5px 4px 0 !important; text-align:center; width:100px; } .cart-content table th.col1 { border-left:0; padding-left:23px !important; width:164px !important; } .cart-content table th.col2 { padding:3px 0 4px 76px !important; width:268px; } .cart-content table td { padding:11px 0 9px 2px; } .cart-content table td.col1 {padding:8px 11px 8px 8px !important;} .cart-content table td.alt { background:#f9f8f7; padding-bottom:9px !important; } .cart-content table td.col2 {line-height:16px;} .cart-content table .title { background:url(../../skin/txs_ModernLiving/css/FW/../../images/sep-title.gif) no-repeat 0 100%; padding-bottom:5px; margin-bottom:7px; } .cart-content table h3 { margin:0; font-size:12px; text-transform:uppercase; color:#43a0d3; letter-spacing:1px; } .cart-content table h3 a{color:#43a0d3 !important;} .cart-content table .col2 p{ margin:0 0 7px; } .cart-content table td.col2 strong {color:#4c4c4c;} .cart-content table td.col2 dl { margin:0; overflow:hidden; width:100%; color:#4c4c4c; } .cart-content table td.col2 dl dt{ float:left; clear:left; padding:2px 5px 1px 0; } .cart-content table td.col2 dl dd{ margin:0; float:left; padding:2px 0 1px; } .cart-content table td.col2 a { color:#ba4535; } .cart-content table a.delete { display:block; width:24px; height:23px; text-indent:-9999px; overflow:hidden; margin:0 auto; background:url(../../skin/txs_ModernLiving/css/FW/../../images/btn-delete2.png) no-repeat; } .cart-content table td.col4 { padding-left:26px; width:75px; } .cart-content table td.col4 .text { float:left; width:28px; text-align:center; border:1px solid #999; color:#625d5d; font-size:14px; margin:2px 8px 0 0; } .cart-content table a.refresh { width:23px; height:24px; text-indent:-9999px; overflow:hidden; background:url(../../skin/txs_ModernLiving/css/FW/../../images/btn-refresh.png) no-repeat; float:left; } .cart-content table .total { color:#b33020; font-size:15px; font-weight:bold; padding:3px 0 0; } .cart-content table .total dl, .cart-content table .coupon dl, .cart-content table .subtotal dl, .cart-content table .clear-entry dl { margin:0; background:#eee; width:450px; float:right; padding:5px 0 4px; } .cart-content table .total dl dt, .cart-content table .coupon dl dt, .cart-content table .subtotal dl dt, .cart-content table .clear-entry dl dt{ float:left; clear:left; width:250px; text-align:right; } .cart-content table .total dl dd, .cart-content table .coupon dl dd{ float:left; width:157px; padding-left:25px; margin:0; } .cart-content table .coupon { color:#661113; font-size:14px; padding:0; } .cart-content table .coupon dl{background:none;} .cart-content table .coupon dl dt span { float:left; padding:1px 5px 0 5px; } .cart-content table .coupon dl a.unset { float:left; padding:2px 0 2px 23px; background:url(../../skin/txs_ModernLiving/css/FW/../../images/btn-delete3.png) no-repeat; } .cart-content table .coupon dl dd{ font-weight:bold; font-size:15px; color:#b33020; padding-top:1px; } .cart-content table .subtotal { font-weight:bold; font-size:15px; padding:5px 0 0; } .cart-content table .subtotal dl { background:#dd6619; color:#fff; padding:6px 0; } .cart-content table .subtotal dl dd{ float:left; width:157px; padding-left:25px; margin:0; } .cart-content table .clear-entry { font-weight:bold; font-size:15px; padding:5px 0 0; } .cart-content table .clear-entry dl { background:#F9F8F7; color:#625d5d; padding:6px 0; } .cart-content table .clear-entry dl dd{ float:left; width:157px; padding-left:25px; margin:0; } .cart-content .btn-holder { overflow:hidden; width:100%; padding-top:9px; } .cart-content .btn-holder a.checkout{ float:right; width:208px; } .cart-content .btn-holder a.clear{ float:left; width:158px; } .cart-content .btn-holder a.send{ float:right; width:158px; } .alt-btn-holder { border-top:1px solid #e8e8e8; margin-top:18px; padding:15px 0 18px !important; } .cart-content .send-entire { float:right; width:423px; padding-top:2px; } .button-row a.delete{ float:left; width:150px; } .safari3 .cart-content .send-entire {width:430px;} .cart-content .send-entire label{ float:left; font:13px Verdana, Geneva, Arial, Helvetica, sans-serif; padding:2px 9px 0 0; } .cart-content .send-entire .text { float:left; border:1px solid #999; background:#fff; width:200px; padding:2px 4px 3px; height:15px; } /* step holder */ .step-holder { background:#fefefe url(../../skin/txs_ModernLiving/css/FW/../../images/bg-welcome.gif) repeat-x; border:1px solid #d8d8d8; padding:11px 15px 8px 22px; overflow:hidden; margin-bottom:17px; } .step-holder h2{ margin:0; font-size:26px; font-weight:normal; color:#575757; float:left; } .step-holder .step-box { float:right; width:640px; } .step-holder .step-box img{display:block;} /* two box */ .two-box { overflow:hidden; width:916px; margin:0 -20px 19px 0; position:relative; } .two-box .box { float:left; width:438px; margin-right:19px; } .two-box .main-title { background:#fefefe url(../../skin/txs_ModernLiving/css/FW/../../images/bg-welcome.gif) repeat-x; border-bottom:1px solid #d8d8d8; padding:11px 15px 16px 22px; } .two-box .main-title h2{ margin:0; font-size:26px; font-weight:normal; color:#575757; } .two-box .content { padding:5px 19px 15px; line-height:18px; } .two-box .content p{margin:0 0 20px;} .f-login .row{ overflow:hidden; width:100%; padding-bottom:5px; } .f-login label { float:left; width:98px; padding-right:15px; text-align:right; font:bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#333; letter-spacing:-1px; } .f-login label span{ color:#dd661b; font:bold 17px Arial, Helvetica, sans-serif; padding-left:3px; } .f-login .text { float:left; width:200px; border:1px solid #999; background:#fff; padding:2px 4px 3px; height:15px; } .f-login a.submit { width:108px; margin:1px 0 0 113px; display:block; } .link-box{ margin:0; padding:0; list-style:none; position:absolute; bottom:16px; left:10px; z-index:3; } .link-box li{ float:left; margin:0 10px 0 0; } .link-box li a img{ float:left; border:1px solid #fff; } .two-box .button-holder { padding:27px 0 37px 124px; } .two-box a.register { font-size:14px; font-weight:bold; color:#43a0d3; } /* form details */ .details-form-holder { padding:18px 19px 19px; } .details-form-holder .box {padding-bottom:4px;} h3.subheader { margin:0 0 10px; font:17px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#4a4a4a; padding:0 23px 1px; background:#ebebeb; } .details-form-holder .row { overflow:hidden; padding:0 25px 5px; height:1%; } .details-form-holder label { float:left; width:274px; padding-right:15px; text-align:right; font:bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#333; letter-spacing:-1px; } .details-form-holder label span{ color:#dd661b; font:bold 17px Arial, Helvetica, sans-serif; padding-left:3px; width:6px; } .details-form-holder .text { float:left; width:200px; border:1px solid #999; background:#fff; padding:2px 4px 3px; height:15px; } .details-form-holder select { width:206px; } .details-form-holder .check-holder { width:270px; overflow:hidden; padding:14px 0 16px; } .details-form-holder .check-holder label { float:right; font:10px Arial, Helvetica, sans-serif; letter-spacing:0; color:#000; background:url(../../skin/txs_ModernLiving/css/FW/../../images/bg-dots2.gif) repeat-x 0 100%; width:auto !important; padding:2px 0 1px; } /* details box */ .details-form-holder .details .title{ border-bottom:1px solid #d8d8d8; margin:-4px 0 5px; position:relative; } .details-form-holder .details .title h3{ margin:0 0 5px; line-height:17px; font:17px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#4a4a4a; padding:0 23px 1px; } .details-form-holder .details .data { padding:0 23px 1px; font-size:13px; } .details-form-holder p {margin:0;} .details-form-holder p.note {text-align:center;} .details-form-holder .details .box { width:230px; margin:0 auto; padding:10px 0; } .details-form-holder .details label { float:left; width:auto; padding:0; } .details-form-holder .check-box { overflow:hidden; width:100%; padding-bottom:17px; } .details-form-holder a.submit { width:208px; display:block; } .indent {height:9px;} .double-indent {height:19px;} /* furniture holder */ .furniture-holder { padding:35px 0 38px 31px; border-bottom:1px solid #d8d8d8; } .furniture-holder ul { margin:0; padding:0; list-style:none; overflow:hidden; width:100%; } .furniture-holder ul li{ float:left; width:172px; padding:0 43px 40px 0; font-size:11px; } .furniture-holder ul li img{ display:block; border:1px solid #e8e8e8; } .furniture-holder ul li a{color:#666;} .furniture-holder ul li strong { color:#43a0d3; font-size:10px; display:block; padding:6px 0 7px; border-bottom:1px solid #e8e8e8; margin-bottom:3px; text-transform: uppercase } .furniture-holder ul li strong a{color:#43a0d3;} .furniture-holder ul li strong a:hover{text-decoration:none;} .content-title {padding:6px 24px 7px;} .content-title h2{ margin:0; font-size:22px; color:#575757; font-weight:normal; } /* products holder */ .produts-list { padding:16px 0 20px 22px; line-height:18px; } .produts-list p{margin:0 0 22px;} .produts-list ul { padding:0 0 0 9px; } .produts-list ul li{ padding:0 46px 27px 0; } .produts-list strong { font-size:11px !important; min-height:28px; padding-bottom:2px !important; line-height:12px; margin-bottom:2px !important; } .produts-list .param { overflow:hidden; width:100%; } .produts-list .param em.price{ float:right; font-style:normal; font-weight:bold; letter-spacing:1px; } .produts-list ul.paging { margin:0 0 5px 0; padding:px 0 0 3px; list-style:none; overflow:hidden; height:1%; line-height:12px; } .produts-list ul.paging li{ float:left; padding:0 3px 0 0; width:auto; } .produts-list ul.paging strong { min-height:0; float:left; padding:6px 11px 7px !important; color:#666; border-bottom:0; } .produts-list ul.paging li a{ float:left; padding:5px 10px 6px; color:#43a1d4; border:1px solid #e8e8e8; } #main .step-holder { margin:-1px -1px 0 -1px; width:859px; } /* order holder */ .order-holder { padding:20px 19px 16px; width:858px; } .order-holder table { padding:0; border-collapse:collapse; } .order-holder table .col1 { width:104px; text-align:left; padding:2px 0 1px 33px; } .order-holder table .col2 { width:359px; text-align:left; padding:0px 11px 0px 27px !important; font-size:12px; color:#43a0d3; } .order-holder table .col1 img{vertical-align:top;} .order-holder table .col3 { width:110px; text-align:center; padding-left:2px; } .order-holder table .col4 { width:97px; text-align:center; padding-right:4px; } .order-holder table .col5 { width:105px; text-align:center; padding-right:2px; } .order-holder table th { color:#4a4a4a !important; font-size:17px !important; background:#ebebeb; padding:4px 0 3px !important; border-left:2px solid #fff; border-bottom:2px solid #fff; } .order-holder table th.col1 { border-left:0; text-align: center; width:133px !important; } .order-holder table th.col2 { padding:4px 0 3px 0px !important; width:387px; text-align: center; } .order-holder table th.col5 { padding:3px 0 4px 0 !important; text-align:center; width:107px; } .order-holder table td { padding:1px 0 2px 2px; font-weight:bold; font-size:15px; color:#625d5d; text-align: center; } .order-holder table td.col2 a{color:#43a0d3;} .order-holder table td.product {padding-left: 30px; text-align: left;} .order-holder table td.product a{color:#43a0d3;} .order-holder table td.alt {background:#f9f8f7;} .order-holder table .total { color:#fff; font-size:15px; font-weight:bold; padding:9px 0 0; } .order-holder table .total dl, .order-holder table .coupon dl, .order-holder table .subtotal dl, .order-holder table .disc-subtotal dl{ margin:0; background:#DD6619; width:450px; float:right; padding:5px 0 4px; } .order-holder table .clear-entry { color:#625D5D; font-size:14px; padding:0; font-weight:normal; } .order-holder table .clear-entry dl{ margin:0; background:#fff; width:450px; float:right; padding:5px 0 4px; } .order-holder table .clear-entry dl dt{ float:left; clear:left; width:250px; text-align:right; } .order-holder table .clear-entry dl dd { float:left; width:151px; padding-left:45px; margin:0; text-align:left; } .order-holder table .total dl dt, .order-holder table .coupon dl dt, .order-holder table .subtotal dl dt{ float:left; clear:left; width:250px; text-align:right; } .order-holder table .total dl dd, .order-holder table .coupon dl dd, .order-holder table .subtotal dl dd { float:left; width:157px; padding-left:24px; margin:0; text-align:left; } .order-holder table .coupon { color:#661113; font-size:14px; padding:0; font-weight:normal; } .order-holder table .coupon dl, .order-holder table .clear-entry dl{background:none;} .order-holder table .coupon dl dt span, .order-holder table .clear-entry dl dt span { float:left; padding:1px 5px 0 24px; } .order-holder table .coupon dl a.unset, .order-holder table .clear-entry dl a.unset { float:left; padding:2px 0 1px 23px; background:url(../../skin/txs_ModernLiving/css/FW/../../images/btn-delete3.png) no-repeat; cursor:pointer; } .order-holder table .coupon dl dd{ font-weight:bold; font-size:15px; color:#b33020; padding-top:1px; } .order-holder table .subtotal { font-weight:bold; font-size:15px; padding:5px 0 0; } .order-holder table .subtotal dl { background:#EBEBEB; color:#b33020;; padding:6px 0 5px; } /* personal info */ .person-info { padding:1px 19px 11px; position:relative; } .person-info a.modify { font-size:13px; font-weight:bold; color:#691113; position:absolute; top:35px; right:25px; } .person-info .row { width:100%; margin-bottom:21px; } .person-info .row:after { clear: both; content:""; display: block; } .person-info h3 { margin-bottom:2px !important; font-family:Arial, Helvetica, sans-serif; } .person-info h4 { margin:0; color:#4a4a4a; font-size:16px; font-weight:normal; background:#f9f8f7; padding:3px 0 5px 23px; } .person-info .box { float:left; width:378px; } .person-info .alt-box { width:399px; padding-left:81px; } .person-info dl { margin:0; overflow:hidden; width:100%; font:bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#333; padding-top:4px; } .person-info dl dt{ float:left; clear:left; padding:0 0 1px 2px; width:145px; } .person-info dl dd{ float:left; width:230px; margin:0; padding-bottom:1px; } .person-info dl a{color:#333;} /* payment holder */ .payment-holder {padding:0 19px 19px;} .payment-holder h3{ margin-bottom:1px; font-family:Arial, Helvetica, sans-serif; } .payment-holder .title { overflow:hidden; height:1%; padding:0 5px 1px 0; border-bottom:1px solid #f0f0f0; } .payment-holder .title a{ float:right; font-size:13px; font-weight:bold; color:#691113; margin-top:4px; } .payment-holder h4 { margin:0; color:#4a4a4a; font-size:16px; font-weight:normal; background:#f9f8f7; padding:3px 0 5px 23px; float:left; width:355px; } /* payment details */ .p-details { padding-top:7px; position:relative; } .p-details .row{ overflow:hidden; width:100%; padding-bottom:4px; } .p-details label { float:left; width:370px; padding-right:21px; text-align:right; font:bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#333; } .p-details label span{ color:#feb914; font:bold 17px Arial, Helvetica, sans-serif; padding-left:3px; width:6px; } .p-details .text { float:left; width:200px; border:1px solid #999; background:#fff; padding:2px 4px 3px; height:15px; } .p-details .cvv { width:42px; margin-right:7px; } .cart-select {margin-top:3px;} .p-details select { width:90px; } .p-details .month { width:42px; margin-right:6px; } .p-details .year {width:56px;} .p-details a.info { float:left; width:17px; height:17px; text-indent:-9999px; overflow:hidden; background:url(../../skin/txs_ModernLiving/css/FW/../../images/icon-info.gif) no-repeat; margin-top:2px; } /* notes box */ .notes-box { margin-top:-13px; position:relative; } .notes-box h4{ background:none; font:17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#8a837a; border-bottom:1px solid #f0f0f0; padding:0 0 0 33px; width:auto; float:none; margin:0 0 16px; text-align:left; } .notes-box label { width:151px; padding:1px 15px 0 0; } .notes-box .textarea{ float:left; width:393px; height:118px; padding:4px; background:url(../../skin/txs_ModernLiving/css/FW/../../images/bg-textarea.gif) no-repeat; } .notes-box .textarea textarea{ width:393px; height:118px; border:0; background:none; max-width:393px; max-height:118px; overflow:auto; } .notes-box p.note { margin:3px 0 11px 122px; font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; } .notes-box p.note a{ color:#671113; } .p-details .submit { width:208px; display:block; margin-left:258px; } /* popup */ .popup { width:274px; position:absolute; top:90px; left:469px; font-size:12px; color:#1f1f1f; z-index:999; } .popup .t{ height:18px; font-size:1px; background:url(../../skin/txs_ModernLiving/css/FW/../../images/bg-popup-t.png) no-repeat; } .popup .c{ height:1%; background:url(../../skin/txs_ModernLiving/css/FW/../../images/bg-popup-c.png) repeat-y; padding:0 22px 4px 19px; } .popup .c:after { clear: both; content:""; display: block; } .popup .b{ height:22px; font-size:1px; background:url(../../skin/txs_ModernLiving/css/FW/../../images/bg-popup-b.png) no-repeat; } .popup strong{ font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#900; } .popup p{margin:5px 0 0;} .popup .holder { float:left; width:233px; margin:-7px 0 0; position:relative; line-height:16px; } /* messages place */ .messagebox { margin-bottom:6px; font:13px/20px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#333; /*display:none;*/ } .messagebox .frame{ overflow:hidden; height:1%; padding:12px 135px 10px 15px; position:relative; } .messagebox a.close{ position:absolute; text-indent:-9999px; overflow:hidden; width:16px; height:17px; background:url(../../skin/txs_ModernLiving/css/FW/../../images/btn-close.gif) no-repeat; right:12px; top:7px; } .messagebox img { float:left; margin-right:12px; } .messagebox p {margin:0;} .info-message { background:url(../../skin/txs_ModernLiving/css/FW/../../images/bg-info-c.gif) repeat-y; } .info-message .holder{ background:url(../../skin/txs_ModernLiving/css/FW/../../images/bg-info-t.gif) no-repeat; } .info-message .frame{ background:url(../../skin/txs_ModernLiving/css/FW/../../images/bg-info-b.gif) no-repeat 0 100%; padding-bottom:13px; } .info-message p {margin:8px 0 0;} .warning-message { background:url(../../skin/txs_ModernLiving/css/FW/../../images/bg-warning-c.gif) repeat-y; } .warning-message .holder{ background:url(../../skin/txs_ModernLiving/css/FW/../../images/bg-warning-t.gif) no-repeat; } .warning-message .frame{ background:url(../../skin/txs_ModernLiving/css/FW/../../images/bg-warning-b.gif) no-repeat 0 100%; } .error-message { background:url(../../skin/txs_ModernLiving/css/FW/../../images/bg-error-c.gif) repeat-y; } .error-message .holder{ background:url(../../skin/txs_ModernLiving/css/FW/../../images/bg-error-t.gif) no-repeat; } .error-message .frame{ background:url(../../skin/txs_ModernLiving/css/FW/../../images/bg-error-b.gif) no-repeat 0 100%; padding:14px 135px 14px 15px; } .error-message p {margin-top:7px;} /* product place */ .product-place { background:#fff url(../../skin/txs_ModernLiving/css/FW/../../images/sep-product.gif) no-repeat 420px 23px; overflow:hidden; border-bottom:1px solid #d8d8d8; width:896px; } .product-place .photo-holder { float:left; width:414px; padding:20px 0 0 6px; position:relative; } .product-place .photo-holder img{display:block;} .product-place .photo-holder ul { margin:0; /*padding:37px 0 0 6px;*/ list-style:none; overflow:hidden; /*height:1%;*/ } .product-place .photo-holder ul li{ padding-right:3px; float:left; } /* tab holder */ .tab-holder { padding-top:5px; } .tab-holder ul.tabset { margin:0; padding:0 0 1px 7px; list-style:none; overflow:hidden; width:889px; } .tab-holder ul.tabset li{ float:left; width:140px; padding-left:30px; } .tab-holder ul.tabset li a{ float:left; width:100%; text-align:center; font-size:12px; color:#fff; background:#ccc; padding:7px 0 8px; } .tab-holder ul.tabset li a:hover, .tab-holder ul.tabset li a.active{ background:#91914a; text-decoration:none; } .related-gallery ul li a{ padding:3px 8px 7px 9px; } .related-gallery ul li a strong{padding:1px 0 0 2px;} /* inner tabs */ .inner-tabs { padding:15px 29px 15px 23px; } .inner-tabs ul.tabset { padding-left:15px; width:800px; } .inner-tabs ul.tabset li { width:auto; padding:0 65px 0 0; } .inner-tabs ul.tabset li a { float:none; background:url(../../skin/txs_ModernLiving/css/FW/../../images/arrow07.gif) no-repeat 0 4px; padding:0 0 0 12px; font-weight:bold; color:#df6f26; } .inner-tabs ul.tabset li a:hover, .inner-tabs ul.tabset li a.active { background:url(../../skin/txs_ModernLiving/css/FW/../../images/arrow07.gif) no-repeat 0 4px; color:#df6f26; } .inner-box {padding:8px 0 0 8px;} .inner-box h3{ margin:0 0 5px; font-size:20px; font-weight:normal; color:#dd6619; } .inner-box .row { border-bottom:1px solid #efefef; padding:8px 0 10px; line-height:18px; overflow:hidden; width:100%; } .inner-box .row strong { font-size:15px; font-weight:normal; color:#575757; } .inner-box p { margin:3px 0 7px; } .inner-box .alt-row { border-bottom:0; padding:10px 0 0; } .f-review {padding-top:8px;} .f-review .row { padding:0 0 6px; border-bottom:0; } .f-review label { float:left; width:116px; padding-right:15px; font:13px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#333; text-align:right; } .f-review label span{ font:bold 17px Arial, Helvetica, sans-serif; color:#dd661b; width:6px; padding-left:2px; } .f-review .text { width:207px; float:left; border:2px solid #b8b8b8; padding:1px 4px 2px; background:#fff; height:15px; } .f-review .textarea { float:left; width:393px; height:88px; padding:4px; background:url(../../skin/txs_ModernLiving/css/FW/../../images/bg-textarea2.gif) no-repeat; } .f-review .textarea textarea{ width:393px; height:88px; max-width:393px; max-height:88px; background:none; border:0; } .f-review p { clear:both; margin:0 0 0 131px; } .f-review .captcha { margin-left:131px; overflow:hidden; height:1%; padding:4px 0 8px; } .captcha label{ float:none !important; display:block; font-size:10px !important; padding:0 0 10px !important; width:auto !important; text-align:left !important; } .captcha .row {padding:0 !important;} .captcha img { float:left; margin-right:12px; } .captcha .text { width:100px !important; border:1px solid #999; margin-top:10px; padding:3px 4px !important; } .captcha a { color:#043faf; font-size:11px; line-height:11px; background:url(../../skin/txs_ModernLiving/css/FW/../../images/bg-dots3.gif) repeat-x 0 100%; float:left; margin-left:3px; padding-bottom:2px; margin-top:-1px; position:relative; } .captcha a:hover { text-decoration:none; background:none; } .f-review a.button { margin-left:135px; width:118px; float:left; } /* send to freiend */ .f-send { padding:17px 0 15px 10px; overflow:hidden; height:1%; } .f-send .row{ padding:0 0 8px; border-bottom:0; overflow:hidden; width:100%; } .f-send label { float:left; width:138px; padding-right:15px; font:13px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#333; text-align:right; } .f-send label span{ font:bold 17px Arial, Helvetica, sans-serif; color:#dd661b; width:6px; padding-left:2px; } .f-send .text { width:240px; float:left; border:1px solid #999; padding:2px 4px 3px; background:#fff; height:15px; } .f-send .captcha { margin-left:154px; overflow:hidden; height:1%; padding:2px 0 7px; } .f-send .button { float:left; width:148px; margin-left:157px; } /* footer */ #footer { width:100%; color:#ccc; padding-bottom:40px; font-size:11px; } .footer-nav { background:#ccc; width:100%; color:#fff; padding:5px 0; margin-bottom:4px; } #footer .holder { width:892px; padding:0 3px; margin:0 auto; overflow:hidden; } .footer-nav span.copy{ float:right; } .footer-nav ul{ margin:0; padding:0; list-style:none; } .footer-nav ul li{ display:inline; padding-right:16px; } .footer-nav ul li a{color:#fff;} #footer .logo { float:right; text-indent:-9999px; overflow:hidden; width:138px; height:43px; background:url(../../skin/txs_ModernLiving/css/FW/../../images/logo-small.gif) no-repeat; } #footer .logo a{ display:block; height:100%; } #footer p {margin:0;} #footer .text { padding-top:3px; line-height:16px; } /* js styles */ div.outta-here { position: absolute; display: block !important; top: -9999px !important; left: -9999px !important; } .popup-holder { position: relative; z-index: 1000; width: 20px; float: left; } .popup-holder .popup { position: absolute; top: -11px; left: 19px; display: none; } .popup-holder:hover .popup { display: block; } .p-details .row { overflow: visible; } .p-details .rows:after, .p-details .row:after { display: block; content: ""; clear: both; } .notes-box { clear: both; } /* gallery styles */ .slideshow ul.slideset { list-style: none; position: relative; height: 369px; padding: 0; margin: 0; } .slideshow ul.slideset li { position: absolute; left: 0; top: 0; } .slideshow ul.slideset li.active { z-index: 1; } .switcher a:focus { outline: none; } /* horizontal scroll gallery styles */ .slider-holder { position: relative; overflow: hidden; width: 822px; } /* cart button ajax styles */ .btn-cart { overflow: hidden; position: relative; } .btn-cart em { text-align: center; position: absolute; background: #fff; height: 17px; padding: 8px 0 0; width: 118px; top: -9999px; z-index: 2; left: 0; } .btn-cart img.loading { background: url(../../skin/txs_ModernLiving/css/FW/../../images/ajax-loader.gif) no-repeat; vertical-align: top; display: inline; float: none; width: 75%; } .btn-cart .text-ajax { background: #DD661B; padding: 5px 0 0; width: 118px; z-index: 1; display: none; } .gallery-products .slider { font-size: 0; line-height: 0; } #main { height:1%; } .content { border:1px solid #d8d8d8; border-width:0 1px 1px; } .main-title { background:#fefefe url(../../skin/txs_ModernLiving/css/FW/../../images/bg-welcome.gif) repeat-x; border:1px solid #d8d8d8; overflow:hidden; height:1%; } img.inner-image{float: right; margin: 0px 15px; border: 2px solid #000;} .link-box{ margin:0; padding:0; list-style:none; position:absolute; bottom:16px; left:10px; z-index:3; } .link-box li{ float:left; margin:0 10px 0 0; } .link-box li a img{ float:left; border:1px solid #fff; } .photo-holder .image-holder { height:350px; position:relative; } .photo-holder .image-holder img{ display:block; position:absolute; top:0; left:0; z-index:0; } .photo-holder img.active {z-index:1;} .link-box{ margin:0; padding:0; list-style:none; position:absolute; left:10px; bottom:-18px; z-index:99; } .link-box li{ float:left; margin:0 10px 0 0; } .link-box li a img{ float:left; border:1px solid #cccccc; } div#captcha-wrapper {background-color: #625d5d; width: 342px; height: 90px;position: absolute;top:59px;left:0; z-index: 1;display: none;} div#captcha-wrapper fieldset {background-color: #fff; width: 322px; height: 80px; margin-left: 10px;color: #625d5d;}/* featured products */ .featured-products { border-top:1px solid #09315c; overflow:hidden; width:100%; background:url(../../skin/txs_ModernLiving/css/../images/border01.gif) repeat-y 258px 0; } .featured-products .content { float:right; width:638px; background:url(../../skin/txs_ModernLiving/css/../images/bg-featured-product.gif) repeat-y 1px 0; padding:10px 0 0 0; } .featured-products .content ul{ margin:0; padding:0 0 8px 40px; list-style:none; /*overflow:hidden;*/ /* height:1%;*/ /* height:300px;*/ } .featured-products .content ul li{ display:inline-block; vertical-align:middle; width:121px; padding:2px 12px 0 11px; } .featured-products .content ul li img{ height: 151px; width: 130px; } * html .featured-products .content ul li{display:inline;} *+html .featured-products .content ul li{display:inline;} .featured-products .content ul li img {vertical-align:middle;} .featured-products .text { background:#09315c; padding:12px 15px 11px 20px; overflow:hidden; height:35px; color:#fff; font-family:Geneva, sans-serif; line-height:18px; } .featured-products .text a.button{ float:right; padding:6px 10px 7px; background:#09315c; border:1px solid #fff; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; margin-top:3px; } .featured-products .text p { margin:0; width:470px; } .featured-products .menu-list { float:left; width:258px; } .featured-products .menu-list ul{ margin:-1px 0 0; padding:0; list-style:none; position:relative; float:left; width:100%; } .featured-products .menu-list ul li{ background:url(../../skin/txs_ModernLiving/css/../images/border01.gif) repeat-x; position:relative; padding-top:1px; float:left; width:100%; } .featured-products .menu-list ul li a{ display:block; padding:25px 10px 25px 24px; color:#333; font-size:13px; font-weight:bold; } .featured-products .menu-list ul a strong { font:28px/32px Tahoma, Geneva, sans-serif; color:#09315c; display:block; } .featured-products .menu-list ul a strong em{ font-style:normal; color:#d5d2d2; } .featured-products .menu-list ul em.arrow { width:16px; height:16px; text-indent:-9999px; position:absolute; background:url(../../skin/txs_ModernLiving/css/../images/arrow05.png) no-repeat; left:-9999px; top:45%; } /* JS */ .featured-products .menu-list ul li.active a, .featured-products .menu-list ul li a:hover{ background:url(../../skin/txs_ModernLiving/css/../images/bg-featured-menu.gif) repeat-y; text-decoration:none; } .featured-products .menu-list ul li.active a em.arrow, .featured-products .menu-list ul a:hover em.arrow {left:252px;} .slideshow-mask{ position:relative; width:638px; /*height:398px;*/ float:right; padding-bottom: 5px; /*overflow:hidden;*/ } .slideshow-mask .content{ position:absolute; top:0; left:0; width:638px; }.outtaHere { position:absolute; left:-3000px; } /* radio buttons */ .radioArea, .radioAreaChecked { float:left; width:15px; height:16px; background: url(../../skin/txs_ModernLiving/css/../images/bg-radio.gif) no-repeat; overflow: hidden; } .radioAreaChecked {background-position:0 -16px;} /* checkboxes */ .checkboxArea, .checkboxAreaChecked { float:left; width:14px; height:16px; overflow:hidden; background:url(../../skin/txs_ModernLiving/css/../images/bg-checkbox.gif) no-repeat; margin:0 6px 0 0; } .details-form-holder .check-holder .checkboxArea, .details-form-holder .check-holder .checkboxAreaChecked { float:right; margin:0 0 0 8px; } .checkboxAreaChecked {background-position:0 -16px;} /* selects */ .selectArea { position:relative; height:18px; float:left; color:#000; font-size:11px; line-height:18px; margin-left:2px; } .category-header .selectArea { height:26px; line-height:26px; margin:0; color:#91914a; font-size:13px; font-weight:bold; } .selectArea .left { position:absolute; top:0; left:-2px; width:8px; height:100%; background:url(../../skin/txs_ModernLiving/css/../images/bg-select-left.gif) no-repeat; } .category-header .selectArea .left { width:21px; background:url(../../skin/txs_ModernLiving/css/../images/bg-select-left2.gif) no-repeat; left:0; } .selectArea a.selectButton { position:absolute; top:0; right:-2px; width:18px; height:100%; background:url(../../skin/txs_ModernLiving/css/../images/bg-select-button.gif) no-repeat; } .category-header .selectArea a.selectButton { background:url(../../skin/txs_ModernLiving/css/../images/bg-select-button2.gif) no-repeat; width:28px; right:0; } .selectArea .center{ height:18px; line-height:18px; display:block; padding:0 23px 0 8px; background: url(../../skin/txs_ModernLiving/css/../images/bg-select-center.gif) repeat-x; } .category-header .selectArea .center{ background: url(../../skin/txs_ModernLiving/css/../images/bg-select-center2.gif) repeat-x; padding:0 33px 0 21px; height:26px; line-height:26px; } .selectArea .center img { float:left; } /* selects drop-down */ .optionsDivInvisible, .optionsDivVisible { position:absolute; z-index:30; font-size:11px; } .drop-filter { font-size:13px; padding-top:7px; } .optionsDivInvisible {display: none;} .optionsDivVisible ul { margin:0; padding:2px; overflow:hidden; list-style:none; background-color:#427cd9; border:1px solid #000; height:300px; overflow:auto; } .drop-filter ul{ border:1px solid #ccc; background:#fff; height:230px; overflow:auto; padding:0; } .optionsDivVisible ul li { width:100%; overflow: hidden; vertical-align: top; } .drop-filter ul li{ border-bottom:1px solid #e8e8e8; width:130px; padding:0 6px 2px; height:auto; } .optionsDivVisible a { color:#000; overflow:hidden; text-decoration:none; display:block; height:1%; padding:2px 4px; } .drop-filter a{ color:#43a9e4; } .drop-filter a:hover{ color:#43a9e4 !important; text-decoration:underline !important; } .optionsDivVisible a img { float:left; } .optionsDivVisible a:hover { color:#fff; } /** * Address book */ ul.address-container { text-align: left; padding: 0; margin: 0; } div.address-bg { background: transparent url(../../skin/txs_ModernLiving/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; } /** * jQuery UI tabs layout change * (remove style definitions below to have default UI tabs look & feel) */ .ui-tabs { padding: 0; } .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; } /** * Add to list... button */ div.drop-out-button { padding: 0 23px 0 0; background: transparent url(../../skin/txs_ModernLiving/css/../images/but_right_dropout.png) no-repeat right top; width:100px; } div.drop-out-button div, div.drop-out-button a { background: transparent url(../../skin/txs_ModernLiving/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; z-index:999; } div.dropout-wrapper ul { margin: 0; padding: 0; } div.dropout-wrapper ul li { list-style-position: outside; list-style-type: none; padding: 5px 15px; float: left; } div.dropout-wrapper ul li .button { float: left; position: relative; } div.dropout-wrapper .button { float: none; position: absolute; margin-right: 0; margin-top: 2px; } .button-row .button {width:auto; padding-left:10px;padding-right:10px;}/* TheXCartStore: xMenu */ .xm-menu { margin: 0; padding: 0; clear: both; height: 35px; /*position: absolute;*/ font-size: 12px; } .xm-menu li { padding: 0; position: relative; text-align: center; display:block; float: left; } .xm-menu li a { color: #FFF; text-decoration: none; line-height: 32px; display: block; padding: 0 5px; position: relative; z-index: 999; } .xm-menu li a:hover { background-color: #fff; color:#333; z-index: 1001; } .xm-menu li.current a { background-color: #fff; color:#333; z-index: 1001; } .xm-menu li .xm-sub-holder { background-color: #fff; position: absolute; left: -1px; z-index: 1000; -moz-box-shadow: 1px 1px 8px -2px #000; -webkit-box-shadow: 1px 1px 8px -2px #000; box-shadow: 1px 1px 8px -2px #000; display:none; } .xm-menu li .xm-sub-menu .xm-sub-column { float: left; width: 200px; } .xm-menu li .xm-sub-menu .xm-sub-column ul { margin: 0; padding: 10px 0 15px 5px; list-style: none; list-style-position: outside; } .xm-menu li .xm-sub-menu .xm-sub-column ul li { line-height: 18px; float: none; width: auto; text-align: left; } /*Sub-menu item styles*/ .xm-menu li .xm-sub-menu .xm-sub-column ul li a { text-decoration: none; color: #777; line-height: 18px; } /*Sub-menu item hover color*/ .xm-menu li .xm-sub-menu .xm-sub-column ul li a:hover { color: #990000; } .xm-menu li .xm-sub-holder { display: none; } /* Vertical Definition */ .xm-menu.xm-vertical { height: auto; background: none; /*width: auto !important;*/ } .xm-menu.xm-vertical li { display: block; float: none; } .xm-menu.xm-vertical > li { text-align: left; } .xm-menu.xm-vertical li .xm-sub-holder { /*display: inline-block;*/ border: 1px solid #AAA; display:none; } /* In-Page Definition */ .xm-simple-menu { margin-bottom: 3px; border: 1px solid #ddd; } .xm-simple-menu h4 { margin:0; padding: 5px; background-color: #ddd; } .xm-simple-menu a { color: #666; text-decoration: none; } .xm-simple-menu .xm-sub-column { width: 170px; float: left; } .xm-simple-menu .xm-sub-column ul { margin: 0; padding: 5px 10px; list-style: none; list-style-position: outside; } .xm-clear{clear: both;} #center-main { overflow: visible; } /* Demo footer html */ .sub-footer p { margin: 0; padding: 0; text-align: left; height: 27px; line-height: 27px; border:1px solid #fff; background-color: #EDECE9; } .sub-footer p span { background-color: #666; display: block; color: #fff; width: 140px; text-align: center; margin-right: 20px; float: left; } .sub-footer p a { height: auto; width: auto; color: #f97f01; display: inline; font-weight: 700; background-color: transparent; } .sub-footer p a:hover { background-color: transparent; } .xm-float-left { float:left; } /* End: TheXCartStore: xMenu *//* TXS-XM-SCHEME-DETAILS:START xm-scheme-name:"xMenus Modern Living" xm-extra-class:"xm-modern-living" xm-preview-image:"xm-modern-living.jpg" TXS-XM-SCHEME-DETAILS:END */ /* Global Definitions */ .xm-menu.xm-modern-living li.xm-top { background-color: transparent; } .xm-menu.xm-modern-living li.xm-top > a { height: 31px; line-height: 31px; padding: 0 15px; } /* Horizontal Menu */ .xm-menu.xm-horizontal.xm-modern-living { /* border-top: 1px solid #093260; */ background-color: #093260; height: 31px; } .xm-menu.xm-horizontal.xm-modern-living li.xm-top > a { color: #FFFFFF; font-size: 12px; } .xm-menu.xm-horizontal.xm-modern-living li.xm-top > a:hover, .xm-menu.xm-horizontal.xm-modern-living li.xm-top.current a { color: #093260; background-color: #FFFFFF; } .xm-menu.xm-horizontal.xm-modern-living li.xm-top.xm-full > a:after, .xm-menu.xm-horizontal.xm-modern-living li.xm-top.xm-full > a:hover:after, .xm-menu.xm-horizontal.xm-modern-living li.xm-top.xm-full.current > a:after { position: relative; left: 5px; top: 0px; content: url(../../skin/common_files/modules/TXS_XMenus/custom_css/images/xm-modern-living-raquo-gray.png); opacity: 1; } .xm-menu.xm-horizontal.xm-modern-living li.xm-top.xm-full > a:after { content: url(../../skin/common_files/modules/TXS_XMenus/custom_css/images/xm-modern-living-raquo-white.png); } .xm-menu.xm-horizontal.xm-modern-living li .xm-sub-menu .xm-sub-column ul li a:hover { color: #000000; } .xm-menu.xm-horizontal.xm-modern-living li .xm-sub-holder { border-top: 0px none; border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; } /* Vertical Menu */ .xm-menu.xm-vertical.xm-modern-living { border: 1px solid #999999; } .xm-menu.xm-vertical.xm-modern-living li.xm-top > a { color: #093260; font-size: 14px; } .xm-menu.xm-vertical.xm-modern-living li.xm-top > a:hover, .xm-menu.xm-vertical.xm-modern-living li.xm-top.current a { color: #093260; background-color: #F6F6F6; } .xm-menu.xm-vertical.xm-modern-living li.xm-top.xm-full > a:after, .xm-menu.xm-vertical.xm-modern-living li.xm-top.xm-full > a:hover:after, .xm-menu.xm-vertical.xm-modern-living li.xm-top.xm-full.current > a:after { position: relative; left: 5px; top: 0px; content: url(../../skin/common_files/modules/TXS_XMenus/custom_css/images/xm-modern-living-raquo-gray.png); opacity: 1; } .xm-menu.xm-vertical.xm-modern-living li.xm-top.current .xm-sub-holder a { background-color: transparent; } .xm-menu.xm-vertical.xm-modern-living li .xm-sub-holder { border-left: 1px solid #AAAAAA; border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-top: 1px solid #999999; } .xm-menu.xm-vertical.xm-modern-living li.xm-top.current .xm-sub-holder a:hover { background-color: #F6F6F6; } /* In-Page Menu */ .xm-simple-menu.xm-modern-living { background-color: transparent; border: 1px solid #999999; } .xm-simple-menu.xm-modern-living h4 { background-color: #093260; height: 31px; padding: 0 5px; line-height: 31px; margin: -1px 0 0 0; } .xm-simple-menu.xm-modern-living h4 a { color: #FFFFFF; } .xm-simple-menu.xm-modern-living .xm-sub-holder { left:1px; } .xm-simple-menu.xm-modern-living .xm-sub-column ul { padding: 5px 0 5px 5px; margin: 0 5px 0 0; } .xm-simple-menu.xm-modern-living ul li { list-style: none; padding: 0 0 2px 5px; display: block; } .xm-simple-menu.xm-modern-living ul li a { color: #615D5D; } .xm-simple-menu.xm-modern-living ul li a b { color: #615D5D; font-size: 12px; padding: 3px 0 3px 5px; margin: 0 0 0 -5px; display: block; font-weight: 600; background-color: #F6F6F6; } /* 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.1.2.1.2.1 2012/04/06 15:01:57 aim Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ .buttons-row.soc-buttons-row { margin-top: 15px; } .soc-buttons-row .soc-item { float: left; margin-right: 10px; } /* Service styles */ .top-margin-2 { margin-top: 2px; } .top-margin-5 { margin-top: 5px; } .top-margin-15 { margin-top: 15px; } .top-margin-42 { margin-top: 42px; } /* Footer links */ ul.soc-footer-links { list-style: none; padding: 0; margin: 0 0 0 6px; display: inline; } ul.soc-footer-links li { display: inline; padding: 0; margin-left: 8px; } ul.soc-footer-links li img { vertical-align: middle; }