/* catalog/view/theme/default/stylesheet/font-awesome.css */ /*! * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot?v=4.0.3'); src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.3333333333333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.2857142857142858em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.142857142857143em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.142857142857143em; width: 2.142857142857143em; top: 0.14285714285714285em; text-align: center; } .fa-li.fa-lg { left: -1.8571428571428572em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-asc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-desc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-reply-all:before { content: "\f122"; } .fa-mail-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } /* catalog/view/theme/default/stylesheet/stylesheet.css */ html { overflow-y: scroll; margin: 0; padding: 0; } body { background-color: #d9f0fc; background-image: url(../image/patterns/21.png); background-attachment: scroll; color: #000000; font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; } body, td, th, input, textarea, select, a { font-size: 16px; border-radius: 20px } 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: #000000; font-size: 16px; margin-top: 0px; margin-bottom: 5px; } p { margin-top: 0px; margin-bottom: 20px; } a, a:visited, a b { color: #38B0E3; text-decoration: underline; cursor: pointer; outline: none; } a:hover { text-decoration: none; } a img { border: none; outline: none; } form { padding: 0; margin: 0; display: inline; } input[type='text'], input[type='password'], textarea { background: #F8F8F8; border: 1px solid #CCCCCC; padding: 3px; margin-left: 0px; margin-right: 0px; } select { background: #F8F8F8; border: 1px solid #CCCCCC; padding: 20px; } label { cursor: pointer; } /* layout */ #container { width: 1000px; margin-left: auto; margin-right: auto; text-align: left; } #column-left { margin-top: 0px; float: left; width: 230px; } #column-right { margin-top: -10px; float: right; width: 190px; } ul.top-blocks .title-block-top { margin-top: 1px; } #column-right .box { border: 1px solid #A3A3A3; background: #fff; box-shadow: 1px 1px 5px #979797; } #column-right .box ul { padding-left: 20px; } #content { background: #d4e9f400; box-shadow: -1px 1px 6px rgba(0, 0, 0, 0.22); min-height: 100%; margin-bottom: 25px; padding: 10px; border-radius: 12px; } #content .breadcrumb { padding-left: 15px; } #content h1, #content h2 { padding-top: 10px; padding-left: 15px; } #column-left + #column-right + #content, #column-left + #content { margin-left: 240px; margin-top: 33px; clear: right; } #column-right + #content { margin-right: 195px; } #content .box-heading { padding-left: 10px; font-weight: bold; font-size: 24px; color: #ffffff; background: #ff8c42; padding-bottom: 18px; padding-top:15px; border-radius: 12px; } /* header */ #language { position: absolute; top: 4px; right: 32px; width: 124px; color: #FFF; line-height: 17px; } #language a { text-decoration: none; width: 27px; line-height: 19px; color: #fff; display: inline-block; text-align: center; border-radius: 100px; padding: 5px; text-transform: uppercase; } #language a:hover, #language a.active { color: #000; background-color: #fff; border-radius: 100; font-weight: bold; } #currency { width: 75px; position: absolute; top: 15px; left: 425px; 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; } .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 { text-align: left; } .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 #search { position: absolute; top: 183px; right: 0px; width: 995px; z-index: 15; } header .button-search { position: absolute; zoom:1; left: 0px; background: url('../image/button-search.png') center center no-repeat; width: 260px; height: 84px; border-right: 1px solid transparent; cursor: pointer; } header #search input { border-radius: 12px; background: rgba(255, 255, 255, 0.72); padding: 1px 1px 1px 33px; width: 950px; height: 74px; border: 4px solid #CCCCCC; -moz-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; } #notification a { text-decoration: none; } #notification ul { padding: 0; margin: 0; width: 288px; display: inline-block; } #notification img { position: absolute; top: 0; right: 0; padding-top: 14px; padding-right: 7px; } .p_carousel .jcarousel-next { display: none!important; } .jcarousel-list-horizontal { margin-bottom: 35px !important; } header { padding-bottom: 44px; position: relative; z-index: 99; height: 190px; background: url(../image/img.png); } .timer { float: left; margin: 15px 0; color: #000; } header #welcome { padding: 12px; padding-bottom: 0px; margin: 0px; margin-top: 5px; margin-bottom: 15px; z-index: 5; text-align: right; color: #000; } #welcome a { color: #000; } .strip { width: 1020px; margin-left: -10px; line-height: 40px; background: #4b85c7; position: relative; min-height: 40px; height: auto; margin-bottom: 20px; border-radius: 12px; } .strip .left-part { display: none; position: absolute; width: 10px; height: 10px; left: 0; bottom: -10px; background: url(../image/stripe-left-part.png) no-repeat center; } .strip .right-part { display: none; position: absolute; width: 10px; height: 10px; right: 0; bottom: -10px; background: url(../image/stripe-right-part.png) no-repeat center; } /* links ---------------------------------------------------*/ .strip .links { /*display: none;*/ float: left; margin-left: 5px; } .strip .links a { float: left; display: block; padding: 0px 0px 0px 60px; color: #fff; text-decoration: none; font-size: 20px; text-transform: uppercase; } .strip .links a + a { margin-left: 8px; } .strip .links a:hover { text-decoration: underline } .price-new { display: block; } /* logo ---------------------------------------------------*/ header #logo { padding-left: 12px; float: left; width: 270px; margin-top: -6px; } /* Top Blocks ---------------------------------------------------*/ .top-blocks { margin-left: 90px; padding: 3px; height: 100px; } div#vibo { position: absolute; color: #a900de; padding-right: 51px; padding-left: 205px; padding-block-end: inherit; } .top-blocks li { display: inline-block; margin: 10px -22px 10px 0; overflow: visible; padding-top: 6px; vertical-align: top; margin-left: 18px; } .top-blocks li img { float: left; vertical-align: middle; margin-right:10px; } .top-blocks p { padding-left: 62px; font-size: 18px; line-height: 26px; margin-top: -21px; margin-bottom: 0; color: #3b3c47; overflow: visible; font-weight: bold; } .top-blocks p a { font-size: 13px; line-height: 26px; color: #616478; text-decoration: none; font-weight: bold; } /* CART */ /*********************************************************************************************header-cart*******************************************************************************************/ .topsite{ animation: blink 1s linear 1; zoom: 0.8; position: absolute; top: 60px; right: 22px; } .cart-logo{ position: absolute; top: 100px; height: auto; right: 10px; } .cart-logo img:hover { transform: scale(1.1) rotate(-2deg); } @keyframes blink { 25% { opacity: 0.5; } 50% { opacity: 0; } 75% { opacity: 0.5; } } @keyframes blink-animation { 0% { opacity: 1; /* Fully visible */ } 50% { opacity: 0; /* Invisible */ } 100% { opacity: 1; /* Fully visible */ } } .cart-inner { display: none; zoom: 70%; position: absolute; top: 783px; left: 1500px; min-width: 100px; margin-right: 0px; } .cart-position { float:right; position:relative; margin:0 0 20px 28px; } #cart .heading span.link_a i.fa-shopping-cart { font-size:25px; line-height:46px; color:#fff; background:#e88e00; padding:0 11px; vertical-align:top; margin-right:16px; } #cart .heading span.link_a i.fa.fa-caret-down { font-size:13px; margin-left:7px; color:#a4a4a4; } #cart.active .heading span.link_a { background-color: #979797; color: #FFFFFF; } #cart.active .heading span.link_a i.fa.fa-caret-down, #cart.active .heading span.link_a b { color:#3498db; } #cart .heading span.link_a strong, #cart .heading span.link_a b { color:#a4a4a4; margin-right:5px; text-transform:capitalize; } #cart .heading span.link_a { border: 1px solid rgb(231, 231, 231); display: block; background-color: #FFFFFF; color: #000; text-decoration: none; font-size: 12px; line-height: 46px; padding: 0 15px 0 0; height: 46px; cursor: pointer; text-transform: uppercase; } #cart.active .content { display:block; } .cart-position #cart .heading span.link_a #cart-total2 {display:none;} #cart .content { zoom: 200%; clear: both; display:none; position: absolute; top:100%; background:#fff; z-index:99999; width:335px; padding:20px; float:right; box-shadow:0px 5px 13px rgba(0,0,0,0.13); right:0px; border:1px solid #f0f0f0; } #header #cart.active .content { display: block; } #header #cart.active .content .mini-cart-info{ display: block; } #header #cart .cart { width: 100%; margin-bottom: 5px; } #header #cart .cart td.price { font-size:12px; line-height:12px; } #header #cart .cart td.total { font-size:12px; } #header #cart .cart td.name a:hover { } #header #cart .cart td.name a i {text-decoration:none;} #header #cart .cart td.name a { margin-top:0px; display:inline-block; } #header #cart .cart td .total { font-size:11px; font-weight:bold; color:#a8a8a8; } #header #cart .cart td .total .quantity { } #header #cart .cart .item-cart-1 td { padding-top:0; } #header #cart .cart td { color: #a8a8a8; vertical-align: top; } #header #cart .cart .image { padding-right:15px; } .cart tr { padding-bottom:20px; margin-bottom:20px; display:block; border-bottom:1px solid #f0f0f0; } .cart-module .cart tr { background:none; } #header #cart .cart .image img { text-align: left; } #header #cart .cart .name small { color: #666; } #header #cart .cart .quantity { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#a6a4a4; text-transform:uppercase; } #header #cart .cart td.total { font-size:12px; color:#c81908; text-align: right; } .cart-module .remove img:hover { overflow:hidden; margin-top:-11px; } .cart-module .cart .remove img { float:left; } .remove span:hover i{color:#3498db} .cart-module .cart .remove span { width:11px; height:11px; overflow:hidden; display: inline-block; } .cart-module .cart .remove { width:20px; text-align:center!important; padding-top:8px; } .cart-module .cart .remove img { cursor: pointer; } #header #cart .cart .remove i:hover {cursor:pointer; color:#167abd;} #header #cart .cart .remove i { font-size:14px; line-height:normal; margin-right:3px; color:#3498db; } #header #cart .cart .remove img:hover { overflow:hidden; margin-top:-11px; } #header #cart .cart .remove img { float:left; } #header #cart .cart .remove { padding:10px 0 } #header #cart .cart .remove>span:hover { color:#3498db } #header #cart .cart .remove>span{ font-size:12px; text-transform:uppercase; cursor:pointer; } #header #cart .cart .remove img { cursor: pointer; } #header #cart table.total { font-size:11px; padding: 5px 10px 5px 10px; margin-top:5px; float: right; clear: left; margin-bottom: 5px; } #header #cart table.total tr { padding:0px 10px 0px 10px; } #header #cart table.total td b { color:#a8a8a8; font-size:12px; } #header #cart table.total td { color: #a8a8a8; padding-left:5px; padding-right:10px; text-align:left; } #header #cart table.total td .t-price { font-size:13px; font-weight:bold } #header #cart .content .checkout a.button { margin-bottom:5px; } #header #cart .content .checkout { text-align: right; clear: both; padding-right:8px; padding-bottom:0px; padding-top:5px; } #header #cart .empty { padding-top:20px; text-align: center; padding-bottom:20px; } #header #cart:hover .content { display: block; } .container_12 { background: #fff; margin-top: 10px; padding-bottom: 0px; } /****************************************************************************************************************************************************************************************/ /* menu */ #top_nav nav { display: none; text-decoration: none; padding-left: 10px; background: url(../../../../../image/data/menu_bg.png); margin-bottom: 0px; border-radius: 12px; } #top_nav nav a { text-decoration: none; line-height: 30px; padding-left: 146px; padding-right: 0px; color: white; text-indent: -146px; font-family: 'Cuprum', sans-serif; text-align: center; font-size: 18px; font-weight: bold; } #top_nav nav li { background: rgba(255, 255, 255, 0.18); list-style: none; display: inline-block; -webkit-transform: skew(-11deg); -moz-transform: skew(-11deg); -o-transform: skew(-11deg); margin-right: 10px; margin-top: 5px; margin-bottom: 5px; border-radius: 12px; } #top_nav nav li:hover { background: rgba(255, 255, 255, 0.8); } #top_nav nav a:hover { color: #000; } #top_nav nav a { /*background: url(../../../../../image/data/hover_item.png);*/ background-size: 100% 100%; display: block; -webkit-transform: skew(11deg); -moz-transform: skew(11deg); -o-transform: skew(11deg); } #menu { background: #585858; border-bottom: 1px solid #000000; height: 37px; margin-bottom: 15px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 0px 2px 2px #DDDDDD; -moz-box-shadow: 0px 2px 2px #DDDDDD; box-shadow: 0px 2px 2px #DDDDDD; padding: 0px 5px; } #menu ul { list-style: none; margin: 0; padding: 0; } #menu > ul > li { position: relative; float: left; z-index: 20; padding: 6px 5px 5px 0px; } #menu > ul > li:hover { } #menu > ul > li > a { font-size: 13px; color: #FFF; line-height: 14px; text-decoration: none; display: block; padding: 6px 10px 6px 10px; margin-bottom: 5px; z-index: 6; position: relative; } #menu > ul > li:hover > a { background: #000000; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } #menu > ul > li > div { display: none; background: #FFFFFF; position: absolute; z-index: 5; padding: 5px; border: 1px solid #000000; -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; background: url('../image/menu.png'); } #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; color: #FFFFFF; display: block; white-space: nowrap; min-width: 120px; } #menu > ul > li ul > li > a:hover { background: #000000; } #menu > ul > li > div > ul > li > a { color: #FFFFFF; } .breadcrumb { color: #CCCCCC; margin-bottom: 10px; } /* AJAX Add to Cart Confirm by Harryo*/ .success, .warning, .attention, .information, .rev-success { padding: 10px 10px 10px 10px; margin-bottom: 5px; color: #555; } .success a, .warning a, .attention a, .information a { color: #333; } #cart-success { position: fixed; z-index:9998; } .success i.fa.fa-times-circle { font-size:40px; padding:10px; } .success .close i { padding:10px } .success { color:#a8a8a8 } .success>img{ max-width:70px; height:auto; float:left; background-color:#efeeee; margin-right:10px; border:1px solid #f0f0f0 } .success a:hover { text-decoration:none; color:#3498db } .success a { text-decoration:none; color: #D8E9F4; } .success span:hover img { margin-top:-11px; } .success p { margin-bottom:11px; font-size:24px; color:#1b1b1b; } .success span:hover {cursor:pointer; color:#3498db} .success span { overflow:hidden; position:absolute; right:8px; top:8px; opacity:1 } .success i {color:#fff;} .success i:hover {color:#3498db;} .success i.fa.fa-thumbs-up{ font-size:31px; color:#3498db; margin-right:10px; vertical-align:middle; } .close {color:transparent; text-shadow:none} .success a { color: #D8E9F4; } .success a:hover {text-decoration:underline;} .success { margin: auto; width: 980px; position: fixed; z-index: 99999!important; top: 0; padding-top: 20px; padding-bottom: 28px; line-height: 18px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: none; background: rgba(9, 108, 130, 0.94); display: none; font-size: 24px; color: #fff; font-weight: bold; text-align: center; } /********************************************************************************back to top******************************************************************************/ #back-top { position: fixed; bottom: 20px; z-index:9999; right: 10px; margin-left:640px; margin-bottom:0; } #back-top a:hover { color:#79ec3e; } #back-top span { width:42px; height:26px; display: block; margin-bottom: 14px; background:url(../image/up-arrow.png) no-repeat left 0px; } #back-top a:hover span { background-position:left bottom; } .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; } 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 { 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; } 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 { border-top: 1px solid #EEEEEE; padding-top: 8px; padding-right: 10px; display: inline-block; width: 98%; margin-bottom: 10px; } .pagination .links { float: left; } .pagination .links a { border-radius: 12px; display: inline-block; border: 3px solid #3468bb; padding: 4px 10px; text-decoration: none; color: #000000; font-size: 22px; margin-right: 4px; } .pagination .links b { display: inline-block; border: 1px solid #269BC6; padding: 4px 10px; font-weight: normal; text-decoration: none; color: #269BC6; background: #FFFFFF; font-size: 24px; margin-right: 4px; } .pagination .results { float: left; padding-top: 3px; } #welcome, #welcome a { display: none; font-size: 20px; color: #000; line-height: 13px; text-decoration: none; text-transform: capitalize; } /* button */ .mini-cart-info .name a { text-decoration: none; } .buttoncart { display: inline-block; text-decoration: none; cursor: pointer; background: #bcbcbc; font-size: 11px; line-height: 13px; text-align: center; } a.buttoncart:hover { background-color: #e4e4e4; } a.buttoncart:hover span { color: #3498db; } .buttoncart span { color: #fff; display: inline-block; padding: 11px 11px 11px 12px; white-space: nowrap; font-size: 11px; font-weight: 400; line-height: 13px; text-transform: uppercase; } a.button, input.button { color: #FFFFFF; line-height: 36px; font-family: Arial, Helvetica, sans-serif; font-size: 31px; font-weight: bold; cursor: pointer; background: #4b85c7; text-align: center; margin-bottom: 6px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } a.button:hover, input.button:hover { background-color: #000; } a.button { display: inline-block; text-decoration: none; padding: 6px 12px 6px 12px; } input.button { margin: 0; border: 0; height: 35px; padding: 0px 12px 0px 12px; } a.button:hover, input.button:hover { background-position: 0px -24px; } .buttons { 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; } .htabs { height: 30px; line-height: 16px; border-bottom: 1px solid #DDDDDD; } .htabs a.selected { padding-bottom: 7px; background: #FFFFFF; } .tab-content { padding: 10px; margin-bottom: 20px; z-index: 2; overflow: auto; flex-wrap: wrap; flex-direction: column; } a.votebutton { color: #fff; text-decoration: none; } #poll p { margin: 10px; font-weight: bold; line-height: 25px; text-decoration: underline; } .tab-heading span { margin-left: 10px; text-decoration: none; font-weight: bold; font-size: 23px; color: #ffffff; } .product-info .image { border: none!important; padding: 0px!important; } /* box */ .box { margin-bottom: 20px; } #column-left .box-heading { display: inline-flex; padding: 40px 0px 0px 8px; font-family: Calibri, Helvetica, sans-serif; font-size: 38px; font-weight: bold; line-height: 30px; color: #4b85c7; background: #4b85c700; } .box .box-heading { padding: 11px 10px 11px 10px; font-family: Calibri, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 14px; } .box .box-content { padding: 0px; } #content .box-product > div:hover { box-shadow: 0px 0px 2px #0071A7; } #featured { margin-left: 0px; width: 760px; height: 324px; background: #C2E6FF; padding-top: 0px; } .box-product-featured div ul li{ height: 285px; background: #fff; border-radius: 30px; padding-bottom: 16px; padding-top: 0px; } .box-product-featured > div { margin-bottom: 30px !important; } .box-product-featured .name { height: 45px; overflow: hidden; margin-bottom: 5px; } #column-left .category { background: #fff; border-radius: 12px; } .featured-heading { display: none; position: absolute; padding-top: 10px; padding-left: 28px; font-weight: bold; font-size: 14px; color: #0060A0; } /* box products */ .box-product { width: 100%; overflow: auto; } .box-product > div { box-shadow: -3px 1px 3px rgba(0, 0, 0, 0.22); height: 208px; zoom: 200%; background: #fff; border-radius: 10px; padding-bottom: 90px; padding-top: 10px; width: 177px!important; margin-left: 3px!important; margin-right: 2px!important; overflow: hidden; display: inline-block; margin-bottom: 0px; margin-top: 10px; text-align: center; } .box-product .image img { padding: 3px; } .box-product .name { height: 44px; overflow: hidden; margin-bottom: 5px; } .box-product .name a { font-size: 11px; font-weight: bold; text-decoration: none; display: contents; margin-bottom: 4px; padding-left: 10px; padding-right: 10px; text-align: center; } #column-left + #column-right + #content .box-product > div { width: 180px; } #column-right .box ul li { list-style: none; } .box-product .image { display: block; margin-bottom: 0px; } .box-product .image img { padding: 3px; } .box-product .name a { color: #006FCF; font-weight: bold; text-decoration: none; display: contents; margin-bottom: 4px; } .box-product-featured .jcarousel-item { box-shadow: -2px 1px 3px rgba(0, 0, 0, 0.22); width: 180px!important; margin-left: 5px!important; margin-right: 5px!important; overflow: hidden; } .jcarousel-list-horizontal { margin-bottom: 36px !important; } .box-product-featured .jcarousel-item:first-child { margin-left: 5px!important; } #featured .box-content { padding-left: 0px!important; padding-right: 0px!important; } .box-product .price { width: 105px; float: left; display: block; font-weight: bold; color: #202020; margin-bottom: 4px; font-size: 14px; text-align: center; padding-top: 2px; } /*.box-product .price.promo { color: #ff1b56 ; font-size: 15px; }*/ .box-product .price-old { color: #F00; text-decoration: line-through; } .box-product .price-new { font-weight: bold; } .box-product .isnew { background: url(../image/isnew.png); background-repeat: no-repeat; background-size: 100% 100%; width:50px; height:50px; float: left; position: absolute; margin-top: -15px; margin-left: -5px; } .call_button { position: relative; top:40px; left: 260px; background: url(../image/call_button.png); background-repeat: no-repeat; background-size: 100% 100%; width: 120px; height: 72px; } .call_button a { padding-left: 18px; padding-top: 6px; text-decoration: none; color: #fff; font-size: 16px; display: block; } #call_order_result { margin-bottom: 10px; } .find_cheaper_left p { line-height: 26px; } .find_cheaper_result { margin-bottom: 10px; } .box-product .rating { display: block; margin-bottom: 4px; } /* box category */ ul.box-category, ul.box-category ul { list-style: none; margin: 0; padding: 0; } ul.box-category > li:first-child { padding: 0px 8px 8px 0px; } ul.box-category > li { padding: 8px 8px 8px 0px; } ul.box-category > li + li { border-top: 1px solid #EEEEEE; } ul.box-category > li > a { text-decoration: none; color: #333; } ul.box-category > li ul { display: none; } ul.box-category > li a.active { font-weight: bold; } ul.box-category > li a.active + ul { display: block; } ul.box-category > li ul > li { padding: 5px 5px 0px 10px; } ul.box-category > li ul > li > a { text-decoration: none; display: block; } ul.box-category > li ul > li > a.active { font-weight: bold; } /* box filter */ ul.box-filter, ul.box-filter ul { list-style: none; margin: 0; padding: 0; } ul.box-filter span { font-weight: bold; border-bottom: 1px solid #EEEEEE; display: block; padding-bottom: 5px; margin-bottom: 8px; } ul.box-filter > li ul { padding-bottom: 10px; } /* content */ #content .content { 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%; } /* 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 */ .product-filter { border-radius: 33px; border-bottom: 1px solid #DBDBDB; padding-top: 10px; background: #ff8c42; padding-left: 15px; padding-right: 15px; height: 58px; overflow: hidden; margin-bottom: 5px; } .product-filter .display { margin-right: 15px; float: left; padding-top: 4px; color: #333; } .product-filter .display a { font-weight: bold; } .product-filter .sort { float: left; color: rgb(255, 255, 255); font-size: 16px; } .product-filter .limit { margin-left: 15px; float: left; color: rgb(255, 255, 255); font-size: 16px; } .product-compare { padding-top: 6px; margin-bottom: 25px; font-weight: bold; float: right; } .product-compare a { display: none; text-decoration: none; font-weight: bold; } .product-list > div { overflow: auto; margin-bottom: 15px; } .product-list .right { float: right; margin-left: 15px; } .product-list > div + div { border-top: 1px solid #EEEEEE; padding-top: 16px; } .product-list .image { float: left; margin-right: 10px; } .product-list .image img { padding: 3px; } .product-list .name { margin-bottom: 3px; } .product-list .name a { color: #38B0E3; font-weight: bold; text-decoration: none; } .product-list .description { line-height: 15px; margin-bottom: 5px; color: #4D4D4D; } .product-list .rating { color: #7B7B7B; } .product-list .price { float: right; height: 50px; margin-left: 8px; text-align: right; color: #333333; font-size: 12px; } .product-list .price-old { color: #F00; text-decoration: line-through; } .product-list .price-new { font-weight: bold; } .product-list .price-tax { font-size: 12px; 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: #333333; text-decoration: none; padding-left: 18px; display: block; background: url('../image/add.png') left center no-repeat; } .product-list .compare a { color: #333333; text-decoration: none; padding-left: 18px; display: block; background: url('../image/add.png') left 60% no-repeat; } .product-grid { width: 100%; overflow: auto; } .product-grid > div { width: 130px; display: inline-block; vertical-align: top; margin-right: 20px; margin-bottom: 15px; } #column-left + #column-right + #content .product-grid > div { width: 125px; } .product-grid .image { display: block; margin-bottom: 0px; } .product-grid .image img { padding: 3px; } .product-grid .name a { color: #38B0E3; font-weight: bold; text-decoration: none; display: block; margin-bottom: 4px; } .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; } .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; } .product-grid .wishlist a { color: #333333; text-decoration: none; padding-left: 18px; display: block; background: url('../image/add.png') left center no-repeat; } .product-grid .compare a { color: #333333; text-decoration: none; padding-left: 18px; display: block; background: url('../image/add.png') left center no-repeat; } .imgsearch img { max-width: 160px!important; } .filter { background: #fff; } /* Product */ .product-info { overflow: hidden; margin-bottom: 20px; margin-top: 25px; } .product-info .right h1 { font-size: 25px; line-height: 25px; color: #000; margin-bottom: 12px; } .product-info > .left { float: left; margin-right: 15px; } .product-info > .left + .right { margin-left: 265px; } .product-info .image { border: 1px solid #E7E7E7; float: left; margin-bottom: 20px; padding: 10px; text-align: center; } .product-info .image-additional { width: 260px; 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: 10px; margin-bottom: 10px; } .product-info .description { border-top: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; padding: 10px 5px 15px 5px; margin-bottom: 10px; line-height: 20px; color: #4D4D4D; } .product-info .description span { text-transform: uppercase; color: #323232; font-weight: bold; } .product-info .description a { color: #4D4D4D; text-decoration: none; } .product-info .price { display: flex; float: left; width: 100%; overflow: visible; border-bottom: 1px solid #E7E7E7; padding: 8px 0px 0px 5px; font-size: 15px; font-weight: bold; color: #333333; } .product-info .price-old { color: #F00; 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 { clear: both; font-weight: bold; font-size: 13px; color: #001492; } .product-info .options { border-bottom: 1px solid #E7E7E7; padding: 0px 5px 10px 5px; margin-bottom: 10px; color: #000000; } .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 { overflow: visible; border-bottom: 1px solid #dedede; padding: 0px 5px 10px 5px; margin-bottom: 10px; margin-top: 10px; color: #4D4D4D; } .product-info .cart div > span { color: #999; } .product-info .cart a i, .product-info .cart a i { margin-right: 9px; font-size: 17px; line-height: 24px; color: #323232; } .product-info .cart a, .product-info .cart a { color: #111458; text-decoration: none; padding-bottom: 0px; font-size: 12px; vertical-align: top; line-height: 24px; } .product-info .cart a:hover, .product-info .cart a:hover { color: #0911C5; } /* Wrapper to align horizontally */ .share-call-wrapper { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; /* optional for responsiveness */ } /* Original phone button styles — UNTOUCHED */ .phone-call-modern { display: flex; align-items: center; text-decoration: none; color: #555; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } .buzz-img { height: 78px; animation: buzz 0.3s linear 1; margin-right: 30px; } .call-label { display: flex; flex-direction: column; justify-content: center; height: 78px; font-size: 18px; font-weight: 500; line-height: 1.2; text-align: left; color: #555; } /* Share button to match phone button's height */ #shareBtn { height: 78px; padding: 0 30px; background-color: #4da6ff; color: white; font-size: 18px; font-weight: 500; border: none; border-radius: 12px; cursor: pointer; display: flex; align-items: center; justify-content: center; white-space: nowrap; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: background-color 0.3s ease, transform 0.1s ease; } #shareBtn:hover { background-color: #3399ff; } #shareBtn:active { transform: scale(0.97); } /* Buzz animation — same as before */ @keyframes buzz { 0% { transform: rotate(0deg); } 20% { transform: rotate(5deg); } 40% { transform: rotate(-5deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .product-info .cart .links { display: inline-block; vertical-align: middle; } .product-info .cart .minimum { padding-top: 5px; font-size: 11px; color: #999; } .product-info .review { color: #4D4D4D; margin-bottom: 10px; } .product-info .review > div { padding: 8px; border-bottom: 1px solid #E7E7E7; line-height: 20px; padding-bottom: 17px; padding-top: 11px; } .product-info .review > div > span { color: #38B0E3; } .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 { text-decoration: none; font-size: 16px; color: #fb4d40; } .compare-info .price-old { font-weight: bold; color: #F00; text-decoration: line-through; } .compare-info .price-new { font-weight: bold; } .tabs .tab-heading { clear:both; border-radius: 12px; border-top: 0px solid #e88e00; padding: 3px; background: #ff8c42; } /* 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 { } .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 { padding-right: 10px; padding-left: 16px; 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; } .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 */ .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 { font-size: 22px; 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: center; } textarea { min-height: 100px!important; } .cart-info thead .price, .cart-info thead .total { text-align: right; } .cart-info tbody td { font-size: 28px; vertical-align: top; border: 1px solid #E0DBDB; border-bottom: 1px solid #DDDDDD; } .cart-info tbody .image img { } .cart-info tbody .image { text-align: center; } .cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity { text-align: center; } .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; } /* checkout */ .checkout-heading { background: #F8F8F8; border: 1px solid #DBDEE1; padding: 8px; font-weight: bold; font-size: 27px; 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; display: none; overflow: auto; } .checkout-content .left { font-size: 22px; font-weight: 600; float: left; width: 48%; } .checkout-content .right { font-size: 22px; font-weight: 600; 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 { overflow: auto; padding-left: 15px; padding-right: 10px; padding-top: 10px; } .contact-info .left { float: left; width: 48%; } .contact-info .right { float: left; width: 48%; } .sitemap-info { overflow: auto; margin-bottom: 40px; } .sitemap-info .left { float: left; width: 48%; } .sitemap-info .right { float: left; width: 48%; } .phone { color: #535353; font-size: 18px; font-family: 'Open Sans', sans-serif; line-height: 30px; margin-bottom: 20px; margin-top: 13px; font-weight: 100; position: absolute; top: 25px; right: 0px; } /* footer */ #footer { margin: 10px 0 0 0; /* 10px gap from the top */ width: 100%; /* full screen width */ clear: both; overflow: hidden; min-height: 100px; padding: 20px; border-top: 1px solid #DBDEE1; border-bottom: 1px solid #DBDEE1; background-image: url(../image/footer_bg.png); background-repeat: repeat-x; border-radius: 12px; box-sizing: border-box; } #f_logo img { width: 210px; float: left; margin-right: 20px; } #footer h3 { color: #fff; font-size: 14px; margin-top: 0; margin-bottom: 8px; } #footer .column { color: #fff; float: left; width: 16%; min-height: 100px; } #footer .column ul { margin: 0; padding: 0; list-style: none; } #footer .column ul li { margin-bottom: 3px; list-style: none; } #footer .column ul li:hover, #footer .column a:hover { text-decoration: underline; } #footer .column a { text-decoration: none!important; color: #fff; } #powered { margin-top: 5px; text-align: center; clear: both; } /* banner */ .banner div { text-align: center; width: 100%; /*display: none;*/ } .banner div img { margin-bottom: 10px; } ul.e-mega-category { background: #fff; padding: 0px; } ul.e-mega-category li{ position: relative; line-height: 50px; list-style: none; /* margin-left:-25px; */ } ul.e-mega-category li:hover { background: #fff; } ul.e-mega-category li a { background-color: #4b85c7; color: #ffffff; font-size: 21px; font-weight: 800; text-decoration: none; width: 100%; display: inline-flex; justify-content: space-around; } ul.e-mega-category li a:hover { color: #005696; background: none; font-weight: bold; font-size: 20px; font-weight: 800; } ul.e-mega-category li a.e-active { font-weight: bold; color: #005696; background: url(#FFF) 94% center no-repeat; } ul.e-mega-category li a.e-active:hover { font-weight: bold; color: #005696; background: url(#FFF) 94% center no-repeat; } #fast_order { box-shadow: 2px 4px 3px rgba(0, 0, 0, 0.22); border-radius: 12px; display: table-caption; background: #5e5d5d; background-size: auto; padding-left: 12px; color: #00ff2b; font-size: 25px; padding-right: 12px; padding-top: 5px; padding-bottom: 10px; /*filter: drop-shadow(0px 0px 3px green); */ } #fast_order_form input#customer_message { height: 50px; } /****** sub menu ******/ .e-sub-menu { display: none; } ul.e-mega-category li:hover .e-sub-menu { display: block; position: absolute; width: 500px; min-height: 140px; background: #fff; border: 1px solid #eee; border-radius: 0px 1px 1px 0px; left: 100%; top: -42px; z-index: 9999; } .e-arrowMenu2 { position: absolute; left: 100%; top: 55px; width: 20px; height: 20px; background: url(...) no-repeat center; display: block; } img.e-catImg { max-width: 470px; margin-top: 10px; } .e-sub-sub-menu { background: #ffffff; padding: 10px; overflow: hidden } .e-sub-sub-menu ul { padding: 0px; list-style: none; } .e-sub-sub-menu ul li { /*list-style-image: url(../image/arrow.png);*/ float: left; width: 100%; vertical-align: middle; } /* clear fix */ .isotope:after { content: ''; display: block; clear: both; } ul.e-mega-category li .e-sub-sub-menu ul li.e-heading-sub a { display: inline-flex; flex-direction: column; font-size: 26px; color: rgb(241 139 0); font-weight: 800; background: none; padding-bottom: 10px; } .e-heading-sub:nth-child(3n+1) { } ul.e-mega-category li .e-sub-sub-menu ul li.e-heading-sub a:hover { display: block; color: #E75C00; background: none; } .e-sub-sub-menu ul li { line-height: 23px; } .e-sub-sub-menu ul li:hover { background: none } .e-sub-sub-menu ul li + li { border-top: none; } .e-sub-sub-menu ul li ul { width: 100% !important } .e-sub-sub-menu ul li ul li { float: left; width: 90%; margin-bottom: 0; } .e-sub-sub-menu ul li.e-heading-sub ul li a{ font-size: 18px !important; padding-left: 14px; color: #474040 !important; /*background: url(../../../../image/e-category/e-arrow-menu.png) no-repeat 20px 5px !important;*/ margin-bottom: 0 !important; } .e-sub-sub-menu ul li ul li a:hover { color: #BE0E0E !important; font-weight: bold; background: none; } .e-sub-menu h3 { font-size: 25px; font-weight: normal; color: #005696; margin: 10px 20px; } .e-sub-menu p { display: block; float: left; width: 40%; line-height: 18px; margin: 0px 20px; } .e-sub-menu .e-button { padding: 6px 12px 6px 12px; color: #fff; width: auto; float: left; background: #7dc50d; } li.e-heading-sub { } ul.thirdCat { display: grid; margin: 0px; padding: 0px; justify-items: center; } .e-sub-menu .e-button:hover { color: #fff; background: #6ba60e; } span.sub-heading a { padding-bottom: 10px!important; font-size: 16px!important; font-weight: bold!important; } .cart input.button { animation: blink-animation 1s ease-in-out 1; width: 136px; margin: 0; border: 0; height: 81px; padding: 0px 0px 0px 0px; } .cart input.button { animation: blink-animation 1s ease-in-out 1; padding-left: 21px; cursor: pointer; color: transparent; line-height: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 0px; font-weight: bold; background: url('../image/cart.png') no-repeat; border: none!important; /*border-radius: 32px;*/ } .clear { clear: both; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #ffffff; border: 1px solid #d7d7d7; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; padding: 8px 6px; font-size: 12px; line-height: 20px; color: #555555; vertical-align: middle; height: 50px; } input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border : 0px; } /*for IE8 */ input[type="submit"]:focus, input[type="button"]:focus { outline : none; } .price .priceMDL, .price .priceUSD { width: 300px; display: block; font-size: 25px; font-weight: bold; line-height: 24px; position: relative; top: 0; white-space: nowrap; -webkit-transition: -webkit-transform .5s; -ms-transition: -ms-transform .5s; -o-transition: -o-transform .5s; transition: transform .5s; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .price .priceUSD { top: -25px; -webkit-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); transform: rotateX(-180deg); } .price:hover .priceUSD { -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); } .price:hover .priceMDL { -webkit-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } noindex:-o-prefocus, .priceUSD { margin-top: 28px!important; } noindex:-o-prefocus, .call_button { top: -78px!important; } noindex:-o-prefocus, .product-info .price { padding-bottom: 10px!important; } noindex:-o-prefocus, .product-info .price .discount { margin-top: 30px!important; } .instock { display: inline-block; background-color: #6ba239; color: #fff!important; font-style: normal; padding: 0 7px; margin: 0 9px; } .breadcrumb .arr { display: none; line-height: 1.25; vertical-align: bottom; } span.arr { font-size: 18px; color: #999999; } .breadcrumb a { border-radius: 12px; line-height: 2; color: #ffffff; background: #3165b7; font-size: 18px; font-weight: bold; text-decoration: none; padding: 5px; } .breadcrumb a:hover { color: #15ff00; } .category-list ul li a { text-decoration: none; } .category-list ul li { list-style: none; } ul.binfo { padding: 10px 8px; margin: 0px; border-bottom: 1px solid #E5E5E5; } ul.binfo li { list-style: none; text-align: right; } ul.binfo li:first-child { float: left; line-height: 18px; } ul.binfo li a { font-size: 14px; } .warning { text-decoration: underline; font-size: 14px; color: #EC0000!important; } .f_soc { display: none; } .f_soc a { margin-right: 10px; } #find_cheaper_form .find_cheaper_left, #call_order_form .call_order_left { height: 160px; display: grid; float: left; width: 40%; text-align: left; margin-left: 26px; align-content: space-between; font-size: 20px; } #find_cheaper_form .find_cheaper_right, #call_order_form .call_order_right { height: 160px; display: inline-block; width: 47%; text-align: left; } #find_cheaper_form .find_cheaper_left p, , #call_order_form .call_order_left p { line-height: 21px; padding: 0px; margin-top: 6px; margin-bottom: 25px; } #find_cheaper_form .find_cheaper_right p, #call_order_form .call_order_right p { margin-bottom: 16px; } #find_cheaper_form .find_cheaper_button:hover, #call_order_form .call_order_button:hover { color: #fff; background-color: #3276b1; border-color: #285e8e; } #find_cheaper_form .find_cheaper_button, #call_order_form .call_order_button { font-size: 17px; cursor: pointer; color: #fff; box-shadow: none!important; border-radius: 6px; background-color: #428bca; border-color: #357ebd; border: 1px solid #357ebd; height: 40px; width: 220px; text-shadow: 1px 1px 2px #555; } .find_cheaper_center, .call_order_center { text-align: center; margin: auto; } a#find_cheaper { display: none; background: none; color: green; padding-bottom: 0px; padding-top: 100px; padding-right: 0px; } p#info-options { margin: 0px; padding: 0px; font-size: 15px; font-weight: bold; margin-top: 80px; } .wishlist-info { max-width: 785px; } .box-categories > div { height: 160px; width: 140px; zoom: 250%; background: #fff; margin-left: 2px!important; margin-right: 2px!important; overflow: hidden; display: inline-block; margin-bottom: 7px; text-align: center; border-radius: 12px; box-shadow: 0px 0px 2px #0071A7; } .box-categories .image img { width: 140px; height: 109px; padding-bottom: 5px; } .box-categories .name a { color: #005696; text-decoration: none; font-size: 11px; font-weight: 800; } .box-categories .name a:hover, .box-categories img:hover .name a { color: #E75C00; } .box-categories > div:hover .name a { color: #E75C00; } .conditions { border-top: 5px solid #e88e00; z-index: 2; overflow: auto; padding: 10px; margin-top: 40px; } .conditions p { margin: 0px; } /* clear fix */ .isotope:after { content: ''; display: block; clear: both; } .creditarea { display: inline-flex; align-items: center; margin-left: 8px; gap: 4px; } .creditarea a img { height: 24px; width: auto; vertical-align: middle; } /* ---- .item ---- */ /*.itemm { float: left; height: 20px; }*/ #cboxCurrent { display: none!important; } @media screen and (min-width: 1000px) { .box-product > div { zoom: 100%; padding-bottom: 31px; } } #shareBtn { width: 200px; height: 100px; background-color: #4da6ff; color: white; font-size: 1.5em; border: none; border-radius: 12px; cursor: pointer; transition: background-color 0.3s ease, transform 0.1s ease; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } #shareBtn:hover { background-color: #3399ff; } #shareBtn:active { transform: scale(0.97); } @media screen and (min-width: 1000px) { .cart input.button { zoom: 50%; animation: blink-animation 1s ease-in-out 1; transition: transform 0.2s ease; } .cart input.button:hover { transform: scale(1.3); } } @media screen and (min-width: 1000px) { .box-categories > div { zoom: 126%; height: 160px; } } @media screen and (min-width: 1000px) { ul.e-mega-category li{ line-height: 31px; } } @media screen and (min-width: 1000px) { ul.e-mega-category li .e-sub-sub-menu ul li.e-heading-sub a { font-size: 22px; padding-bottom: 1px; } } @media screen and (min-width: 1000px) { #cart .content { zoom: 100%; } } @media screen and (min-width: 1000px) { body, td, th, input, textarea, select, a { font-size: 12px; border-radius: 20px } } @media screen and (min-width: 1000px) { #language { right: 19px; width: 94px; } } @media screen and (min-width: 1000px) { #language a { width: 19px; } } @media screen and (min-width: 1000px) { div#vibo { position: absolute; padding-left: 215px; } } /* ---- search ---- */ @media screen and (min-width: 1000px) { header #search { top: 180px; right: 8px; width: 988px; } } @media screen and (min-width: 1000px) { #top_nav nav { display: block; } } @media screen and (min-width: 1000px) { #column-left { margin-top: 0px; } } @media screen and (min-width: 1000px) { #column-left + #column-right + #content, #column-left + #content { margin-top: 0px; } } @media screen and (min-width: 1000px) { #column-left .box-heading { padding: 20px 0px 0px 8px; } } @media screen and (min-width: 1000px) { #fast_order { margin-left: 50px; font-size: 20px; } } #flexslideshow0 { margin: 14px 78px 10px; } #flexslideshow1 { margin: -6px 78px 10px; } #flexslideshow3 { margin: 0px -10px 10px; } #flexslideshow4 { margin: 0px -10px 10px; } #flexslideshow5 { margin: 0px -10px 10px; } .table1 th, .table1 td { font-size: 16px; font-weight: bold; } @media screen and (max-width: 999px) { .box-product .name a { font-size: 10px; } } @media screen and (max-width: 999px) { body.product-product #search input { height: 53px !important; width: 990px !important; } } @media screen and (max-width: 999px) { .box-product .price { display: contents; } } @media screen and (min-width: 1000px) { #back-top span { zoom:2; width:50px; height:60px; display: block; margin-bottom: 136px; } } @media screen and (max-width: 999px) { body.product-product header .button-search { width: 232px !important; height: 51px !important; } } /* Base styles remain 1000px (mobile/tablet) */ /* Desktop styles */ @media (min-width: 1000px) { #container { width: 1400px; } .strip { width: 1420px; } /* Add other width overrides here as needed */ #flexslideshow2 {display: none;} #featured {width: 1140px;} #featured {height: 300px;} header {padding-bottom: 0px;} header {height: 150px;} } @media (min-width: 1000px) { #flexslideshow3 { margin: 0px 0px 0px; width: 1400px; } } @media screen and (max-width: 999px) { #flexslideshow3 {display: none;} } /*search */ @media (min-width: 1000px) { header #search { width: 468px; top: 0px; left: 780px; } } /*search input */ @media (min-width: 1000px) { header #search input { width: 460px; height: 36px; font-size: 20px !important; border: 1px solid #CCCCCC; } } @media (min-width: 1000px) { body.product-product #search input { height: 40px !important; width: 510px !important; } } /*search btn */ @media (min-width: 1000px) { header .button-search { zoom: 0.7; left: 0px; background: url('../image/button-search.png') center center no-repeat; width: 238px; height: 54px; } } @media (min-width: 1000px) { .topsite{ animation: blink 1s linear 1; zoom: 0.8; position: absolute; top: 80px; right: 540px; } } @media (min-width: 1000px) { .cart-logo{ position: absolute; top: 60px; height: auto; right: 20px; } } @media screen and (min-width: 1000px) { .call_button { top:12px; } } /*lazyload animation */ img.lazyload { opacity: 0; transition: opacity 300ms; } img.lazyloaded { opacity: 1; } @media screen and (max-width: 999px) { .box-product-featured .price { display: flex !important; flex-direction: column !important; width: 116px !important; align-items: flex-end !important; } } /* catalog/view/theme/default/stylesheet/bukvus.css */ #bukvus{position:fixed;display:none;bottom:0;opacity:.9;background:#333;width:100%;padding:10px 0;text-align:center;color:#fff;z-index:99;cursor:pointer;width:100%} /* catalog/view/theme/default/stylesheet/filter/filter.css */ .clear{clear:both;} #product-filter{padding:0;line-height: 22px;position: relative;} .filter-option{ padding-top:10px; position: relative; border-top: 1px solid #DADADA; padding-left: 10px!important; padding-right: 5px!important;} .option-name{color: #000; font-weight:bold; margin:0; padding: 1px 10px;position:relative;z-index: 2;} .option-name a{background: url('../../image/filter/icon-info.png') no-repeat 95% center;color: #333333; display: block; position: relative; text-decoration: none; z-index: 2;} .option-name .description{background-color:#E3EEF9; left:-10px; right:10px; display:none; font-weight: normal;padding:10px; position:absolute; top:20px; width:100%;z-index: 3;} .option-values{padding:10px 10px 11px;} .filter-option label{ font-size: 23px; color: #4D4D4D; line-height: 20px; padding-left: 0px; height: 23px; display: block; cursor: pointer; overflow: hidden; } .filter-option label:hover { color: #fff !important; background: transparent url(../../image/filters.png) no-repeat 0 -46px; outline: 0; } .option-values select { background: rgb(212 229 229); border: none; padding: 2px; } .filter-option label input{float: left; margin: 4px 5px 0 0;} .filter-option label small{background: #BCF9B9 url('../../image/filter/counter-bg.png') no-repeat 0 center; border-radius: 0 3px 3px 0; color: #2DA305; display: none; float: right; font-size: 10px; line-height: 17px; margin: 3px 0 0 3px; padding: 0 5px;width: 25px;text-align:center;} .filter-option label.disabled {color: #AAAAAA;} .filter-option label.disabled:hover {background: none;color: #AAAAAA!important;} .filter-option label.disabled small{background: #EFEFEF url('../../image/filter/counter-bg-zero.png') no-repeat 0 center;color: #999999;} .filter-option label a{border-bottom: 1px dashed #017EC2; color: #236BBB; display: block; float: left; text-decoration: none;} .filter-option label.selected {color: #fff; background: transparent url(../../image/filters.png) no-repeat 0 0px;} .filter-option label.selected small{display:none;} .filter-option select{width: 190px; height: 22px;} .filter-option select.selected{border: 1px solid #E56101;} .filter-option #other-options-hide{display:none;} /*=Selected Options */ #selecteds {color: #666;} #selecteds .filter-option{background-color: #F8F8F8; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #EAEAEA;padding: 5px;} #selecteds a{display: inline-block;white-space: nowrap;} #selecteds .cancel-large{background: url('../../image/filter/cancel-large.png') no-repeat 0 7px;padding-left: 20px;display: block; margin: 5px 5px 6px;} #selecteds .cancel-large:hover{background-position: 0 -24px;} #selecteds .cancel-small{background: url('../../image/filter/cancel-small.png') no-repeat 3px 3px;padding-left: 16px;text-decoration: none;} #selecteds .cancel-small:hover{background-position: 3px -18px;} #selecteds .cancel{background: url('../../image/filter/scale-active.png') repeat-x 0 0; display: inline-block; font-size: 1px; text-decoration: none;} /*=Price Trackbar */ #scale{height: 30px; margin: 0 0 5px;position: relative;} #scale #disabled{background-color:#ffffff;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.8;z-index: 5;} #trackbar {background: url('../../image/filter/scale.png') no-repeat 0 6px;overflow:hidden;position:relative;z-index: 1;} #trackbar div {margin:0; padding:0;} #trackbar img {border:0;} #trackbar #left-block {float: left;position:relative; width:0; text-align: right; z-index:1; white-space:nowrap;width:1%; text-align: right; font-size: 1px;margin-right: -7px;} #trackbar #left-block img {cursor:pointer;margin-top: 3px;} #trackbar #right-block {left: -3px;float: right;position:relative; width:0; text-align: left; z-index:1; white-space:nowrap;width:1%; text-align: left; font-size: 1px;margin-left: -7px;} #trackbar #right-block img {cursor:pointer;margin-top: 3px;} #trackbar #center-block {background: url('../../image/filter/scale-active.png') repeat-x 0 0;height:14px;cursor: e-resize;font-size:1px; margin-top: 6px;position:relative;overflow:hidden;z-index: 0;} #trackbar #center-block div{height:13px;position:absolute;top:0;left:0;width:100%;display:none;} #trackbar #center-block #null {background: url('../../image/filter/scale-inactive.png') repeat-x 0 0;} /*=Filter buttons */ #product-filter .filter-buttons{padding: 5px 0 10px 10px;} #product-filter #button-bottom{display:none;z-index: 1;position:absolute;} #product-filter a.disabled{background:#666;} #price-button{padding: 0 0 10px 10px;} /*=Price diagram */ #diagram {background: none repeat scroll 0 0 #F0F0F0; border-radius: 3px 3px 3px 3px; overflow: hidden;margin: 0 0 5px;} #diagram #field {position:relative;height: 30px;} #diagram #field div{background-color: #ccc; float: left; width: 1px;position:absolute;bottom:0;} #diagram #field div div{display:none;} /*=Products list */ .product-grid .description{display:block; font-size:11px; margin:0 -5px 7px; padding:5px;} .product-grid .description .attributes{display: table;list-style-type:none;margin:0;padding:0;} .product-grid .description .attributes li{line-height:15px;display: table-row;} .product-grid .description .attributes li .option{color: #999999; display: table-cell;width: 50%;} .product-grid .description .attributes li .value{display: table-cell; vertical-align: bottom;} .product-list .description{font-size: 11px; margin: 10px 125px 5px 100px;overflow: hidden;} .product-list .description .attributes{display: table;float:left;list-style-type:none; margin:0 20px 0 0; padding: 0;} .product-list .description .attributes li{display: table-row;margin:0; line-height:17px;padding:0;} .product-list .description .attributes li .option{display: table-cell;color:#999999;} .product-list .description .attributes li .value{display: table-cell;padding: 0 0 0 5px;} #other-options-hide{display:none;} input[type="checkbox"] { display: flex; } /* catalog/view/theme/default/stylesheet/slideshow.css */ /* * jQuery Nivo Slider v2.5.2 * http://nivo.dev7studios.com * * Copyright 2011, Gilbert Pellegrom * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php * * March 2010 */ /* The Nivo Slider styles */ .nivoSlider { position: relative; border-radius: 12px; } .nivoSlider img { position: absolute; top: 0px; left: 0px; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; } .nivo-box { display:block; position:absolute; z-index:5; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:8; } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { position:relative; z-index:9; cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /* slider theme */ .slideshow .nivoSlider { margin-top: 0px !important; position: relative; background: #fff url('../image/loading.gif') no-repeat 50% 50%; margin-bottom: 5px; } .slideshow .nivoSlider img { position: absolute; top: 0px; left: 0px; display: none; } .slideshow .nivoSlider a { border: 0; display: block; } .slideshow .nivo-controlNav { position: absolute; right: 10px; bottom: 5px; text-align: center; height: 22px; z-index: 99; } .slideshow .nivo-controlNav a { vertical-align: top; display: block; width: 22px; height: 22px; background: url('../image/bullets.png') no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; } .slideshow .nivo-controlNav a.active { background-position:0 -22px; } .slideshow .nivo-directionNav a { display:block; width:30px; height:30px; background:url(../image/arrows.png) no-repeat; text-indent:-9999px; border:0; } .slideshow a.nivo-nextNav { background-position:-30px 0; right:15px; } .slideshow a.nivo-prevNav { left:15px; } .slideshow .nivo-caption { text-shadow:none; font-family: Helvetica, Arial, sans-serif; } .slideshow .nivo-caption a { color:#efe9d1; text-decoration:underline; } @media screen and (min-width: 999px) { .slideshow .nivoSlider { margin-top: 34px; } }