/* * jQuery UI CSS Framework 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .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 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(../../opencart_1.5.4.1/javascript/jquery/ui/themes/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(../../opencart_1.5.4.1/javascript/jquery/ui/themes/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(../../opencart_1.5.4.1/javascript/jquery/ui/themes/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; 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 #fbcb09; background: #fdf5ce url(../../opencart_1.5.4.1/javascript/jquery/ui/themes/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; } .ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(../../opencart_1.5.4.1/javascript/jquery/ui/themes/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; 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 #fed22f; background: #ffe45c url(../../opencart_1.5.4.1/javascript/jquery/ui/themes/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top 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 #cd0a0a; background: #b81900 url(../../opencart_1.5.4.1/javascript/jquery/ui/themes/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .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(../../opencart_1.5.4.1/javascript/jquery/ui/themes/ui-lightness/images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(../../opencart_1.5.4.1/javascript/jquery/ui/themes/ui-lightness/images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(../../opencart_1.5.4.1/javascript/jquery/ui/themes/ui-lightness/images/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { background-image: url(../../opencart_1.5.4.1/javascript/jquery/ui/themes/ui-lightness/images/ui-icons_ef8c08_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../../opencart_1.5.4.1/javascript/jquery/ui/themes/ui-lightness/images/ui-icons_ef8c08_256x240.png); } .ui-state-active .ui-icon {background-image: url(../../opencart_1.5.4.1/javascript/jquery/ui/themes/ui-lightness/images/ui-icons_ef8c08_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(../../opencart_1.5.4.1/javascript/jquery/ui/themes/ui-lightness/images/ui-icons_228ef1_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../../opencart_1.5.4.1/javascript/jquery/ui/themes/ui-lightness/images/ui-icons_ffd27a_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-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #666666 url(../../opencart_1.5.4.1/javascript/jquery/ui/themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(../../opencart_1.5.4.1/javascript/jquery/ui/themes/ui-lightness/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/* * jQuery UI Resizable 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .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;}/* * jQuery UI Selectable 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /* * jQuery UI Accordion 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .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; } .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; } /* * jQuery UI Autocomplete 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.16 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .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; } /* * jQuery UI Button 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .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-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 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-primary .ui-icon, .ui-button-text-icon-secondary .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-primary .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-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .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 */ /* * jQuery UI Dialog 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 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 { position: relative; 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 .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* * jQuery UI Slider 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .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; }/* * jQuery UI Tabs 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .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; } /* * jQuery UI Datepicker 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .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%; font-size:0em; } /* 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*/ }/* * jQuery UI Progressbar 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url(../../default/fancybox/fancybox.png); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 11000; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 11001; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url(../../default/fancybox/fancybox.png) -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url(../../default/fancybox/blank.gif); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url(../../default/fancybox/fancybox.png); background-position: -40px -30px; } #fancybox-right-ico { background-image: url(../../default/fancybox/fancybox.png); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url(../../default/fancybox/fancybox-x.png); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url(../../default/fancybox/fancybox.png); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url(../../default/fancybox/fancybox-y.png); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url(../../default/fancybox/fancybox.png); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url(../../default/fancybox/fancybox-x.png); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url(../../default/fancybox/fancybox.png); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url(../../default/fancybox/fancybox-y.png); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url(../../default/fancybox/fancybox.png); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url(../../default/fancybox/fancy_title_over.png); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url(../../default/fancybox/fancybox.png) -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url(../../default/fancybox/fancybox-x.png) 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url(../../default/fancybox/fancybox.png) -55px -90px no-repeat; } /* IE6 */ /* .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/catalog/view/javascript/jquery/fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/catalog/view/javascript/jquery/fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/catalog/view/javascript/jquery/fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/catalog/view/javascript/jquery/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/catalog/view/javascript/jquery/fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/catalog/view/javascript/jquery/fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/catalog/view/javascript/jquery/fancybox/fancy_title_right.png', sizingMethod='scale'); } */ .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } /* #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/catalog/view/javascript/jquery/fancybox/fancy_loading.png', sizingMethod='scale'); } */ /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } /* .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/catalog/view/javascript/jquery/fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/catalog/view/javascript/jquery/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/catalog/view/javascript/jquery/fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/catalog/view/javascript/jquery/fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/catalog/view/javascript/jquery/fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/catalog/view/javascript/jquery/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/catalog/view/javascript/jquery/fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/catalog/view/javascript/jquery/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); } */ @charset "utf-8"; /* ** ****************************************************************************** ****** Theme Name: Shoppa OpenCart Theme ****** Theme URI: http://www.sokothemes.com/shoppa ****** Description: Premium OpenCart Theme ****** Author: The Sokopedian ****** Author URI: http://www.sokopedia.com/sokopedian ****** Version: 1.13 for OpenCart Version 1.5.4x ****** Designed & Handcrafted by the Sokopedian for SokoThemes ****************************************************************************** ** */ /* Remove focus outline from link's ====*/ :focus { outline: 0 } html { overflow: -moz-scrollbars-vertical; margin: 0; padding: 0; } body { background: #f8f8f8 url('../image/bg-patterns/back_pattern.png'); color: #000000; font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; } body, td, th, input, textarea, select, a { font-size: 12px } h1, .welcome { color: #636E75; font: Verdana; margin-top: 0px; margin-bottom: 20px; font-size: 32px; font-weight: normal; text-shadow: 0 0 1px rgba(0, 0, 0, .01); } h2 { color: #636E75; font-size: 16px; margin-top: 0px; margin-bottom: 5px; } p { margin-top: 0px; margin-bottom: 20px; line-height: 1.5em; } a, a:visited, a b { color: #38B0E3; text-decoration: underline; cursor: pointer; } a:hover { text-decoration: none } a img { border: none } form { padding: 0; margin: 0; display: inline; } input[type='text'], input[type='password'], textarea { background: #fff; border: 1px solid #eaeaea; padding: 3px; margin-left: 0px; margin-right: 0px; } select { background: #fefefe; border: 1px solid #ddd; padding: 2px; } label { cursor: pointer } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; *zoom: 1; } * html .clearfix { height: 1% } /* Hides from IE-mac \*/ .clearfix { display: block } /*-------------------------------------------------------------------------------*/ /* LAYOUT /*-------------------------------------------------------------------------------*/ body.tk-is-admin{ padding-top:28px; } #container { width: 980px; margin: 15px auto; text-align: left; background: #fff; padding: 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, .1); -moz-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, .1); box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, .1); } #column-left { float: left; width: 190px; } #column-right { float: right; width: 190px; display:inline-block; min-height:40px; } #column-left .block, #column-right .block { min-height:40px; } #content { min-height: 400px; margin-top: -10px; padding: 10px 5px 15px 5px; display: block; } #column-left + #column-right + #content, #column-left + #content { margin-left: 195px; border-left: 1px solid #eee; padding-left: 10px; } #column-right + #content { margin-right: 195px; border-right: 1px solid #eee; padding-right: 10px; } /*-------------------------------------------------------------------------------*/ /* HEADER /*-------------------------------------------------------------------------------*/ #header { height: 90px; margin-bottom: 7px; padding-bottom: 4px; position: relative; z-index: 9999; } #header #logo { position: absolute; top: 25px; left: 15px; } #header #logo img { max-height:80px; max-width:280px; } #language { position: absolute; top: 5px; right: 370px; width: 130px; color: #999; line-height: 17px; } #language img { cursor: pointer; margin-right: 5px; } #language ul { padding:0; margin:0; } #language li { float:left; list-style:none; margin:0 3px; } #currency { width: 75px; position: absolute; top: 15px; right: 480px; color: #999; line-height: 17px; } #currency a { display: inline-block; padding: 2px 4px; border: 1px solid #CCC; color: #999; text-decoration: none; margin-right: 2px; margin-bottom: 2px; } #currency a b { color: #000; text-decoration: none; } #header #cart { position: absolute; top: 55px; right: 4px; z-index: 16; min-width: 300px; } #header #cart .heading { float: right; background: #555 url('../image/cart.png') 9px center no-repeat; margin-left: 172px; margin-top: 15px; padding: 6px 14px 6px 45px; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #EEEEEE; -webkit-border-radius: 30px; -moz-border-radius: 30px; -khtml-border-radius: 30px; border-radius: 30px; position: relative; z-index: 1; } #header #cart .heading h4 { color: #333333; font-size: 15px; font-weight: bold; margin-top: 0px; margin-bottom: 3px; } #header #cart .heading a { color: #fff; text-decoration: none; } #header #cart .heading a span#cart-total { background: #555 url('../image/arrow-down.png') 100% 50% no-repeat; padding-right: 15px; } #header #cart .content { clear: both; display: none; position: relative; top: 2px; padding: 8px; min-height: 50px; border-top: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; -webkit-border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -khtml-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, .1); -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, .1); box-shadow: 0px 2px 2px rgba(0, 0, 0, .1); background: #FFF; } #header #cart.active .heading { margin-top: 15px; padding: 6px 14px 6px 45px; border-top: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; } #header #cart.active .content { display: block }.mini-cart-info table { border-collapse: collapse; width: 100%; margin-bottom: 5px; } .mini-cart-info td { color: #000; vertical-align: top; padding: 10px 5px; border-bottom: 1px solid #EEEEEE; } .mini-cart-info .image { width: 1px } .mini-cart-info .image img { border: 1px solid #EEEEEE; text-align: left; max-width:47px; } .mini-cart-info .name small { color: #666 } .mini-cart-info .quantity { text-align: right } .mini-cart-info td.total { text-align: right } .mini-cart-info .remove { text-align: right } .mini-cart-info .remove img { cursor: pointer } .mini-cart-total { text-align: right } .mini-cart-total table { border-collapse: collapse; display: inline-block; margin-bottom: 5px; } .mini-cart-total td { color: #000; padding: 4px; } #header #cart .checkout { text-align: right; clear: both; } #header #cart .empty { padding-top: 18px; text-align: center; font-weight: bold; color: #888; text-shadow: 0px 1px 2px rgba(0, 0, 0, .1); } #header #search { position: absolute; top: 112px; right: 4px; width: 192px; z-index: 15; border-bottom: 3px solid #555; } #header .button-search { position: absolute; right: 0px; background: url('../image/button-search.png') 0 6px no-repeat; width: 20px; height: 20px; cursor: pointer; } #header #search input { background: #FFF; padding: 1px 25px 1px 5px; width: 160px; height: 21px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: none; } #header #welcome { position: absolute; top: 5px; right: 5px; z-index: 5; width: 298px; text-align: right; color: #999999; } #header #welcome a { color: #555 !important; text-decoration: none; } #header .links { position: absolute; right: 0px; top: 35px; padding-right: 10px; } #header .links a { float: left; display: block; padding: 0px 0px 0px 7px; color: #555 !important; text-decoration: none; font-size: 12px; } #header .links a + a { margin-left: 8px; border-left: 1px dotted #CCC; } /*-------------------------------------------------------------------------------*/ /* MENU /*-------------------------------------------------------------------------------*/ #menu { background: #fff; min-height: 34px; margin-bottom: 10px; margin-left: 4px; padding: 0px 0px 0px 0px; border-bottom: 3px solid #ED643F; width: 780px; display:inline-block; } #menu ul { list-style: none; margin: 0; padding: 0; } #menu > ul > li { float: left; xz-index: 99; padding: 6px 0px 3px 0px; position:relative; bottom:-3px; } #menu > ul > li:hover { border-bottom: 3px solid #555; padding-bottom:0; } #menu > ul > li > a { font-size: 14px; font-family: 'Rockwell', sans-serif; font-weight: normal; text-transform: uppercase; color: #777; line-height: 14px; text-decoration: none; display: block; padding: 6px 10px 6px 10px; margin-bottom: 0px; z-index: 6; position: relative; } #menu > ul > li:hover > a { color: #555 } #menu > ul > li > div { display: none; background: #555; position: absolute; z-index: 10000; padding: 5px; margin-left: 0px; margin-top: 0px; -webkit-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, .4); -moz-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, .4); box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, .4); } #menu > ul > li:hover > div { display: table } #menu > ul > li > div > ul { display: table-cell } #menu > ul > li ul + ul { padding-left: 20px } #menu > ul > li ul > li > a { text-decoration: none; padding: 4px 4px 4px 0px; color: #333; display: block; white-space: nowrap; min-width: 150px; border-bottom: 1px solid #777; } #menu > ul > li > div > ul > li > a span { position: relative; display: inline-block; top: 5px; color: #fff; padding-bottom: 3px; border-bottom: 3px solid #777; } #menu > ul > li ul > li > a:hover span { border-bottom: 3px solid #efefef; padding-bottom: 3px; } #menu > ul > li ul > li { position: relative; } #menu > ul > li > div > ul > li > div, #menu > ul > li > div > ul > li > div > ul > li > div { display: none; background: #555; position: absolute; z-index: 5; padding: 5px; top: 3px; left: 100px; -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, .4); -moz-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, .4); box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, .4); } #menu > ul > li > div > ul > li:hover > div { display: table } #menu > ul > li > div > ul > li > div > ul { display: table-cell } #menu > ul > li > div > ul > li ul + ul { padding-left: 20px } #menu > ul > li > div > ul > li ul > li > a { text-decoration: none; padding: 4px 4px 4px 0px; color: #333; display: block; white-space: nowrap; min-width: 150px; border-bottom: 1px solid #777; } #menu > ul > li > div > ul > li ul > li > div > ul > li a { text-decoration: none; padding: 4px 4px 4px 10px; color: #ffffff; white-space: nowrap; } #menu > ul > li > div > ul > li ul > li > a:hover span { border-bottom: 3px solid #efefef; padding-bottom: 3px; } #menu > ul > li > div > ul > li > div > ul > li > a span { position: relative; display: inline-block; top: 5px; color: #fff; padding-bottom: 3px; border-bottom: 3px solid #777; } /*-------------------------------------------------------------------------------*/ /* BREADCRUMBS /*-------------------------------------------------------------------------------*/ .breadcrumb { color: #CCCCCC; margin-bottom: 10px; } .breadcrumb a { color: #c2c2c2 !important; font-size: 11px; margin-bottom: 10px; text-decoration: none; } .breadcrumb a:hover { text-decoration: underline } /*-------------------------------------------------------------------------------*/ /* NOTIFICATIONS /*-------------------------------------------------------------------------------*/ .success, .warning, .attention, .information { padding: 10px 10px 10px 33px; margin: 0px 5px 15px; color: #555555; } .success { background: #EAF7D9 url('../image/success.png') 10px center no-repeat; border: 1px solid #BBDF8D; } .warning { background: #FFD1D1 url('../image/warning.png') 10px center no-repeat; border: 1px solid #F8ACAC; } .attention { background: #FFF5CC url('../image/attention.png') 10px center no-repeat; border: 1px solid #F2DD8C; } .success .close, .warning .close, .attention .close, .information .close { float: right; padding-top: 4px; padding-right: 4px; cursor: pointer; } .required { color: #FF0000; font-weight: bold; } .error { display: block; color: #FF0000; } .help { color: #999; font-size: 10px; font-weight: normal; font-family: Verdana, Geneva, sans-serif; display: block; } /*-------------------------------------------------------------------------------*/ /* TABLES' FORMS /*-------------------------------------------------------------------------------*/ table.form { width: 100%; border-collapse: collapse; margin-bottom: 20px; } table.form tr td:first-child { width: 150px } table.form > * > * > td { color: #000000 } table.form td { padding: 4px } input.large-field, select.large-field { width: 300px } table.list { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px; } table.list td { border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; } table.list thead td { background-color: #EFEFEF; padding: 0px 5px; } table.list thead td a, .list thead td { text-decoration: none; color: #222222; font-weight: bold; } table.list tbody td { vertical-align: top; padding: 0px 5px; } table.list .left { text-align: left; padding: 7px; } table.list .right { text-align: right; padding: 7px; } table.list .center { text-align: center; padding: 7px; } table.radio { width: 100%; border-collapse: collapse; } table.radio td { padding: 5px; vertical-align: top; } table.radio td label { display: block } table.radio tr td:first-child { width: 1px } table.radio tr td:first-child input { margin-top: 1px } table.radio tr.highlight:hover td { background: #F1FFDD; cursor: pointer; } /*-------------------------------------------------------------------------------*/ /* PAGINATION /*-------------------------------------------------------------------------------*/ .pagination { border-top: 1px solid #EEEEEE; padding-top: 8px; display: inline-block; width: 100%; margin-bottom: 10px; } .pagination .links { float: left } .pagination .links a { display: inline-block; padding: 4px 10px; text-decoration: none; font-weight: bold; text-align: center; border: 1px solid #777 !important; background: #888 !important; padding: 3px 7px !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, .4); color: #fff !important; margin-right: 4px; } .pagination .links b { display: inline-block; font-weight: bold; text-decoration: none; text-align: center; margin-right: 4px; border: 1px solid #444 !important; background: #555 !important; padding: 3px 15px !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5); color: #fff !important; } .pagination .results { float: right; padding-top: 3px; } /*-------------------------------------------------------------------------------*/ /* BUTTONS /*-------------------------------------------------------------------------------*/ a.button, input.button, button.button { cursor: pointer; color: #FFFFFF !important; line-height: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 400; background: #555; text-transform: uppercase; } a.button { display: inline-block; text-decoration: none; padding: 6px 12px 6px 12px; } input.button, button.button { margin: 0; border: 0; height: 24px; padding: 0px 12px 0px 12px; } a.button:hover, input.button:hover, button.button:hover { background: #ed643f } .buttons { background: #FFFFFF; border: 1px solid #EEEEEE; overflow: auto; padding: 6px; margin-bottom: 20px; } .buttons .left { float: left; text-align: left; } .buttons .right { float: right; text-align: right; } .buttons .center { text-align: center; margin-left: auto; margin-right: auto; } .button.big { padding:12px 45px; } /*-------------------------------------------------------------------------------*/ /* TABS /*-------------------------------------------------------------------------------*/ .htabs { height: 35px; line-height: 16px; border-bottom: 1px solid #DDDDDD; } .htabs a { border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; background: #eee; padding: 7px 15px 6px 15px; margin-top: 5px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-align: center; text-decoration: none; color: #555 !important; margin-right: 2px; display: none; } .htabs a.selected { padding-bottom: 7px; padding-top: 12px; margin-top: 0px; background: #FFFFFF; color: #222; } .tab-content { border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; padding: 10px; margin-bottom: 20px; z-index: 2; overflow: auto; } #box-heading { margin-top: 8px; padding: 0px 0px 0px 0px; height: 25px; font-weight: bold; } #box-heading h3 { color: #555; font-size: 14px; font-weight: 400; margin-bottom: 15px; text-transform: uppercase; float: left; border-bottom: 3px solid #ED643F; padding: 0px 15px 5px 0px; } /*-------------------------------------------------------------------------------*/ /* BOX /*-------------------------------------------------------------------------------*/ .box { margin-bottom: 10px; margin-left: 5px; padding-right: 5px; } .box .box-heading { margin-top: 8px; padding: 0px 0px 0px 0px; height: 28px; font-weight: bold; display:inline-block; } .box .box-heading h3 { color: #555; font-size: 14px; font-weight: 400; margin-top: 0px; text-transform: uppercase; float: left; border-bottom: 3px solid #ED643F; padding: 0px 15px 5px 0px; } .box .box-content { background: #FFFFFF; padding: 10px 0px; } .box .box-content ul { list-style: none; margin: 0; padding: 0; } .box .box-content ul span { float: right } .box .box-content > ul > li { padding: 8px 0px 8px 0px } .box .box-content > ul > li + li { border-top: 1px solid #EEEEEE } .box .box-content > ul > li > a { text-decoration: none; color: #777 !important; font-size: 13px; } .box .box-content > ul > li > a:hover { color: #333 } .box .box-content > ul > li ul { display: none } .box .box-content > ul > li a.active { font-weight: bold } .box .box-content > ul > li a.active + ul { display: block } .box .box-content > ul > li ul > li { padding: 5px 5px 0px 10px } .box .box-content > ul > li ul > li > a { text-decoration: none; display: block; color: #777; } .box .box-content > ul > li ul > li > a.active { font-weight: bold } /*-------------------------------------------------------------------------------*/ /* BOX PRODUCTS /*-------------------------------------------------------------------------------*/ .related { clear:both; display: inline-block; } .related ul { padding-left:0; } .box-product { width: 100%; overflow: hidden; clear: both; } .box-product > div { min-width: 130px; display: inline-block; vertical-align: top; margin-right: 8px; margin-bottom: 8px; padding-bottom: 5px; border-top: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; border-left: 1px solid #E7E7E7; border-bottom: 4px solid #E7E7E7; text-align: center; } .box-product > div:hover { border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 4px solid #ccc; } #column-left + #column-right + #content .box-product > div { width: 119px } .box-product .image { display: block; margin-bottom: 0px; } .box-product .image img { padding: 3px } .box-product .name a { color: #333 !important; font-weight: 400; font-style: italic; text-decoration: none; display: block; margin-bottom: 5px; padding-top: 5px; } .box-product > div:hover .name a { color: #ed643f !important; } .box-product .price { display: block; font-weight: 400; font-size: 14px; : ; color: #333333; margin-bottom: 4px; } .box-product .price-old { color: #F00; text-decoration: line-through; } .box-product .price-new { font-weight: bold } .box-product .rating { display: block; margin-bottom: 4px; } /*-------------------------------------------------------------------------------*/ /* BOX CATEGORY /*-------------------------------------------------------------------------------*/ .box-category { margin-top: -5px } .box-category ul { list-style: none; margin: 0; padding: 0; } .box-category > ul > li { padding: 8px 0px 8px 0px; position: relative; clear: both; } .box-category > ul > li + li { border-top: 1px solid #EEEEEE } .box-category > ul > li > a { text-decoration: none; color: #333 !important; font-size: 13px; } .box-category .ja-sidenav { position:absolute; top:7px; right:0; } .box-category .ja-sidenav a { background: url('../image/arrow-inactive.png') no-repeat left; width:13px; height:16px; text-indent:-9999px; overflow:hidden; display:block; } .box-category .ja-sidenav a.subhead { background:url('../image/arrow-active.png') no-repeat left 3px !important; } .box-category .ja-sidenav a.toggle { background:url('../image/arrow-inactive.png') no-repeat left 3px; } .box-category > ul > li ul { display: none } .box-category > ul > li a.active { font-weight: bold } .box-category > ul > li a.active + ul { display: block } .box-category > ul > li ul > li { padding: 5px 5px 0px 10px } .box-category > ul > li ul > li > a { text-decoration: none; display: block; color: #777; font-style: italic; font-size: 11px; padding-left: 8px; background: url('../image/plus.png') no-repeat left 5px; } .box-category > ul > li ul > li > a.active { color:#252525; font-weight: normal; } /*-------------------------------------------------------------------------------*/ /* CONTENT /*-------------------------------------------------------------------------------*/ #content .content { background: #F9F9F9; padding: 10px; overflow: auto; margin-bottom: 20px; border: 1px solid #EEEEEE; } #content .content .left { float: left; width: 49%; } #content .content .right { float: right; width: 49%; } /*-------------------------------------------------------------------------------*/ /* CATEGORY /*-------------------------------------------------------------------------------*/ .category-info { overflow: auto; margin-bottom: 20px; } .category-info .image { float: left; padding: 5px; margin-right: 15px; border: 1px solid #E7E7E7; } .category-list { overflow: auto; margin-bottom: 20px; } .category-list ul { float: left; width: 18%; } .category-list ul li a { text-decoration: none; color: #333; } .category-list ul li a:hover { text-decoration: underline } /*-------------------------------------------------------------------------------*/ /* REFINE SEARCH /*-------------------------------------------------------------------------------*/ #refine-search { border: 1px solid #EEEEEE; padding: 5px; overflow: auto; background: #f9f9f9; display: block; margin-bottom: 5px; } a#refine-search { text-decoration: none } #refine-search h2 { margin-bottom: 4px !important; margin-top: 4px !important; text-transform: uppercase; color: #333; } .refine-search { border-right: 1px solid #F4F4F4; border-left: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4; border-top: none; padding: 5px; overflow: auto; background: #fdfdfd; display: block; margin-top: -5px; } /*-------------------------------------------------------------------------------*/ /* MANUFACTURER /*-------------------------------------------------------------------------------*/ .manufacturer-list { border: 1px solid #DBDEE1; padding: 5px; overflow: auto; margin-bottom: 20px; } .manufacturer-heading { background: #F8F8F8; font-size: 15px; font-weight: bold; padding: 5px 8px; margin-bottom: 6px; } .manufacturer-content { padding: 8px } .manufacturer-list ul { float: left; width: 25%; margin: 0; padding: 0; list-style: none; margin-bottom: 10px; } /*-------------------------------------------------------------------------------*/ /* PRODUCT FILTER /*-------------------------------------------------------------------------------*/ .product-filter { border: 1px solid #EEEEEE; padding: 5px; margin-bottom: 25px; overflow: auto; background: #f9f9f9; } .product-filter .display { margin-right: 15px; float: left; color: #333; } .product-filter .display a { font-weight: bold } .product-filter .sort { float: right; color: #333; text-transform: uppercase; } .product-filter .limit { margin-left: 15px; float: right; color: #333; text-transform: uppercase; } .product-filter .display .view-mode { margin-right: 15px; float: left; padding-top: 2px; color: #333; } .product-filter .display .view-mode label { vertical-align: middle; font-weight: bold; text-transform: uppercase; cursor: default; } .product-filter .display .view-mode a { display: inline-block; height: 23px; width: 23px; vertical-align: middle; margin-right: 5px; } /*-------------------------------------------------------------------------------*/ /* PRODUCT COMPARE /*-------------------------------------------------------------------------------*/ .product-compare { padding-top: 6px; margin-bottom: 0px; font-weight: bold; float: left; } .product-compare a { text-decoration: none; font-weight: normal; color: #999 !important; } .product-compare a:hover { text-decoration: underline } /*-------------------------------------------------------------------------------*/ /* PRODUCT LIST /*-------------------------------------------------------------------------------*/ .product-list > div { overflow: auto; margin-bottom: 15px; } .product-list .right { float: right; margin-left: 15px; margin-top: -16px; padding: 16px 10px 0px 15px; : ; border-left: 1px dotted #ddd; text-align: center; } .product-list > div { border-top: 1px dotted #ddd; padding-top: 16px; } .product-list > div + div { border-top: 1px dotted #ddd; padding-top: 16px; } .product-list .image { float: left; margin-right: 10px; } .product-list .image img { padding: 3px; border: 1px solid #E7E7E7; } .product-list .name { margin-bottom: 3px } .product-list .name a { color: #333 !important; font-weight: 400; font-size: 22px; text-decoration: none; display: block; margin-bottom: 4px; } .product-list > div:hover .name a { color: #ed643f !important; } .product-list .name a:hover { color: #ed643f !important; } .product-list .description { line-height: 15px; margin-bottom: 5px; color: #4D4D4D; margin-left: 185px; margin-right: 110px; } .product-list .rating { color: #7B7B7B } .product-list .price { float: right; height: 50px; margin-left: 8px; text-align: right; color: #333333; font-size: 16px; text-align: center; } .product-list .price-old { color: #F00; text-decoration: line-through; font-size: 12px; } .product-list .price-new { font-weight: 400 } .product-list .price-tax { font-size: 10px; font-weight: normal; color: #BBBBBB; } .product-list .cart { margin-bottom: 3px } .product-list .wishlist, .product-list .compare { margin-bottom: 3px } .product-list .wishlist a { color: #676767; text-decoration: none; display: block; font-size: 11px; } .product-list .wishlist a:hover { text-decoration: underline } .product-list .compare a { color: #676767; text-decoration: none; font-size: 11px; display: block; } .product-list .compare a:hover { text-decoration: underline } /*-------------------------------------------------------------------------------*/ /* PRODUCT GRID /*-------------------------------------------------------------------------------*/ .product-grid { width: 100%; overflow: auto; } .product-grid > div { min-width: 130px; display: inline-block; vertical-align: top; margin-right: 8px; margin-bottom: 8px; text-align: center; border-top: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; border-left: 1px solid #E7E7E7; border-bottom: 4px solid #E7E7E7; } .product-grid > div:hover { border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 4px solid #ccc; } #column-left + #column-right + #content .product-grid > div { width: 125px } .product-grid .image { display: block; margin-bottom: 0px; } .product-grid .image img { padding: 5px } .product-grid .name a { color: #333 !important; font-weight: bold; font-size: 14px; text-decoration: none; display: block; margin-bottom: 4px; } .product-grid > div:hover .name a { color: #ed643f !important; } .product-grid .name a:hover { color: #ed643f !important; } .product-grid .description { display: none } .product-grid .rating { display: block; margin-bottom: 4px; } .product-grid .price { display: block; font-weight: bold; color: #333333; margin-bottom: 4px; } .product-grid .price-old { color: #F00; text-decoration: line-through; font-size: 10px; } .product-grid .price-new { font-weight: bold } .product-grid .price .price-tax { display: none } .product-grid .cart { margin-bottom: 3px } .product-grid .wishlist, .product-grid .compare { margin-bottom: 3px; margin-top: 5px; text-align: center; } .product-grid .wishlist a { color: #656565; text-decoration: none; display: inline; float: left; font-size: 10px; margin-left: 5%; } .product-grid .wishlist a:hover { color: #333 } .product-grid .compare a { color: #656565; text-decoration: none; display: inline; float: right; font-size: 10px; margin-right: 5%; } .product-grid .compare a:hover { color: #333 } .product-grid .compare .separator { width: 4px; text-indent: -9999px; padding: 0 2px; vertical-align: sub; color: #999; background: url('../image/separator.png') 0 0 no-repeat; } /*-------------------------------------------------------------------------------*/ /* PRODUCT INFORMATION ON PRODUCT-PAGE /*-------------------------------------------------------------------------------*/ .product-info { overflow: auto; margin-bottom: 20px; } .product-info #wrap > a, .product-info #wrap > div { width:300px; max-height:350px; } .product-info > .left { float: left; margin-right: 15px; } .product-info > .left + .right { margin-left: 318px; position: relative; background: #fafafa url('../image/bg-patterns/square_bg.png') repeat right top; padding: 5px 5px 1px; border: 1px solid #efefef; } .product-info h1 { color: #636E75; font: Verdana, sans-serif; margin-top: 0px; margin-bottom: 7px; font-size: 28px; font-weight: 400; text-shadow: 0 0 1px rgba(0, 0, 0, .01); } .product-info .image { border: 1px solid #E7E7E7; float: left; margin-bottom: 20px; padding: 2px; text-align: center; position: relative; } .product-info #image { max-width:350px; max-height:350px; width:100%; } .product-info .pinterest { position: absolute; margin: 0px; z-index: 99999; } .product-info .image a .zoomin { position: absolute; right: -3px; bottom: -3px; margin: 0px; width: 40px; height: 40px; z-index: 99999; background: url('../image/zoom_in.png'); } .product-info .image > img { max-width:300px; } .product-info .image-additional { width: 318px; margin-left: -10px; clear: both; overflow: hidden; } .product-info .image-additional img { border: 1px solid #E7E7E7 } .product-info .image-additional a { float: left; display: block; margin-left: 8px; margin-bottom: 8px; } .product-info .description { border-top: 1px dotted #E7E7E7; border-bottom: 1px dotted #E7E7E7; padding: 5px 5px 10px 5px; margin-bottom: 10px; line-height: 20px; color: #656565; font-style: italic; } .product-info .description span { color: #222; font-weight: bold; font-style: normal !important; margin-right: 5px; } .product-info .description .brand-link img { vertical-align: middle; } .product-info .description a { color: #656565; text-decoration: underline; } .product-info .description a:hover { text-decoration: none } .product-info .price { overflow: auto; border-bottom: 1px dotted #E7E7E7; padding: 0px 5px 10px 5px; margin-bottom: 10px; font-size: 22px; font-weight: bold; color: #333333; } .product-info .price-old { color: #676767; font-size: 18px; font-weight: 400; text-decoration: line-through; } .product-info .price-new { } .product-info .price-tax { font-size: 12px; font-weight: normal; color: #999; } .product-info .price .reward { font-size: 12px; font-weight: normal; color: #999; } .product-info .price .discount { font-weight: normal; font-size: 12px; color: #4D4D4D; } .product-info .options { border-bottom: 1px dotted #E7E7E7; padding: 0px 5px 10px 5px; margin-bottom: 10px; color: #000000; } .product-info .options option.disabled { color: #AAAAAA; text-decoration: line-through; } .quantity-arrow-add { background: url('../image/arrowright.gif') no-repeat left center; border: none; cursor: pointer; } .quantity-arrow-subtract { background: url('../image/arrowleft.gif') no-repeat right center; border: none; cursor: pointer; } .product-info .option-image { margin-top: 3px; margin-bottom: 10px; } .product-info .option-image label { display: block; width: 100%; height: 100%; } .product-info .option-image img { margin-right: 5px; border: 1px solid #CCCCCC; cursor: pointer; } .product-info .cart { border-bottom: 1px dotted #E7E7E7; padding: 0px 5px 10px 5px; margin-bottom: 20px; color: #4D4D4D; overflow: auto; } .product-info .cart div { float: left; vertical-align: middle; } .product-info .cart div a { color: #999; font-size: 10px; text-decoration: none; } .product-info .cart div a:hover { text-decoration: underline } .product-info .cart .minimum { padding-top: 5px; font-size: 11px; color: #999; clear: both; } .product-info .cart #button-cart.disabled { background:#EEEEEE; color:#cccccc; corsor:not-allowed; } .product-info .cart #button-cart.disabled:hover { background:#EEEEEE; color:#cccccc; } .product-info .share { overflow: auto; line-height: normal; padding: 0px 5px 10px 5px; margin-bottom: 20px; border-bottom: 1px dotted #E7E7E7; } .product-info .share > div { float:left; margin-right:15px; } .product-info .share a { text-decoration: none } .product-info .tags { padding: 0px; margin-bottom: 20px; color: #888; } .product-info .tags b { font-size: 14px; color: #000 !important; } .product-info .tags a { text-decoration: none; font-weight: bold; padding: 1px 0px 3px; margin-left: 5px; font-size: 12px; vertical-align: middle; color: #888 !important; display: inline-block; } .product-info .tags a:hover { color: #333 !important } .product-info .review { color: #4D4D4D; border-top: 1px dotted #E7E7E7; border-left: 1px dotted #E7E7E7; border-right: 1px dotted #E7E7E7; margin-bottom: 10px; } .product-info .review > div { padding: 8px; border-bottom: 1px dotted #E7E7E7; line-height: 20px; } .product-info .review > div a { color: #656565 } .product-info .review .share { overflow: auto; line-height: normal; } .product-info .review .share a { text-decoration: none } .review-list { padding: 10px; overflow: auto; margin-bottom: 20px; border: 1px solid #EEEEEE; } .review-list .author { float: left; margin-bottom: 20px; } .review-list .rating { float: right; margin-bottom: 20px; } .review-list .text { clear: both } .attribute { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px; } .attribute thead td, .attribute thead tr td:first-child { color: #000000; font-size: 14px; font-weight: bold; background: #F7F7F7; text-align: left; } .attribute tr td:first-child { color: #000000; font-weight: bold; text-align: right; width: 20%; } .attribute td { padding: 7px; color: #4D4D4D; text-align: center; vertical-align: top; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; } .compare-info { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px; } .compare-info thead td, .compare-info thead tr td:first-child { color: #000000; font-size: 14px; font-weight: bold; background: #F7F7F7; text-align: left; } .compare-info tr td:first-child { color: #000000; font-weight: bold; text-align: right; } .compare-info td { padding: 7px; width: 20%; color: #4D4D4D; text-align: center; vertical-align: top; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; } .compare-info .name a { font-weight: bold } .compare-info .price-old { font-weight: bold; color: #F00; text-decoration: line-through; } .compare-info .price-new { font-weight: bold } /*-------------------------------------------------------------------------------*/ /* WISHLIST /*-------------------------------------------------------------------------------*/ .wishlist-info table { width: 100%; border-collapse: collapse; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; margin-bottom: 20px; } .wishlist-info td { padding: 7px } .wishlist-info thead td { color: #4D4D4D; font-weight: bold; background-color: #F7F7F7; border-bottom: 1px solid #DDDDDD; } .wishlist-info thead .image { text-align: center } .wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock { text-align: left } .wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action { text-align: right } .wishlist-info tbody td { vertical-align: top; border-bottom: 1px solid #DDDDDD; } .wishlist-info tbody .image img { border: 1px solid #DDDDDD } .wishlist-info tbody .image { text-align: center } .wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock { text-align: left } .wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action { text-align: right } .wishlist-info tbody .price s { color: #F00 } .wishlist-info tbody .action img { cursor: pointer } .login-content { margin-bottom: 20px; overflow: auto; } .login-content .left { float: left; width: 48%; } .login-content .right { float: right; width: 48%; } .login-content .left .content, .login-content .right .content { min-height: 190px } /*-------------------------------------------------------------------------------*/ /* ORDERS /*-------------------------------------------------------------------------------*/ .order-list { margin-bottom: 10px } .order-list .order-id { width: 49%; float: left; margin-bottom: 2px; } .order-list .order-status { width: 49%; float: right; text-align: right; margin-bottom: 2px; } .order-list .order-content { padding: 10px 0px; display: inline-block; width: 100%; margin-bottom: 20px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; } .order-list .order-content div { float: left; width: 33.3%; } .order-list .order-info { text-align: right } .order-detail { background: #EFEFEF; font-weight: bold; } /*-------------------------------------------------------------------------------*/ /* RETURNS /*-------------------------------------------------------------------------------*/ .return-list { margin-bottom: 10px } .return-list .return-id { width: 49%; float: left; margin-bottom: 2px; } .return-list .return-status { width: 49%; float: right; text-align: right; margin-bottom: 2px; } .return-list .return-content { padding: 10px 0px; display: inline-block; width: 100%; margin-bottom: 20px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; } .return-list .return-content div { float: left; width: 33.3%; } .return-list .return-info { text-align: right } .return-product { overflow: auto; margin-bottom: 20px; } .return-name { float: left; width: 31%; margin-right: 15px; } .return-model { float: left; width: 31%; margin-right: 15px; } .return-quantity { float: left; width: 31%; } .return-detail { overflow: auto; margin-bottom: 20px; } .return-reason { float: left; width: 31%; margin-right: 15px; } .return-opened { float: left; width: 31%; margin-right: 15px; } .return-opened textarea { width: 98%; vertical-align: top; } .return-captcha { float: left } /*-------------------------------------------------------------------------------*/ /* DOWNLOADS /*-------------------------------------------------------------------------------*/ .download-list { margin-bottom: 10px } .download-list .download-id { width: 49%; float: left; margin-bottom: 2px; } .download-list .download-status { width: 49%; float: right; text-align: right; margin-bottom: 2px; } .download-list .download-content { padding: 10px 0px; display: inline-block; width: 100%; margin-bottom: 20px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; } .download-list .download-content div { float: left; width: 33.3%; } .download-list .download-info { text-align: right } /*-------------------------------------------------------------------------------*/ /* CART INFO /*-------------------------------------------------------------------------------*/ .cart-info table { width: 100%; margin-bottom: 15px; border-collapse: collapse; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; } .cart-info td { padding: 7px } .cart-info thead td { color: #4D4D4D; font-weight: bold; background-color: #F7F7F7; border-bottom: 1px solid #DDDDDD; } .cart-info thead .image { text-align: center } .cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity { text-align: left } .cart-info thead .price, .cart-info thead .total { text-align: right } .cart-info tbody td { vertical-align: top; border-bottom: 1px solid #DDDDDD; } .cart-info tbody .image img { border: 1px solid #DDDDDD; max-width:47px; } .cart-info tbody .image { text-align: center } .cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity { text-align: left } .cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img { position: relative; top: 4px; cursor: pointer; } .cart-info tbody .price, .cart-info tbody .total { text-align: right } .cart-info tbody span.stock { color: #F00; font-weight: bold; } .cart-module > div { display: none } .cart-total { border-top: 1px solid #DDDDDD; overflow: auto; padding-top: 8px; margin-bottom: 15px; } .cart-total table { float: right } .cart-total td { padding: 3px; text-align: right; } /*-------------------------------------------------------------------------------*/ /* BANNER /*-------------------------------------------------------------------------------*/ .checkout-row { width: 100%; display:inline-block; } .checkout-row > div:first-child { float: left;width: 48%; } .checkout-row > div:last-child { float: right;width: 48%; } .checkout-row input.large-field, .checkout-row select.large-field { width:210px; } .checkout-heading { background: #F8F8F8; border: 1px solid #DBDEE1; padding: 8px; font-weight: bold; font-size: 13px; color: #555555; margin-bottom: 15px; } .checkout-heading a { float: right; margin-top: 1px; font-weight: normal; text-decoration: none; } .checkout-content { padding: 0px 0px 15px 0px; overflow: auto; } .checkout-content .left { float: left; width: 48%; } .checkout-content .right { float: right; width: 48%; } .checkout-content .buttons { clear: both } .checkout-product table { width: 100%; border-collapse: collapse; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; margin-bottom: 20px; } .checkout-product td { padding: 7px } .checkout-product thead td { color: #4D4D4D; font-weight: bold; background-color: #F7F7F7; border-bottom: 1px solid #DDDDDD; } .checkout-product thead .name, .checkout-product thead .model { text-align: left } .checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total { text-align: right } .checkout-product tbody td { vertical-align: top; border-bottom: 1px solid #DDDDDD; } .checkout-product tbody .name, .checkout-product tbody .model { text-align: left } .checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total { text-align: right } .checkout-product tfoot td { text-align: right; border-bottom: 1px solid #DDDDDD; } /*-------------------------------------------------------------------------------*/ /* CONTACT INFO /*-------------------------------------------------------------------------------*/ .contact-info { overflow: auto } .contact-info .left { float: left; width: 46% !important; } .contact-info .right { float: left; width: 53% !important; } /*-------------------------------------------------------------------------------*/ /* SITEMAP INFO /*-------------------------------------------------------------------------------*/ .sitemap-info { overflow: auto; margin-bottom: 20px; } .sitemap-info ul { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 40px; } .sitemap-info ul a { text-decoration: none; color: #777; } .sitemap-info ul a:hover { text-decoration: underline; color: #333; } .sitemap-info .left { float: left; width: 48%; } .sitemap-info .right { float: left; width: 48%; } /*-------------------------------------------------------------------------------*/ /* FOOTER /*-------------------------------------------------------------------------------*/ #footer { clear: both; overflow: auto; min-height: 100px; padding: 10px 20px; margin: 0px -4px; border-bottom: 1px solid #ddd; border-top: 4px solid #eaeaea; background: #f8f8f8 url('../image/bg-patterns/subtlenet2.png'); } #footer .titl { margin-top: 8px; padding: 0px 0px 8px 0px; font-weight: bold; border-bottom: 1px solid #ed643f; } #footer .clearfix:after { content: "."; display: inline-block; clear: both; visibility: hidden; line-height: 0; } #footer h3 { color: #555; font-size: 14px; font-weight: 400; margin-top: 0px; text-transform: uppercase; float: left; border-bottom: 2px solid #ed643f; padding: 0px 10px 5px 0px; line-height: 16px; } #footer .column { float: left; width: 18%; min-height: 130px; margin-right: 5px; padding-right: 10px; } #footer .column ul { margin-top: 6px; margin-left: 0px; padding-left: 0px; list-style: none; } #footer .column ul li { margin-bottom: 3px; clear: both; } #footer .column a { text-decoration: none; color: #777; } #footer .column a:hover { text-decoration: underline } #footer .column .company { text-decoration: none; color: #777; font-style: normal; padding-left: 23px; margin-bottom: 7px; } #footer .column .address { text-decoration: none; color: #777; font-style: normal; background: url('../image/location.png') no-repeat; padding-left: 23px; margin-bottom: 7px; } #footer .column .phone { text-decoration: none; color: #777; font-style: normal; background: url('../image/phone.png') no-repeat; padding-left: 23px; margin-bottom: 7px; } #footer .column .email { text-decoration: none; color: #777; font-style: normal; background: url('../image/email.png') no-repeat; padding-left: 23px; margin-bottom: 7px; } #footer .column .fax { text-decoration: none; color: #777; font-style: normal; background: url('../image/fax.png') no-repeat; padding-left: 23px; margin-bottom: 7px; } #footer .contacts { margin-top: 5px } #footer .column .payments { text-decoration: none; color: #777; font-style: normal; margin-top: 15px; } #base-container { background: #eee; border-top: 1px solid #fff; height: 20px; margin: 0px -4px -4px; padding: 15px 5px 10px; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -khtml-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; clear: both; } #base-container p { margin:0; } #base-container #powered { text-align: left; float: left; width: 45%; line-height: 25px; margin-left: 10px; color: #555; } #base-container #social-links { text-align: right; float: right; width: 45%; margin-right: 4px; } #base-container #social-links a img:hover { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } /*-------------------------------------------------------------------------------*/ /* BACK TO TOP /*-------------------------------------------------------------------------------*/ a.top{ display:block; width:52px; height:62px; padding:3px 0px 0px 0px; font-size:10px; color:#FFF; background: url('../image/top.png') no-repeat; float:right; text-align:center; bottom: -4px; right: 20px; position:fixed; z-index: 9999; } /*-------------------------------------------------------------------------------*/ /* BANNER /*-------------------------------------------------------------------------------*/ .banner div { text-align: center; width: 100%; display: none; } .banner div img { margin-bottom: 8px } /*-------------------------------------------------------------------------------*/ /* FEATURED PRODUCTS CAROUSEL /*-------------------------------------------------------------------------------*/ .featured { background: #fff; display: inline-block; margin-bottom: 20px; width: 100%; } .featured .box-heading { margin-top: 8px; margin-bottom: 10px; padding: 0px 0px 0px 0px; font-weight: bold; height: 25px; } .featured .box-heading h3 { color: #555; font-size: 14px; font-weight: 400; margin-top: 0px; text-transform: uppercase; float: left; border-bottom: 3px solid #ED643F; padding: 0px 15px 5px 0px; } .home-featured-list { position: relative; margin-bottom: 15px; padding-bottom: 10px; } .home-featured-list .featured-normal { margin: 0 0 -4px 0; float: left; } .home-featured-list .featured-item { /* width: 170px; */ min-height:317px; background: #fff; /* margin: 0px 5px;*/ margin-right: 5px; margin-left: 5px; text-align: center; position: relative; float: left; padding: 0px; border-top: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; border-left: 1px solid #E7E7E7; border-bottom: 4px solid #E7E7E7; z-index: 20px; /* background: #fff url('../image/crossed-bg.gif') left bottom repeat-x;*/ } .home-featured-list .featured-item:hover { border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 4px solid #ccc; } .home-featured-list .featured-image, .home-featured-list .featured-image a, .home-featured-list .featured-image img { /* width: 170px; */ max-width:244px; max-height: 210px; margin-bottom: 10px; } .home-featured-list .featured-image { height:220px; margin: 0 auto; } .home-featured-list .featured-image a img { padding-top: 8px; } .home-featured-list .name { height:45px; overflow:hidden; } .home-featured-list .featured-description { display: block; background: #f6f6f6; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #dedede; } .home-featured-list .featured-item:hover .featured-description { } .home-featured-list .featured-description .image { display: block; margin-bottom: 0px; } .home-featured-list .name a { color: #333; font-weight: 400; font-style: italic; text-decoration: none; display: block; margin-bottom: 5px; margin-top: 8px; padding-top: 5px; } .home-featured-list .featured-item:hover .name a { color: #ed643f } .home-featured-list .featured-description .price { display: block; font-weight: 400; color: #555; margin-bottom: 4px; font-size: 16px; } .home-featured-list .featured-description .price-old { color: #ED643F; text-decoration: line-through; font-size: 12px; } .home-featured-list .featured-description .price-new { font-weight: 400 } .home-featured-list .featured-description .rating { display: block; margin-bottom: 4px; } .home-featured-list .featured-description .cart input.button-featured { cursor: pointer; color: #FFFFFF; line-height: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 400; background: #555; text-transform: uppercase; } .home-featured-list .featured-description .cart input.button-featured { margin: 0; border: 0; height: 25px; padding: 0px 12px 0px 12px; } .home-featured-list .featured-description .cart input.button-featured:hover { background: #ed643f } .featured-navigation { position: absolute; max-width: 106px; height: 32px; top: 22px; left: auto; right: 40px; } .home-featured-list .featured-navigation { top: -34px; margin: 0; right: 6px; height: 30px; } .featured-navigation a, #featured-slider .flex-direction-nav a.flex-prev, #featured-slider .flex-direction-nav a.flex-next { display: inline-block; width: 25px; height: 25px; background-color: #444; background-repeat: no-repeat; text-indent: -9999px; transition: background-color .3s linear; -moz-transition: background-color .3s linear; -webkit-transition: background-color .3s linear; -ms-transition: background-color .3s linear; -o-transition: background-color .3s linear; } .featured-navigation a:hover { background-color: #777 } .featured-navigation a.featured-prev, #featured-slider .flex-direction-nav a.flex-prev { background-image: url('../image/carousel-buttons.png'); background-position: 3px 2px; } .featured-navigation a.featured-next, #featured-slider .flex-direction-nav a.flex-next { background-image: url('../image/carousel-buttons.png'); background-position: -20px 2px; } #featured-slider .flex-direction-nav a.flex-prev, #featured-slider .flex-direction-nav a.flex-next { display: block; cursor: pointer; position: absolute; top: 50%; margin-top: -10px; z-index: 10; background-color: rgba(0,0,0,0.5); } #featured-slider .flex-direction-nav a.flex-prev:hover, #featured-slider .flex-direction-nav a.flex-next:hover { background: rgba(0,0,0,0.8) } #featured-slider .flex-direction-nav a.flex-prev { left: 0 } #featured-slider .flex-direction-nav a.flex-next { left: auto; right: 0; } #home-new-pagination, #home-onsale-pagination, #home-category-pagination { position: absolute; top: -27px; height: 12px; left: auto; right: 74px; } #home-new-pagination a, #home-onsale-pagination a, #home-category-pagination a { display: block; float: left; margin-left: 4px; width: 12px; height: 12px; text-indent: -9999px; background: #444; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } #home-new-pagination a:first-child, #home-onsale-pagination a:first-child, #home-category-pagination a:first-child { margin-left: 0 } #home-new-pagination a.selected, #home-onsale-pagination a.selected, #home-category-pagination a.selected { background: #ed643f } #home-new-pagination a span, #home-onsale-pagination a span, #home-category-pagination a span { display: none } /*-------------------------------------------------------------------------------*/ /* LATEST PRODUCTS CAROUSEL /*-------------------------------------------------------------------------------*/ .latest { background: #fff; display: inline-block; margin-bottom: 20px; width: 100%; } .latest .box-heading { margin-top: 8px; margin-bottom: 10px; padding: 0px 0px 0px 0px; font-weight: bold; height: 25px; } .latest .box-heading h3 { color: #555; font-size: 14px; font-weight: 400; margin-top: 0px; text-transform: uppercase; float: left; border-bottom: 3px solid #ED643F; padding: 0px 15px 5px 0px; } #home-latest-list { position: relative; margin-bottom: 15px; padding-bottom: 10px; } #home-latest-list .latest-normal { margin: 0 0 -4px 0; float: left; } #home-latest-list .latest-item { /* width: 170px; */ background: #fff; /* margin: 0px 5px;*/ margin-right: 5px; margin-left: 5px; text-align: center; position: relative; float: left; padding: 0px; border-top: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; border-left: 1px solid #E7E7E7; border-bottom: 4px solid #E7E7E7; z-index: 20px; /* background: #fff url('../image/crossed-bg.gif') left bottom repeat-x;*/ } #home-latest-list .latest-item:hover { border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 4px solid #ccc; } #home-latest-list .latest-image, #home-latest-list .latest-image a, #home-latest-list .latest-image img { /* width: 170px; */ height: 220px; margin-bottom: 10px; } #home-latest-list .latest-image a img { padding-top: 8px } #home-latest-list .latest-description { display: block; background: #f6f6f6; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #dedede; } #home-latest-list .latest-item:hover .latest-description { } #home-latest-list .latest-description .image { display: block; margin-bottom: 0px; } #home-latest-list .name a { color: #333; font-weight: 400; font-style: italic; text-decoration: none; display: block; margin-bottom: 5px; margin-top: 8px; padding-top: 5px; } #home-latest-list .latest-item:hover .name a { color: #ed643f } #home-latest-list .latest-description .price { display: block; font-weight: 400; color: #555; margin-bottom: 4px; font-size: 16px; } #home-latest-list .latest-description .price-old { color: #ED643F; text-decoration: line-through; font-size: 12px; } #home-latest-list .latest-description .price-new { font-weight: 400 } #home-latest-list .latest-description .rating { display: block; margin-bottom: 4px; } #home-latest-list .latest-description .cart input.button-latest { cursor: pointer; color: #FFFFFF; line-height: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 400; background: #555; text-transform: uppercase; } #home-latest-list .latest-description .cart input.button-latest { margin: 0; border: 0; height: 25px; padding: 0px 12px 0px 12px; } #home-latest-list .latest-description .cart input.button-latest:hover { background: #ed643f } .latest-navigation { position: absolute; max-width: 106px; height: 32px; top: 22px; left: auto; right: 40px; } #home-latest-list .latest-navigation { top: -34px; margin: 0; right: 6px; height: 30px; } .latest-navigation a, #latest-slider .flex-direction-nav a.flex-prev, #latest-slider .flex-direction-nav a.flex-next { display: inline-block; width: 25px; height: 25px; background-color: #444; background-repeat: no-repeat; text-indent: -9999px; transition: background-color .3s linear; -moz-transition: background-color .3s linear; -webkit-transition: background-color .3s linear; -ms-transition: background-color .3s linear; -o-transition: background-color .3s linear; } .latest-navigation a:hover { background-color: #777 } .latest-navigation a.latest-prev, #latest-slider .flex-direction-nav a.flex-prev { background-image: url('../image/carousel-buttons.png'); background-position: 3px 2px; } .latest-navigation a.latest-next, #latest-slider .flex-direction-nav a.flex-next { background-image: url('../image/carousel-buttons.png'); background-position: -20px 2px; } #latest-slider .flex-direction-nav a.flex-prev, #latest-slider .flex-direction-nav a.flex-next { display: block; cursor: pointer; position: absolute; top: 50%; margin-top: -10px; z-index: 10; background-color: rgba(0,0,0,0.5); } #latest-slider .flex-direction-nav a.flex-prev:hover, #latest-slider .flex-direction-nav a.flex-next:hover { background: rgba(0,0,0,0.8) } #latest-slider .flex-direction-nav a.flex-prev { left: 0 } #latest-slider .flex-direction-nav a.flex-next { left: auto; right: 0; } #home-latest-pagination { position: absolute; top: -27px; height: 12px; left: auto; right: 74px; } #home-latest-pagination a { display: block; float: left; margin-left: 4px; width: 12px; height: 12px; text-indent: -9999px; background: #444; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } #home-latest-pagination a:first-child { margin-left: 0 } #home-latest-pagination a.selected { background: #ed643f } #home-latest-pagination a span { display: none } .carousel { background: #f21; } #home-carousel-list { position: relative; margin-bottom: 15px; padding-bottom: 10px; margin-top: 50px; } #home-carousel-list .carousel-normal { margin: 0 0 -4px 0 } #home-carousel-list .carousel-item { margin-right: 5px; margin-left: 5px; text-align: center; position: relative; float: left; padding: 0px; border: 1px solid #E7E7E7; z-index: 20px; display: block; } #home-carousel-list .carousel-item:hover { border: 1px solid #ccc; } #home-carousel-list .carousel-image, #home-carousel-list .carousel-image a, #home-carousel-list .carousel-image img { margin-bottom: 0px; height: 85px; } #home-carousel-list .carousel-image a img { padding-top: 0px } .carousel-navigation { position: absolute; max-width: 106px; height: 32px; top: 22px; left: auto; right: 40px; } #home-carousel-list .carousel-navigation { top: -30px; margin: 0; right: 9px; height: 30px; } .carousel-navigation a, #carousel-slider .flex-direction-nav a.flex-prev, #carousel-slider .flex-direction-nav a.flex-next { display: inline-block; width: 25px; height: 25px; background: #eee; background-repeat: no-repeat; text-indent: -9999px; transition: background-color .3s linear; -moz-transition: background-color .3s linear; -webkit-transition: background-color .3s linear; -ms-transition: background-color .3s linear; -o-transition: background-color .3s linear; } .carousel-navigation a:hover { background-color: #bbb; } .carousel-navigation a.carousel-prev, #carousel-slider .flex-direction-nav a.flex-prev { background-image: url('../image/arrow_down.png'); background-position: 6px 10px; } .carousel-navigation a.carousel-next, #carousel-slider .flex-direction-nav a.flex-next { background-image: url('../image/arrow_up.png'); background-position: 6px 8px; } #carousel-slider .flex-direction-nav a.flex-prev, #carousel-slider .flex-direction-nav a.flex-next { display: block; cursor: pointer; position: absolute; top: 50%; margin-top: -10px; z-index: 10; } #carousel-slider .flex-direction-nav a.flex-prev:hover, #carousel-slider .flex-direction-nav a.flex-next:hover { } #carousel-slider .flex-direction-nav a.flex-prev { left: 0 } #carousel-slider .flex-direction-nav a.flex-next { left: auto; right: 0; } #fancybox-overlay { z-index:10100 !important; } #fancybox-wrap { z-index:10101 !important; } #tellimiskeskus-badge { display:inline-block; float:right; margin-right:15px; } #mailinglistSubscribeForm { display:inline-block; } #mailinglistSubscribeForm input[type=text] { width:119px; display:block; float:left; padding: 4px 3px 3px 3px; } #mailinglistSubscribeForm .button { display:block; float:left; } #column-right .box-product .image img, #column-left .box-product .image img { width:170px; } .display .display-mode { display:none; } .display .display-mode.active { display:inline-block; } .product-list .image img, .product-grid .image img, .box-product .image img { max-width:168px; } .product-grid > div { width:178px; } .related-random .box-product { clear:none; } .related-random .box-product > div { width:176px; } .related-random .box-product > div .name { min-height:35px; } #contactUsForm .padd-content { clear:both; display:block; height:58px; } #contactUsForm .extra-wrap { height:58px; } #contactUsForm .extra-wrap input[type=text] { width:90%; margin-top:5px; } #contactUsForm > b { display:block; clear:both; } #contactUsForm .contact-form-left, #contactUsForm .contact-form-right{ width:48%; float:left; margin-bottom:20px; } /* picasagallery */ .picasagallery { text-align: left; border: 0px solid black; position: relative; } .picasagallery_header { clear: both; cursor: pointer; margin: 10px 10px 10px 5px; /* top right bottom left */ font-size: 14pt; text-decoration: underline; } .picasagallery_header a { font-size: 14pt; text-decoration: none; } .picasagallery_title_separator { margin: 10px 10px 10px 0; font-size: 13pt; } .picasagallery_title { margin: 10px 10px 10px 0; font-size: 13pt; } .picasagallery_title strong:before { content:'> '; } .picasagallery_album { float: left; text-align: center; font-size: 10pt; margin: 10px 10px 15px 10px; border:1px solid #E7E7E7; } .picasagallery_album img + p + p, .picasagallery_album a + p + p { display:none; } .picasagallery_album img { border: 0px; cursor: pointer; margin: 0px 0px 5px 0px; /* top right bottom left */ } .picasagallery_thumbnail { display:block; float:left; width:160px; height:160px; margin:5px; padding:2px; border:1px solid #E7E7E7; } .picasagallery_thumbnail img { border: 0px; cursor: pointer; margin:auto; } .picasagallery_photo { position: absolute; z-index: 1; top: 0; left: 0; display: none; } .form .field-comment { padding-left:15px; display:inline-block; } #content .blog-article { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #e7e7e7; } #content .blog-article .blog-content { height:200px; overflow:hidden; } #content .blog-article.full .blog-content { height:auto !important; overflow:visible !important; display:inline-block; width:100%; } #content .blog-article .hidden { display:none; } #content .blog-content-more, #content .blog-content-less { margin:7px 10px 0 0; } #content .blog-content-more a, #content .blog-content-less a { text-decoration:underline; } #content .blog-meta { font-weight:bold; margin-bottom:20px; } #content.cms-page .blog-content { margin-bottom:20px; } .blog-article .blog-image { float:right; margin:0 0 20px 20px; border:1px solid #E7E7E7; padding:5px; } .blog-article-list .blog-article .blog-image { float:left; margin:10px 20px 20px 0; border:1px solid #E7E7E7; padding:5px; } .blog-article-grid { padding:0; } .blog-article-grid .blog-article { border:1px solid #E7E7E7; border-radius:3px; display:inline-block; margin:0 5px 11px 0; padding:10px 10px 6px; vertical-align:top; width:163px; } .blog-article-grid .blog-article h2 { padding-left:0; padding-right:0; border:0; font-weight:bold; text-transform:normal; } .blog-article-grid .blog-image { float:none; margin:0 0 10px 0; border:0 none; padding:0; } .blog-article-grid h2 a { color:#FA5F51; display:block; font-size:14px; text-decoration:none; } .blog-article-grid .blog-meta { margin-bottom:0; } .agreement #lipsum { width:auto; height:150px; overflow:auto; margin-bottom:20px; border:1px solid #ddd; padding: 10px; } .agreement input[type=checkbox]{ margin-right:5px; display:inline; vertical-align:0px; } .tk-payment-method { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd; } .tk-payment-method h4 { margin-bottom:10px; } .tk-payment-method a:not(.button) { display:inline-block; width:140px; } .tk-payment-method .button { margin: 0 0 0 30px; position:relative; top:-24px; } .checkout-product table { width: 100%;border-collapse: collapse;border-top: 1px solid #DDDDDD;border-left: 1px solid #DDDDDD;border-right: 1px solid #DDDDDD;margin-bottom: 20px; } .checkout-product td { padding: 7px; } .checkout-product thead td { color: #4D4D4D;font-weight: bold;background-color: #F7F7F7;border-bottom: 1px solid #DDDDDD; } .checkout-product thead .name, .checkout-product thead .model { text-align: left; } .checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total { text-align: right; } .checkout-product tbody td { vertical-align: top;border-bottom: 1px solid #DDDDDD; } .checkout-product tbody .name, .checkout-product tbody .model { text-align: left; } .checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total { text-align: right; } .checkout-product tfoot td { text-align: right;border-bottom: 1px solid #DDDDDD; } .checkout-top-content { margin-bottom:25px; } .checkout-bottom-content {} .checkout-success-top-content { margin-bottom:25px; } #content { position:relative; } #content > .tk-admin-edit-btn { top:0; } body.tk-front-page #content > .tk-admin-edit-btn { display:block; top:auto; } /* captchacheck page */ body.tk-page-captchacheck { background:#ffffff; } body.tk-page-captchacheck form { display:block; margin:80px 30px 0 30px; text-align:center; } body.tk-cart-page .tk-leasing-providers { margin-bottom:20px; margin-top:40px; } body.tk-cart-page .tk-leasing-providers > table { width:100%; border-collapse:collapse; border-top:1px solid #E7E7E7; } body.tk-cart-page .tk-leasing-providers > table td { border-bottom:1px solid #E7E7E7; padding:5px 10px; } body.tk-cart-page .tk-leasing-providers .col1 { width:1%; white-space:nowrap; } body.tk-cart-page .tk-leasing-providers .col1 img { max-width:120px; max-height:75px; } body.tk-cart-page .tk-leasing-providers .col2 {} body.tk-cart-page .tk-leasing-providers .col3 { text-align:right; } body.tk-cart-page .tk-leasing-providers .col3 .button { padding-left:10px; padding-right:10px; } .cart-top-content { margin-bottom:25px; } /* Article labels */ .article-label { position:absolute; overflow:hidden; background-repeat:no-repeat; text-indent:-999px; } .product-list .article-label, .product-grid .article-label { width:176px; height:176px; } .product-info .image .article-label { width:100%; height:100%; z-index:10000; } .tk-cart-page .cart-info .article-label { width:134px; height:100px; margin:-7px 0 0 -7px; } .product-grid .image:hover .article-label, .product-list .image:hover .article-label, .product-info .image:hover .article-label, .related-info:hover .article-label, .tk-cart-page .cart-info .image:hover .article-label, #fixedProductWrapper .image:hover .article-label { display:none; } .article-label-onsale { background-position:top left; } .article-label-new { background-position:top right; } form#accountForm select { width: 130px; } #content .cms-page, #content .breadcrumb, #content h1 { padding:0 25px; } /* popup newsletter subscribe */ .popup-newsletter-subscribe-wrap { height: auto; width: 610px; max-width: 610px; background-color: #FFF; padding: 15px; } .popup-newsletter-subscribe-wrap .left-col { background: transparent url('../../base/images/newsletter-signup-icon.png') top left no-repeat; float:left; width:30%; min-height:170px; } .popup-newsletter-subscribe-wrap .right-col { float:left; width:60%; margin-left:10%; } .popup-newsletter-subscribe-wrap h1 { margin: 0 0 12px 0; padding: 0; } .popup-newsletter-subscribe-wrap p { margin:0 0 8px 0; } .popup-newsletter-subscribe-wrap form { float: left; width: 100%; padding: 10px 0; } .popup-newsletter-subscribe-wrap form input[type=text] { width: 100%; height: 46px; margin-bottom: 15px; line-height: 46px; font-size: 18px; text-align: center; border: 1px solid #cfd1d3; border-radius: 4px; background: #fff; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .popup-newsletter-subscribe-wrap form a { display: block; font-size: 18px; background-color: #F9F9F9; border: 1px solid #CFD1D3; border-radius: 3px; line-height: 46px; padding:0px; width: 100%; text-align: center; text-transform: uppercase; color: #65646A; font-weight: bold; text-decoration: none; } .popup-newsletter-subscribe-wrap form a:hover{ background-color: #F3F3F3; color: #65646A; } @media screen and (max-width:480px) { .popup-newsletter-subscribe-wrap { width: 99%; max-width: 99%; padding: 0; } .popup-newsletter-subscribe-wrap .left-col { display:none; } .popup-newsletter-subscribe-wrap .right-col { float: none; width: 100%; margin-left: 0; } } /* ias infinite scroll */ .ias_loader { display: block !important; margin:0 auto !important; text-align: center; border: none; } .ias_trigger { display: block !important; text-align: center; cursor: pointer; width:100px !important; height:24px; text-align: center; -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; border: none; font-weight: bold; font-size: 14px; background: #555 !important; padding: 0px 12px 0px 12px !important; text-decoration: none; margin:0 auto !important; border-bottom: 0px !important; } .ias_trigger:hover { background: #ED643F; } .ias_trigger a { display: block; width:100px; text-align: center; color: #FFFFFF !important; margin:0 auto; margin-top: 4px !important; border: none; } .ias_trigger a:hover { display: block; text-align: center; color: #FFFFFF; } /* Filtrite uuendus */ .box-content.filter .checkbox{ border-bottom: 1px solid #eee; width: 100%; display: block; padding: 5px 10px; box-sizing: border-box; } .box-content.filter .checkbox span{ font-size: 12px; text-transform: capitalize; } .box-content.filter .checkbox label{ text-transform: capitalize; margin-left: -5px; } input[type=checkbox] { width: 30px height: 30px; margin-right: 8px; cursor: pointer; font-size: 27px; position: relative; top: 2px; } input[type=checkbox]:before { content: " "; background-color: #fff; bottom: 10px; position: relative; font-size: 16px; color:#ccc; } input[type=checkbox]:checked:after { content: "\2714"; background-color: #fff; color: #ED643F; bottom: 12px; position: relative; right: 0px; font-size: 16px; } /* Filtrite lõpp */ /************************** * * GENERAL * **************************/ .camera_wrap a, .camera_wrap img, .camera_wrap ol, .camera_wrap ul, .camera_wrap li, .camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td .camera_thumbs_wrap a, .camera_thumbs_wrap img, .camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li, .camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td { background: none; border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; list-style: none } .camera_wrap { display: none; position: relative; z-index: 0; margin-bottom: 10px; } .camera_wrap img { max-width: none!important; } .camera_fakehover { height: 100%; min-height: 60px; position: relative; width: 100%; z-index: 1; } .camera_wrap { width: 100%; } .camera_src { display: none; } .cameraCont, .cameraContents { height: 100%; position: relative; width: 100%; z-index: 1; } .cameraSlide { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .cameraContent { bottom: 0; display: none; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .camera_target { bottom: 0; height: 100%; left: 0; overflow: hidden; position: absolute; right: 0; text-align: left; top: 0; width: 100%; z-index: 0; } .camera_overlayer { bottom: 0; height: 100%; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%; z-index: 0; } .camera_target_content { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 2; } .camera_target_content .camera_link { background: url('../image/blank.gif'); display: block; height: 100%; text-decoration: none; } .camera_loader { background: #fff url('../image/camera-loader.gif') no-repeat center; background: rgba(255, 255, 255, 0.9) url('../image/camera-loader.gif') no-repeat center; border: 1px solid #ffffff; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; height: 36px; left: 50%; overflow: hidden; position: absolute; margin: -18px 0 0 -18px; top: 50%; width: 36px; z-index: 3; } .camera_bar { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 3; } .camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar { height: 100%; position: absolute; width: auto; } .camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar { height: auto; position: absolute; width: 100%; } .camera_nav_cont { height: 65px; overflow: hidden; position: absolute; right: 9px; top: 15px; width: 120px; z-index: 4; } .camera_caption { bottom: 0; display: block; position: absolute; width: 100%; } .camera_caption > div { padding: 10px 20px; } .camerarelative { overflow: hidden; position: relative; } .imgFake { cursor: pointer; } .camera_prevThumbs { bottom: 4px; cursor: pointer; left: 0; position: absolute; top: 4px; visibility: hidden; width: 30px; z-index: 10; } .camera_prevThumbs div { background: url('../image/camera_skins.png') no-repeat -160px 0; display: block; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 30px; } .camera_nextThumbs { bottom: 4px; cursor: pointer; position: absolute; right: 0; top: 4px; visibility: hidden; width: 30px; z-index: 10; } .camera_nextThumbs div { background: url('../image/camera_skins.png') no-repeat -190px 0; display: block; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 30px; } .camera_command_wrap .hideNav { display: none; } .camera_command_wrap { left: 0; position: relative; right:0; z-index: 4; } .camera_wrap .camera_pag .camera_pag_ul { list-style: none; margin: 0; padding: 0; text-align: right; } .camera_wrap .camera_pag .camera_pag_ul li { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor: pointer; display: inline-block; height: 16px; margin: 20px 5px; position: relative; text-align: left; text-indent: -9999px; width: 16px; } .camera_commands_emboss .camera_pag .camera_pag_ul li { -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); } .camera_wrap .camera_pag .camera_pag_ul li > span { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 8px; left: 4px; overflow: hidden; position: absolute; top: 4px; width: 8px; } .camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span { -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); } .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span { -moz-box-shadow: 0; -webkit-box-shadow: 0; box-shadow: 0; } .camera_pag_ul li img { display: none; position: absolute; } .camera_pag_ul .thumb_arrow { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid; top: 0; left: 50%; margin-left: -4px; position: absolute; } .camera_prev, .camera_next, .camera_commands { cursor: pointer; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 40px; z-index: 2; } .camera_prev { left: 0; } .camera_prev > span { background: url('../image/camera_skins.png') no-repeat 0 0; display: block; height: 40px; width: 40px; } .camera_next { right: 0; } .camera_next > span { background: url('../image/camera_skins.png') no-repeat -40px 0; display: block; height: 40px; width: 40px; } .camera_commands { right: 41px; } .camera_commands > .camera_play { background: url('../image/camera_skins.png') no-repeat -80px 0; height: 40px; width: 40px; } .camera_commands > .camera_stop { background: url('../image/camera_skins.png') no-repeat -120px 0; display: block; height: 40px; width: 40px; } .camera_wrap .camera_pag .camera_pag_ul li { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor: pointer; display: inline-block; height: 16px; margin: 20px 5px; position: relative; text-indent: -9999px; width: 16px; } .camera_thumbs_cont { -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; overflow: hidden; position: relative; width: 100%; } .camera_commands_emboss .camera_thumbs_cont { -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); } .camera_thumbs_cont > div { float: left; width: 100%; } .camera_thumbs_cont ul { overflow: hidden; padding: 3px 4px 8px; position: relative; text-align: center; } .camera_thumbs_cont ul li { display: inline; padding: 0 4px; } .camera_thumbs_cont ul li > img { border: 1px solid; cursor: pointer; margin-top: 5px; vertical-align:bottom; } .camera_clear { display: block; clear: both; } .showIt { display: none; } .camera_clear { clear: both; display: block; height: 1px; margin: -1px 0 25px; position: relative; } /************************** * * COLORS & SKINS * **************************/ .pattern_1 .camera_overlayer { background: url('../image/patterns/overlay1.png') repeat; } .pattern_2 .camera_overlayer { background: url('../image/patterns/overlay2.png') repeat; } .pattern_3 .camera_overlayer { background: url('../image/patterns/overlay3.png') repeat; } .pattern_4 .camera_overlayer { background: url('../image/patterns/overlay4.png') repeat; } .pattern_5 .camera_overlayer { background: url('../image/patterns/overlay5.png') repeat; } .pattern_6 .camera_overlayer { background: url('../image/patterns/overlay6.png') repeat; } .pattern_7 .camera_overlayer { background: url('../image/patterns/overlay7.png') repeat; } .pattern_8 .camera_overlayer { background: url('../image/patterns/overlay8.png') repeat; } .pattern_9 .camera_overlayer { background: url('../image/patterns/overlay9.png') repeat; } .pattern_10 .camera_overlayer { background: url('../image/patterns/overlay10.png') repeat; } .camera_caption { color: #fff; } .camera_caption > div { background: #000; background: rgba(0, 0, 0, 0.8); } .camera_wrap .camera_pag .camera_pag_ul li { background: #b7b7b7; } .camera_wrap .camera_pag .camera_pag_ul li:hover > span { background: #b7b7b7; } .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span { background: #434648; } .camera_pag_ul li img { border: 4px solid #e6e6e6; -moz-box-shadow: 0px 3px 6px rgba(0,0,0,.5); -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.5); box-shadow: 0px 3px 6px rgba(0,0,0,.5); } .camera_pag_ul .thumb_arrow { border-top-color: #e6e6e6; } .camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont { background: rgba(0, 0, 0, 0.5); } .camera_wrap .camera_pag .camera_pag_ul li { background: #b7b7b7; } .camera_thumbs_cont ul li > img { border-color: 1px solid #000; } /*AMBER SKIN*/ .camera_amber_skin .camera_prevThumbs div { background-position: -160px -160px; } .camera_amber_skin .camera_nextThumbs div { background-position: -190px -160px; } .camera_amber_skin .camera_prev > span { background-position: 0 -160px; } .camera_amber_skin .camera_next > span { background-position: -40px -160px; } .camera_amber_skin .camera_commands > .camera_play { background-position: -80px -160px; } .camera_amber_skin .camera_commands > .camera_stop { background-position: -120px -160px; } /*ASH SKIN*/ .camera_ash_skin .camera_prevThumbs div { background-position: -160px -200px; } .camera_ash_skin .camera_nextThumbs div { background-position: -190px -200px; } .camera_ash_skin .camera_prev > span { background-position: 0 -200px; } .camera_ash_skin .camera_next > span { background-position: -40px -200px; } .camera_ash_skin .camera_commands > .camera_play { background-position: -80px -200px; } .camera_ash_skin .camera_commands > .camera_stop { background-position: -120px -200px; } /*AZURE SKIN*/ .camera_azure_skin .camera_prevThumbs div { background-position: -160px -240px; } .camera_azure_skin .camera_nextThumbs div { background-position: -190px -240px; } .camera_azure_skin .camera_prev > span { background-position: 0 -240px; } .camera_azure_skin .camera_next > span { background-position: -40px -240px; } .camera_azure_skin .camera_commands > .camera_play { background-position: -80px -240px; } .camera_azure_skin .camera_commands > .camera_stop { background-position: -120px -240px; } /*BEIGE SKIN*/ .camera_beige_skin .camera_prevThumbs div { background-position: -160px -120px; } .camera_beige_skin .camera_nextThumbs div { background-position: -190px -120px; } .camera_beige_skin .camera_prev > span { background-position: 0 -120px; } .camera_beige_skin .camera_next > span { background-position: -40px -120px; } .camera_beige_skin .camera_commands > .camera_play { background-position: -80px -120px; } .camera_beige_skin .camera_commands > .camera_stop { background-position: -120px -120px; } /*BLACK SKIN*/ .camera_black_skin .camera_prevThumbs div { background-position: -160px -40px; } .camera_black_skin .camera_nextThumbs div { background-position: -190px -40px; } .camera_black_skin .camera_prev > span { background-position: 0 -40px; } .camera_black_skin .camera_next > span { background-position: -40px -40px; } .camera_black_skin .camera_commands > .camera_play { background-position: -80px -40px; } .camera_black_skin .camera_commands > .camera_stop { background-position: -120px -40px; } /*BLUE SKIN*/ .camera_blue_skin .camera_prevThumbs div { background-position: -160px -280px; } .camera_blue_skin .camera_nextThumbs div { background-position: -190px -280px; } .camera_blue_skin .camera_prev > span { background-position: 0 -280px; } .camera_blue_skin .camera_next > span { background-position: -40px -280px; } .camera_blue_skin .camera_commands > .camera_play { background-position: -80px -280px; } .camera_blue_skin .camera_commands > .camera_stop { background-position: -120px -280px; } /*BROWN SKIN*/ .camera_brown_skin .camera_prevThumbs div { background-position: -160px -320px; } .camera_brown_skin .camera_nextThumbs div { background-position: -190px -320px; } .camera_brown_skin .camera_prev > span { background-position: 0 -320px; } .camera_brown_skin .camera_next > span { background-position: -40px -320px; } .camera_brown_skin .camera_commands > .camera_play { background-position: -80px -320px; } .camera_brown_skin .camera_commands > .camera_stop { background-position: -120px -320px; } /*BURGUNDY SKIN*/ .camera_burgundy_skin .camera_prevThumbs div { background-position: -160px -360px; } .camera_burgundy_skin .camera_nextThumbs div { background-position: -190px -360px; } .camera_burgundy_skin .camera_prev > span { background-position: 0 -360px; } .camera_burgundy_skin .camera_next > span { background-position: -40px -360px; } .camera_burgundy_skin .camera_commands > .camera_play { background-position: -80px -360px; } .camera_burgundy_skin .camera_commands > .camera_stop { background-position: -120px -360px; } /*CHARCOAL SKIN*/ .camera_charcoal_skin .camera_prevThumbs div { background-position: -160px -400px; } .camera_charcoal_skin .camera_nextThumbs div { background-position: -190px -400px; } .camera_charcoal_skin .camera_prev > span { background-position: 0 -400px; } .camera_charcoal_skin .camera_next > span { background-position: -40px -400px; } .camera_charcoal_skin .camera_commands > .camera_play { background-position: -80px -400px; } .camera_charcoal_skin .camera_commands > .camera_stop { background-position: -120px -400px; } /*CHOCOLATE SKIN*/ .camera_chocolate_skin .camera_prevThumbs div { background-position: -160px -440px; } .camera_chocolate_skin .camera_nextThumbs div { background-position: -190px -440px; } .camera_chocolate_skin .camera_prev > span { background-position: 0 -440px; } .camera_chocolate_skin .camera_next > span { background-position: -40px -440px; } .camera_chocolate_skin .camera_commands > .camera_play { background-position: -80px -440px; } .camera_chocolate_skin .camera_commands > .camera_stop { background-position: -120px -440px ; } /*COFFEE SKIN*/ .camera_coffee_skin .camera_prevThumbs div { background-position: -160px -480px; } .camera_coffee_skin .camera_nextThumbs div { background-position: -190px -480px; } .camera_coffee_skin .camera_prev > span { background-position: 0 -480px; } .camera_coffee_skin .camera_next > span { background-position: -40px -480px; } .camera_coffee_skin .camera_commands > .camera_play { background-position: -80px -480px; } .camera_coffee_skin .camera_commands > .camera_stop { background-position: -120px -480px ; } /*CYAN SKIN*/ .camera_cyan_skin .camera_prevThumbs div { background-position: -160px -520px; } .camera_cyan_skin .camera_nextThumbs div { background-position: -190px -520px; } .camera_cyan_skin .camera_prev > span { background-position: 0 -520px; } .camera_cyan_skin .camera_next > span { background-position: -40px -520px; } .camera_cyan_skin .camera_commands > .camera_play { background-position: -80px -520px; } .camera_cyan_skin .camera_commands > .camera_stop { background-position: -120px -520px ; } /*FUCHSIA SKIN*/ .camera_fuchsia_skin .camera_prevThumbs div { background-position: -160px -560px; } .camera_fuchsia_skin .camera_nextThumbs div { background-position: -190px -560px; } .camera_fuchsia_skin .camera_prev > span { background-position: 0 -560px; } .camera_fuchsia_skin .camera_next > span { background-position: -40px -560px; } .camera_fuchsia_skin .camera_commands > .camera_play { background-position: -80px -560px; } .camera_fuchsia_skin .camera_commands > .camera_stop { background-position: -120px -560px ; } /*GOLD SKIN*/ .camera_gold_skin .camera_prevThumbs div { background-position: -160px -600px; } .camera_gold_skin .camera_nextThumbs div { background-position: -190px -600px; } .camera_gold_skin .camera_prev > span { background-position: 0 -600px; } .camera_gold_skin .camera_next > span { background-position: -40px -600px; } .camera_gold_skin .camera_commands > .camera_play { background-position: -80px -600px; } .camera_gold_skin .camera_commands > .camera_stop { background-position: -120px -600px ; } /*GREEN SKIN*/ .camera_green_skin .camera_prevThumbs div { background-position: -160px -640px; } .camera_green_skin .camera_nextThumbs div { background-position: -190px -640px; } .camera_green_skin .camera_prev > span { background-position: 0 -640px; } .camera_green_skin .camera_next > span { background-position: -40px -640px; } .camera_green_skin .camera_commands > .camera_play { background-position: -80px -640px; } .camera_green_skin .camera_commands > .camera_stop { background-position: -120px -640px ; } /*GREY SKIN*/ .camera_grey_skin .camera_prevThumbs div { background-position: -160px -680px; } .camera_grey_skin .camera_nextThumbs div { background-position: -190px -680px; } .camera_grey_skin .camera_prev > span { background-position: 0 -680px; } .camera_grey_skin .camera_next > span { background-position: -40px -680px; } .camera_grey_skin .camera_commands > .camera_play { background-position: -80px -680px; } .camera_grey_skin .camera_commands > .camera_stop { background-position: -120px -680px ; } /*INDIGO SKIN*/ .camera_indigo_skin .camera_prevThumbs div { background-position: -160px -720px; } .camera_indigo_skin .camera_nextThumbs div { background-position: -190px -720px; } .camera_indigo_skin .camera_prev > span { background-position: 0 -720px; } .camera_indigo_skin .camera_next > span { background-position: -40px -720px; } .camera_indigo_skin .camera_commands > .camera_play { background-position: -80px -720px; } .camera_indigo_skin .camera_commands > .camera_stop { background-position: -120px -720px ; } /*KHAKI SKIN*/ .camera_khaki_skin .camera_prevThumbs div { background-position: -160px -760px; } .camera_khaki_skin .camera_nextThumbs div { background-position: -190px -760px; } .camera_khaki_skin .camera_prev > span { background-position: 0 -760px; } .camera_khaki_skin .camera_next > span { background-position: -40px -760px; } .camera_khaki_skin .camera_commands > .camera_play { background-position: -80px -760px; } .camera_khaki_skin .camera_commands > .camera_stop { background-position: -120px -760px ; } /*LIME SKIN*/ .camera_lime_skin .camera_prevThumbs div { background-position: -160px -800px; } .camera_lime_skin .camera_nextThumbs div { background-position: -190px -800px; } .camera_lime_skin .camera_prev > span { background-position: 0 -800px; } .camera_lime_skin .camera_next > span { background-position: -40px -800px; } .camera_lime_skin .camera_commands > .camera_play { background-position: -80px -800px; } .camera_lime_skin .camera_commands > .camera_stop { background-position: -120px -800px ; } /*MAGENTA SKIN*/ .camera_magenta_skin .camera_prevThumbs div { background-position: -160px -840px; } .camera_magenta_skin .camera_nextThumbs div { background-position: -190px -840px; } .camera_magenta_skin .camera_prev > span { background-position: 0 -840px; } .camera_magenta_skin .camera_next > span { background-position: -40px -840px; } .camera_magenta_skin .camera_commands > .camera_play { background-position: -80px -840px; } .camera_magenta_skin .camera_commands > .camera_stop { background-position: -120px -840px ; } /*MAROON SKIN*/ .camera_maroon_skin .camera_prevThumbs div { background-position: -160px -880px; } .camera_maroon_skin .camera_nextThumbs div { background-position: -190px -880px; } .camera_maroon_skin .camera_prev > span { background-position: 0 -880px; } .camera_maroon_skin .camera_next > span { background-position: -40px -880px; } .camera_maroon_skin .camera_commands > .camera_play { background-position: -80px -880px; } .camera_maroon_skin .camera_commands > .camera_stop { background-position: -120px -880px ; } /*ORANGE SKIN*/ .camera_orange_skin .camera_prevThumbs div { background-position: -160px -920px; } .camera_orange_skin .camera_nextThumbs div { background-position: -190px -920px; } .camera_orange_skin .camera_prev > span { background-position: 0 -920px; } .camera_orange_skin .camera_next > span { background-position: -40px -920px; } .camera_orange_skin .camera_commands > .camera_play { background-position: -80px -920px; } .camera_orange_skin .camera_commands > .camera_stop { background-position: -120px -920px ; } /*OLIVE SKIN*/ .camera_olive_skin .camera_prevThumbs div { background-position: -160px -1080px; } .camera_olive_skin .camera_nextThumbs div { background-position: -190px -1080px; } .camera_olive_skin .camera_prev > span { background-position: 0 -1080px; } .camera_olive_skin .camera_next > span { background-position: -40px -1080px; } .camera_olive_skin .camera_commands > .camera_play { background-position: -80px -1080px; } .camera_olive_skin .camera_commands > .camera_stop { background-position: -120px -1080px ; } /*PINK SKIN*/ .camera_pink_skin .camera_prevThumbs div { background-position: -160px -960px; } .camera_pink_skin .camera_nextThumbs div { background-position: -190px -960px; } .camera_pink_skin .camera_prev > span { background-position: 0 -960px; } .camera_pink_skin .camera_next > span { background-position: -40px -960px; } .camera_pink_skin .camera_commands > .camera_play { background-position: -80px -960px; } .camera_pink_skin .camera_commands > .camera_stop { background-position: -120px -960px ; } /*PISTACHIO SKIN*/ .camera_pistachio_skin .camera_prevThumbs div { background-position: -160px -1040px; } .camera_pistachio_skin .camera_nextThumbs div { background-position: -190px -1040px; } .camera_pistachio_skin .camera_prev > span { background-position: 0 -1040px; } .camera_pistachio_skin .camera_next > span { background-position: -40px -1040px; } .camera_pistachio_skin .camera_commands > .camera_play { background-position: -80px -1040px; } .camera_pistachio_skin .camera_commands > .camera_stop { background-position: -120px -1040px ; } /*PINK SKIN*/ .camera_pink_skin .camera_prevThumbs div { background-position: -160px -80px; } .camera_pink_skin .camera_nextThumbs div { background-position: -190px -80px; } .camera_pink_skin .camera_prev > span { background-position: 0 -80px; } .camera_pink_skin .camera_next > span { background-position: -40px -80px; } .camera_pink_skin .camera_commands > .camera_play { background-position: -80px -80px; } .camera_pink_skin .camera_commands > .camera_stop { background-position: -120px -80px; } /*RED SKIN*/ .camera_red_skin .camera_prevThumbs div { background-position: -160px -1000px; } .camera_red_skin .camera_nextThumbs div { background-position: -190px -1000px; } .camera_red_skin .camera_prev > span { background-position: 0 -1000px; } .camera_red_skin .camera_next > span { background-position: -40px -1000px; } .camera_red_skin .camera_commands > .camera_play { background-position: -80px -1000px; } .camera_red_skin .camera_commands > .camera_stop { background-position: -120px -1000px ; } /*TANGERINE SKIN*/ .camera_tangerine_skin .camera_prevThumbs div { background-position: -160px -1120px; } .camera_tangerine_skin .camera_nextThumbs div { background-position: -190px -1120px; } .camera_tangerine_skin .camera_prev > span { background-position: 0 -1120px; } .camera_tangerine_skin .camera_next > span { background-position: -40px -1120px; } .camera_tangerine_skin .camera_commands > .camera_play { background-position: -80px -1120px; } .camera_tangerine_skin .camera_commands > .camera_stop { background-position: -120px -1120px ; } /*TURQUOISE SKIN*/ .camera_turquoise_skin .camera_prevThumbs div { background-position: -160px -1160px; } .camera_turquoise_skin .camera_nextThumbs div { background-position: -190px -1160px; } .camera_turquoise_skin .camera_prev > span { background-position: 0 -1160px; } .camera_turquoise_skin .camera_next > span { background-position: -40px -1160px; } .camera_turquoise_skin .camera_commands > .camera_play { background-position: -80px -1160px; } .camera_turquoise_skin .camera_commands > .camera_stop { background-position: -120px -1160px ; } /*VIOLET SKIN*/ .camera_violet_skin .camera_prevThumbs div { background-position: -160px -1200px; } .camera_violet_skin .camera_nextThumbs div { background-position: -190px -1200px; } .camera_violet_skin .camera_prev > span { background-position: 0 -1200px; } .camera_violet_skin .camera_next > span { background-position: -40px -1200px; } .camera_violet_skin .camera_commands > .camera_play { background-position: -80px -1200px; } .camera_violet_skin .camera_commands > .camera_stop { background-position: -120px -1200px ; } /*WHITE SKIN*/ .camera_white_skin .camera_prevThumbs div { background-position: -160px -80px; } .camera_white_skin .camera_nextThumbs div { background-position: -190px -80px; } .camera_white_skin .camera_prev > span { background-position: 0 -80px; } .camera_white_skin .camera_next > span { background-position: -40px -80px; } .camera_white_skin .camera_commands > .camera_play { background-position: -80px -80px; } .camera_white_skin .camera_commands > .camera_stop { background-position: -120px -80px; } /*YELLOW SKIN*/ .camera_yellow_skin .camera_prevThumbs div { background-position: -160px -1240px; } .camera_yellow_skin .camera_nextThumbs div { background-position: -190px -1240px; } .camera_yellow_skin .camera_prev > span { background-position: 0 -1240px; } .camera_yellow_skin .camera_next > span { background-position: -40px -1240px; } .camera_yellow_skin .camera_commands > .camera_play { background-position: -80px -1240px; } .camera_yellow_skin .camera_commands > .camera_stop { background-position: -120px -1240px ; } /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000;} #colorbox{} #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) no-repeat 0 0;} #cboxTopCenter{height:14px; background:url(images/border.png) repeat-x top left;} #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) no-repeat -36px 0;} #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) no-repeat 0 -32px;} #cboxBottomCenter{height:43px; background:url(images/border.png) repeat-x bottom left;} #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) no-repeat -36px -32px;} #cboxMiddleLeft{width:14px; background:url(images/controls.png) repeat-y -175px 0;} #cboxMiddleRight{width:14px; background:url(images/controls.png) repeat-y -211px 0;} #cboxContent{background:#fff; overflow:visible;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious:hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext:hover{background-position:-75px 0px;} #cboxClose{right:0; background-position:-100px -25px;} #cboxClose:hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;} /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens { border: 4px solid #888; margin:-4px; /* Set this to minus the border thickness. */ background-color:#fff; cursor:move; } /* This is for the title text. */ .cloud-zoom-title { font-family:Arial, Helvetica, sans-serif; position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; } /* This is the zoom window. */ .cloud-zoom-big { border:4px solid #ccc; overflow:hidden; } /* This is the loading message. */ .cloud-zoom-loading { color:white; background:#222; padding:3px; border:1px solid #000; } /*! normalize.css v1.0.1 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /* * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, * and Safari 4. * Known issue: no IE 6 support. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /* * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevents iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* * Addresses `font-family` inconsistency between `textarea` and other form * elements. */ html, button, input, select, textarea { font-family: sans-serif; } /* * Addresses margins handled incorrectly in IE 6/7. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /* * Addresses `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: 0 } /* * Improves readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /* * Addresses font sizes and margins set differently in IE 6/7. * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } /* * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* * Addresses styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /* * Addresses styling not present in IE 6/7/8/9. */ mark { background: #ff0; color: #000; } /* * Addresses margins set differently in IE 6/7. */ p, pre { margin: 1em 0; } /* * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * Addresses CSS quotes not supported in IE 6/7. */ q { quotes: none; } /* * Addresses `quotes` property not supported in Safari 4. */ q:before, q:after { content: ''; content: none; } /* * Addresses inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Lists ========================================================================== */ /* * Addresses margins set differently in IE 6/7. */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /* * Addresses paddings set differently in IE 6/7. */ menu, ol, ul { padding: 0 0 0 40px; } /* * Corrects list images handled incorrectly in IE 7. */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ /* * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improves image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* * Corrects overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /* * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE 6/7. */ form { margin: 0; } /* * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE 6/7/8/9. * 2. Corrects text not wrapping in Firefox 3. * 3. Corrects alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* * 1. Corrects font size not being inherited in all browsers. * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improves appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Corrects inability to style clickable `input` types in iOS. * 3. Improves usability and consistency of cursor style between image-type * `input` and others. * 4. Removes inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /* * Re-set default cursor for disabled elements. */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to content-box in IE 8/9. * 2. Removes excess padding in IE 8/9. * 3. Removes excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Removes inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE 6/7/8/9. * 2. Improves readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /* * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } @charset "utf-8"; /* ** ****************************************************************************** ****** Theme Name: Bridal OpenCart Theme ****** Theme URI: http://www.sokothemes.com/bridal ****** Description: Online Store Theme ****** Author: The Sokopedian ****** Author URI: http://www.sokopedia.com/sokopedian ****** Version: 1.0 for OpenCart Version 1.5.2x ****** Designed & Handcrafted by the Sokopedian for SokoThemes ****************************************************************************** ** */ /*-------------------------------------------------------------------------------*/ /* small mobile phones /*-------------------------------------------------------------------------------*/ @media only screen and (max-width: 240px) { #menu, #container, .product-grid .name, .product-grid .price, .product-grid > div, .product-grid .image, .login-content .right, .checkout-content .right, #return .right, .return-additional .return-captcha, .login-content .left, .checkout-content .left, .product-grid, .product-info .right .cart_shadow, .return-comment, .return-product > div, .return-detail > div, .sitemap-info .right, .product-info .right { width: 84% !important } } /*-------------------------------------------------------------------------------*/ /* iphone portrait /*-------------------------------------------------------------------------------*/ @media only screen and (max-width: 480px) { #menu, #container, .product-grid .name, .product-grid .price, .product-grid > div, .product-grid .image, .login-content .right, .checkout-content .right, #return .right, .return-additional .return-captcha, .login-content .left, .checkout-content .left, .product-grid, .return-comment, .return-product > div, .return-detail > div, .sitemap-info .right { width: 88% !important } #header { height: 175px; width: 100%; position: relative; display: block; } #header #logo { text-align: center; top: 15px; position: relative; width: 100%; left: 0px; } #header #logo img { max-width: 180px !important } #header #call { display: none } #header #welcome { top: 70px; right: 4px; width: 98%; text-align: center; zoom: 90%; } #header #cart { position: absolute; top: 90px; right: 0px; min-width: 94%; } #header #cart .heading { margin-left: 0px } #header #cart .content { width: 80%; float: right; } #header #currency { width: 85px; color: #999; top: 195px; right: -15px; line-height: 15px; } #language { width: 80px; color: #999; top: 199px; right: 50px; line-height: 15px; } #header .links { display: none } #header #search { top: 145px } #menu { display: none } #phonemenublock { height: 37px; padding: 0px 5px; background: #efefef; margin: 0px -4px 15px -4px; position: relative; z-index: 99999; display: block !important; } #phonemenubutton { position: relative; width: 100%; padding-left: 15px; line-height: 37px; font-size: 14px; color: #333; z-index: 99999; } #phonemenuselect { position: absolute; z-index: 99999; cursor: pointer; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; } .htabs { height: 35px; line-height: 16px; border-bottom: 1px solid #DDDDDD; } .htabs a { padding: 7px 5px 6px 5px; margin-top: 5px; margin-right: 2px; font-size: 10px; } .box-product > div { margin-right: 5px; margin-left: 5px; } .box-product .image img { max-width: 210px } #column-left { display: none !important } #column-right { display: none !important } #column-left + #column-right + #content, #column-left + #content { margin-left: 0px; padding-left: 5px; border-left: none; } #column-right + #content { margin-right: 0px; border-right: none; padding-right: 5px; } .product-info > .left + .right { margin-left: 0px; padding-left: 0px; clear: both; } .product-info > .left { overflow: hidden; } .product-info .image img { max-width: 100%; text-align: center; } .product-info .image-additional { width: 100% !important; margin-left: -8px; } .product-info .image-additional a { margin-left: 8px } .product-grid { overflow: hidden } #footer .column { display: none } #footer .ac-container { width: 100%; margin: 10px auto 10px auto; text-align: left; display: block !important; } #footer .ac-container label { font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif; padding: 5px 20px 10px; position: relative; z-index: 20; display: block; height: 30px; cursor: pointer; color: #777; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); line-height: 33px; font-size: 19px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea)); background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%); background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%); background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%); background: linear-gradient(top, #ffffff 1%,#eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgba(0,0,0,0.1); } #footer .ac-container label:hover { background: #fff } #footer .ac-container input:checked + label, #footer .ac-container input:checked + label:hover { background: #cdcdcd; color: #555; text-shadow: 0px 1px 1px rgba(255,255,255, 0.6); box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 0px 2px 2px rgba(0,0,0,0.1); } #footer .ac-container label:hover:after, .ac-container input:checked + label:hover:after { content: ''; position: absolute; width: 24px; height: 24px; right: 13px; top: 10px; background: transparent url('../image/arrow_down.png') no-repeat center center; } #footer .ac-container input:checked + label:hover:after { background-image: url('../image/arrow_up.png') } #footer .ac-container input { display: none } #footer .ac-container article { background: rgba(255, 255, 255, 0.5); margin-top: -1px; overflow: hidden; height: 0px; position: relative; z-index: 10; -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; transition: height 0.3s ease-in-out, box-shadow 0.6s linear; } #footer .ac-container input:checked ~ article { -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; transition: height 0.5s ease-in-out, box-shadow 0.1s linear; box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3); } #footer .ac-container input:checked ~ article.ac-information { height: 100px } #footer .ac-container input:checked ~ article.ac-service { height: 100px } #footer .ac-container input:checked ~ article.ac-extras { height: 100px } #footer .ac-container input:checked ~ article.ac-account { height: 100px } #footer .ac-container input:checked ~ article.ac-contact { height: 120px } #footer .ac-container div ul { margin-top: 0px; list-style: none; padding-left: 0px; padding-left: 15px; padding-top: 15px; } #footer .ac-container div ul li { margin-bottom: 3px } #footer .ac-container div a { text-decoration: none; color: #777 !important; font-style: italic; } #footer .ac-container div a:hover { text-decoration: underline } #footer .ac-container div .address { text-decoration: none; color: #666; font-style: normall; background: url('../image/location.png') no-repeat; padding-left: 23px; margin-bottom: 7px; } #footer .ac-container div .phone { text-decoration: none; color: #666; font-style: normall; background: url('../image/phone.png') no-repeat; padding-left: 23px; margin-bottom: 7px; } #footer .ac-container div .email { text-decoration: none; color: #666; font-style: normall; background: url('../image/email.png') no-repeat; padding-left: 23px; margin-bottom: 7px; } #footer .ac-container div .fax { text-decoration: none; color: #666; font-style: normall; background: url('../image/fax.png') no-repeat; padding-left: 23px; margin-bottom: 7px; } #base-container { height: 70px } #base-container #powered { text-align: center; width: 100%; margin-right: auto; margin-left: auto; margin-bottom: 10px; } #base-container #social-links { text-align: center; width: 100%; margin-right: auto; margin-left: auto; } #home-featured-pagination { display: none !important } #home-latest-pagination { display: none !important } .closeLink1 { display: none } } /*-------------------------------------------------------------------------------*/ /* iphone landscape /*-------------------------------------------------------------------------------*/ @media only screen and (max-width: 767px) { #menu, #container, .product-grid, .product-grid .name, .product-grid .price, .product-grid > div, .product-grid .image, #navigation select, .login-content .right, .checkout-content .right, #return .right, .return-additional .return-captcha, .login-content .left, .checkout-content .left, #column-left, .return-comment, .return-product > div, .return-detail > div, .sitemap-info .right { width: 88% !important } #header { height: 175px; width: 100%; position: relative; display: block; } #header #welcome { top: 80px; right: 0px; text-align: center; width: 100%; } #header #cart { position: absolute; top: 90px; right: 4px; z-index: 16; min-width: 300px; } #currency { width: 85px; color: #999; top: 195px; right: -20px; line-height: 15px; } #language { width: 80px; color: #999; top: 199px; right: 50px; line-height: 15px; } #header #logo { text-align: center; top: 15px; position: relative; left: 0px; } #header #logo img { max-width: 245px } #header #call { top: 108px; right: 50px; } #header .links { left: 0px; top: 150px; font-size: 8px; padding-right: 5px; } #header .links a { padding: 0px 0px 0px 3px; font-size: 10px; } #header .links a + a { margin-left: 4px; border-left: 1px dotted #CCC; } #header #search { top: 145px } #menu { display: none } #phonemenublock { height: 37px; padding: 0px 5px; background: #efefef; margin: 0px -4px 15px -4px; position: relative; z-index: 99999; display: block !important; } #phonemenubutton { position: relative; width: 100%; padding-left: 15px; line-height: 37px; font-size: 14px; color: #333; z-index: 99999; } #phonemenuselect { position: absolute; z-index: 99999; cursor: pointer; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; } .checkout-content textarea { width: 95% !important } .checkout-product table td { font-size: 10px !important } .product-info .image { padding: 0 !important } .category-list, .product-compare, .product-grid .image { text-align: center } .product-compare { display: none; } .category-list ul { float: none } .category-info { margin-top: 0 } .return-remove { text-align: left } #tab-review textarea, #contact textarea, .return-comment textarea, .return-opened textarea { width: 95% !important } .product-filter { position: relative; top: 0; margin-bottom: 10px; } .product-filter .limit { margin-bottom: 10px; margin-left: 0; float: none; } .htabs a { font-size: 11px; padding: 7px 6px 6px 6px; } #content { padding-left: 5px } .product-info { overflow: auto; margin-bottom: 20px; } .product-info .right { clear: both } .product-info > .left { text-align: center } .product-info .image { margin-top: 2px; margin-left: 5px; } .product-info .image-additional { width: 420px; margin-bottom: 10px; margin-left: -4px; } #column-left + #column-right + #content, #column-left + #content { margin-left: 0px; padding-left: 5px; } .product-info > .left + .right { margin-left: 0 !important } #language span, #menu, .breadcrumb, #column-left, .review .share, #column-right, .cart-info .model, .cart-info .price, .cart-info .image, table.list td:nth-of-type(2), .wishlist-product thead .model, .wishlist-product thead .image, .wishlist-product thead .stock, .wishlist-product thead .price, .wishlist-product tbody .model, .wishlist-product tbody .image, .wishlist-product tbody .stock, .wishlist-product tbody .price { display: none } #column-left + #column-right + #content, #column-left + #content { border-left: none !important } #shipping select { font-size: 10px !important } #column-left { margin-right: 0px } input.large-field, select.large-field { width: 160px !important } #content { padding-top: 5px } #content .sort { width: 100% } #column-right + #content { margin-right: 0; padding-right: 5px; border-right: none; } .login-content .right, .checkout-content .right, #return .right, .return-additional .return-captcha { clear: both } .product-grid { overflow: visible; width: 100% !important; text-align: center; } .product-grid > div { margin: 10px 0px 15px 0px; text-align: center; } .product-list .right { display: none; } .product-list .description { } .product-list .image { zoom: 75% } .product-list .image img { padding: 3px; border: 1px solid #E7E7E7; } #footer .column { display: none } #footer .ac-container { width: 99%; margin: 10px auto 10px auto; text-align: left; display: block !important; } #footer .ac-container label { font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif; padding: 5px 20px 10px; position: relative; z-index: 20; display: block; height: 30px; cursor: pointer; color: #777; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); line-height: 33px; font-size: 19px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea)); background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%); background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%); background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%); background: linear-gradient(top, #ffffff 1%,#eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgba(0,0,0,0.1); } #footer .ac-container label:hover { background: #fff } #footer .ac-container input:checked + label, #footer .ac-container input:checked + label:hover { background: #cdcdcd; color: #555; text-shadow: 0px 1px 1px rgba(255,255,255, 0.6); box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 0px 2px 2px rgba(0,0,0,0.1); } #footer .ac-container label:hover:after, .ac-container input:checked + label:hover:after { content: ''; position: absolute; width: 24px; height: 24px; right: 13px; top: 10px; background: transparent url('../image/arrow_down.png') no-repeat center center; } #footer .ac-container input:checked + label:hover:after { background-image: url('../image/arrow_up.png') } #footer .ac-container input { display: none } #footer .ac-container article { background: rgba(255, 255, 255, 0.5); margin-top: -1px; overflow: hidden; height: 0px; position: relative; z-index: 10; -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; transition: height 0.3s ease-in-out, box-shadow 0.6s linear; } #footer .ac-container input:checked ~ article { -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; transition: height 0.5s ease-in-out, box-shadow 0.1s linear; box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3); } #footer .ac-container input:checked ~ article.ac-information { height: 100px } #footer .ac-container input:checked ~ article.ac-service { height: 100px } #footer .ac-container input:checked ~ article.ac-extras { height: 100px } #footer .ac-container input:checked ~ article.ac-account { height: 100px } #footer .ac-container input:checked ~ article.ac-contact { height: 120px } #footer .ac-container div ul { margin-top: 0px; list-style: none; padding-left: 0px; padding-left: 15px; padding-top: 15px; } #footer .ac-container div ul li { margin-bottom: 3px } #footer .ac-container div a { text-decoration: none; color: #777 !important; font-style: italic; } #footer .ac-container div a:hover { text-decoration: underline } #footer .ac-container div .address { text-decoration: none; color: #666; font-style: normall; background: url('../image/location.png') no-repeat; padding-left: 23px; margin-bottom: 7px; } #footer .ac-container div .phone { text-decoration: none; color: #666; font-style: normall; background: url('../image/phone.png') no-repeat; padding-left: 23px; margin-bottom: 7px; } #footer .ac-container div .email { text-decoration: none; color: #666; font-style: normall; background: url('../image/email.png') no-repeat; padding-left: 23px; margin-bottom: 7px; } #footer .ac-container div .fax { text-decoration: none; color: #666; font-style: normall; background: url('../image/fax.png') no-repeat; padding-left: 23px; margin-bottom: 7px; } #base-container { height: 70px } #base-container #powered { text-align: center; width: 100%; margin-right: auto; margin-left: auto; margin-bottom: 10px; } #base-container #social-links { text-align: center; width: 100%; margin-right: auto; margin-left: auto; } #home-featured-pagination { display: none !important } #home-latest-pagination { display: none !important } .closeLink1 { display: none } } /*-------------------------------------------------------------------------------*/ /* ipad portrait /*-------------------------------------------------------------------------------*/ @media only screen and (min-width: 768px) and (max-width: 1024px) { #container { width: 96% !important } #menu { min-width: 528px; max-width: 99%; } #header #welcome { display: none } #header #call { top: 72px; right: 30px; } #currency { top: 5px; right: 0px; } #language { top: 10px; right: 70px; } .product-grid > div { margin-right: 15px } .product-info > .left + .right { margin-left: 200px } .product-info .image img { width: 190px } .product-info .image-additional { width: 200px; margin-left: -4px; } .product-info .image-additional a { margin-left: 5px } #footer .column { display: none } #footer .ac-container { width: 100%; margin: 10px auto 10px auto; text-align: left; display: block !important; } #footer .ac-container label { font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif; padding: 5px 20px 10px; position: relative; z-index: 20; display: block; height: 30px; cursor: pointer; color: #777; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); line-height: 33px; font-size: 19px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea)); background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%); background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%); background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%); background: linear-gradient(top, #ffffff 1%,#eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgba(0,0,0,0.1); } #footer .ac-container label:hover { background: #fff } #footer .ac-container input:checked + label, #footer .ac-container input:checked + label:hover { background: #cdcdcd; color: #555; text-shadow: 0px 1px 1px rgba(255,255,255, 0.6); box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 0px 2px 2px rgba(0,0,0,0.1); } #footer .ac-container label:hover:after, .ac-container input:checked + label:hover:after { content: ''; position: absolute; width: 24px; height: 24px; right: 13px; top: 10px; background: transparent url('../image/arrow_down.png') no-repeat center center; } #footer .ac-container input:checked + label:hover:after { background-image: url('../image/arrow_up.png') } #footer .ac-container input { display: none } #footer .ac-container article { background: rgba(255, 255, 255, 0.5); margin-top: -1px; overflow: hidden; height: 0px; position: relative; z-index: 10; -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; transition: height 0.3s ease-in-out, box-shadow 0.6s linear; } #footer .ac-container input:checked ~ article { -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; transition: height 0.5s ease-in-out, box-shadow 0.1s linear; box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3); } #footer .ac-container input:checked ~ article.ac-information { height: 100px } #footer .ac-container input:checked ~ article.ac-service { height: 100px } #footer .ac-container input:checked ~ article.ac-extras { height: 100px } #footer .ac-container input:checked ~ article.ac-account { height: 100px } #footer .ac-container input:checked ~ article.ac-contact { height: 120px } #footer .ac-container div ul { margin-top: 0px; list-style: none; padding-left: 0px; padding-left: 15px; padding-top: 15px; } #footer .ac-container div ul li { margin-bottom: 3px } #footer .ac-container div a { text-decoration: none; color: #777 !important; font-style: italic; } #footer .ac-container div a:hover { text-decoration: underline } #footer .ac-container div .address { text-decoration: none; color: #666; font-style: normall; background: url('../image/location.png') no-repeat; padding-left: 23px; margin-bottom: 7px; } #footer .ac-container div .phone { text-decoration: none; color: #666; font-style: normall; background: url('../image/phone.png') no-repeat; padding-left: 23px; margin-bottom: 7px; } #footer .ac-container div .email { text-decoration: none; color: #666; font-style: normall; background: url('../image/email.png') no-repeat; padding-left: 23px; margin-bottom: 7px; } #footer .ac-container div .fax { text-decoration: none; color: #666; font-style: normall; background: url('../image/fax.png') no-repeat; padding-left: 23px; margin-bottom: 7px; } .closeLink1 { display: none } } @media only screen and (min-width: 342px) and (max-width: 500px) { #home-featured-list .featured-image, #home-featured-list .featured-image a, #home-featured-list .featured-image img, #home-latest-list .latest-image, #home-latest-list .latest-image a, #home-latest-list .latest-image img { zoom: 86%; } } @media only screen and (min-width: 670px) and (max-width: 730px) { #home-featured-list .featured-image, #home-featured-list .featured-image a, #home-featured-list .featured-image img, #home-latest-list .latest-image, #home-latest-list .latest-image a, #home-latest-list .latest-image img { zoom: 86%; } } .ml10 { margin-left: 10px; } .pb10 { padding-bottom: 10px; } /* header languages */ @media only screen and (min-width: 768px) and (max-width: 1024px) { #header #language { width: auto; right: 0; } } @media only screen and (max-width: 767px) { #header { height: 200px; } #header #language { width: auto; top: 185px; right: 0; } } /* cms-popup */ .rlr-cms-popup p:last-child { margin:0; } /* leasing */ body.tk-leasing-application-page .leasing-provider-logo img { max-width: 120px; max-height: 75px; } /* cart page */ body.tk-cart-page .cartSaveBtnContainer { display: none; margin-bottom: 15px; text-align: right; } /* subcategories on category page */ .category-list{ } .category-list ul.list-item { list-style-type: none; width: 100%; padding: 0; } .category-list ul.list-item li { float: left; width: 18%; margin: 5px 5px; border: 1px solid #f2f2f2; padding-bottom: 5px; } .category-list ul.list-item li a { background: none; padding: 0; } .category-list ul.list-item li a:hover{ } .category-list ul.list-item li a img { width: 100%; height: auto; text-align: center; margin-bottom: 3px; } .category-list ul.list-item li a span { width: 100%; float: left; text-align: center; } @media screen and (max-width:1024px) { .category-list ul.list-item li { width: 23%; } } @media screen and (max-width:768px) { .category-list ul.list-item li { width: 22%; } } @media screen and (max-width:480px) { .category-list ul.list-item li { width: 30%; } } @media screen and (max-width:360px) { .category-list ul.list-item li { width: 45%; } } /* Temporary mobile fixes until new mobile version goes live */ @media screen and (max-width:768px) { /* Header mini cart */ #header #cart .content { padding: 0; border: 0 none; min-height: 0; box-shadow: none; } #header #cart .content .mini-cart-info, #header #cart .content .mini-cart-total, #header #cart .content .checkout { display: none; } #phonemenublock { z-index: 9999; } /* Cart page */ body.tk-cart-page .cartClearBtn { display: none; } } /* cookie policy */ #sr-cookie-policy { position: fixed; top: auto; bottom: 0; left: 0; right: 0; overflow: hidden; width: 100%; opacity: .9; box-sizing: border-box; box-shadow: 0 1px 5px 0 #bcbbbb; z-index: 9999; padding: 1em; text-align: center; background: #bcbbbb; color: #ffffff; font-size: 14px; } #sr-cookie-policy.sr-cookie-policy-top { top: 0; bottom: auto; } #sr-cookie-policy.sr-cookie-policy-bottom { top: auto; bottom: 0; } #sr-cookie-policy a { color: #ffffff; font-size: 14px; text-decoration: underline; } #sr-cookie-policy button { margin: 5px 20px; } /* Privacy Policy Window */ #rlr-accept-privacy-policy-wrap { display:none; } #rlr-accept-privacy-policy-panel { max-width:600px; } #rlr-accept-privacy-policy-panel { max-height:80%; } #rlr-accept-privacy-policy-panel .content { max-height:350px; overflow-y:auto; } #rlr-accept-privacy-policy-panel .action { padding: 20px 0 10px 0; text-align:center; }