Index: branches/1.0.x/inc/styles.css =================================================================== diff -u -N -r14980 -r14990 --- branches/1.0.x/inc/styles.css (.../styles.css) (revision 14980) +++ branches/1.0.x/inc/styles.css (.../styles.css) (revision 14990) @@ -1,1186 +1,2419 @@ -@charset "UTF-8"; +@charset "UTF-8"; + +/* Basic Blocks +*******************************************************************************/ +html { + min-width: 1000px; +} +body { + background: #fff url(@templates_base@/img/bg-header.jpg) repeat-y 0 0; + color: #3c3c3c; + font: 0.813em/1.231em Arial,Verdana,Tahoma,Sans-Serif; +} + +img { border: 0; } +table { border-collapse: collapse; border-spacing: 0; } +td { padding: 0; vertical-align: top; } + +a, a:hover, a:focus { color: #333; outline: none; text-decoration: underline; } +a:hover, a:focus { text-decoration: none; } + +.clear { clear: both !important; } +.fix { border: 1px solid #f00; } + +/* Header +*******************************************************************************/ +#header { + margin: 0 auto; + width: 960px; +} +#header .logo { + float: left; + padding: 18px 0; +} + +#header .infoblock { + float: right; + position: relative; + width: 580px; +} + +#header .infoblock .welcome { + color: #343338; + float: right; + padding: 9px 0; + position: relative; +} +#header .infoblock .welcome div { float: left; } +#header .infoblock .welcome .txt { padding: 0 0 0 20px; } +#header .infoblock .welcome .logged { padding-top: 5px; } +#header .infoblock .welcome .txt a { font-weight: bold; } + +#header .infoblock .welcome .lang .with-icon { + background: url(@templates_base@/img/lang/eng.gif) no-repeat 10px 7px; + padding: 5px 10px 10px 35px; +} + +#header .infoblock .welcome .lang .without-icon { + padding: 5px 10px 10px 10px; +} + +#header .infoblock .welcome .txt, +#header .infoblock .welcome .lang, +#header .infoblock .welcome .currency, +#header .infoblock .welcome .profile-menu { + position: relative; +} +#header .infoblock .welcome .profile-menu { margin-left: 10px; margin-right: 10px; } +#header .infoblock .welcome .txt .login, +#header .infoblock .welcome .currency .cur, +#header .infoblock .welcome .profile-menu .link { + padding: 5px 10px 10px; +} +#header .infoblock .welcome .currency { margin-left: 5px; } +#header .infoblock .welcome .currency .cur.plashka-sel { margin-left: -1px; } + +a#lang, +a#currency, +a#profile { + background: url(@templates_base@/img/icon-select.gif) no-repeat 100% 6px; + display: block; + padding: 0 12px 0 0; + text-decoration: none; +} +#header .infoblock .cart { + background: url(@templates_base@/img/bg-cart.jpg) no-repeat 100% 0; + float: left; + font-size: 1.154em; + font-weight: bold; + padding: 15px 0; +} +#header .infoblock .cart span, +#header .infoblock .cart a { float: left; } +#header .infoblock .cart a { + background: url(@templates_base@/img/icon-checkout.gif) no-repeat 100% 12px; + color: #75b833; + line-height: 33px; + padding: 0 12px 0 0; + text-decoration: none; +} +#header .infoblock .cart i { + font-size: 0.733em; +} +#header .infoblock .cart .items { + background: url(@templates_base@/img/icon-cart.png) no-repeat 0 0; + line-height: 33px; + padding: 0 0 0 50px; +} +#header .infoblock .cart .delim { + color: #b5b5b5; + font-weight: normal; + line-height: 33px; + padding: 0 15px; +} +#header .infoblock .cart .phone { + color: #535353; + font: bold 1.385em Tahoma,Arial,Verdana,Sans-Serif; + line-height: 33px; + padding-right: 50px; +} + +#header .infoblock .welcome .lang #lang-sel a { + text-decoration: underline; +} +#header .infoblock .welcome .lang #lang-sel .eng { + background: url(@templates_base@/img/lang/eng.gif) no-repeat 0 0; + padding: 0 0 0 25px; +} +#header .infoblock .welcome .lang #lang-sel .deutch { + background: url(@templates_base@/img/lang/deutch.gif) no-repeat 0 0; + padding: 0 0 0 25px; +} +#header .infoblock .welcome .lang #lang-sel .rus { + background: url(@templates_base@/img/lang/rus.gif) no-repeat 0 0; + padding: 0 0 0 25px; +} + +.plashka { + background-color: #fff; + border: 1px solid #d0d0d0; + display: none; + padding: 10px 20px 5px; + position: absolute; + top: 31px; + right: -1px; + z-index: 95; + -webkit-border-radius: 5px; + -webkit-border-top-right-radius: 0; + -moz-border-radius: 5px; + -moz-border-radius-topright: 0; + border-radius: 5px; + border-top-right-radius: 0; + + -moz-box-shadow: 0 0 8px #ccc; + -webkit-box-shadow: 0 0 8px #ccc; + box-shadow: 0 0 8px #ccc; +} +.plashka-sel { + background-color: #fff !important; + border: 1px solid #d0d0d0; + border-bottom: 1px solid #fff; + margin: -1px -1px 0 0; + position: relative; + z-index: 96; + -webkit-border-top-left-radius: 5px; + -webkit-border-top-right-radius: 5px; + -moz-border-radius-topleft: 5px; + -moz-border-radius-topright: 5px; + border-top-left-radius: 5px; + border-top-right-radius: 5px; + + -moz-box-shadow: #ccc 0 -3px 8px -1px; + -webkit-box-shadow: #ccc 0 -3px 8px -1px; + box-shadow: #ccc 0 -3px 8px -1px; +} + +#header .infoblock .welcome .plashka li { + padding: 0 0 5px; + white-space: nowrap; +} +#header .infoblock .welcome .plashka .active { color: #2d85d6; } +#header .infoblock .welcome .txt .plashka, +#header .infoblock .welcome .profile-menu .plashka { right: 0; } +.plashka-sel a#lang, +.plashka-sel a#currency, +.plashka-sel a#profile { + background: url(@templates_base@/img/icon-close.gif) no-repeat 100% 6px; +} + +#header .infoblock .welcome .login, +.login-alt .login { + display: inline-block; + float: none; +} +.login-alt .login { font-size: 0.867em; padding-left: 5px; } +#header .infoblock .welcome .login a, +.login-alt .login a { + background: url(@templates_base@/img/bg-button-login.jpg) no-repeat 0 0; + display: block; + height: 18px; + text-align: center; + text-decoration: none; + width: 61px; +} +#header .infoblock .welcome .txt .login.plashka-sel, +.login-alt .login.plashka-sel { + margin-left: 4px; + margin-bottom: 1px; + padding: 5px 18px 10px; +} +.login-alt .login.plashka-sel { padding: 5px 10px 10px; } +#header .infoblock .welcome .login.plashka-sel a, +.login-alt .login.plashka-sel a { + background: none; + height: auto; + width: auto; +} + +.icon-close { right: 10px; position: absolute; } + +/*** Menu ***/ +.menu { + background: #3e3e3e url(@templates_base@/img/bg-menu.jpg) repeat-x 0 0; + height: 46px; + position: relative; + width: 100%; +} +.menu .padding { + margin: 0 auto; + width: 960px; +} +.menu ul { + float: left; + width: 740px; +} +.menu ul li { + color: #fff; + float: left; + font-size: 1.154em; + font-weight: bold; +} +.menu ul li a { + color: #fff; + display: block; + line-height: 46px; + padding: 0 18px; + text-decoration: none; +} +.menu ul li a:hover, +.menu ul li a:focus { + background: #4b4b4b url(@templates_base@/img/bg-menu.jpg) repeat-x 0 -46px; +} +.menu ul li a.active { + background: #2d85d6 url(@templates_base@/img/bg-menu.jpg) repeat-x 0 -92px; +} +.menu .searchbox { + background: url(@templates_base@/img/bg-searchbox-l.jpg) no-repeat 0 0; + float: right; + margin-top: 10px; + text-align: right; + width: 210px; +} +.menu .searchbox input[type="text"] { + border: none; + background: #fff url(@templates_base@/img/bg-searchbox-r.jpg) no-repeat 100% 0; + height: 23px; + line-height: 23px; + padding-top: 2px; + width: 180px; +} + +.level2 { + background-color: #fff; + left: 273px; + position: absolute; + z-index: 4000; +} +.level2-bg { + border: 1px solid #3e3e3e; + float: left; + width: auto; + -webkit-border-bottom-right-radius: 5px; + -webkit-border-bottom-left-radius: 5px; + -moz-border-radius-bottomright: 5px; + -moz-border-radius-bottomleft: 5px; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; + box-shadow: 0 0 3px #444; + -moz-box-shadow: 0 0 3px #444; + -webkit-box-shadow: 0 0 3px #444; +} +#level2-menu { + background-color: #3e3e3e; + float: left; + padding: 8px 0; + width: 200px; +} +#level2-menu h3 { + background-color: #3e3e3e; + padding: 7px 12px; + white-space: nowrap; +} +#level2-menu h3 a { + color: #fff; + font-weight: bold; + text-decoration: none; +} +#level2-menu h3 a:hover { + text-decoration: underline; +} +#level2-menu ul { + width: 100%; +} +#level2-menu ul li { + background-color: #eaeaea; + font-size: 0.923em; + font-weight: normal; + width: 100%; +} +#level2-menu ul li a { + color: #3e3e3e; + line-height: 20px; + padding: 3px 13px 5px; + text-decoration: none; +} +#level2-menu ul li a:hover, +#level2-menu ul li a:focus { + background: none; + text-decoration: underline; +} +#level2-menu ul li a.active { + background: none; +} +#level2-menu ul li i { + background: url(@templates_base@/img/bullet-l3menu.png) no-repeat 22px 9px; + display: block; + padding: 0 0 0 20px; + white-space: nowrap; +} +#level2-menu ul li.level3-menu h4 { + padding-left: 20px; + white-space: nowrap; +} +#level2-menu ul li.level3-menu ul { + background-color: #fff; +} +#level2-menu ul li.level3-menu ul li { + background-color: #fff; + font-size: 0.917em; +} +#level2-menu ul li.level3-menu ul li a { + background: url(@templates_base@/img/bullet-l3menu.png) no-repeat 35px 4px; + line-height: 18px; + padding: 0 0 0 45px; +} +#level2-menu ul li.level3-menu ul li a.active { color: #2f7916; } + +#level2-menu.ui-accordion .ui-accordion-content { overflow: hidden; } +#level2-menu.ui-accordion .ui-accordion-content-active { background-color: #eaeaea; } + +#level2-menu .ui-icon-circle-arrow-l2e { + background: url(@templates_base@/img/bullet-l2menu.png) no-repeat 0 0; + height: 7px; + width: 4px; +} +#level2-menu .ui-icon-circle-arrow-l2s { + background: url(@templates_base@/img/bullet-l2menu.png) no-repeat 0 -7px; + height: 4px; + width: 7px; +} +#level2-menu .ui-icon-circle-arrow-l3e { + background: url(@templates_base@/img/bullet-l2menu.png) no-repeat 0 -11px; + height: 7px; + width: 4px; +} +#level2-menu .ui-icon-circle-arrow-l3s { + background: url(@templates_base@/img/bullet-l2menu.png) no-repeat 0 -18px; + height: 4px; + width: 7px; +} + +#level-content { + background-color: #fff; + float: left; + padding: 15px; + width: 400px; +} +#level-content ul { + width: auto; +} +#level-content ul li { + background: url(@templates_base@/img/bullet-level5.png) no-repeat 0 7px; + float: left; + font-size: 1em; + font-weight: normal; + padding: 0 10px 7px 10px; + width: 180px; +} +#level-content ul li a { + color: #3c3c3c; + line-height: 20px; + padding: 0; + text-decoration: underline; +} +#level-content ul li a:hover, +#level-content ul li a:focus { + background: none; + color: #2a80d3; +} + +#level-good { + background-color: #fff; + float: left; + padding: 15px; + text-align: center; + width: 120px; +} +#level-good .price { padding: 10px 0; } + +/* Content +*******************************************************************************/ +#content { + background-color: #f7f7f7; + padding: 32px 0; + width: 100%; +} +#content .padding { + margin: 0 auto; + position: relative; + width: 960px; +} +#content .block-fixed { + background-color: #fff; + border: 1px solid #d0d0d0; + padding: 13px 11px 0 11px; + position: absolute; + margin: 40px 0 0 -100px; +} +#content .block-fixed div { padding-bottom: 13px; } + +.button-addtocart { + background: url(@templates_base@/img/button-addtocart-left.jpg) no-repeat 0 0; + color: #faffed; + display: inline-block; + font-size: 0.846em; + text-shadow: #000 0px 1px 1px; + text-decoration: none; +} +.button-addtocart span { + background: url(@templates_base@/img/button-addtocart-right.jpg) no-repeat 100% 0; + display: inline-block; + height: 40px; + padding: 5px 6px 0; + text-align: center; +} +.button-addtocart span i { display: block; margin-top: -4px; } +.button-addtocart:hover { color: #faffed; text-shadow: #000 0px 1px 1px; } + +#content .leftcol { + float: left; + padding: 0 20px 0 0; + width: 230px; +} +#content .rightcol { + float: left; + padding: 0 0 0 20px; + width: 230px; +} +#content .contentcol { + float: left; + width: 710px; +} + +.subscribe-block { + background: url(@templates_base@/img/subs.png) no-repeat 0 100%; + padding: 0 16px 11px 0; + width: 214px; +} +.subscribe-block h4 { + background: url(@templates_base@/img/subs-top.png) no-repeat 0 0; + font-size: 1.077em; + font-weight: bold; + padding: 14px 0 0 16px; + width: 214px; +} +.subscribe-block fieldset { + padding: 10px 0 0 16px; + text-align: left; + width: 214px; +} +input.field, +textarea.field, +select.field, +select.field-alt { + background: url(@templates_base@/img/bg-field.jpg) repeat-x 0 0; + border: 1px solid #828282; + height: 24px; + line-height: 24px; + margin-bottom: 5px; + padding: 0 5px; +} +select.field { height: 26px; padding: 0 0 0 5px; } +select.field-alt { height: 26px; margin: 0; padding: 0 0 0 5px; } +input.field:focus, +textarea.field:focus, +select.field-alt:focus, +select.field:focus { border: 1px solid #000; } + +.form select.field { width: 360px; } + +.form input.subsfield { width: 190px; } + +/*** Block ***/ +.block { + background: url(@templates_base@/img/bg-block-bottom.jpg) no-repeat 0 100%; + margin: 0 0 10px; + padding: 0 0 8px; +} +.block .block-top { + background: url(@templates_base@/img/bg-block-top.jpg) no-repeat 0 100%; + height: 8px; + width: 100%; +} +.block.no-border-bottom { + background: none; + padding: 0; +} +.block.block-margin { margin: 0 0 20px; } +.block h2 { + background: url(@templates_base@/img/h1-left.png) no-repeat 0 0; + height: 36px; + line-height: 36px; + padding-left: 14px; + position: relative; + z-index: 10; +} +.block h2 em, +.block h2 a { + color: #fefefe; + font-size: 1.154em; + font-weight: bold; + font-style: normal; + position: relative; + z-index: 150; +} -/* Basic Blocks -*******************************************************************************/ -html { - min-width: 1000px; -} -body { - background: #fff url(@templates_base@/img/bg-header.jpg) repeat-y 0 0; - color: #3c3c3c; - font: 0.813em/1.231em Arial,Verdana,Tahoma,Sans-Serif; -} - -img { border: 0; } -table { border-collapse: collapse; border-spacing: 0; } -td { padding: 0; vertical-align: top; } - -a, a:hover, a:focus { color: #333; outline: none; text-decoration: underline; } -a:hover, a:focus { text-decoration: none; } - -.clear { clear: both !important; } -.fix { border: 1px solid #f00; } - -/* Header -*******************************************************************************/ -#header { - margin: 0 auto; - width: 960px; -} -#header .logo { - float: left; - padding: 18px 0; -} - -#header .infoblock { - float: right; - position: relative; - width: 580px; -} - -#header .infoblock .welcome { - color: #343338; - float: right; - padding: 9px 0; - position: relative; -} -#header .infoblock .welcome div { float: left; } -#header .infoblock .welcome .txt { padding: 0 0 0 20px; } -#header .infoblock .welcome .logged { padding-top: 5px; } -#header .infoblock .welcome .txt a { font-weight: bold; } - -#header .infoblock .welcome .lang .with-icon { - background: url(@templates_base@/img/lang/eng.gif) no-repeat 10px 7px; - padding: 5px 10px 10px 35px; -} - -#header .infoblock .welcome .lang .without-icon { - padding: 5px 10px 10px 10px; -} - -#header .infoblock .welcome .txt, -#header .infoblock .welcome .lang, -#header .infoblock .welcome .currency, -#header .infoblock .welcome .profile-menu { - position: relative; -} -#header .infoblock .welcome .profile-menu { margin-left: 10px; margin-right: 10px; } -#header .infoblock .welcome .txt .login, -#header .infoblock .welcome .currency .cur, -#header .infoblock .welcome .profile-menu .link { - padding: 5px 10px 10px; -} -#header .infoblock .welcome .currency { margin-left: 5px; } -#header .infoblock .welcome .currency .cur.plashka-sel { margin-left: -1px; } - -a#lang, -a#currency, -a#profile { - background: url(@templates_base@/img/icon-select.gif) no-repeat 100% 6px; - display: block; - padding: 0 12px 0 0; - text-decoration: none; -} -#header .infoblock .cart { - background: url(@templates_base@/img/bg-cart.jpg) no-repeat 100% 0; - float: left; - font-size: 1.154em; - font-weight: bold; - padding: 15px 0; -} -#header .infoblock .cart span, -#header .infoblock .cart a { float: left; } -#header .infoblock .cart a { - background: url(@templates_base@/img/icon-checkout.gif) no-repeat 100% 12px; - color: #75b833; - line-height: 33px; - padding: 0 12px 0 0; - text-decoration: none; -} -#header .infoblock .cart i { - font-size: 0.733em; -} -#header .infoblock .cart .items { - background: url(@templates_base@/img/icon-cart.png) no-repeat 0 0; - line-height: 33px; - padding: 0 0 0 50px; -} -#header .infoblock .cart .delim { - color: #b5b5b5; - font-weight: normal; - line-height: 33px; - padding: 0 15px; -} -#header .infoblock .cart .phone { - color: #535353; - font: bold 1.385em Tahoma,Arial,Verdana,Sans-Serif; - line-height: 33px; - padding-right: 50px; -} - -#header .infoblock .welcome .lang #lang-sel a { - text-decoration: underline; -} -#header .infoblock .welcome .lang #lang-sel .eng { - background: url(@templates_base@/img/lang/eng.gif) no-repeat 0 0; - padding: 0 0 0 25px; -} -#header .infoblock .welcome .lang #lang-sel .deutch { - background: url(@templates_base@/img/lang/deutch.gif) no-repeat 0 0; - padding: 0 0 0 25px; -} -#header .infoblock .welcome .lang #lang-sel .rus { - background: url(@templates_base@/img/lang/rus.gif) no-repeat 0 0; - padding: 0 0 0 25px; -} - -.plashka { - background-color: #fff; - border: 1px solid #d0d0d0; - display: none; - padding: 10px 20px 5px; - position: absolute; - top: 31px; - right: -1px; - z-index: 95; - -webkit-border-radius: 5px; - -webkit-border-top-right-radius: 0; - -moz-border-radius: 5px; - -moz-border-radius-topright: 0; - border-radius: 5px; - border-top-right-radius: 0; - - -moz-box-shadow: 0 0 8px #ccc; - -webkit-box-shadow: 0 0 8px #ccc; - box-shadow: 0 0 8px #ccc; -} -.plashka-sel { - background-color: #fff !important; - border: 1px solid #d0d0d0; - border-bottom: 1px solid #fff; - margin: -1px -1px 0 0; - position: relative; - z-index: 96; - -webkit-border-top-left-radius: 5px; - -webkit-border-top-right-radius: 5px; - -moz-border-radius-topleft: 5px; - -moz-border-radius-topright: 5px; - border-top-left-radius: 5px; - border-top-right-radius: 5px; - - -moz-box-shadow: #ccc 0 -3px 8px -1px; - -webkit-box-shadow: #ccc 0 -3px 8px -1px; - box-shadow: #ccc 0 -3px 8px -1px; -} - -#header .infoblock .welcome .plashka li { - padding: 0 0 5px; - white-space: nowrap; -} -#header .infoblock .welcome .plashka .active { color: #2d85d6; } -#header .infoblock .welcome .txt .plashka, -#header .infoblock .welcome .profile-menu .plashka { right: 0; } -.plashka-sel a#lang, -.plashka-sel a#currency, -.plashka-sel a#profile { - background: url(@templates_base@/img/icon-close.gif) no-repeat 100% 6px; -} - -#header .infoblock .welcome .login, -.login-alt .login { - display: inline-block; - float: none; -} -.login-alt .login { font-size: 0.867em; padding-left: 5px; } -#header .infoblock .welcome .login a, -.login-alt .login a { - background: url(@templates_base@/img/bg-button-login.jpg) no-repeat 0 0; - display: block; - height: 18px; - text-align: center; - text-decoration: none; - width: 61px; -} -#header .infoblock .welcome .txt .login.plashka-sel, -.login-alt .login.plashka-sel { - margin-left: 4px; - margin-bottom: 1px; - padding: 5px 18px 10px; -} -.login-alt .login.plashka-sel { padding: 5px 10px 10px; } -#header .infoblock .welcome .login.plashka-sel a, -.login-alt .login.plashka-sel a { - background: none; - height: auto; - width: auto; -} - -.icon-close { right: 10px; position: absolute; } - -/*** Menu ***/ -.menu { - background: #3e3e3e url(@templates_base@/img/bg-menu.jpg) repeat-x 0 0; - height: 46px; - position: relative; - width: 100%; -} -.menu .padding { - margin: 0 auto; - width: 960px; -} -.menu ul { - float: left; - width: 740px; -} -.menu ul li { - color: #fff; - float: left; - font-size: 1.154em; - font-weight: bold; -} -.menu ul li a { - color: #fff; - display: block; - line-height: 46px; - padding: 0 18px; - text-decoration: none; -} -.menu ul li a:hover, -.menu ul li a:focus { - background: #4b4b4b url(@templates_base@/img/bg-menu.jpg) repeat-x 0 -46px; -} -.menu ul li a.active { - background: #2d85d6 url(@templates_base@/img/bg-menu.jpg) repeat-x 0 -92px; -} -.menu .searchbox { - background: url(@templates_base@/img/bg-searchbox-l.jpg) no-repeat 0 0; - float: right; - margin-top: 10px; - text-align: right; - width: 210px; -} -.menu .searchbox input[type="text"] { - border: none; - background: #fff url(@templates_base@/img/bg-searchbox-r.jpg) no-repeat 100% 0; - height: 23px; - line-height: 23px; - padding-top: 2px; - width: 180px; -} - -.level2 { - background-color: #fff; - left: 273px; - position: absolute; - z-index: 4000; -} -.level2-bg { - border: 1px solid #3e3e3e; - float: left; - width: auto; - -webkit-border-bottom-right-radius: 5px; - -webkit-border-bottom-left-radius: 5px; - -moz-border-radius-bottomright: 5px; - -moz-border-radius-bottomleft: 5px; - border-bottom-right-radius: 5px; - border-bottom-left-radius: 5px; - box-shadow: 0 0 3px #444; - -moz-box-shadow: 0 0 3px #444; - -webkit-box-shadow: 0 0 3px #444; -} -#level2-menu { - background-color: #3e3e3e; - float: left; - padding: 8px 0; - width: 200px; -} -#level2-menu h3 { - background-color: #3e3e3e; - padding: 7px 12px; - white-space: nowrap; -} -#level2-menu h3 a { - color: #fff; - font-weight: bold; - text-decoration: none; -} -#level2-menu h3 a:hover { - text-decoration: underline; -} -#level2-menu ul { - width: 100%; -} -#level2-menu ul li { - background-color: #eaeaea; - font-size: 0.923em; - font-weight: normal; - width: 100%; -} -#level2-menu ul li a { - color: #3e3e3e; - line-height: 20px; - padding: 3px 13px 5px; - text-decoration: none; -} -#level2-menu ul li a:hover, -#level2-menu ul li a:focus { - background: none; - text-decoration: underline; -} -#level2-menu ul li a.active { - background: none; -} -#level2-menu ul li i { - background: url(@templates_base@/img/bullet-l3menu.png) no-repeat 22px 9px; - display: block; - padding: 0 0 0 20px; - white-space: nowrap; -} -#level2-menu ul li.level3-menu h4 { - padding-left: 20px; - white-space: nowrap; -} -#level2-menu ul li.level3-menu ul { - background-color: #fff; -} -#level2-menu ul li.level3-menu ul li { - background-color: #fff; - font-size: 0.917em; -} -#level2-menu ul li.level3-menu ul li a { - background: url(@templates_base@/img/bullet-l3menu.png) no-repeat 35px 4px; - line-height: 18px; - padding: 0 0 0 45px; -} -#level2-menu ul li.level3-menu ul li a.active { color: #2f7916; } - -#level2-menu.ui-accordion .ui-accordion-content { overflow: hidden; } -#level2-menu.ui-accordion .ui-accordion-content-active { background-color: #eaeaea; } - -#level2-menu .ui-icon-circle-arrow-l2e { - background: url(@templates_base@/img/bullet-l2menu.png) no-repeat 0 0; - height: 7px; - width: 4px; -} -#level2-menu .ui-icon-circle-arrow-l2s { - background: url(@templates_base@/img/bullet-l2menu.png) no-repeat 0 -7px; - height: 4px; - width: 7px; -} -#level2-menu .ui-icon-circle-arrow-l3e { - background: url(@templates_base@/img/bullet-l2menu.png) no-repeat 0 -11px; - height: 7px; - width: 4px; -} -#level2-menu .ui-icon-circle-arrow-l3s { - background: url(@templates_base@/img/bullet-l2menu.png) no-repeat 0 -18px; - height: 4px; - width: 7px; -} - -#level-content { - background-color: #fff; - float: left; - padding: 15px; - width: 400px; -} -#level-content ul { - width: auto; -} -#level-content ul li { - background: url(@templates_base@/img/bullet-level5.png) no-repeat 0 7px; - float: left; - font-size: 1em; - font-weight: normal; - padding: 0 10px 7px 10px; - width: 180px; -} -#level-content ul li a { - color: #3c3c3c; - line-height: 20px; - padding: 0; - text-decoration: underline; -} -#level-content ul li a:hover, -#level-content ul li a:focus { - background: none; - color: #2a80d3; -} - -#level-good { - background-color: #fff; - float: left; - padding: 15px; - text-align: center; - width: 120px; -} -#level-good .price { padding: 10px 0; } - -/* Content -*******************************************************************************/ -#content { - background-color: #f7f7f7; - padding: 32px 0; - width: 100%; -} -#content .padding { - margin: 0 auto; - position: relative; - width: 960px; -} -#content .block-fixed { - background-color: #fff; - border: 1px solid #d0d0d0; - padding: 13px 11px 0 11px; - position: absolute; - margin: 40px 0 0 -100px; -} -#content .block-fixed div { padding-bottom: 13px; } - -.button-addtocart { - background: url(@templates_base@/img/button-addtocart-left.jpg) no-repeat 0 0; - color: #faffed; - display: inline-block; - font-size: 0.846em; - text-shadow: #000 0px 1px 1px; - text-decoration: none; -} -.button-addtocart span { - background: url(@templates_base@/img/button-addtocart-right.jpg) no-repeat 100% 0; - display: inline-block; - height: 40px; - padding: 5px 6px 0; - text-align: center; -} -.button-addtocart span i { display: block; margin-top: -4px; } -.button-addtocart:hover { color: #faffed; text-shadow: #000 0px 1px 1px; } - -#content .leftcol { - float: left; - padding: 0 20px 0 0; - width: 230px; -} -#content .rightcol { - float: left; - padding: 0 0 0 20px; - width: 230px; -} -#content .contentcol { - float: left; - width: 710px; -} - -.subscribe-block { - background: url(@templates_base@/img/subs.png) no-repeat 0 100%; - padding: 0 16px 11px 0; - width: 214px; -} -.subscribe-block h4 { - background: url(@templates_base@/img/subs-top.png) no-repeat 0 0; - font-size: 1.077em; - font-weight: bold; - padding: 14px 0 0 16px; - width: 214px; -} -.subscribe-block fieldset { - padding: 10px 0 0 16px; - text-align: left; - width: 214px; -} -input.field, -textarea.field, -select.field, -select.field-alt { - background: url(@templates_base@/img/bg-field.jpg) repeat-x 0 0; - border: 1px solid #828282; - height: 24px; - line-height: 24px; - margin-bottom: 5px; - padding: 0 5px; -} -select.field { padding: 0 0 0 5px; } -select.field-alt { margin: 0; padding: 0 0 0 5px; } -input.field:focus, -textarea.field:focus, -select.field-alt:focus, -select.field:focus { border: 1px solid #000; } - -.form select.field { width: 360px; } - -.form input.subsfield { width: 190px; } - -/*** Block ***/ -.block { - background: url(@templates_base@/img/bg-block-bottom.jpg) no-repeat 0 100%; - margin: 0 0 10px; - padding: 0 0 8px; -} -.block .block-top { - background: url(@templates_base@/img/bg-block-top.jpg) no-repeat 0 100%; - height: 8px; - width: 100%; -} -.block.no-border-bottom { - background: none; - padding: 0; -} -.block.block-margin { margin: 0 0 20px; } -.block h2 { - background: url(@templates_base@/img/h1-left.png) no-repeat 0 0; - height: 36px; - line-height: 36px; - padding-left: 14px; - position: relative; - z-index: 10; -} -.block h2 em, -.block h2 a { - color: #fefefe; - font-size: 1.154em; - font-weight: bold; - font-style: normal; - position: relative; - z-index: 150; -} - .block h2 em.filter-header { padding-left: 14px; } -.block h2 a { text-decoration: underline; } -.block h2 i { - background: url(@templates_base@/img/bc-step.png) no-repeat 50% 50%; - padding: 0 15px; -} -.block h2 span { - background: url(@templates_base@/img/h1-right.png) no-repeat 100% 0; - height: 53px; - position: absolute; - top: -3px; right: -6px; - width: 136px; - z-index: 50; -} -.block h2 span.new { background: url(@templates_base@/img/h1-right-new.png) no-repeat 100% 0; } -.block h2 span.pick { background: url(@templates_base@/img/h1-right-pick.png) no-repeat 100% 0; } -.block h2 span.sale { background: url(@templates_base@/img/h1-right-sale.png) no-repeat 100% 0; } -.block h2 span.bullet { background: url(@templates_base@/img/h1-right-bullet.png) no-repeat 100% 0; } - -.block.alt-block { - background: none; -} -.block.alt-block h2 { - background: url(@templates_base@/img/bg-block.png) no-repeat 0 0; - padding-left: 0; -} -.block.alt-block h2.active { - background-position: 0 100%; -} -.block.alt-block h2 a { - display: block; +.block h2 a { text-decoration: underline; } +.block h2 i { + background: url(@templates_base@/img/bc-step.png) no-repeat 50% 50%; + padding: 0 15px; +} +.block h2 span { + background: url(@templates_base@/img/h1-right.png) no-repeat 100% 0; + height: 53px; + position: absolute; + top: -3px; right: -6px; + width: 136px; + z-index: 50; +} +.block h2 span.new { background: url(@templates_base@/img/h1-right-new.png) no-repeat 100% 0; } +.block h2 span.pick { background: url(@templates_base@/img/h1-right-pick.png) no-repeat 100% 0; } +.block h2 span.sale { background: url(@templates_base@/img/h1-right-sale.png) no-repeat 100% 0; } +.block h2 span.bullet { background: url(@templates_base@/img/h1-right-bullet.png) no-repeat 100% 0; } + +.block.alt-block { + background: none; +} +.block.alt-block h2 { + background: url(@templates_base@/img/bg-block.png) no-repeat 0 0; + padding-left: 0; +} +.block.alt-block h2.active { + background-position: 0 100%; +} +.block.alt-block h2 a { + display: block; float: right; line-height: 8px; padding-top: 8px; padding-right: 8px; -} - -.block .block-content { - background-color: #fff; - border: 1px solid #d0d0d0; - border-top: none; - padding: 15px; - -webkit-border-bottom-right-radius: 5px; - -webkit-border-bottom-left-radius: 5px; - -moz-border-radius-bottomright: 5px; - -moz-border-radius-bottomleft: 5px; - border-bottom-right-radius: 5px; - border-bottom-left-radius: 5px; -} - -.block .block-content.noactive { display: none; } - -.manufacturer dt { - float: left; - width: 155px; -} -.manufacturer dd { - float: left; - text-align: right; - width: 40px; -} -.manufacturer .active { - color: #0171e4; -} -.manufacturer label { text-decoration: underline; } - -.slider-vertical { - background: url(@templates_base@/img/bg-vertslider-full.png) no-repeat 0 0; - float: left; - padding: 5px 0 0; -} -.slider-vertical .ui-slider-range { - background: url(@templates_base@/img/bg-vertslider-a.png) repeat-y 0 0; - margin: 0 0 0 7px; -} - -.slider-vertical .ui-slider-handle { - background: url(@templates_base@/img/point-vertslider.png) no-repeat 0 0; - height: 9px; - margin: 0; - width: 16px; -} - -.range-block { - margin: 0 auto; - padding: 10px 0 0; - width: 120px; -} -.range-block ul.range { - color: #333; - float: left; - margin-right: 10px; - position: relative; - top: -7px; - width: 50px; -} -.range-block ul.range li { - padding: 0 0 10px; - text-align: right; -} -.range-block ul.range li:last-child { padding: 0; } - -.range-block ul.range2 { - color: #a0a0a0; - float: left; - margin-left: 10px; - position: relative; - top: 4px; - width: 20px; -} -.range-block ul.range2 li { - font-size: 0.846em; - padding: 0 0 10px; - text-align: left; -} -.range-block ul.range2 li:last-child { padding: 0; } - - -/*** Accordion menu ***/ -#accordion-menu { - border-left: 1px solid #d0d0d0; - border-right: 1px solid #d0d0d0; -} -#accordion-menu h3 { - background: #fff url(@templates_base@/img/bg-point-menu.jpg) repeat-x 0 100%; - border-bottom: 1px solid #d0d0d0; - color: #666; - cursor: pointer; - font-size: 1.077em; - font-weight: bold; - padding: 10px 14px; - position: relative; -} -#accordion-menu h3.active { - background: #1b6bc7 url(@templates_base@/img/bg-point-menu-active.jpg) repeat-x 0 0; - color: #fff; -} -#accordion-menu a { padding-left: 20px; text-decoration: none; } -#accordion-menu a:hover, #accordion-menu a:focus { text-decoration: underline; } -#accordion-menu h3.active a { color: #fff; } -#accordion-menu .ui-icon-circle-arrow-e { - background: url(@templates_base@/img/bullet-menu.png) no-repeat 0 0; - height: 6px; - width: 10px; -} -#accordion-menu.alt-menu .ui-icon-circle-arrow-e { - margin-top: -4px; - position: absolute; - top: 50%; -} -#accordion-menu .ui-icon-circle-arrow-s { - background: url(@templates_base@/img/bullet-menu.png) no-repeat 0 -6px; - height: 6px; - width: 10px; -} -#accordion-menu .ui-icon-circle-arrow-a { - background: url(@templates_base@/img/bullet-menu.png) no-repeat 0 -12px; - height: 10px; - margin-top: -5px; - position: absolute; - top: 50%; - width: 8px; -} -#accordion-menu div { - background-color: #fff; - border-bottom: 1px solid #d0d0d0; -} -#accordion-menu div ul { padding: 10px 0 10px 7px; } -#accordion-menu div ul li { padding: 3px 0 5px 7px; } -#accordion-menu div ul li.active { - background: url(@templates_base@/img/bg-subcategory.png) repeat-x 0 0; -} -#accordion-menu div ul a { color: #333; padding-left: 0; } -#accordion-menu div ul li.active a { color: #fff; } - -#accordion-menu div ul li ul { padding: 10px 0 0 25px; } -#accordion-menu div ul li ul li { - background: url(@templates_base@/img/point-subcategory.png) no-repeat 0 7px; - font-size: 0.923em; - padding: 2px 0 2px 10px; -} -#accordion-menu div ul li.active ul a { color: #333; } - -/*** Good item ***/ -.good-item { - background-color: #fff; - width: auto; -} -.good-item.good-item-narrow { - margin: 5px 5px 0 0; - width: 171px; -} -.good-item.good-item-narrow-last { - margin-right: 0; -} -.good-item.good-item-float { - float: left; - height: 290px; -} -.good-item.border-radius-bottom { - border: 1px solid #d0d0d0; - border-top: none; - -webkit-border-bottom-right-radius: 5px; - -webkit-border-bottom-left-radius: 5px; - -moz-border-radius-bottomright: 5px; - -moz-border-radius-bottomleft: 5px; - border-bottom-right-radius: 5px; - border-bottom-left-radius: 5px; -} -.good-item.border-radius { - border: 1px solid #d0d0d0; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} -.good-item dl { - padding: 14px 16px 0; - text-align: center; -} -.good-item dl dd { padding-bottom: 15px; } -.good-item.comparing-items dl { - border-bottom: 1px dotted #b5b5b5; - padding: 14px 0; - margin: 0 16px; -} -.good-item.comparing-items dl.last { - border-bottom: none; -} -.good-item.comparing-items .buttons { - padding: 15px 0; - text-align: center; - width: 210px; -} -.good-item dl dt { padding-bottom: 15px; } -.good-item dl dt a { - font-size: 1.077em; - font-weight: bold; -} -.good-item .img { height: 140px; } -.good-item .price { - font-size: 1.846em; - font-weight: bold; - font-style: normal; - padding: 10px 0; -} -.good-item .price span { - font-size: 0.708em; -} -.good-item .addtocart { - background: url(@templates_base@/img/addtocart-left.jpg) no-repeat 0 0; - color: #faffed; - display: inline-block; - font-size: 1.077em; - font-weight: bold; - text-shadow: #000 0px 1px 1px; - text-decoration: none; -} -.good-item .addtocart span { - background: url(@templates_base@/img/addtocart-right.jpg) no-repeat 100% 0; - display: inline-block; - height: 33px; - line-height: 33px; - padding: 0 20px; -} - -.good-item .addedtocart { - color: #3d901f; - font-size: 1.154em; -} - -/*** Scrollable ***/ -#scrollable { - position:relative; - overflow: hidden; - width: 710px; - height: 309px; - background-color: #fff; - margin: 5px 0 -} -#scrollable .items { - border-top: 1px solid #d0d0d0; - border-bottom: 1px solid #d0d0d0; - height: 307px; - margin: 0 30px; - position: relative; - width: 650px; -} -#scrollable .good-item { - background: url(@templates_base@/img/delimiter-special.gif) repeat-y 100% 0; - position:relative; - width:222px; - height: 280px; - margin: 16px 0; -} -#scrollable .good-item dl { padding: 0 16px; } -#scrollable .good-item dl dt { height: 35px; } -#scrollable .good-item dl dd .price { color: #c2120a; } - -#scrollable .good-item dl dd .price-deal { - padding: 10px 0; -} -#scrollable .good-item dl dd .price-deal s.under { - font-size: 1.308em; - font-weight: bold; - padding-right: 10px; -} -#scrollable .good-item dl dd .price-deal s.under span { - font-size: 0.706em; -} -#scrollable .ca-nav span { - width:30px; - height:309px; - background:transparent url(@templates_base@/img/special-navi.png) no-repeat 0 0; - position:absolute; - top:0; - left:0; - text-indent:-9000px; - cursor:pointer; - z-index:8; -} -#scrollable .ca-nav span.ca-nav-prev:hover { - background-position:-30px 0; -} -#scrollable .ca-nav span.ca-nav-next { - background-position:-60px 0; - left:auto; - right:0; -} -#scrollable .ca-nav span.ca-nav-next:hover { - background-position:-90px 0; -} - -#content .content, -#content .compare { - margin: 5px 0 0; - padding: 20px 30px; -} -#content .content.border-radius, -#content .goods.border-radius, -#content .items.border-radius, -#content .compare.border-radius { - background-color: #fff; - border: 1px solid #d0d0d0; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - width: auto; -} -#content .content p { - font-size: 1.077em; - line-height: 1.5em; -} - -#feedback { - background: url(@templates_base@/img/con-contact.jpg) no-repeat 100% 0; - font-size: 0.929em; - padding: 20px 330px 0 0; -} -#feedback p.req { - border-bottom: 1px solid #d0d0d0; - color: #3e85d2; - font-size: 1em; - font-weight: bold; - margin-bottom: 15px; - padding: 0 0 5px; -} -span.star { - color: #3e85d2; - font-weight: bold; -} -#feedback p { - clear: both !important; - padding: 5px 0; -} -#feedback label { - float: left; - font-weight: bold; - padding: 5px 0; - white-space: nowrap; - width: 110px; -} -.form .field { - border: 1px solid #b4b4b4; - width: 350px; -} -#feedback input.field, -#feedback span.radios, -#feedback textarea { - float: left; -} -#feedback textarea { - background: url(@templates_base@/img/bg-textarera.jpg) repeat-x 0 0; - border: 1px solid #b4b4b4; - height: 120px; - width: 450px; -} -#feedback .radio label { width: 240px; } -#feedback span.radios { padding: 5px 0; } - -#feedback .buttons { - padding: 10px 0 0 110px; -} - -.form .green-button { - background: url(@templates_base@/img/bg-buttons.jpg) no-repeat 0 0; - border: none; - color: #fff; - font-weight: bold; - height: 26px; - padding-bottom: 1px; - width: 90px; -} -.form .grey-button, .form .green-button[disabled] { - background: url(@templates_base@/img/bg-buttons.jpg) no-repeat 0 100%; - border: none; - color: #000; - font-weight: bold; - height: 26px; - padding-bottom: 1px; - width: 90px; -} - -.green-but { - background: url(@templates_base@/img/bg-button-left.png) no-repeat 0 0; - color: #fff; - display: inline-block; - font-weight: bold; - height: 26px; - line-height: 26px; - margin: 0 20px 0 0; - padding: 0 0 0 20px; - text-decoration: none; -} -.green-but:hover { color: #fff; text-decoration: none; } -.green-but span { - background: url(@templates_base@/img/bg-button-right.png) no-repeat 100% 0; - display: inline-block; - height: 26px; - margin: 0 -19px 0 0; - padding: 0 20px 0 0; -} -.grey-but { - background: url(@templates_base@/img/bg-button-left.png) no-repeat 0 100%; - color: #3c3c3c; - display: inline-block; - font-weight: bold; - height: 26px; - line-height: 26px; - padding: 0 0 0 20px; - text-decoration: none; -} -.grey-but:hover { color: #3c3c3c; text-decoration: none; } -.grey-but span { - background: url(@templates_base@/img/bg-button-right.png) no-repeat 100% 100%; - display: inline-block; - height: 26px; - margin: 0 -19px 0 0; - padding: 0 20px 0 0; -} - -/*** Login form ***/ -.login-form { - padding: 0; -} -.login-form p { - padding: 5px 0; -} -.login-form label { - display: block; - font-weight: bold; - padding-bottom: 5px; -} -.login-form .field { - width: 230px; -} - -/* Footer -*******************************************************************************/ -#footer { - margin: 0 auto; - width: 960px; -} -#footer .copy { - float: left; - font-family: Tahoma,Arial,Verdana,Sans-Serif; - padding-top: 18px; - width: 580px; -} -#footer .copy .doplinks { - color: #a8a8a8; - padding-top: 15px; -} -#footer .copy .doplinks a { padding: 0 15px; } -#footer .copy .doplinks a:first-child { padding-left: 0; } -#footer .links { - background: url(@templates_base@/img/bg-blinks.jpg) no-repeat 0 0; - float: left; - padding: 18px 0 36px 16px; - width: 124px; -} -#footer .links ul li { - background: url(@templates_base@/img/li-blinks.gif) no-repeat 0 6px; - padding: 0 0 0 11px; -} -#footer .payment { - float: left; - font-weight: bold; - padding: 18px 0 36px; - text-align: right; - width: 230px; -} -#footer .payment .logos { - padding: 0 0 20px; -} -#footer .payment a { - padding: 0 3px; -} - - -.basketStatus { - position: absolute; - top: 153px; - left: 247px; - display: block; - z-index: 5000; -} -.basketStatus .basketContent { - background-color: #fff; - width: 230px; - font-weight: bold; - position:relative; - z-index:5001; - color: #333; - padding: 12px 25px; - box-shadow: 0 0 3px #444; - -moz-box-shadow: 0 0 3px #444; - -webkit-box-shadow: 0 0 3px #444; - border-radius: 3px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; -} -.basketStatus .basketArrow { - background: url(@templates_base@/img/con-basket-arrow.png) no-repeat 0 0; - height: 15px; - margin: -55px 0 0 22px; - position: relative; - width: 26px; - z-index: 5006; -} -.basketStatus .basketContent .subtitle { color: #62aa2c; padding-bottom: 15px; } -.basketStatus .basketContent .img { - float: left; - padding-right: 15px; -} -.basketStatus .basketContent .info { color: #333; } - - -/* --- Item Rating Styles --- */ -.ratingblock, .ratingblock div { - display: -moz-inline-block; -} - -.voted { - color: #999; -} - -.thanks { - color: #36AA3D; -} - -.static { - color: #5D3126; -} - -.inline-rating { - display:-moz-inline-block; - display:-moz-inline-box; - display:inline-block; - vertical-align: middle; -} - -.star-rating, -.star-rating a:hover, -.star-rating a:active, -.star-rating a:focus, -.star-rating .current-rating{ - background: url('@templates_base@/img/star_sprite.gif') left -1000px repeat-x; -} -.star-rating { - position:relative; - width:125px; - height:25px; - overflow:hidden; - list-style:none; - margin:0; - padding:0; - background-position: left top; -} - -.star-rating li { - display: inline; -} - -.star-rating a, -.star-rating .current-rating { - position:absolute; - top:0; - left:0; - text-indent:-1000em; - height:25px; - line-height:25px; - outline:none; - overflow:hidden; - border: none; -} - -.star-rating a:hover, -.star-rating a:active, -.star-rating a:focus { - background-position: left bottom; -} -.star-rating a.r1-unit { width:20%;z-index:6; } -.star-rating a.r2-unit { width:40%;z-index:5; } -.star-rating a.r3-unit { width:60%;z-index:4; } -.star-rating a.r4-unit { width:80%; z-index:3; } -.star-rating a.r5-unit { width:100%; z-index:2; } -.star-rating .current-rating { z-index:1; background-position: left center; } - -.small-star { - width:50px; - height:10px; -} -.small-star, .small-star a:hover, .small-star a:active, -.small-star a:focus, .small-star .current-rating { - background-image: url('@templates_base@/img/star_sprite_small.gif'); - line-height: 10px; - height: 10px; +} + +.block .block-content { + background-color: #fff; + border: 1px solid #d0d0d0; + border-top: none; + padding: 15px; + -webkit-border-bottom-right-radius: 5px; + -webkit-border-bottom-left-radius: 5px; + -moz-border-radius-bottomright: 5px; + -moz-border-radius-bottomleft: 5px; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; +} + +.block .block-content.noactive { display: none; } + +.manufacturer dt { + float: left; + padding: 0 0 5px; + width: 155px; +} +.manufacturer dd { + float: left; + text-align: right; + width: 40px; +} +.manufacturer .active { + color: #0171e4; +} +.manufacturer label { text-decoration: underline; } + +.slider-vertical { + background: url(@templates_base@/img/bg-vertslider-full.png) no-repeat 0 0; + float: left; + padding: 5px 0 0; +} +.slider-vertical .ui-slider-range { + background: url(@templates_base@/img/bg-vertslider-a.png) repeat-y 0 0; + margin: 0 0 0 7px; +} + +.slider-vertical .ui-slider-handle { + background: url(@templates_base@/img/point-vertslider.png) no-repeat 0 0; + height: 9px; + margin: 0; + width: 16px; +} + +.range-block { + margin: 0 auto; + padding: 10px 0 0; + width: 120px; +} +.range-block ul.range { + color: #333; + float: left; + margin-right: 10px; + position: relative; + top: -7px; + width: 50px; +} +.range-block ul.range li { + padding: 0 0 10px; + text-align: right; +} +.range-block ul.range li:last-child { padding: 0; } + +.range-block ul.range2 { + color: #a0a0a0; + float: left; + margin-left: 10px; + position: relative; + top: 4px; + width: 20px; +} +.range-block ul.range2 li { + font-size: 0.846em; + padding: 0 0 10px; + text-align: left; +} +.range-block ul.range2 li:last-child { padding: 0; } + + +/*** Accordion menu ***/ +#accordion-menu { + border-left: 1px solid #d0d0d0; + border-right: 1px solid #d0d0d0; +} +#accordion-menu h3 { + background: #fff url(@templates_base@/img/bg-point-menu.jpg) repeat-x 0 100%; + border-bottom: 1px solid #d0d0d0; + color: #666; + cursor: pointer; + font-size: 1.077em; + font-weight: bold; + padding: 10px 14px; + position: relative; +} +#accordion-menu h3.active { + background: #1b6bc7 url(@templates_base@/img/bg-point-menu-active.jpg) repeat-x 0 0; + color: #fff; +} +#accordion-menu a { padding-left: 20px; text-decoration: none; } +#accordion-menu a:hover, #accordion-menu a:focus { text-decoration: underline; } +#accordion-menu h3.active a { color: #fff; } +#accordion-menu .ui-icon-circle-arrow-e { + background: url(@templates_base@/img/bullet-menu.png) no-repeat 0 0; + height: 6px; + width: 10px; +} +#accordion-menu.alt-menu .ui-icon-circle-arrow-e { + margin-top: -4px; + position: absolute; + top: 50%; +} +#accordion-menu .ui-icon-circle-arrow-s { + background: url(@templates_base@/img/bullet-menu.png) no-repeat 0 -6px; + height: 6px; + width: 10px; +} +#accordion-menu .ui-icon-circle-arrow-a { + background: url(@templates_base@/img/bullet-menu.png) no-repeat 0 -12px; + height: 10px; + margin-top: -5px; + position: absolute; + top: 50%; + width: 8px; +} +#accordion-menu div { + background-color: #fff; + border-bottom: 1px solid #d0d0d0; +} +#accordion-menu div ul { padding: 10px 0 10px 7px; } +#accordion-menu div ul li { padding: 3px 0 5px 7px; } +#accordion-menu div ul li.active { + background: url(@templates_base@/img/bg-subcategory.png) repeat-x 0 0; +} +#accordion-menu div ul a { color: #333; padding-left: 0; } +#accordion-menu div ul li.active a { color: #fff; } + +#accordion-menu div ul li ul { padding: 10px 0 0 25px; } +#accordion-menu div ul li ul li { + background: url(@templates_base@/img/point-subcategory.png) no-repeat 0 7px; + font-size: 0.923em; + padding: 2px 0 2px 10px; +} +#accordion-menu div ul li.active ul a { color: #333; } + +/*** Good item ***/ +.good-item { + background-color: #fff; + width: auto; +} +.good-item.good-item-narrow { + margin: 5px 5px 0 0; + width: 171px; +} +.good-item.good-item-narrow-last { + margin-right: 0; +} +.good-item.good-item-float { + float: left; + height: 290px; +} +.good-item.border-radius-bottom { + border: 1px solid #d0d0d0; + border-top: none; + -webkit-border-bottom-right-radius: 5px; + -webkit-border-bottom-left-radius: 5px; + -moz-border-radius-bottomright: 5px; + -moz-border-radius-bottomleft: 5px; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; +} +.good-item.border-radius { + border: 1px solid #d0d0d0; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} +.good-item dl { + padding: 14px 16px 0; + text-align: center; +} +.good-item dl dd { padding-bottom: 15px; } +.comparing-items.good-item dl dd { padding-bottom: 0; } +.good-item.comparing-items dl { + border-bottom: 1px dotted #b5b5b5; + padding: 14px 0; + margin: 0 16px; +} +.good-item.comparing-items dl.last { + border-bottom: none; +} +.good-item.comparing-items .buttons { + padding: 15px 0; + text-align: center; + width: 230px; +} +.good-item dl dt { padding-bottom: 15px; } +.good-item dl dt a { + font-size: 1.077em; + font-weight: bold; +} +.good-item .img { height: 140px; } +.comparing-items.good-item .img { height: auto; padding-bottom: 15px; } +.good-item .price { + font-size: 1.846em; + font-weight: bold; + font-style: normal; + padding: 10px 0; +} +.good-item .price span { + font-size: 0.708em; +} +.good-item .addtocart { + background: url(@templates_base@/img/addtocart-left.jpg) no-repeat 0 0; + color: #faffed; + display: inline-block; + font-size: 1.077em; + font-weight: bold; + text-shadow: #000 0px 1px 1px; + text-decoration: none; +} +.good-item .addtocart span { + background: url(@templates_base@/img/addtocart-right.jpg) no-repeat 100% 0; + display: inline-block; + height: 33px; + line-height: 33px; + padding: 0 20px; +} + +.good-item .addedtocart { + color: #3d901f; + font-size: 1.154em; +} + +/*** Scrollable ***/ +#scrollable { + position:relative; + overflow: hidden; + width: 710px; + height: 309px; + background-color: #fff; + margin: 5px 0 +} +#scrollable .items { + border-top: 1px solid #d0d0d0; + border-bottom: 1px solid #d0d0d0; + height: 307px; + margin: 0 30px; + padding: 0; + position: relative; + width: 650px; +} +#scrollable .good-item { + background: url(@templates_base@/img/delimiter-special.gif) repeat-y 100% 0; + position:relative; + width:222px; + height: 280px; + margin: 16px 0; +} +#scrollable .good-item dl { padding: 0 16px; } +#scrollable .good-item dl dt { height: 35px; } +#scrollable .good-item dl dd .price { color: #c2120a; } + +#scrollable .good-item dl dd .price-deal { + padding: 10px 0; +} +#scrollable .good-item dl dd .price-deal s.under { + font-size: 1.308em; + font-weight: bold; + padding-right: 10px; +} +#scrollable .good-item dl dd .price-deal s.under span { + font-size: 0.706em; +} +#scrollable .ca-nav span { + width:30px; + height:309px; + background:transparent url(@templates_base@/img/special-navi.png) no-repeat 0 0; + position:absolute; + top:0; + left:0; + text-indent:-9000px; + cursor:pointer; + z-index:8; +} +#scrollable .ca-nav span.ca-nav-prev:hover { + background-position:-30px 0; +} +#scrollable .ca-nav span.ca-nav-next { + background-position:-60px 0; + left:auto; + right:0; +} +#scrollable .ca-nav span.ca-nav-next:hover { + background-position:-90px 0; +} + +#content .content, +#content .compare { + margin: 5px 0 0; + padding: 20px 30px; +} +#content .content.border-radius, +#content .goods.border-radius, +#content .items.border-radius, +#content .compare.border-radius { + background-color: #fff; + border: 1px solid #d0d0d0; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + width: auto; +} +#content .content p { + font-size: 1.077em; + line-height: 1.5em; +} + +#feedback { + background: url(@templates_base@/img/con-contact.jpg) no-repeat 100% 0; + font-size: 0.929em; + padding: 20px 330px 0 0; +} +#feedback p.req { + border-bottom: 1px solid #d0d0d0; + color: #3e85d2; + font-size: 1em; + font-weight: bold; + margin-bottom: 15px; + padding: 0 0 5px; +} +span.star { + color: #3e85d2; + font-weight: bold; +} +#feedback p { + clear: both !important; + padding: 5px 0; +} +#feedback label { + float: left; + font-weight: bold; + padding: 5px 0; + white-space: nowrap; + width: 110px; +} +.form .field { + border: 1px solid #b4b4b4; + width: 350px; +} +#feedback input.field, +#feedback span.radios, +#feedback textarea { + float: left; +} +#feedback textarea { + background: url(@templates_base@/img/bg-textarera.jpg) repeat-x 0 0; + border: 1px solid #b4b4b4; + height: 120px; + width: 450px; +} +#feedback .radio label { width: 240px; } +#feedback span.radios { padding: 5px 0; } + +#feedback .buttons { + padding: 10px 0 0 110px; +} + +.form .green-button { + background: url(@templates_base@/img/bg-buttons.jpg) no-repeat 0 0; + border: none; + color: #fff; + font-weight: bold; + height: 26px; + padding-bottom: 1px; + width: 90px; +} +.form .grey-button, .form .green-button[disabled] { + background: url(@templates_base@/img/bg-buttons.jpg) no-repeat 0 100%; + border: none; + color: #000; + font-weight: bold; + height: 26px; + padding-bottom: 1px; + width: 90px; +} + +.green-but { + background: url(@templates_base@/img/bg-button-left.png) no-repeat 0 0; + color: #fff; + display: inline-block; + font-weight: bold; + height: 26px; + line-height: 26px; + margin: 0 20px 0 0; + padding: 0 0 0 20px; + text-decoration: none; +} +.green-but:hover { color: #fff; text-decoration: none; } +.green-but span { + background: url(@templates_base@/img/bg-button-right.png) no-repeat 100% 0; + display: inline-block; + height: 26px; + margin: 0 -19px 0 0; + padding: 0 20px 0 0; +} +.grey-but { + background: url(@templates_base@/img/bg-button-left.png) no-repeat 0 100%; + color: #3c3c3c; + display: inline-block; + font-weight: bold; + height: 26px; + line-height: 26px; + padding: 0 0 0 20px; + text-decoration: none; +} +.grey-but:hover { color: #3c3c3c; text-decoration: none; } +.grey-but span { + background: url(@templates_base@/img/bg-button-right.png) no-repeat 100% 100%; + display: inline-block; + height: 26px; + margin: 0 -19px 0 0; + padding: 0 20px 0 0; +} + +/*** Login form ***/ +.login-form { + padding: 0; +} +.login-form p { + padding: 5px 0; +} +.login-form label { + display: block; + font-weight: bold; + padding-bottom: 5px; +} +.login-form .field { + width: 230px; +} + +/* Footer +*******************************************************************************/ +#footer { + margin: 0 auto; + width: 960px; +} +#footer .copy { + float: left; + font-family: Tahoma,Arial,Verdana,Sans-Serif; + padding-top: 18px; + width: 580px; +} +#footer .copy .doplinks { + color: #a8a8a8; + padding-top: 15px; +} +#footer .copy .doplinks a { padding: 0 15px; } +#footer .copy .doplinks a:first-child { padding-left: 0; } +#footer .links { + background: url(@templates_base@/img/bg-blinks.jpg) no-repeat 0 0; + float: left; + padding: 18px 0 36px 16px; + width: 124px; +} +#footer .links ul li { + background: url(@templates_base@/img/li-blinks.gif) no-repeat 0 6px; + padding: 0 0 0 11px; +} +#footer .payment { + float: left; + font-weight: bold; + padding: 18px 0 36px; + text-align: right; + width: 230px; +} +#footer .payment .logos { + padding: 0 0 20px; +} +#footer .payment a { + padding: 0 3px; +} + + +.basketStatus { + position: absolute; + top: 153px; + left: 247px; + display: block; + z-index: 5000; +} +.basketStatus .basketContent { + background-color: #fff; + width: 230px; + font-weight: bold; + position:relative; + z-index:5001; + color: #333; + padding: 12px 25px; + box-shadow: 0 0 3px #444; + -moz-box-shadow: 0 0 3px #444; + -webkit-box-shadow: 0 0 3px #444; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} +.basketStatus .basketArrow { + background: url(@templates_base@/img/con-basket-arrow.png) no-repeat 0 0; + height: 15px; + margin: -55px 0 0 22px; + position: relative; + width: 26px; + z-index: 5006; +} +.basketStatus .basketContent .subtitle { color: #62aa2c; padding-bottom: 15px; } +.basketStatus .basketContent .img { + float: left; + padding-right: 15px; +} +.basketStatus .basketContent .info { color: #333; } + + +/* --- Item Rating Styles --- */ +.ratingblock, .ratingblock div { + display: -moz-inline-block; +} + +.voted { + color: #999; +} + +.thanks { + color: #36AA3D; +} + +.static { + color: #5D3126; +} + +.inline-rating { + display:-moz-inline-block; + display:-moz-inline-box; + display:inline-block; + vertical-align: middle; +} + +.star-rating, +.star-rating a:hover, +.star-rating a:active, +.star-rating a:focus, +.star-rating .current-rating{ + background: url('@templates_base@/img/star_sprite.gif') left -1000px repeat-x; +} +.star-rating { + position:relative; + width:125px; + height:25px; + overflow:hidden; + list-style:none; + margin:0; + padding:0; + background-position: left top; +} + +.star-rating li { + display: inline; +} + +.star-rating a, +.star-rating .current-rating { + position:absolute; + top:0; + left:0; + text-indent:-1000em; + height:25px; + line-height:25px; + outline:none; + overflow:hidden; + border: none; +} + +.star-rating a:hover, +.star-rating a:active, +.star-rating a:focus { + background-position: left bottom; +} +.star-rating a.r1-unit { width:20%;z-index:6; } +.star-rating a.r2-unit { width:40%;z-index:5; } +.star-rating a.r3-unit { width:60%;z-index:4; } +.star-rating a.r4-unit { width:80%; z-index:3; } +.star-rating a.r5-unit { width:100%; z-index:2; } +.star-rating .current-rating { z-index:1; background-position: left center; } + +.small-star { + width:50px; + height:10px; +} +.small-star, .small-star a:hover, .small-star a:active, +.small-star a:focus, .small-star .current-rating { + background-image: url('@templates_base@/img/star_sprite_small.gif'); + line-height: 10px; + height: 10px; +} + + +/* Category Page +*******************************************************************************/ +.goods { + margin: 5px 0; + padding: 20px 20px 10px 20px; +} +.goods .good-item { + float: left; + height: 200px; + margin-bottom: 10px; + width: 165px; +} +.goods .good-item.borbottom { + border-bottom: 1px dotted #d0d0d0; + padding-bottom: 10px; +} +.goods .good-item dl { + border-right: 1px dotted #d0d0d0; + padding: 5px; +} +.goods .good-item dl.no-border-right { border-right: none; } +.goods .good-item.no-border, +.goods .good-item.no-border dl { border: none; } + +/*** Filter block ***/ +.filter-block { float: left; padding: 10px 0; width: 100%; } +.filter-block div { float: left; } +.filter-block .paginate { + font-weight: bold; + padding: 0 40px 0 0; +} +.filter-block .sortby { font-weight: bold; } +.filter-block .sortby a { font-weight: normal; } +.filter-block .display_switch { float: right; text-align: right; } +.filter-block .display_switch a.switch_thumb { + width: 48px; + height: 21px; + display: block; + background: url(@templates_base@/img/display-view.png) no-repeat 0 0; + outline: none; + text-indent: -9999px; +} +.filter-block .display_switch a.swap { background-position: 0 100%; } +.filter-block .sortby form { display: inline; } + +.items { padding: 20px; } +.items.items-alt { padding: 0; } +.items .item { + border-top: 1px solid #d0d0d0; + float: left; + padding: 15px 10px; + position: relative; + width: auto; +} +.items .ribbon { + background: url(@templates_base@/img/ribbon.png) no-repeat 0 0; + height: 40px; + position: absolute; + top: -3px; right: -26px; + width: 102px; + z-index: 100; +} +.items .ribbon.sale { background-position: 0 0; } +.items .ribbon.top { background-position: 0 -40px; } +.items .ribbon.new { background-position: 0 -80px; } +.items .item .img { + float: left; + padding-right: 15px; + width: 70px; +} +.items .item .descr { + float: left; + padding-right: 15px; + width: 360px; +} +.items .item .descr h3 { + font-size: 1.077em; + font-weight: bold; + padding-bottom: 5px; +} +.items .item .descr .optional { padding: 5px 0; } +.items .item .descr .optional .stars { padding: 0 20px 0 0; } +.items .item .descr .optional .comp label em { + font-style: normal; + text-decoration: underline; +} +.items .item .descr .optional .comp label input { + bottom: -2px; + margin: 0 5px 0 0; + position: relative; +} +.items .item .price-block { + float: left; + width: 185px; +} +.items .item .price-block s.under { + display: block; + font-size: 1.308em; + font-weight: bold; + padding-right: 10px; +} +.items .item .price-block s.under span { font-size: 0.706em; } +.items .item .price-block .redprice { padding: 10px 0; } +.items .item .price-block em.price { + color: #C2120A; + font-size: 1.846em; + font-weight: bold; + font-style: normal; +} +.items .item .price-block em.price span { font-size: 0.708em; } +.items .item .price-block .addtocart { + background: url(@templates_base@/img/addtocart-left.jpg) no-repeat 0 0; + color: #faffed; + display: inline-block; + font-size: 1.077em; + font-weight: bold; + text-shadow: #000 0px 1px 1px; + text-decoration: none; +} +.items .item .price-block .addtocart span { + background: url(@templates_base@/img/addtocart-right.jpg) no-repeat 100% 0; + display: inline-block; + height: 33px; + line-height: 33px; + padding: 0 20px; +} + +ul.display { border-bottom: 1px solid #d0d0d0; float: left; width: 100%; } +ul.display li { float: left; width: 100%; } + +ul.thumb_view { border-bottom: none; } +ul.thumb_view li { + background-color: #fff; + border: 1px solid #d0d0d0; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + float: left; + height: 180px; + margin: 0 5px 5px 0; + width: 348px; +} +ul.thumb_view li .item { + border-top: none; + padding: 15px; + width: 319px; +} +ul.thumb_view li .item .img { + position: absolute; + top: 38px; + width: 133px; +} +ul.thumb_view li .item .img img { height: 133px; width: 133px; } +ul.thumb_view li .item .ribbon { right: -4px; } +ul.thumb_view li .item .descr { + position: absolute; + width: auto; +} +ul.thumb_view li .item .descr .optional { + left: 158px; + position: absolute; + top: 132px; + width: 165px; +} +ul.thumb_view li .item .descr .optional .stars { padding: 0 10px 0 0; } +ul.thumb_view li .item .descr p, +ul.thumb_view li .item .descr .optional .reviews { display: none; } +ul.thumb_view li .item .price-block { + float: none; + left: 170px; + position: absolute; + top: 50px; +} + +/*** Pagination ***/ +.pagination { padding-top: 20px; text-align: center; } +.pagination span, +.pagination a { + background: url(@templates_base@/img/paginate.png) no-repeat -28px 0; + color: #fff; + display: inline-block; + font-size: 1.308em; + font-weight: bold; + height: 28px; + line-height: 28px; + text-align: center; + text-decoration: none; + width: 28px; +} +.pagination span.prev { + background-position: 0 100%; + margin-right: 20px; +} +.pagination a.prev { + background-position: 0 0; + margin-right: 20px; +} +.pagination span.next { + background-position: -56px 100%; + margin-left: 20px; +} +.pagination a.next { + background-position: -56px 0; + margin-left: 20px; +} +.pagination a.active { + background-position: -28px 100%; +} + + +/* Details Page +*******************************************************************************/ +.block h2 a.product-prev { + background: url(@templates_base@/img/product-nav.png) no-repeat 0 0; + height: 21px; + position: absolute; + right: 40px; + top: 9px; + width: 21px; +} +.block h2 a.product-next { + background: url(@templates_base@/img/product-nav.png) no-repeat 100% 0; + height: 21px; + position: absolute; + right: 15px; + top: 9px; + width: 21px; +} +.block h2 a.product-prev:hover { background-position: 0 -21px; } +.block h2 a.product-next:hover { background-position: 100% -21px; } + +.block h2 a.product-prev.disabled { background-position: 0 -42px; } +.block h2 a.product-next.disabled { background-position: 100% -42px; } + +.block h2 a.product-prev.disabled:hover, +.block h2 a.product-next.disabled:hover { background: none; } + +.product-detail { position: relative; } +.product-detail .ribbon { + background: url(@templates_base@/img/ribbon-big.png) no-repeat 0 0; + height: 53px; + position: absolute; + top: -3px; right: -7px; + width: 136px; + z-index: 100; +} +.product-detail .ribbon.sale { background-position: 0 0; } +.product-detail .ribbon.top { background-position: 0 -53px; } +.product-detail .ribbon.new { background-position: 0 -106px; } + +.product-detail h1 { + color: #000; + float: left; + font: 1.846em Tahoma,Verdana,Arial,Sans-Serif; + padding: 0 0 20px; +} +.product-detail .rating { + float: left; + padding: 6px 0 0 10px; +} +.product-detail .h1-reviews { + float: left; + padding: 8px 0 0 10px; +} + +.product .info { + float: left; + padding: 0 20px 0 0; + width: 260px; +} +.product .info .img { + position: relative; +} +.product .viewlarger { + position: absolute; + text-align: center; + top: 265px; + width: 260px; +} +.product .viewlarger a { + background: url(@templates_base@/img/icon-zoom-small.png) no-repeat 0 2px; + padding: 0 0 0 20px; +} +.product .info .img .signsmall { + color: #000; + font-size: 0.846em; + position: absolute; + top: 320px; + text-align: center; + width: 260px; +} +.product .info .img .showmore { + color: #686767; + margin-top: 490px; + position: absolute; +} + +.product .info .doplinks { + background: url(@templates_base@/img/bg-doplinks.jpg) no-repeat 0 0; + float: left; + height: 152px; + margin-top: 220px; + padding: 40px 0 0 25px; + width: 225px; +} +.product .doplinks a.link-print { + background: url(@templates_base@/img/icon-print.jpg) no-repeat 0 0; + display: inline-block; + height: 32px; + line-height: 32px; + padding: 0 20px 13px 40px; +} +.product .doplinks a.link-compare { + background: url(@templates_base@/img/icon-compare.png) no-repeat 3px 5px; + display: inline-block; + height: 32px; + line-height: 32px; + padding: 0 20px 10px 40px; +} +.product .doplinks a.link-wishlist { + background: url(@templates_base@/img/icon-wishlist.jpg) no-repeat 0 0; + display: inline-block; + height: 32px; + line-height: 32px; + padding: 0 20px 0 40px; +} + +.product .description { + float: left; + width: 380px; +} +.product .description .text { + padding: 15px 0; +} + +.product .description .options-har { + background-color: #f0f0f0; + margin-bottom: 15px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.product .description .options-har .sel-options { + color: #686767; + float: left; + padding: 8px 0 8px 20px; +} +.product .description .har { border-top: 1px solid #d0d0d0; float: left; margin-top: 10px; padding-top: 10px; text-align: left; width: 50%; } +.product .description .har dt { float: left; font-weight: bold; padding: 0 10px 3px 0; width: 100px; } +.product .description .har dd { float: left; padding: 0 0 3px 0; width: 80px; } +.product .description .har_right dt { width: 50px; } + +.product .description .price-block { + float: left; + width: 150px; +} +.product .description .price-block s.under { + display: block; + font-size: 1.308em; + font-weight: bold; + padding-right: 10px; +} +.product .description .price-block s.under span { font-size: 0.706em; } +.product .description .price-block .redprice { padding: 10px 0; } +.product .description .price-block em.price { + color: #C2120A; + font-size: 1.846em; + font-weight: bold; + font-style: normal; +} +.product .description .price-block em.price span { font-size: 0.708em; } +.product .description .order-block { + float: right; + width: 230px; +} +.product .description .order-block .qty { + color: #686767; + float: left; + padding-top: 5px; +} +.product .description .order-block .qty .field { + text-align: center; + width: 25px; +} +.product .description .order-block .avail { + color: #686767; + float: right; + font-weight: bold; + padding-top: 10px; +} +.product .description .order-block .avail em { + color: #00b309; +} +.product .description .order-block .but { + float: right; +} +.product .description .order-block .addtocart { + background: url(@templates_base@/img/addtocart-left.jpg) no-repeat 0 0; + color: #faffed; + display: inline-block; + font-size: 1.077em; + font-weight: bold; + text-shadow: #000 0px 1px 1px; + text-decoration: none; +} +.product .description .order-block .addtocart span { + background: url(@templates_base@/img/addtocart-right.jpg) no-repeat 100% 0; + display: inline-block; + padding: 0 20px 0 10px; +} +.product .description .order-block .addtocart span i { + background: url(@templates_base@/img/bg-button-cart-add.png) no-repeat 0 3px; + line-height: 33px; + padding: 7px 0 7px 30px; +} + +.product .description .order-block .addedtocart { + color: #3D901F; + font-size: 1.154em; +} + +/*** Tabs ***/ +.ui-tabs .ui-tabs-nav { + padding: 0; +} +.ui-widget-header { + background: none; + border: none; + color: #000; +} +.ui-tabs .ui-tabs-nav li { + border: 1px solid #949494; +} +.ui-tabs .ui-tabs-nav li.ui-tabs-selected { + background: #fff url(@templates_base@/img/bg-tab.png) repeat-x 0 0; + border-bottom: none; + position: relative; + z-index: 100; + bottom: -1px; +} + +.ui-tabs .ui-tabs-panel { + border: 1px solid #949494; + height: 350px; + overflow-x: hidden; +} +.ui-tabs .ui-tabs-panel p { padding-bottom: 15px; } + +/*** Reviews ***/ +.reviews { + border-bottom: 1px solid #d0d0d0; + float: left; + padding-top: 30px; + width: 100%; +} +.reviews .info-review { + float: left; + padding: 0 0 20px; + width: 350px; +} +.reviews .info-review .title { + color: #2b2b2b; + font-size: 1.385em; + line-height: 1.2em; +} +.reviews .info-review .but-review { + float: left; + padding: 20px 0 0; +} +.reviews .info-review .addreview { + background: url(@templates_base@/img/icon-addreview.jpg) no-repeat 0 0; + display: block; + height: 22px; + line-height: 22px; + padding: 0 0 0 30px; +} +.reviews .info-review .sortby { + color: #585858; + float: left; + font-weight: bold; + padding: 20px 0 0 20px; +} +.reviews .overall-review { + float: right; + width: 215px; +} +.reviews .overall-review p { + color: #585858; + float: left; + font-weight: bold; + padding: 0 10px 0 0; +} +.reviews .overall-review .overall-detail { + float: left; +} +.reviews .overall-review .overall-detail i { + float: left; + width: 35px; +} +.reviews .overall-review .overall-detail span { + float: left; + width: 75px; +} + +.reviews .row-review { + border-top: 1px solid #d0d0d0; + clear: both !important; + float: left; + padding: 15px 0; + width: 100%; +} +.reviews .row-review .user { color: #2275cd; font-weight: bold; padding: 0 0 10px; } +.reviews .row-review .text-review { color: #000; padding: 0 0 10px; } +.reviews .row-review .optional-review { color: #000; font-size: 0.846em; } +.reviews .row-review .optional-review p { + float: left; + padding: 0 20px 0 0; +} +.reviews .row-review .optional-review em { color: #8b8b8b; } +.reviews .row-review .optional-review p.rat img { margin-bottom: -2px; } +.reviews .row-review .optional-review p.date { float: right; padding: 0; text-align: right; } +.reviews .row-review .optional-review a { color: #000; } +.reviews .row-review .optional-review a.yes { color: #009000; font-weight: bold; } +.reviews .row-review .optional-review a.no { color: #ae0000; font-weight: bold; } + +/*** Pagination ***/ +.product-detail .pagination { padding: 20px 0 10px; } + +/* Profile Blocks +*******************************************************************************/ +.profile { + background-color: #fff; + border: 1px solid #d0d0d0; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + padding: 20px 30px; + width: auto; +} +.profile.registerpage { + border: none; + padding: 0 30px; + width: 680px; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.profile-title { + border-bottom: 1px solid #d0d0d0; + margin-bottom: 15px; + padding-bottom: 15px; +} +.profile h1, .review h1 { + color: #525252; + float: left; + font: 1.538em Verdana,Arial,Tahoma,Sans-Serif; +} +.profile p.req { + color: #3e85d2; + float: right; + font-size: 1em; + font-weight: bold; + padding-top: 10px; +} +.profile .halfcol { + float: left; + padding: 0 15px 0 0; + width: 315px; +} +.profile .halfcol-last { + padding: 0; + position: relative; +} + +.profile-form label { + display: block; + font-weight: bold; + padding-bottom: 3px; +} + +.profile-form.left label { + display: inline; + padding-bottom: 0px; + + float: left; + padding-top: 3px; + width: 90px; +} + +.field-content label { + display: inline; + font-weight: normal; + padding: 0; +} + +.red { + color: #cd0000; + font-weight: normal; + padding: 0 0 0 5px; +} +.form.profile-form p { + clear: both !important; + float: left; + padding: 5px 0; +} +.form.profile-form .field { width: 270px; } +.form.profile-form .alt2 .field { width: 150px; } +.field.statusSuccess { + background: url(@templates_base@/img/bg-field-success.jpg) repeat-x 0 0; + border: 1px solid #80d04d !important; +} +.field.statusError, .error .field { + background: url(@templates_base@/img/bg-field-error.jpg) repeat-x 0 0; + border: 1px solid #d80000 !important; +} + +.review .profile-form .field { float: left; width: 380px; } +.review .profile-form p.buttons { padding: 0 0 0 90px; width: 380px; } +.review .profile-form p.buttons em { float: right; text-align: right; width: 170px; } + +.terms { + text-align: center; + width: 100%; +} + +.password-block { + /*display: none;*/ + float: left; + padding: 5px 0; + position: relative; + width: 100%; +} +.registerpage .password-block { display: block; } +.password-block p { + clear: none !important; + padding: 0 15px 0 0; +} +.password-block p.pasfield2 { padding: 0; } +.password-block .field { width: 121px; } +#change-password { color: #267bd1; } + +.colorbar { + display: inline-block; + height: 8px; + width: 29px; +} + +.password-strength { display: none; font-weight: bold; } +.password-strength .meterDefault { color: #aaa; } +.password-strength .meterFail { color: #daa; } +.password-strength .meterWarn { color: #fd6; } +.password-strength .meterGood { color: #ada; } +.password-strength .meterExcel { color: #66c133; } +.password-strength .colorbar.meterDefault { background-color: #ddd; } +.password-strength .colorbar.meterFail { background-color: #fdd; } +.password-strength .colorbar.meterWarn { background-color: #feb; } +.password-strength .colorbar.meterGood { background-color: #dfd; } +.password-strength .colorbar.meterExcel { background-color: #66c133; } + +/* Cart Blocks +*******************************************************************************/ +.steps { + margin: 0 auto; + width: 535px; +} +.steps li { + background: url(@templates_base@/img/icon-step.png) no-repeat 100% 40%; + color: #bdbdbd; + float: left; + font-size: 9pt; + font-weight: bold; + padding: 0 85px 0 38px; + text-transform: uppercase; +} +.steps li:first-child { + padding-left: 0; +} +.steps li:last-child { + background: none; + padding-right: 0; +} +.steps li i { + display: block; + height: 36px; + margin: 0 auto 5px; + width: 40px; +} +.steps li.step1 i { background: url(@templates_base@/img/cart-steps.png) no-repeat 0 0; } +.steps li.step2 i { background: url(@templates_base@/img/cart-steps.png) no-repeat 0 -36px; } +.steps li.step3 i { background: url(@templates_base@/img/cart-steps.png) no-repeat 0 -72px; } +.steps li a { + color: #bdbdbd; + text-decoration: none; +} +.steps li.step1.active i { background: url(@templates_base@/img/cart-steps.png) no-repeat -40px 0; } +.steps li.step2.active i { background: url(@templates_base@/img/cart-steps.png) no-repeat -40px -36px; } +.steps li.step3.active i { background: url(@templates_base@/img/cart-steps.png) no-repeat -40px -72px; } +.steps li.active a { color: #878787; } + + +.cart-detail { + background-color: #fff; + border: 1px solid #d0d0d0; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + margin-top: 10px; + padding: 15px 30px 50px 30px; + width: 100%; +} +.cart-detail h1 { + color: #525252; + font: 1.538em Verdana,Arial,Tahoma,Sans-Serif; + padding: 0 0 20px 0; +} +.cart-detail .halfcol { + border-right: 1px dotted #aeaeae; + float: left; + margin: 0 14px 0 0; + padding: 0 14px 0 0; + width: 465px; +} +.cart-detail .halfcol-last { + border-right: none; + margin: 0; + padding: 0; + position: relative; +} +.cart-detail .halfcol-last .badge-optional { + background: url(@templates_base@/img/badge-optional.png) no-repeat 0 0; + height: 40px; + position: absolute; + top: -44px; left: -20px; + width: 102px; +} +.cart-detail .fieldset { + background: url(@templates_base@/img/bg-form-fieldset.jpg) repeat-x 0 0; + color: #000; + font-weight: bold; + height: 26px; + line-height: 26px; + padding: 0 0 10px 50px; + position: relative; +} +.cart-detail.receipt .fieldset { padding-left: 16px; } +.cart-detail .fieldset .link { + font-weight: normal; + position: absolute; + right: 15px; +} + +fieldset { padding: 0 0 15px; } + +.firstline { min-height: 140px; padding: 20px 0 0; position: relative; } +.firstline .login-alt { + color: #66c133; + font-size: 1.154em; + font-weight: bold; + padding: 5px 0 20px 50px; +} +.firstline .login-alt .plashka { + right: 194px; +} +.firstline .login-alt .plashka-sel { + margin: -6px 0 0 5px; +} + +.checkout-form label { + display: block; + font-weight: bold; + padding-bottom: 3px; +} +.checkout-form p { + clear: both !important; + float: left; + padding: 5px 0 5px 50px; +} +.checkout-form p.alt1 { + clear: none !important; + padding: 5px 10px 5px 50px; + width: 170px; +} +.checkout-form p.alt2 { + clear: none !important; + padding: 5px 0; + width: 120px; +} +.checkout-form .field { width: 300px; } +.checkout-form select.field { width: 311px; } +.field.statusSuccess { + background: url(@templates_base@/img/bg-field-success.jpg) repeat-x 0 0; + border: 1px solid #80d04d; +} +.field.statusError { + background: url(@templates_base@/img/bg-field-error.jpg) repeat-x 0 0; + border: 1px solid #d80000; +} + +.checkout-form p.alt1 .field, +.checkout-form p.alt2 .field, +.checkout-form p.pasfield1 .field, +.checkout-form p.pasfield2 .field { + width: 100%; +} + +.checkout-form .creditcard .field { width: 250px; } +.checkout-form .creditcard p.alt1.expdate .field { width: 78px; } +.checkout-form .creditcard p.alt2 .field { width: 70px; } + +.creditcards { padding: 0 0 0 50px; } +.creditcards span { + display: inline-block; + height: 45px; +} +.creditcards span.paypal { + border-left: 1px solid #d3d3d3; + margin-left: 10px; + padding-left: 15px; +} + +.cart-detail .password-block { + border: 1px solid #e3e3e3; + float: right; + padding: 12px 20px; + width: 390px; +} +.cart-detail .password-block p { + clear: none !important; + padding: 0 30px 0 0; +} +.cart-detail .password-block p.pasfield1 { + width: 150px; +} + +.checkout-form .safe-shop { + background: url(@templates_base@/img/safe-shop.jpg) no-repeat 0 40px; + min-height: 335px; + margin: 115px 0 0 50px; +} +.checkout-form .safe-shop .title { + color: #389901; + font: bold 1.462em Verdana,Arial,Tahoma,Sans-Serif; + padding-left: 18px; +} +.checkout-form .safe-shop ul.list { + float: left; + padding: 10px 0 0 130px; +} +.checkout-form .safe-shop ul.list li { + background: url(@templates_base@/img/icon-galka.png) no-repeat 0 50%; + color: #313030; + font-weight: bold; + padding: 6px 0 6px 25px; +} + +dl.total { padding: 20px 0 0; width: 240px; } +dl.total dt, +dl.total dd { + float: left; + font-weight: bold; + padding: 0 0 10px; + text-align: right; + width: 120px; +} +dl.total dt.discount { color: #bf0000; } +dl.total dd { font-size: 1.385em; } +dl.total dd span { font-size: 15px; } +dl.total dd.price1 { color: #333; font-size: 1.538em; } +dl.total dd.price2 { color: #bf0000; } +dl.total dd.price3 { font-weight: normal; } +dl.total dd.price4 { color: #3f911f; font-size: 1.538em; } + +.product-discount .item-price span, .product-discount .item-discount span, +.shop-cart-row .price-cell span, .shop-cart-row .extended-price-cell span { + font-size: 12px; +} + +.cart-detail .terms { + text-align: right; + width: 240px; +} + +.place-button, +.place-grey-button, +.checkout-button, +.checkout-grey-button { + background: url(@templates_base@/img/order-left.jpg) no-repeat 0 0; + color: #faffed; + display: inline-block; + font-size: 1.385em; + font-weight: bold; + text-shadow: #000 0px 1px 1px; + text-decoration: none; +} +.place-grey-button, +.checkout-grey-button { + color: #000; + text-shadow: none; +} +.place-button span, +.place-grey-button span, +.checkout-button span, +.checkout-grey-button span { + background: url(@templates_base@/img/order-right.jpg) no-repeat 100% 0; + display: inline-block; + height: 37px; + line-height: 37px; + padding: 0 50px 0 30px; +} +.place-button:hover, +.place-grey-button:hover, +.checkout-button:hover, +.checkout-grey-button:hover { color: #faffed; } + +.checkout-button span { + background: url(@templates_base@/img/checkout-right.jpg) no-repeat 100% 0; + padding: 0 30px 0 20px; +} +.place-grey-button { + background: url(@templates_base@/img/checkout-grey-left.jpg) no-repeat 0 0; +} +.place-grey-button span { + background: url(@templates_base@/img/order-grey-right.jpg) no-repeat 100% 0; +} +.checkout-grey-button { + background: url(@templates_base@/img/checkout-grey-left.jpg) no-repeat 0 0; + margin-top: 20px; +} +.checkout-grey-button span { + background: url(@templates_base@/img/checkout-grey-right.jpg) no-repeat 100% 0; + padding: 0 30px 0 20px; +} + +.continue-button { + background: url(@templates_base@/img/bg-button-continue-right.jpg) no-repeat 100% 0; + color: #3c3c3c; + display: inline-block; + font-weight: bold; + margin-right: 20px; + text-decoration: none; +} +.continue-button span { + background: url(@templates_base@/img/bg-button-continue-left.jpg) no-repeat 0 0; + display: inline-block; + height: 26px; + line-height: 26px; + padding: 0 20px 0 25px; +} +.continue-button:hover { + color: #3c3c3c; +} + +.cart-detail.receipt .success-order { + background: url(@templates_base@/img/success.png) no-repeat 30px 30px; + border-bottom: 1px solid #d0d0d0; + margin-bottom: 25px; + padding: 0 0 25px 130px; +} +.cart-detail.receipt .success-order .links { + float: right; + padding: 0; +} +.cart-detail.receipt .success-order .links a.link-print { + background: url(@templates_base@/img/icon-print.jpg) no-repeat 0 0; + display: inline-block; + font-weight: bold; + height: 32px; + line-height: 32px; + padding: 0 20px 0 40px; +} +.cart-detail.receipt .success-order .links a.link-download { + background: url(@templates_base@/img/icon-download.jpg) no-repeat 0 0; + display: inline-block; + font-weight: bold; + height: 32px; + line-height: 32px; + padding: 0 0 0 40px; +} +.cart-detail.receipt .success-order .green { + color: #009f00; + font: 1.538em Tahoma,Verdana,Arial,Sans-Serif; +} +.cart-detail.receipt .success-order p { + padding: 5px 0; +} + +.cart-detail.receipt p { padding-left: 16px; } +.cart-detail.receipt dl.info { + padding-left: 16px; +} +.cart-detail.receipt dl.info dt { + clear: both !important; + float: left; + font-weight: bold; + padding: 5px 15px 5px 0; + width: 90px; +} +.cart-detail.receipt dl.info dd { + float: left; + padding: 5px 15px 5px 0; +} + +.cart-detail.receipt .items { + border-bottom: 1px solid #d1d1d1; + margin-top: 30px; + width: 100%; +} +.cart-detail.shoppingcart .items { + margin-top: 0; +} +.cart-detail.receipt .items thead { + background: url(@templates_base@/img/bg-form-fieldset.jpg) repeat-x 0 0; + border: 1px solid #adadad; +} +.cart-detail.receipt .items th { + color: #000; + font-weight: bold; + padding: 5px 10px; +} +.cart-detail.receipt .items td { + border-top: 1px solid #d1d1d1; + color: #000; + padding: 10px; + text-align: center; + vertical-align: middle; +} +.cart-detail.receipt .items tr:first-child td { + border-top: none; +} +.cart-detail.receipt .items td.options-td { + background-color: #f7f7f7; + border-top: none; + color: #686767; + text-align: left; +} +.cart-detail.receipt .items td.options-td .sel-options { float: left; padding: 0 20px 0 0; } +.cart-detail.receipt .items .item-img { width: 70px; } +.cart-detail.receipt .items .item-total { font-weight: bold; } +.cart-detail.receipt .items .item-title { + color: #333; + font-weight: bold; + text-align: left; +} +.cart-detail.receipt .items .item-quantity { position: relative; } +.cart-detail.receipt .items .item-quantity .field { text-align: center; width: 30px; } +.formStatus { + position: absolute; + top: 37px; + left: 15px; + display: block; + z-index: 5000; + cursor: pointer; +} +.formStatus .formContent { + width: 100%; + position:relative; + z-index:5001; + color: #fff; + white-space: nowrap; + font-family: Arial; + font-size: 12px; + box-shadow: 0 0 3px #444; + -moz-box-shadow: 0 0 3px #444; + -webkit-box-shadow: 0 0 3px #444; + padding: 4px 10px 4px 10px; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} +.formStatus .formArrow { + height: 11px; + margin: -34px 0 0 22px; + position: relative; + width: 21px; + z-index: 5006; +} +.formStatus.formSuccess .formContent { background: #398d1d url(@templates_base@/img/validate/con-success.png) repeat-x 0 0; } +.formStatus.formSuccess .formArrow { background: url(@templates_base@/img/validate/con-success-arrow.png) no-repeat 0 0; } +.formStatus.formError .formContent { background: #990000 url(@templates_base@/img/validate/con-error.png) repeat-x 0 0; } +.formStatus.formError .formArrow { background: url(@templates_base@/img/validate/con-error-arrow.png) no-repeat 0 0; } + +.cart-detail.receipt .items .item-quantity .formStatus { left: 0; } + +.cart-detail.receipt dl.total { float: right; padding-right: 30px; } + +.cart-detail.receipt .discount-block { + float: left; + padding: 20px 0 0; + width: 300px; +} +.cart-detail.receipt .discount-block p { padding: 5px 0; } +.cart-detail.receipt .discount-block .field { width: 170px; } +.cart-detail.receipt .discount-block .num-discount { position: relative; } +.cart-detail.receipt .discount-block .formStatus { left: -15px; } + +.cart-detail.shoppingcart h1 { float: left; } + +.cart-detail.shoppingcart .buttons-right { float: right; text-align: right; } +.cart-detail.shoppingcart .buttons-right dl.total { float: none; padding-right: 0; } + + +/* Review Blocks +*******************************************************************************/ +.review { + background-color: #fff; + width: 500px; +} +.review h1 { + color: #525252; + font: 1.538em Verdana,Arial,Tahoma,Sans-Serif; + padding: 0 0 20px; +} + +.profile-form label { + float: left; + font-weight: bold; + padding-top: 3px; + width: 90px; +} +.red { + color: #cd0000; + font-weight: normal; + padding: 0 0 0 5px; +} +.profile-form p { + clear: both !important; + float: left; + padding: 5px 0; +} +.profile-form .field { float: left; width: 380px; } +.profile-form textarea.field { + height: 70px; +} +.profile-form p span { float: left; width: 380px; } +.profile-form p.buttons { padding: 0 0 0 90px; width: 380px; } +.profile-form p.buttons em { float: right; text-align: right; width: 170px; } + +.review .success { + color: #0b9f00; + font-size: 1.385em; + padding: 80px 0 20px; + text-align: center; +} +.review .warning { + padding-bottom: 30px; + text-align: center; +} +.review .button { + text-align: center; +} + + +/* Compare Page +*******************************************************************************/ +#content .compare { padding: 20px; } +#content .compare .good-item { + border-right: 1px dotted #333; + float: left; + min-height: 450px; + padding: 0 0 15px; + width: 225px; +} +#content .compare .good-item.last-child { + border-right: none; +} +#content .compare .good-item .button-delete { + padding: 0 0 10px 0; + text-align: center; +} +.good-item .rating { padding: 10px 0 0; text-align: center; } +.good-item .rating p { padding: 5px 0 0; } +.good-item .har { text-align: left; } +.good-item .har dt { float: left; font-weight: bold; padding: 0 10px 3px 0; width: 100px; } +.good-item .har dd { float: left; width: 80px; } + +.buttons-block { padding-top: 120px; text-align: center; } +.compare-button { + background: url(@templates_base@/img/bg-button-compare-left.jpg) no-repeat 0 0; + color: #323232; + display: inline-block; + font-size: 1.385em; + font-weight: bold; + text-decoration: none; +} +.compare-button span { + background: url(@templates_base@/img/bg-button-compare-right.jpg) no-repeat 100% 0; + display: inline-block; + height: 60px; + padding: 10px 20px; + text-align: center; +} + +/*** Compare accordion ***/ +#compare-menu h3 { + background: #fff url(@templates_base@/img/bg-form-fieldset.jpg) repeat-x 0 0; + color: #5b5b5b; + cursor: pointer; + font-weight: bold; + height: 26px; + line-height: 26px; + padding: 0 16px; + position: relative; +} +#compare-menu a { color: #5b5b5b; padding-left: 20px; text-decoration: none; } +#compare-menu h3.active a { color: #fff; } +#compare-menu .ui-icon-circle-arrow-e { + background: url(@templates_base@/img/bullet-menu.png) no-repeat 0 -22px; + height: 6px; + width: 10px; +} +#compare-menu .ui-icon-circle-arrow-s { + background: url(@templates_base@/img/bullet-menu.png) no-repeat 0 -6px; + height: 6px; + width: 10px; +} +#compare-menu .good-item-cell { + border-right: 1px dotted #333; + float: left; + max-height: 450px; + padding-bottom: 25px; + width: 225px; +} +#compare-menu .good-item-cell .description { + max-height: 450px; + overflow-x: hidden; + padding: 5px 16px; } \ No newline at end of file