/* 2010, Inveo.cz Asko redesign */ /* * * Base + Clear * * */ body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,button,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; } body { text-align: center; } table { border-spacing: 0; border-collapse: collapse; } table td, table th { vertical-align: top; text-align: left; } form { display: block; } label, button { cursor: pointer; } h1, h2, h3, h4, h5, h6 { text-align: left; font-weight: bold; } strong, b, dfn, dt, th, label, legend { font-weight: bold; } em, i, dfn, blockquote, address, tfoot { font-style: italic; } ol, ul { list-style: none; } pre { white-space: pre; } pre, code, tt { font-family: "Lucida Console", Monaco, monospace; } a { cursor: pointer; outline: 0 none; } a img, img { -ms-interpolation-mode: bicubic; border: 0 none; } sup { vertical-align: super; } sub { vertical-align: sub; } del { text-decoration: line-through; } br { clear: both; } /* * * Some classes * * */ .clear { clear: both !important; } .left { float: left; } .right { float: right; } .rela { position: relative; } div.clear { height: 1px !important; font-size: 1px !important; line-height: 1px !important; width: auto !important; clear: both; } /* * * Web Default * * */ body, input, button, select, option, textarea, td, th, li, h1, h2, h3, h4, h5, h6 { color: #333; font-size: 13px; line-height: 16px; font-family: "Arial CE", Arial, Helvetica, sans-serif; } body { /*background: url('design-x.png') repeat-x 0px -1941px #e73422;*/ margin: 0px; } a { text-decoration: underline; color: #000; } a:hover { text-decoration: none; } hr { background: #e4e4e4; color: #e4e4e4; clear: both; width: 100%; height: 1px; line-height: 1px; font-size: 1px; margin: 15px 0; border: 0 none;} fieldset { padding: 14px; margin: 0 0 15px 0; border: 1px solid #888; } /* * * Content | Styles * * */ p { margin: 10px 0; line-height: 18px; } p.red { color: #F42837; } p.separator { height: 6px; font-size: 1px; line-height: 1px; margin: 15px 10px; background: url('design-x.png') repeat-x 0px -519px; } b { color: #f42837; } strong { color: #f42837; } ul { margin: 15px 0; list-style: disc outside; } ol { margin: 15px 0; list-style: decimal outside; } li { margin: 0 0 0 20px; line-height: 20px; color: #555; } dl { margin: 5px 0; } dl dt { font-weight: bold; line-height: 24px; float:left; clear: left;} dl dd { margin: 0 0 0 20px; line-height: 24px; } label:hover { text-decoration: underline; } #main h1 { font-size: 17px; line-height: 22px; color: #f42837; margin: 20px 0; border-bottom: 1px solid #aaa;} #main h2 { font-size: 15px; line-height: 20px; color: #F42837; margin: 10px 0; } #main h3 { font-size: 13px; font-weight: normal; font-style: italic; color: #f42837; margin: 10px 0; } #main .alc { text-align: center; } #main .alr { text-align: right; } #main .all { text-align: left; } #main .hidden { display: none; } #main .rela { position: relative; } #main .korner { position: absolute; width: 5px; height: 5px; font-size: 1px; line-height: 1px; display: block; padding: 0; margin: 0; white-space: nowrap; z-index: 5; } #main .a1 { left: 0; top: 0; background: url('design.png') no-repeat -771px -444px; } /* Coords */ #main .a2 { right: 0; top: 0; background: url('design.png') no-repeat -776px -444px; } /* 1 2 */ #main .b1 { left: 0; bottom: 0; background: url('design.png') no-repeat -781px -444px; } /* A . . */ #main .b2 { right: 0; bottom: 0;background: url('design.png') no-repeat -786px -444px; } /* B . . */ ul.messages { list-style: none; margin: 10px 0 10px 0 !important; } ul.messages li { text-align: center; } ul.messages ul { list-style: none; /*width: 80%;*/ margin: 0 auto; } ul.messages ul li { padding: 6px 10px; margin: 0 0 8px 0; border: 2px solid #ddd; background: #f2f2f2; font-size: 15px; line-height: 30px; } ul.messages li.warning-msg li, ul.messages li.error-msg li { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; } ul.messages li.warning-msg li a, ul.messages li.error-msg li a { color: #8a1f11; } ul.messages li.notice-msg li { background: #FFF6BF; color: #514721; border-color: #FFD324; } ul.messages li.notice-msg li a { color:#514721; } ul.messages li.success-msg li { background: #E6EFC2; color: #264409; border-color: #C6D880; } ul.messages li.success-msg li a { color: #264409; } /* * * 'Pre-defined' Table Mk1 * * */ .table-mk1 { width: 100%; margin: 0 0 15px 0; /*background: #e3e6e8;*/ border-collapse: separate; } .table-mk1 thead tr { background: url('most-sold.png') top left no-repeat; height: 30px; } .table-mk1 thead td { color: #FFFFFF; font-size: 11px; text-transform: uppercase; padding-left: 25px; line-height: 22px; font-weight: bold;} .table-mk1 tfoot td { font-size: 1px; line-height: 1px; overflow: hidden; height: 8px; background: url('most-sold.png') 0 -30px no-repeat; } /* .table-mk1 tfoot td { border-top: 1px solid #fff; } */ /* .table-mk1 tfoot div { height: 10px; position: relative; } */ .table-mk1 thead div { height: 5px; position: relative; } .table-mk1 tbody tr { background: url('most-sold.png') -623px 0 repeat-y transparent; position: relative;} .table-mk1 tbody th { line-height: 30px; border-bottom: 1px solid #f87929; padding: 0 10px; color: #f42837; } .table-mk1 tbody td { line-height: 22px; /*border-bottom: 1px solid #b6b9ba;*/ border-top: 1px solid #fff; padding: 0 10px; background-image: none; } .table-mk1 tbody .price { color: #f42837; text-align: right; font-weight: bold; } /* * * 'Pre-defined' Table Mk2 * * */ .table-mk2 { position: relative; margin: 0 0 15px 0; } .table-mk2 table { width: 100%; /*background: #e3e6e8;*/ border-collapse: separate; } .table-mk2 col.min { width: 1%; } .table-mk2 col.small { width: 15%; } .table-mk2 th, .table-mk2 td { color: #333; padding: 0 15px; } .table-mk2 td.price { font-weight: bold; /*text-align: right;*/ white-space: nowrap; } .table-mk2 td.total { color: #F42837; } .table-mk2 tr.sub td { text-align: right; line-height: 20px; padding: 10px 15px 8px 15px; font-size: 12px; /*font-weight: bold;*/ } .table-mk2 tr.sub td.total { color: #000000; text-align: left; } .table-mk2 thead th { line-height: 36px; border-bottom: 2px solid #f1f1f1; color: #7a7a7a; white-space: nowrap; font-size: 11px; font-weight: normal; } .table-mk2 tfoot td, .table-mk2 tfoot th { line-height: 38px; border-top: 2px solid #f1f1f1; font-size: 18px; /*background: #f72;*/ font-style: normal; white-space: nowrap; color: #f42837; } .table-mk2 tfoot th { text-align: right; } .table-mk2 tfoot td { font-weight: bold; color: #f42837; } .table-mk2 tbody th, .table-mk2 tbody td { line-height: 28px; border-top: 1px solid #fff; border-bottom: 1px solid #f1f1f1; } .table-mk2 tbody td a { font-weight: bold; text-decoration: none; } .table-mk2 tbody td a:hover { text-decoration: underline; } /* * * 'Pre-defined' Table Mk3 * * */ .table-mk3 { position: relative; margin: 0 0 15px 0; clear: both; overflow: hidden; } .table-mk3 table { width: 100%; /*background: url('design-x.png') repeat-x 0px -114px;*/ } .table-mk3 th { height: 52px; overflow: hidden; padding: 0 12px; } .table-mk3 th h4 { line-height: 30px; border-bottom: 1px solid #c9c9c9; padding: 0 3px; margin: 20px 0 0 0; color: #7a7a7a; text-transform: uppercase; font-style: normal; font-size: 16px; } .table-mk3 td { padding: 10px 12px; background: transparent; } /* * * Small 'Under Content' Block * * */ /* .small-block { width: 592px; } */ /* .small-block div.head { height: 48px; background: url('design.png') no-repeat 0px -340px; } */ .small-block div.head h1 { font-size: 15px; padding: 0 25px; line-height: 46px; /*font-style: italic; color: #fff;*/ } .small-block div.head div.news-header { text-align: left; font-weight: bold; font-size: 15px; padding: 0 5px; line-height: 46px; font-style: italic; color: #fff; } /*.small-block div.holder { padding: 0 4px; background: url('design-y.png') repeat-y -992px 0px; }*/ .small-block div.holder div.main { /*padding: 10px 8px 5px 8px;*/ background: #fff; } .small-block div.footer { /*width: 592px; height: 17px; font-size: 1px; line-height: 1px; background: url('design.png') no-repeat 0px -323px;*/ } #viewed-prd { width: 631px; margin-top: 15px; } #viewed-prd div.head { height: 28px; background: url('design-new.png') no-repeat 0px -167px; } #viewed-prd div.head h1 { height: 28px; line-height: 23px !important; font-size: 11px; color: #000000; text-transform: uppercase; padding: 0 5px; } #viewed-prd div.holder { border-right: 1px solid #f9f9f9; border-left: 1px solid #f9f9f9; } #viewed-prd div.footer { height: 3px; border-style: solid; border-color: #f9f9f9; border-width: 0 1px 1px 1px; } #viewed-prd table { width: 100% !important; } #viewed-prd table td { width: 209px !important; } /* * * Header * * */ #inner-head { height: 120px; width: 580px; margin: 0 0 0 220px; text-align: left; } #inner-head .user .button-first, #inner-head .user .button-second { display: inline-block; text-transform: uppercase; font-size: 11px; padding-left: 6px; height: 23px; line-height: 23px; text-align: left; width: 94px; font-weight: bold; text-decoration: none; } #inner-head .user, #inner-head .search { margin-top: 48px; } #inner-head .user { float: left; margin-left: 50px; } #inner-head .search { float: right; } #inner-head .user .button-first { background: url('design-new.png') no-repeat -616px -554px; color: #fff; } #inner-head .user .button-second { background: url('design-new.png') no-repeat -616px -518px; color: #f42837; } #inner-head .search input.submit { border: 0 none; color: #f42837; background: transparent; font-weight: bold; } #header { width: 1008px; height: 161px; margin: 0 auto; background: url('design-new.png') no-repeat 0px 0px; } #header div.left { width: 800px; height: 161px; } /* text-align: left */ #header div.left a.logo { width: 204px; height: 100px; margin: 14px 0 0 0; display: block; text-decoration: none; font-size: 1px; } #header div.left div.menu { width: 822px; height: 40px; margin: 0; /*margin-top: 120px;*/ } #header div.left div.menu ul { display: block; height: 40px; list-style: none; margin: 0 0 0 10px; } #header div.left div.menu ul li { float: left; height: 40px; line-height: 40px; padding: 0; margin: 0; background: url('design.png') no-repeat 100% -430px; } #header div.left div.menu ul li a { text-decoration: none; display: block; line-height: 40px; padding: 0 9px 0 7px; font-weight: bold; color: #fff; font-size: 17px; text-transform: uppercase; text-shadow: #d82331 2px 2px 1px; } #header div.left div.menu ul li a:hover { text-decoration: underline; } #header div.left div.menu ul li a span { } /* #header div.right { width: 171px; height: 161px; background: #f1f1f1; margin-right: 5px; } */ #header div.right div.lang { height: 24px; margin: 19px 6px 0 0; } #header div.right div.lang a { float: right; width: 28px; height: 24px; line-height: 24px; text-align: center; margin: 0 0 0 6px; font-size: 11px; color: #f42837; font-weight: bold; text-decoration: none; background: url('design.png') no-repeat -841px -470px; } #header div.right div.lang a:hover { text-decoration: underline; } #header div.right div.lang a.active { color: #fff; background: url('design.png') no-repeat -870px -470px; } #header div.right div.search { height: 30px; margin: 41px 6px 0 0; } #header div.right div.search form { text-align: left; overflow: hidden; } #header div.right div.search form p { overflow: hidden; margin: 0; } #header div.right div.search form input { border: 0 none; float: left; } #header div.right div.search form input.text { width: 157px; height: 16px; margin: 7px 0 0 3px; color: #555; } #header div.right div.search form input.submit { width: 74px; height: 30px; margin: 0 0 0 9px; line-height: 30px; font-weight: bold; color: #fff; text-align: center; background: url('design.png') no-repeat -683px -589px; } #header div.right div.adv { height: 18px; margin: 1px 6px 0 0; } #header div.right div.adv p { line-height: 18px; text-align: right; color: #333; margin: 0 15px 0 0; font-size: 11px; } #header div.right div.adv p a { color: #333; } #header div.right div.user { height: 20px; margin: 6px 6px 0 0; } #header div.right div.user p { line-height: 20px; text-align: right; color: #fff; font-weight: bold; margin: 0 15px 0 0; font-size: 11px; } #header div.right div.user p a { color: #fff; margin: 0 0 0 15px; } /* * * Footer * * */ #footer { /*width: 100%; height: 140px; margin: 20px 0 0 0; background: url('design-x.png') repeat-x 0px -1017px;*/ width: 1008px; margin: 0 auto; } #footer p, #footer img { margin: 0 !important; vertical-align: text-top; } #footer img { margin-left: 10px !important; } #footer .footer-left, #footer .footer-right { margin: 20px 0 15px 0; } #footer .footer-left a { margin-right: 15px; } #footer .footer-left { float: left; padding: 0 8px; } #footer .footer-right { float: right; padding: 0 16px; } #footer div.content { width: 990px; /*height: 140px;*/ margin: 0 auto; } #footer div.content div.upper { width: 990px; height: 68px; line-height: 68px; background: url('design.png') no-repeat 0px -170px; } #footer div.content div.upper p { line-height: 68px; text-align: center; font-weight: bold; font-size: 11px; margin: 0; } #footer div.content div.upper p a { color: #fff; margin: 0 7px; } #footer div.content div.lower { width: 990px; height: 72px; line-height: 72px; } #footer div.content div.lower p { line-height: 72px; font-size: 11px; text-align: center; margin: 0; color: #333; } /* * * Layout | Content * * */ #article div.bread { height: 41px; } #article div.bread p { padding: 10px 10px 0 10px; height: 25px; line-height: 23px; color: #7a7a7a; font-size: 11px; margin: 0; } #article div.bread p a, #article div.bread p span.first, #article div.bread p span.active { display: inline-block; border: 1px solid #f1f1f1; } #article div.bread p a, #article div.bread p span.active { padding: 0 8px; } #article div.bread p a { height: 23px; line-height: 23px; margin: 0 2px; float: left; color: #7a7a7a; } #article div.bread p span { width: 18px; /*height: 16px;*/ float: left; line-height: 23px; background: url('design-new.png') no-repeat -939px -492px; } #article div.bread p span.first { width: auto; background: url('design-new.png') no-repeat -784px -504px; padding: 0 8px 0 26px; } #article div.bread p span.active { width: auto; /*font-weight: bold;*/ font-size: 11px; background: none; background-color: #f1f1f1; border: 1px solid #e4e4e4; } #article div.head { height: 44px; } #article div.head h1 { font-size: 20px; padding: 0 18px 0 10px; line-height: 44px; /*font-style: italic;*/ color: #f42837; margin: 0; border: 0 none; } #article div.footer { height: 3px; font-size: 1px; line-height: 1px; } /* * * Layout | Content + Left Bar * * */ #page div.center div.content-left { width: 791px; } #page div.center div.content-left div.bread { width: 791px; background: url('design.png') no-repeat -2px -452px; } #page div.center div.content-left div.head { width: 791px; background: url('design.png') no-repeat -2px -493px; } #page div.center div.content-left div.holder { padding: 0 6px 0 4px; background: url('design-y.png') repeat-y -201px 0px; } #page div.center div.content-left div.footer { width: 791px; background: url('design.png') no-repeat -2px -537px; } /* * * Layout | Content + Left Bar * * */ #page div.center div.content-right { width: 821px; } #page div.center div.content-right div.bread { width: 821px; /*background: url('design.png') no-repeat 0px -452px;*/ } #page div.center div.content-right div.head { width: 821px; /*background: url('design.png') no-repeat 0px -493px;*/ } #page div.center div.content-right div.holder { padding: 0 4px 0 6px; /*background: url('design-y.png') repeat-y -199px 0px;*/ } /*#page div.center div.content-right div.footer { width: 791px; background: url('design.png') no-repeat 0px -537px; }*/ /* * * Layout | Content + Left & Right Bar * * */ #page div.center div.content { width: 641px; } #page div.center div.content div.bread { width: 641px; background: url('design-new.png') no-repeat 0px -238px; } #page div.center div.content div.head { width: 641px; background: url('design-y-new.png') repeat-y -178px 0; } #page div.center div.content div.holder { padding: 0 0 0 4px; background: url('design-y-new.png') repeat-y -178px 0; } #page div.center div.content div.footer { width: 641px; background: url('design-new.png') no-repeat 0px -323px; } /* * * Layout | Page * * */ #page { width: 1008px; margin: 0 auto; margin-top: 15px; } #page div.left { width: 190px; /*padding: 0 0 10px 0;*/ text-align: left; } #page div.right { width: 176px; padding: 0 0 10px 0; text-align: left; } #page div.center { float: left; padding: 0 0 10px 0; text-align: left; width: 641px; } /*#page div.center #main { padding: 0px 9px 10px 9px; background: transparent; overflow: hidden; }*/ #page div.right #welcome, #page div.right #paper, #page div.right #categ, #page div.left #cart, #page div.left #info { display: none; } /* * * Below Content | News * * */ #news { } #news div.main table { width: 100%; } #news div.main table tr td { width: 33.3%; border-right: 1px solid #c9c9c9; padding: 0 15px; line-height: 16px; } #news div.main table tr td.nobr { border: none; } #news div.main table tr.date td { font-size: 11px; color: #f42837; } #news div.main table tr.head td { font-weight: bold; color: #f42837; } #news div.main table tr.msg td { color: #323232; padding: 10px 15px; line-height: 18px; text-align: justify; } #news div.main table tr.more td p { height: 18px; line-height: 18px; text-align: right; } #news div.main table tr.more td p a { font-weight: bold; font-size: 11px; color: #F42837; } #news div.main table tr.more td p span { margin: 0 0 0 3px; float: right; width: 20px; height: 18px; text-decoration: none; background: url('design.png') no-repeat -973px -498px; } #news div.main { background: url('design-x.png') repeat-x 0px -189px #e5e8e9; } #news div.footer { background: url('design.png') no-repeat 0px -388px; } /* * * Left Bar * * */ #page div.left h2 { height: 33px; line-height: 24px; padding: 0 15px; color: #fff; font-size: 11px; font-style: bold; text-transform: uppercase; } #page div.left div.holder { /*padding: 0 3px 0 6px;*/ background: url('design-y.png') repeat-y 0px 0px; width: 180px; } #page div.left div.footer { height: 30px; line-height: 1px; font-size: 1px; } #page div.left p.more { margin: 15px 0 0 0; } #page div.left p.more a { font-weight: bold; } #page div.left p.more span { float: right; width: 20px; height: 18px; text-decoration: none; } /* * * Left Bar | Categories * * */ #categ { width: 189px; } #categ h2 { background: url('design-new.png') no-repeat -791px -238px; text-transform: uppercase; } #categ div.text { color: #323232; /*padding: 5px 0 5px 0;*/ background: url('menu-bg-new.png') repeat-y #f1f1f1; /* background: url('design-x.png') repeat-x 0px -525px #adc3d0; */} #categ div.text ul { margin: 0; list-style: none; } #categ div.text ul li { margin: 0; padding: 0; *display: inline; font-size: 12px } #categ div.text ul li a { display: block; line-height: 20px; text-decoration: none; color: #323232; font-weight: bold; border-bottom: 1px solid #f8f8f8; } #categ div.text ul li a span { display: block; line-height: 20px; padding: 0 10px; border-bottom: 1px solid #d7d7d7; /*background: url('design.png') no-repeat -970px -470px;*/ } #categ div.text ul li a:hover { color: #f42837; } #categ div.text ul li a:hover span { /*background: url('design.png') no-repeat -970px -494px;*/ } #categ div.text ul ul { background: #e3e6e8; padding: 0 0 0 15px; } #categ div.footer { background: url('design-new.png') no-repeat -760px -581px; height: 8px !important; } /* * * Left Bar | Welcome box * * */ #welcome { width: 180px; margin-top: 15px; } #welcome h2 { /*background: url('design.png') no-repeat -791px -302px;*/ background: url("design-new.png") no-repeat scroll -791px -238px transparent } #welcome div.text { color: #323232; padding: 5px 7px; /*background: url('design-x.png') repeat-x 0px -1157px #e93d23;*/ background: url("menu-bg-new.png") repeat-y scroll 0 0 #F1F1F1; } #welcome div.text a { color: #323232; } #welcome div.text p { line-height: 18px; text-align: left; color: #323232; } #welcome div.text p.more span { background: url('design.png') no-repeat -812px -494px; } #welcome div.footer { /*background: url('design.png') no-repeat -791px -350px;*/ background: url('design-new.png') no-repeat -379px -646px; height: 8px !important; } /* * * Left Bar | My Account * * */ #my-account { width: 199px; } #my-account h2 { background: url('design.png') no-repeat -791px -302px; } #my-account div.text { color: #fff; padding: 5px 0; background: url('design-x.png') repeat-x 0px -1157px #e93d23; } #my-account div.text a { color: #fff; } #my-account div.text p { line-height: 18px; text-align: left; color: #fff; } #my-account div.text p.more span { background: url('design.png') no-repeat -812px -494px; } #my-account div.footer { background: url('design.png') no-repeat -791px -350px; } #my-account div.text ul { margin: 10px 0; list-style: none; } #my-account div.text ul li { margin: 0; border-bottom: 1px solid #ffa249; } #my-account div.text ul li span { } /* color: #333; */ #my-account div.text ul li span, #my-account div.text ul li a { display: block; line-height: 24px; padding: 0 25px; font-weight: bold; color: #fff; border-bottom: 1px solid #cd200f; text-decoration: none; background: url('design.png') no-repeat -970px -518px; } #my-account div.text ul li a:hover { background: url('design.png') no-repeat -970px -542px; } /* * * Left Bar | Latest paper * * */ #paper { width: 189px; margin-top: 15px; } #paper h2 { background: url('design-new.png') no-repeat -791px -366px; height: 30px !important; } #paper div.text { color: #323232; padding: 10px 20px 5px 20px; background-color: #a6000c; /*background: url('design-x.png') repeat-x 0px -1451px #e3e6e8;*/ } #paper div.text a { color: #323232; } #paper div.text p { line-height: 18px; } #paper div.text p.img { text-align: center; } #paper div.text p.img a { display: block; } #paper div.text p.img a img { background: #fff; padding: 2px; border: 1px solid #bbb; } #paper div.text p.img a:hover img { border: 1px solid #e83022; } #paper div.text p.more span { background: url('design.png') no-repeat -972px -473px; } #paper div.footer { display: none; /*background: url('design-new.png') no-repeat -1px -624px;*/ } #page .right #cart .holder .text p { margin: 0; } .article-holder { margin-right: 15px; } /* * * Right Bar | Cart * * */ #cart { width: 178px; /*margin: 0 0 -4px 0;*/ height: 110px; background: url('design-new.png') -559px -623px no-repeat; margin-top: 52px; } #cart div.head { height: 60px; line-height: 60px; overflow: hidden; text-align: left; background: url('design.png') no-repeat -592px -238px; } #cart div.head a { line-height: 50px; display: block; padding: 4px 0 0 58px; margin: 6px 6px 0 3px; color: #f42837; font-size: 15px; font-weight: bold; text-decoration: none; } #cart div.head a:hover { text-decoration: underline; } /* #cart div.holder { padding: 0 6px 0 3px; background: url('design-y.png') repeat-y -1783px 0px; } */ #cart div.holder div.text { padding: 0 10px 0 10px; overflow: hidden; text-align: left; } #cart div.holder div.text p { color: #555; /*margin: 5px 0;*/ margin: 0; } #cart div.holder div.text p strong, #cart div.holder div.text p a { font-weight: bold; color: #000000; } #cart div.holder div.text div.actions { text-align: right; } #cart div.holder div.text div.actions button { color: #fff; font-weight: bold; border: 0 none; background: #fff; width: 78px; } #cart div.holder div.text div.actions button span { width: 74px; height: 30px; line-height: 30px; display: block; background: transparent url('design.png') no-repeat -683px -589px; } #cart div.footer { height: 18px; line-height: 1px; font-size: 1px; background: url('design.png') no-repeat -592px -298px; } #cart .itemcount { height: 40px; margin: 0 !important; } #cart .subtotal { height: 42px; line-height: 42px; margin: 0; color: #FFFFFF !important; } #cart h5 { font-size: 13px; height: 28px; line-height: 28px; color: #000000; } #cart div.holder div.text p.subtotal strong { font-size: 17px; float: right; color: #FFFFFF; } /* * * Right Bar | Info, New Products * * */ #info { width: 178px; margin-top: 10px; } #info p.note-msg { padding: 0 10px; } #info div.head { width: 178px; height: 28px; background: url('design-new.png') no-repeat -592px -380px; } #info div.head h2 { padding: 0 15px; line-height: 22px; color: #FFFFFF; font-size: 11px; text-transform: uppercase; } #info div.holder { padding: 0 8px 0 0; background: url('design-y-new.png') repeat-y top left; } /*#info div.holder div.text { padding: 0 0 10px 0; }*/ #info div.footer { width: 178px; height: 10px; line-height: 1px; font-size: 1px; background: url('design-new.png') no-repeat -592px -428px; } #info #lastest-prd { width: auto; } /* * * Right Bar | Latest Products * * */ #lastest-prd { margin: 0 10px; } #lastest-prd div { border-bottom: 1px solid #e4e4e4; text-align: center; /*padding: 10px;*/ } #lastest-prd div.last { border: none; } #lastest-prd h4 a { color: #000000 !important; } #lastest-prd div.subname { text-align: left; border-bottom: 0px; } /* * * Content | Homepage | On Sale * * */ /* #table-prd { margin: 0 0 10px 0; } */ #table-prd tr.separ td { background: url('design-x.png') repeat-x 0px -174px; font-size: 1px; line-height: 1px; height: 15px; } #table-prd tr.itms td { width: 206px; padding: 10px 8px; /*background: url('design-y.png') repeat-y -1982px 0px;*/ border: 1px solid #f1f1f1; border-bottom: 0px; } #table-prd tr.purchase-data td { vertical-align: bottom !important; border-top: 0; border-bottom: 1px solid #f1f1f1; } #table-prd tr.itms td.last { background: none; } #table-prd tr.itms td.empty { background: none; font-size: 1px; line-height: 1px; } /* * * Content | Cart | Related * * */ .cart-related #prd-related { width: 792px !important; background: url('design-y-new.png') -809px 0 repeat-y transparent; } #prd-related tr.itms td.border { border-right : 2px solid #F9F9F9; } #prd-related { margin: 10px 0 10px 8px; width: auto; background: none; } #prd-related tr.itms td { width: 198px !important; padding: 0 8px; /*background: url('design-y.png') repeat-y -1982px 0px;*/ } #prd-related tr.itms td.last { background: none; } #prd-related tr.itms td.empty { background: none; font-size: 1px; line-height: 1px; } .cart-related { margin: 20px 0 0 0; } /* * * Under Content | Homepage | On Sale * * */ /* #table-viewed { margin: 0px 13px; }*/ #table-viewed tr.separ td { background: url('design-x.png') repeat-x 0px -174px; font-size: 1px; line-height: 1px; height: 15px; } #table-viewed tr.itms td { /*width: 180px;*/ padding: 10px 8px; /*background: url('design-y.png') repeat-y -1982px 0px;*/ border-right: 2px solid #f9f9f9; } #table-viewed tr.itms td.last { /*background: none;*/ border: 0 none !important; } #table-viewed tr.itms td.empty { background: none; font-size: 1px; line-height: 1px; border-right: 2px solid #f9f9f9; } /* * * Content | Prd list | Grid Layout * * */ #page .grid-prd { overflow: hidden; width: 623px; } #page .grid-prd h4 { font-size: 13px; color: #f42837; line-height: 18px; margin: 0 0 2px 0; /*text-align: center; text-decoration: underline;*/ } #page .grid-prd h4 a { color: #f42837; text-decoration: underline; } #page .grid-prd p.image a img { padding: 2px; background: #fff; } /* border: 1px solid #ddd; */ /* tady to mas d...e */ #page .grid-prd p.image a:hover img { } /* background: #ddd; */ #page .grid-prd p { color: #7a7a7a; margin: 5px 0px; text-align: left; } #page .grid-prd p.description { font-size: 12px; line-height: 15px;} #page .grid-prd p.image { text-align: center; margin-top: 0px; } #page .grid-prd p.price { font-size: 15px; line-height: 18px; color: #f42837; font-weight: bold; text-align: left; margin: 5px 0; } #page .grid-prd p.buy { /*text-align: right;*/ font-weight: bold; margin-bottom: 0px; } #page .grid-prd p.buy button { width: 131px; border: 0 none; background: transparent none; color: #fff; font-weight: bold; } #page .grid-prd p.buy button span { width: 125px; height: 30px; line-height: 30px; text-align: left; display: block; background: url('design-new.png') no-repeat -566px -586px; text-transform: uppercase; font-size: 11px; padding-left: 6px; text-transform: uppercase; } /* * * Content | Prd List | Toolbar's * * */ div.toolbar { position: relative; overflow: hidden; } div.toolbar table { width: 100%; } div.toolbar table td { vertical-align: middle; line-height: 24px; font-size: 12px; } div.toolbar table td.east { text-align: right; font-weight: bold; } div.toolbar table td.east a { color: #333; margin: 0 2px; text-decoration: none; } div.toolbar table td.east a:hover { } /* text-decoration: underline; */ /* buggy */ div.toolbar table td.east span { margin: 0 2px; } div.toolbar table td.east span.separ { margin: 0 2px; background: url('design-new.png') 2px -658px no-repeat; width: 16px; display: inline-block; /*height:28px;*/ } div.toolbar div.full table td.east span.separ { } div.toolbar div.small table td.east span.separ { background: url('design-new.png') 2px -670px no-repeat; } div.toolbar table td.east a.more, div.toolbar table td.east span.on { color: #f42837; } div.toolbar table td.east a.more span { margin: 0; text-decoration: none; } div.toolbar table td.east a.arr-right { margin:0; padding: 0 0 0 5px; background: url('design-new.png') no-repeat 0 -703px; display: inline-block; width: 101px; height: 30px; line-height: 37px; text-align: left; color: #FFFFFF; margin-left: 13px; margin-bottom: 7px; } div.toolbar table td.east a.arr-left span { padding: 0 0 0 14px; background: url('design.png') no-repeat -794px -495px; } div.toolbar table td.west { text-align: left; color: #f42837; font-weight: bold; } div.toolbar table td.west select { border: 1px solid #7f9db9; margin: 0 3px 0 0; vertical-align: middle; width: 80px; } div.toolbar table td.west select option { width: auto; } div.toolbar table td.west a { text-decoration: none; display: inline-block; width: 24px; height: 24px; font-size: 1px; line-height: 1px; vertical-align: middle; } div.toolbar table td.west a.arr-up { background: url('design.png') no-repeat -793px -470px; } div.toolbar table td.west a.arr-down { background: url('design.png') no-repeat -817px -470px; } div.toolbar table td.west span { margin: 0 3px 0 0; } div.toolbar div.small, div.toolbar div.full { padding: 0 0 0 10px; } /* div.toolbar div.full { overflow: hidden; border-bottom: 1px solid #c9c9c9; background: url('design-x.png') repeat-x 0px -114px; }*/ div.toolbar div.full table { height: 48px; margin: 2px 0; } div.toolbar div.full table td { line-height: 48px; } div.toolbar div.small { overflow: hidden; } div.toolbar div.small table { } div.toolbar div.small table td.west { display: none; } /* * * Content | Prd List | Most 'Faked' Sold * * */ /* +Mk1 */ #most-sold { margin: 0 0 9px 0; width: 623px; } #most-sold tbody th { padding: 0 15px; } #most-sold tbody td { padding: 1px 15px; font-weight: bold; } #most-sold tbody td a { font-weight: normal; } /* * * Content | Prd List | Subcaties * * */ table.subcats { margin: 0px 0px 10px 0px; width:100%;} table.subcats td { font-size: 12px; vertical-align:middle; height: 35px; line-height: 15px; margin: 0 0 9px 0; padding: 0 15px; color: #f42837; font-weight: bold; /*background: url('design.png') no-repeat 0px -589px;*/ } table.subcats a { margin: 0 5px; color: #333; } /* * * Content | Prd Detail | Images * * */ #product-gallery { width: 305px; float: left; margin-top: 3px; } #product-image-main { border: 1px solid #f1f1f1; padding: 1px; text-align: center; } #full-view { /*float: left;*/ width: 236px; background: #e3e6e8; margin: 0 8px 8px 0; } #full-view td { overflow: hidden; } #full-view thead div, #full-view tfoot div { height: 8px; font-size: 1px; line-height: 1px; position: relative; } #full-view tbody td { padding: 0 8px; } #full-view tbody td a { display: block; width: 220px; height: 220px; text-decoration: none; } #thumb-view { /*float: right;*/ width: 305px; height: 96px; /*background: #e3e6e8;*/ margin: 1px 0 9px 0; } #thumb-view td { overflow: hidden; } #thumb-view td.arr { width: 20px; } #thumb-view td.arr a { display: block; width: 20px; height: 96px; font-size: 1px; line-height: 1px; text-decoration: none; overflow: hidden; position: relative; background: #c8ced2; } #thumb-view td.arr a:hover { background: #ffffff; /*#c8ced2;*/ } #thumb-view td.arr a span { width: 5px; height: 5px; display: block; position: absolute; white-space: nowrap; } #thumb-view td.arr a span.arrow { width: 13px; height: 24px; left: 5px; top: 36px; } #thumb-view td.east a span.arrow { background: transparent url('design.png') no-repeat -957px -494px; } #thumb-view td.west a span.arrow { background: transparent url('design.png') no-repeat -957px -470px; } #thumb-view td.arr a.disabled { cursor: default; background: #ffffff; } #thumb-view td.arr a.disabled span.arrow { background: #ffffff; } #thumb-view td.imgs { padding: 4px 0; text-align: center; } #thumb-view td.imgs a { float: left; width: 88px; height: 88px; } /* #thumb-view td.imgs a img { padding: 4px 4px; margin-right: 2px; } */ #thumb-view td.imgs a:hover img { background: #c8ced2; } /* * * Content | Prd Detail | Price * * */ #prd-detail-price { float: right; clear: right; margin: 0 11px 8px 0; width: 308px; } /* #prd-detail-price tbody th { line-height: 36px; font-size: 18px; } #prd-detail-price tbody td { line-height: 24px; } #prd-detail-price tbody .price { text-align: left; } #prd-detail-price tbody span.onstock { color: #288301; } #prd-detail-price tbody tr.notax .price { color: #000; } */ #prd-detail-price strong { color: #f42837 !important; } #prd-detail-price strong.black { color: #000000 !important; } #prd-detail-price tbody th { color: #7a7a7a; text-transform: uppercase; /*background: url('design-new.png') -958px -710px no-repeat;*/ font-weight: normal; } #prd-detail-price tbody td { color: #000000; } #prd-detail-price .price-cell p { margin: 0; } #prd-detail-price .add-cart { background: url('design-new.png') -106px -654px no-repeat #FFFFFF; vertical-align: middle; } #prd-detail-price .add-cart td { line-height: 58px; } #prd-detail-price .add-cart .arrow { display: inline-block; width: 11px; /*height: 45px;*/ background: url('design-new.png') -737px -670px no-repeat #c0c0c0; margin: 0 8px; } #prd-detail-price .add-cart td .qty { width: 35px; padding: 3px 0; margin-left: 5px; } #prd-detail-price .add-cart td button { width: 131px; border: 0 none; background: transparent none; color: #fff; font-weight: bold; } #prd-detail-price .add-cart td button span { width: 125px; height: 30px; line-height: 30px; text-align: left; display: block; background: url('design-new.png') no-repeat -566px -586px; text-transform: uppercase; font-size: 11px; padding-left: 6px; text-transform: uppercase; } #prd-detail-price .phone-order { font-size: 12px; line-height: 18px; } #prd-detail-price .phone-order p { float: left; margin: 8px 0 0 0; } #prd-detail-price .phone-order .hours { color: #7a7a7a; font-size: 10px; } #prd-detail-price .phone-order .phone { display: inline-block; width: 23px; height: 47px; background: url('design-new.png') -737px -623px no-repeat #c0c0c0; float: right; margin: 5px 8px 0 0; } #prd-detail-price .width-cell { width: 100px; } #prd-detail-price tbody td, #prd-detail-price tbody th { padding: 4px 7px 4px 10px; font-size: 11px; } #prd-detail-price thead td { background: url('product-detail.png') top left no-repeat #FFFFFF; height: 5px; font-size: 1px; line-height: 1px; } #prd-detail-price tfoot td { background: url('product-detail.png') 0 -5px no-repeat #FFFFFF; height: 5px; font-size: 1px; line-height: 1px; } #prd-detail-price tbody tr { background: url('product-detail.png') -308px 0 repeat-y #FFFFFF; position: relative; } #prd-detail-price tbody td, #prd-detail-price tbody th { background: none; } #prd-detail-desc { width: 623px; clear: both; padding: 20px 0 0 0; } #prd-detail-desc th { padding: 2px 10px; } #prd-detail-desc td { padding: 3px 10px; color: #7a7a7a; } #prd-detail dt { color: #000000; } /* * * Content | Prd Detail | Add to cart * * */ .prd-detail-add { margin: 0 0 9px 0; float: right; clear: right; } .prd-detail-add td { vertical-align: middle; text-align: right; padding: 0 2px; } .prd-detail-add td label { margin: 0 3px 0 0; } .prd-detail-add td input { width: 36px; border: 1px solid #db6b3b; text-align: center; padding: 2px 0; vertical-align: baseline; } .prd-detail-add td span.arrow { padding: 0 14px 0 0; background: url('design.png') no-repeat -973px -498px; } .prd-detail-add td.add { width: 154px; padding: 0 0 0 5px; } .prd-detail-add td.add button { color: #fff; font-weight: bold; border: 0 none; padding: 0; text-align: center; background: #fff; width: 158px; } .prd-detail-add td.add button span.out { display: block; width: 154px; text-align: left; height: 35px; line-height: 34px; background: url('design.png') no-repeat -462px -554px; } .prd-detail-add td.add button span.out span { display: block; padding: 0 0 0 20px; text-align: center; line-height: 34px; } /* * * Content | Cart Summary * * */ #table-cart { margin: 0 0 9px 0; } #table-cart td input.qty { width: 36px; padding: 2px 0; border: 1px solid #f1f1f1; text-align: center; } #table-cart td.del { vertical-align: middle; } #table-cart td.del a { width: 19px; height: 19px; display: block; background: url('design-new.png') no-repeat -929px -470px; } #table-cart td.del a span { display: none; } /* * * Content | Cart Toolbar * * */ .cart-bar { width: 100%; margin: 0 0 9px 0; background-color: #f1f1f1; } .cart-bar col.min { width: 1%; } .cart-bar td { text-align: right; height: 35px; vertical-align: middle; font-weight: bold; } .cart-bar td.update, .cart-bar td.cont { text-transform: uppercase; } .cart-bar td.checkout { padding-right: 5px; } .cart-bar td.update button { width: 102px; border: 0 none; background: #f1f1f1 none; color: #fff; font-weight: bold; margin: 0 0 0 3px; } .cart-bar td.update button span { width: 90px; height: 23px; line-height: 23px; text-align: left; display: block; background: #fff url('design-new.png') no-repeat -414px -710px; text-transform: uppercase; font-size: 11px; padding-left:8px; } .cart-bar td.checkout button { color: #fff; font-weight: bold; border: 0 none; padding: 0; text-align: center; background: #f1f1f1; width: 104px; margin: 0 0 0 5px; white-space: nowrap; } .cart-bar td.checkout button span.out { display: block; width: 100px; text-align: left; height: 23px; line-height: 23px; background: url('design-new.png') no-repeat -616px -554px; } .cart-bar td.checkout button span.out span { display: block; padding: 0 0 0 10px; line-height: 23px; text-transform: uppercase; font-size: 11px; } .cart-bar td.cont { text-align: left; padding: 0 0 0 10px; } .cart-bar td.cont a { color: #f42837; } .cart-bar td.cont span { padding: 0 0 0 14px; background: url('design.png') no-repeat -794px -495px; } /* * * Defaults * * */ dl.tabelize { width: 100%; margin: 15px 0; overflow: hidden; } dl.tabelize dt { float: left; width: 40%; line-height: 24px; clear: both; } dl.tabelize dd { float: right; width: 60%; line-height: 24px; margin: 0; } dl.form-mk1 dt label { display: block; padding: 0 0 0 20px; } dl.form-mk1 dd input { padding: 1px; border: 1px solid #db6b3b; width: 80%; } dl.form-mk1 dd input:focus { background: #fffddd; /*border: 1px solid #a10f00;*/ } dl.part-1 { margin: 15px 0 15px 0; } dl.part-2 { margin: 0 0 15px 0; } div.options { clear: both; overflow: hidden; margin: 15px 0; } div.options p { float: left; padding: 0 20px; margin: 0; } div.options p input { margin: 0 5px 0 0; } div.options p label { } /* * * Checkout * * */ .checkout-login th, .checkout-login td { color: #333; } .checkout-login td.register, .checkout-login th.register { border-right: 1px solid #c0c0c0; } .checkout-login td.register { width: 490px; } .checkout-login td.register strong { color: #f42837; } .checkout-login td.register ul { margin: 15px 0 15px 15px; } .checkout-login td.register ul li { margin: 0 0 0 20px; } .checkout-login td button { color: #fff; font-weight: bold; border: 0 none; padding: 0; text-align: center; background: transparent; width: 104px; white-space: nowrap; } .checkout-login td button span { display: block; width: 95px; text-align: left; height: 23px; line-height: 23px; background: url('design-new.png') no-repeat -616px -554px; text-transform: uppercase; font-size: 11px; padding-left: 5px; } .buttonz-mk2 { width: 131px; border: 0 none; background: transparent none; color: #fff; font-weight: bold; } .buttonz-mk2 span { width: 125px; height: 30px; line-height: 30px; text-align: left; display: block; background: url('design-new.png') no-repeat -566px -586px; text-transform: uppercase; font-size: 11px; padding-left: 6px; text-transform: uppercase; } #checkout-step-login table { margin-top: 20px; } #checkout-step-login table th { height: 45px; } #checkout-step-login table h4 { margin-top: 0;} #checkout-step-login td.login label { padding: 0; } #checkout-step-login td.login dd.input {} #checkoutSteps th h4 { color: #7a7a7a; text-transform: uppercase; font-style: normal; font-size: 16px; } #checkout-step-login .checkout-login td.login dt { padding: 5px 10px; } #checkout-step-login .checkout-login td.login dl { background: #f1f1f1; width: 300px; } #checkout-step-login .checkout-login td.login dt input { padding: 2px 0; width: 275px; } #checkout-step-login .checkout-login strong { color: #c70a00; font-size: 11px; } #checkout-step-login .checkout-login td.register ul { list-style-type: disc; margin-left: 20px; } #checkout-step-login .checkout-login td.register li { font-size: 11px; } .checkout-step1, .checkout-step2, .checkout-step3, .checkout-step4 { height: 23px; font-size: 11px; text-transform: uppercase; padding-left: 35px; font-weight: bold; margin-right: 10px; } .checkout-step1 { width: 73px; background: url('design-new.png') 0 -548px no-repeat transparent; color: #FFFFFF !important; } .disabled .checkout-step1 { width: 73px; background: url('design-new.png') 0 -548px no-repeat transparent; color: #FFFFFF !important; } .active .checkout-step1 { width: 73px; background: url('design-new.png') 0 -573px no-repeat transparent; color: #FFFFFF !important; } .checkout-step2 { width: 113px; background: url('design-new.png') -116px -523px no-repeat transparent; color: #FFFFFF !important; } .disabled .checkout-step2 { width: 113px; background: url('design-new.png') -116px -573px no-repeat transparent; color: #FFFFFF !important; } .active .checkout-step2 { width: 113px; background: url('design-new.png') -116px -548px no-repeat transparent; } .checkout-step3 { width: 56px; background: url('design-new.png') -273px -523px no-repeat transparent; color: #FFFFFF !important; } .disabled .checkout-step3 { width: 56px; background: url('design-new.png') -273px -573px no-repeat transparent; color: #FFFFFF !important; } .active .checkout-step3 { width: 56px; background: url('design-new.png') -273px -548px no-repeat transparent; } .checkout-step4 { width: 72px; background: url('design-new.png') -374px -548px no-repeat transparent; color: #FFFFFF !important; } .disabled .checkout-step4 { width: 72px; background: url('design-new.png') -374px -573px no-repeat transparent; color: #FFFFFF !important; } .active .checkout-step4 { width: 72px; background: url('design-new.png') -374px -548px no-repeat transparent; color: #FFFFFF !important; } .checkout-shipping div.help { float: right; /*border: 1px solid #d2d4d6; background: #f2f2f2;*/ padding: 15px; margin: 3px 0 0 0; width:290px; } .checkout-shipping div.help h5, #checkout-step-payment div.help h5 { color: #7a7a7a; margin: 0 0 5px 0; text-transform: uppercase; font-size: 12px; } .checkout-shipping div.help p, #checkout-step-payment div.help p { margin: 0; font-size: 11px; } .checkout-shipping td.ship-type { padding: 20px 12px 0 12px; } .checkout-shipping p { margin: 0; } .checkout-shipping h4 { border: 0 none !important; } .checkout-shipping .ship-data { border-right: 1px solid #c0c0c0; padding-top: 2px; } #billing-new-address-form, #shipping-new-address-form { width: 380px; padding: 0; border: 0 none; background: none; margin-top: 5px !important; } #checkout-step-billing div.options { margin-top: 2px; } #checkout-step-billing div.options p { float: none; padding: 0; } .checkout-shipping .ship-data dt, #checkout-step-billing dd { width: 50%; clear: none; float: left; } .checkout-shipping .ship-data dd { padding-bottom: 5px; } .checkout-shipping .ship-data dd input { border: 1px solid #ababab; } .checkout-shipping .ship-data dl { clear: both; line-height: 18px; margin: 8px 0 4px 0; } .checkout-shipping .ship-data dt { line-height: 18px; } .checkout-shipping .ship-data label { font-weight: normal; font-size: 12px; padding : 0; } .frm-container { padding: 1px 10px; background: #f1f1f1; } .checkout-payment div.help { float: right; border: 1px solid #d2d4d6; background: #f2f2f2; padding: 15px; margin: 3px 0 0 0; width:380px; } .checkout-payment div.help h5 { color: #f42837; margin: 0 0 5px 0; } .checkout-payment div.help p { margin: 0; } .checkout-payment dl { width: 70%; } .checkout-payment td { padding: 10px 12px; } #checkout-step-payment div.help { background: none; border: 0 none; padding: 2px; width: 290px; } .checkout-process { margin: 0 0 10px 0; padding: 5px 10px; background: #F1F1F1; } .checkout-process table { width: 100%; height: 23px; } .checkout-process table td { /*width: 25%;*/ line-height: 10px; font-size: 17px; white-space: nowrap; } .checkout-process table td a { display: inline-block; line-height: 23px; /*text-align: center;*/ overflow: hidden; text-decoration: none; position: relative; } .checkout-process table td a span.icon { position: absolute; height: 24px; line-height: 24px; width: 29px; right: 10px; top: 7px; display: block; color: #000; font-weight: bold; background: url('design.png') no-repeat -870px -470px; } /* color: #fff; background: url('design.png') no-repeat -839px -340px; */ #co-shipping-method-form strong { color: #f42837; } /* .checkout-process table td { background: url('design-x.png') repeat-x 0px -76px; } */ .checkout-process table td a { color: #ffceba; cursor: pointer; } .checkout-process table td span.left { width: 1px; height: 38px; font-size: 1px; line-height: 1px; background: url('design.png') no-repeat -794px -512px; } .checkout-process table td span.right { width: 1px; height: 38px; font-size: 1px; line-height: 1px; background: url('design.png') no-repeat -793px -512px; } /* .checkout-process table td.disabled { background: url('design-x.png') repeat-x 0px 0px; } */ .checkout-process table td.disabled a { color: #444; cursor: default; }/* .checkout-process table td.disabled a span.icon { color: #444; background: url('design.png') no-repeat -868px -340px; }*/ .checkout-process table td.disabled span.left { width: 1px; height: 38px; font-size: 1px; line-height: 1px; background: url('design.png') no-repeat -796px -512px; } .checkout-process table td.disabled span.right { width: 1px; height: 38px; font-size: 1px; line-height: 1px; background: url('design.png') no-repeat -795px -512px; } /* .checkout-process table td.active { background: url('design-x.png') repeat-x 0px -38px; } */ .checkout-process table td.active a { color: #fff; }/* .checkout-process table td.active a span.icon { color: #F42837 ; background: url('design.png') no-repeat -868px -340px; }*/ .checkout-process table td.blank { width: 90%; } .checkout-store dl.shipping-to { margin: 15px 20px; overflow: hidden; } .checkout-store dl.shipping-to dd { float: left; width: 33%; margin: 0 0 3px 0; } .checkout-store dl.shipping-to dd input { margin: 0 5px 0 0; } .checkout-summary table tr.sub td { font-weight: normal; } input.validation-failed { background: #fdd; border: 1px solid #a10f00; } div.validation-advice { line-height: 14px; color: #800; font-weight: bold; padding: 0 5px 5px 15px; } .checkout-controlls { width: 100%; margin: 0 0 15px 0; } .checkout-controlls td { width: 33.3%; padding: 0 10px; vertical-align: middle; } .checkout-controlls td.west { text-align: left; } .checkout-controlls td.center { text-align: center; } .checkout-controlls td.east { text-align: left; } /* .checkout-controlls td button.button { color: #fff; font-weight: bold; border: 0 none; padding: 0; text-align: center; background: #fff; width: 158px; white-space: nowrap; }*/ .checkout-controlls td button.button span.out { display: block; width: 154px; text-align: left; height: 35px; line-height: 34px; } .checkout-controlls td button.button span.out span { display: block; /*text-align: center;*/ line-height: 34px; } .checkout-controlls td button.continue { color: #fff; font-weight: bold; border: 0 none; padding: 0; text-align: center; background: transparent; width: 104px; margin: 0 0 0 5px; white-space: nowrap; } .checkout-controlls td button.continue span.out { display: block; width: 100px; text-align: left; height: 23px; line-height: 23px; background: url('design-new.png') no-repeat -616px -554px; } .checkout-controlls td button.continue span.out span { display: block; padding: 0 0 0 7px; line-height: 23px; text-transform: uppercase; font-size: 11px; } /* .checkout-controlls td button.continue span.out { background: url('design.png') no-repeat -154px -554px; } .checkout-controlls td button.continue span.out span { padding: 0 20px 0 0; } */ .checkout-controlls td button.finish { width: 192px; color: #fff; font-weight: normal; border: 0 none; padding: 0; text-align: center; background: #fff; white-space: nowrap; font-size: 19px; } .checkout-controlls td button.finish span.out { width: 188px; height: 43px; line-height: 40px; display: block; background: url('design.png') no-repeat -770px -554px; } .checkout-controlls td button.finish span.out span { line-height: 40px; } .checkout-payment { margin-bottom: 0px; } .checkout-controlls td a.back { background: url("design-new.png") no-repeat scroll -494px -658px transparent; width: 58px; height: 23px; line-height: 22px; text-align: left; display: inline-block; color: #fff; font-weight: bold; text-decoration: none; } .checkout-controlls td a.back span { text-transform: uppercase; padding-left: 18px; font-size: 11px; } .discount-codes { margin-top: 9px; } .discount-codes legend { width: 88px; height: 28px; font-size: 11px; text-transform: uppercase; background: url('design-new.png') -760px -623px no-repeat transparent; color: #FFFFFF; line-height: 23px; padding-left: 5px; } .discount-codes fieldset { border: 0 none; background-color: #F1F1F1; padding: 5px 14px; } .discount-codes p { margin-top: 2px; } .discount-codes p input.input-text { padding: 2px 0; border: 1px solid #BFBFBF; } .discount-codes button { color: #fff; font-weight: bold; border: 0 none; padding: 0; text-align: center; background: transparent; width: 104px; white-space: nowrap; } .discount-codes button span { display: block; width: 95px; text-align: left; height: 23px; line-height: 23px; background: url('design-new.png') no-repeat -616px -554px; text-transform: uppercase; font-size: 11px; padding-left: 5px; } .cart-related fieldset { border: 1px solid #F9F9F9; padding: 0px; } .cart-related legend { width: 435px; padding-left: 5px; height: 28px; line-height: 23px; background: url('design-new.png') 0 -596px no-repeat transparent; text-transform: uppercase; font-size: 11px; } /* User account */ .user-login th, .user-login td { width: 50%; } /* .buttonz-mk2 { width: 121px; border: 0 none; background: #fff none; color: #fff; font-weight: bold; margin: 0 0 0 3px; } .buttonz-mk2 span { width: 117px; height: 30px; line-height: 30px; text-align: center; display: block; background: #fff url('design.png') no-repeat -566px -589px; } */ #page #main div.head { height: auto; width: auto; background: none; } .dashboard-welcome { line-height: 20px; margin: 10px 0 20px 10px; width: 70%; } .dashboard-welcome p { margin: 0; font-size: 14px; line-height: 20px; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * Added by janos * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #page .grid-prd p.old-price { margin: 0px;} #page .grid-prd p.special-price { margin: 0px 0 5px 0;} #page .grid-prd p.price-homecredit {padding-top: 0; margin: 0px 0px; font-size:12px; color: #999; line-height: 12px;} #page .grid-prd p.dobirka { /*text-align: right;*/ padding-top: 0; margin: 0px 10px; font-size:11px; color: #999; line-height: 11px; height: 22px;} #page .grid-prd p.dobirka span { color: #7a7a7a; font-weight: bold; } #page .grid-prd p.old-price .price-label { color: #000; font-size: 11px; font-weight: bold; } #page .grid-prd p.old-price .price { color: #000; font-size: 12px; font-weight: bold; text-decoration: line-through; } #page .grid-prd p.special-price .price-label { color: #F42837; font-size: 12px; font-weight: bold; } #page .grid-prd p.special-price .price { color: #F42837; font-size: 17px; font-weight: bold; } #prd-detail-price p.special-price { margin: 0px 10px 5px 10px;} #prd-detail-price p.old-price { margin: 4px 2px;} #prd-detail-price p.old-price .price-label { color: #000; font-size: 12px; /*font-weight: bold;*/ text-decoration: line-through; } #prd-detail-price p.old-price .price { color: #000; font-size: 12px; /*font-weight: bold;*/ text-decoration: line-through; } #prd-detail-price p.special-price {margin: 4px 2px} #prd-detail-price p.special-price .price-label { color: #F42837; font-size: 14px; font-weight: bold; margin-right: 10px} #prd-detail-price p.special-price .price, #prd-detail-price .regular-price { color: #F42837; font-size:28px; font-weight: bold; } #main p strong { color: #7a7a7a; /*color: #f42837*/ } #main div.inner-pictures { float:right; width:210px; padding-left: 5px; } /* about us styles */ #main ul { margin: 0; list-style: none; } #main ul li { margin: 0; padding: 0; *display: inline; } #main ul li span { display: block; line-height: 24px; padding: 0 25px; background: url('design.png') no-repeat -970px -494px; } /* banners on catalog pages*/ #main .other-formats { width: 420px; padding: 4px 2px 0px 280px; } #main .leaflet-page {border:1px solid #ccc} /* pagebar */ .pagination { font-size: 12px; padding: 18px 4px; margin-right: 2px; border: 1px solid #FFF; background: #FFF; text-decoration: none; text-align:center } .pagination a, .current-page { border: 1px solid #e3dcdd; text-decoration: none; padding: 3px 4px; background-color: #f4eff0} .pagination a:hover { border-color: #933; } .pagination .current-page { border: 1px solid #933; ; padding: 3px 4px; font-weight: bold; background: #933; color: #FFF; } .map-description {color: #555; font-style: normal; padding-bottom: 12px;} .map-description strong {color: #333;} .leaflet-description {color: #aaa; font-style: italic; padding-bottom: 6px;} #listobjects { margin-bottom: 13px} #listobjects .list { font-weight:bold; text-decoration:underline; cursor:pointer; padding: 2px 4px; margin: 4px 3px; background-color: #eee} /* checkout */ /* help */ .holder .checkout-help { margin: 0; padding: 3px 10px; } .holder .checkout-help h3, .holder .checkout-help h4 { color: #f42837 } .holder .checkout-help b { color: #000 } table#sidebar-totals-table { width:100% } table#sidebar-totals-table td { padding: 2px 0; line-height: 14px; vertical-align:middle; font-size: 12px;} table#sidebar-totals-table td.label { width: 50%} table#sidebar-totals-table td strong { font-style: normal; line-height: 16px} /* required rewrite line-height: 24px; padding: 0 25px; background: url('design.png') no-repeat -970px -494px*/ #main ul li span.required { display: inline; background:none; padding: 0; margin: 0; font-size: 16px } /* print invoice*/ div.page-head {text-align: right; padding-bottom: 2px;} /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * Copy & Paste from magento * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ .data-table { border: 1px solid #bebcb7; width: 100%; } .data-table tr { background: #fff; } .data-table .odd { background: #f8f7f5 } .data-table .even { background: #eeeded !important; } .data-table td.last, .data-table th.last { border-right: 0; } .data-table tr.last th, .data-table tr.last td { border-bottom: 0 !important; } .data-table th { border-right: 1px solid #c2d3e0; padding: 2px 8px; color: #0a263c; white-space: nowrap; line-height: 18px; } .data-table th.wrap { white-space: normal; } .data-table th a, .data-table th a:hover { color: #fff; } .data-table td { padding: 3px 8px; line-height: 18px; } .data-table thead tr th { background: url('images/data_table_th_bg.gif') repeat-x 0 100% #d9e5ee; } .data-table tfoot { border-bottom: 1px solid #d9dde3; } .data-table tfoot tr.first { background: url('images/base_mini_actions_bg.gif') 0 0 repeat-x; } .data-table tfoot tr { background-color: #DEE5E8 !important; } .data-table tfoot td { padding-top: 1px; padding-bottom: 1px; border-bottom: 0; border-right: 1px solid #d9dde3; } .data-table tbody td { border-bottom: 1px solid #d9dde3; border-right: 1px solid #d9dde3; } .data-table tbody.odd tr { background: #f8f7f5 !important; } .data-table tbody.even tr { background: #f6f6f6 !important; } .data-table tbody.odd tr td, .data-table tbody.even tr td { border-bottom: 0; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom: 1px solid #d9dde3; } .data-table tbody td h5.title { margin: 0; padding: 0; font-size: 1em; font-weight: bold; color: #2f2f2f; } .data-table tbody td .option-label { font-weight: bold; font-style: italic; } .data-table tbody td .option-value { padding-left: 10px; } .box-table td { padding: 10px; } .box-table tfoot td { padding-top: 5px; padding-bottom: 5px; } .box-table select { width: 100%; } .account-box { margin-bottom: 20px; border: 1px solid #ccc; border-right-color: #999; border-bottom-color: #999; background: url('images/account_box_bg.gif') repeat-x #fff; padding: 15px; overflow: hidden; } .account-box .head { margin-bottom: 10px; border-bottom: 1px solid #d9dde3; overflow: hidden; } .account-box h4 { color: #E65505; font-size: 1.1em; text-transform: uppercase; } .account-box .inner-head { margin-bottom: 8px; background: url('images/dotted_divider.gif') repeat-x 0 100%; padding-bottom: 2px; text-align: right; } .account-box h5 { font-size: 1.1em; } .account-box h5 a { font-weight: normal; } .account-box h6 { text-transform: uppercase; } .account-main .account-box li { padding: 5px 0; } .account-box ol .count { float: left; margin-top: 3px; background-color: #0a263c; padding: 1px 3px; font-size: 9px; font-weight: bold; color: #fff; line-height: 1em; } .account-box ol .content { margin-left: 20px; padding: 0; } .account-box ol.recent-reviews small { float: left; margin-right: 3px; font-weight: bold; } .account-box .product-images { width: 65px; } .account-box .product-images img { border: 1px solid #ccc; } .account-box .product-details { margin: 0 0 10px 70px; } .account-box .content { padding: 0; } .account-side .actions { border-top: 1px solid #ccc; padding-top: 4px; } .account-side .actions .form-button { float: right; } .edit-password { display: block; height: 20px; background: url('images/icon_lock.gif') no-repeat 0 2px; padding-left: 20px; } .dashboard-welcome { margin-right: 8em; margin-bottom: 1.5em; font-size: 1.1em; } .account-box .head h4 { padding-left: 21px; min-height: 17px; background-repeat: no-repeat; background-position: 0 0; } .ad-orders .head h4 { background-image: url('images/icon_folder_table.gif'); } .ad-account-info .head h4 { background-image: url('images/icon_ma_info.gif'); } .ad-tags .head h4 { background-image: url('images/icon_ma_tags.gif'); } .ad-reviews .head h4 { background-image: url('images/icon_ma_reviews.gif'); } .primary-address-list h4, .address-list h4 { font-size: 1.1em; color: #E26703; text-transform: uppercase; } .primary-address-list li { margin-bottom: 10px; border: 1px solid #ccc; background: url('images/account_box_bg.gif') repeat-x #fff; padding: 10px 13px 8px 13px; } .primary-address-list li .head { margin: 0; } .address-list li { margin-bottom: 1em; } .address-list .actions { float: right; margin: 0 0 10px 10px; } .sales-order-view .checkmo-mailing-address { display: block; padding-left: 20px; } .col2-set, .col3-set, .col4-set, .col5-set { clear: both; } .col2-set .col-1, .col2-set .col-2 { width: 48.5%; } .col2-set .col-1 { float: left; } .col2-set .col-2 { float: right; } .col2-alt-set .col-1 { width: 32%; } .col2-alt-set .col-2 { width: 65%; } .col2-alt-set .col-1 { float: left; } .col2-alt-set .col-2 { float: right; } .col3-set .col-1, .col3-set .col-2, .col3-set .col-3 { float: left; width: 31.3%; } .col3-set .col-1, .col3-set .col-2 { margin-right: 3%; } .col4-set .col-1, .col4-set .col-2, .col4-set .col-3, .col4-set .col-4 { float: left; width: 22%; } .col4-set .col-1, .col4-set .col-2, .col4-set .col-3 { margin-right: 4%; } table .col-1, table .col-2, table .col-3, table .col-4 { float: none !important; margin: 0 !important; } .col3-set td.spacer { width: 3%; } .col4-set td.spacer { width: 4%; } .head, .inner-head { line-height: 1.25em; text-align: right; } .head h1, .head h2, .head h3, .head h4, .head h5, .inner-head h1, .inner-head h2, .inner-head h3, .inner-head h4, .inner-head h5 { margin: 0; float: left; } .group-select label, .form-list label, .payment-methods label { font-weight: bold; } .input-text:focus, select:focus, textarea:focus { background: #edf7fd; } .button-set { clear: both; margin-top: 4em; border-top: 1px solid #e4e4e4; padding-top: 8px; text-align: right; } .form-button, .form-button-alt { overflow: visible; width: auto; border: 0; padding: 1px 8px; background: #f18200; color: #fff; border: 1px solid #de5400; font: bold 12px arial, sans-serif !important; cursor: pointer; text-align: center; vertical-align: middle; } .form-button span, .form-button-alt span { white-space: nowrap; } .form-button-alt { border: 1px solid #406a83; background-color: #618499; } a.form-button-alt { padding: 2px 9px; text-decoration: none; } .form-button-alt:hover { color: #fff; text-decoration: none; } .btn-checkout { display: block; float: right; background: transparent url('images/btn_proceed_to_checkout_rad.gif') no-repeat 100% 0; font-size: 15px; font-weight: bold; padding-right: 8px; } .btn-checkout, .btn-checkout:hover { color: #fef5e5; text-decoration: none; } .btn-checkout span { display: block; padding: 0 17px 0 25px; background: transparent url('images/btn_proceed_to_checkout_bg.gif') no-repeat; line-height: 40px; } .form-list li { margin-bottom: 6px; } .form-list li .input-box .input-text, .form-list li .input-box textarea { width: 250px; } .form-list li .input-box select { width: 256px; } .form-list li.addElement { border-top: 1px solid #DDD; padding-top: 10px; } .group-select { margin: 28px 0; border: 1px solid #bbafa0; padding: 22px 25px 12px 25px; background: #fbfaf6; } .group-select .legend { margin-top: -33px; float: left; border: 1px solid #f19900; background: #F9F3E3; padding: 0 8px; color: #E76200; font-weight: bold; font-size: 1.1em; } .group-select ul { overflow: hidden; margin: 0; } .group-select li { padding: 4px 8px; margin: 0; overflow: hidden; } .group-select li .input-box { float: left; width: 275px; } .group-select li .input-text, .group-select li select, .group-select li textarea { width: 525px; } .group-select li .input-box .input-text, .group-select li .input-box textarea { width: 250px; } .group-select li .input-box select { width: 256px; } .validation-advice, .required { color: #EB340A; } .validation-advice { clear: both; min-height: 15px; margin-top: 3px; background: url('images/validation_advice_bg.gif') no-repeat 2px 1px; padding-left: 17px; font-size: .95em; font-weight: bold; line-height: 1.25em; } .validation-failed { border: 1px dashed #EB340A !important; background: #faebe7 !important; } .v-fix { float: left; } .v-fix .validation-advice { display: block; margin-right: -12em; width: 12em; position: relative; } label.required { font-weight: bold; } p.required { font-size: .95em; text-align: right; } table.pager { margin: 10px 0; } table.pager select, table.view-by select { margin: 0 3px; font-size: .95em; } table.pager select { width: 50px; } table.view-by td.sort-by { text-align: right; padding-right: 44px; } table.view-by select { width: 85px; } table.pager, table.view-by { width: 100%; background: url('images/pager_bg.gif') repeat-x 0 100% #fff; font-size: .95em; } table.pager td { width: 32%; border-top: 1px solid #eee; padding: 4px 8px; vertical-align: middle; } table.pager td.pages { padding: 4px 0; white-space: nowrap; text-align: center; } table.pager ol, table.pager li { display: inline; } table.pager li { padding:0 2px; } table.view-by td { width: 33%; border-top: 1px solid #e2e2e2; padding: 4px 8px; vertical-align: middle; } .generic-box { margin-bottom: 15px; padding: 12px 15px; border: 1px solid #D0CBC1; background: url('images/base_mini_head_bg.gif') repeat-x #fff 0 0; overflow: hidden; } .v-top { vertical-align: top; } .v-middle { vertical-align: middle; } .v-bottom { vertical-align: bottom; } .a-left { text-align: left; } .a-center { text-align: center; } .a-right { text-align: right; } .normal-weight { font-weight: normal; } .auto-width { width: auto; } .nowrap, .nobr { white-space: nowrap !important; } .order-access {padding-bottom:8px; } .order-info {border:solid 1px #D0CBC1; background:#DEE5E8; padding:4px 8px; } .order-info span { display:block; float:left; } .order-info ul { display:inline; } .order-info li { display:inline; padding-right:7px; padding-left:3px; } .order-info li.selected {font-weight:bold; background:url(../images/point-con.gif) no-repeat fixed center bottom; } .order-phone { border: 1px solid #119a03; padding: 2px; margin: 3px 90px; color: #119a03; background-color: #f9f7d8; text-align: center; } .order-phone strong { color: #119a03 } .nice-box h2 { background: url('design.png') no-repeat -791px -302px; color:#FFFFFF; font-size:15px; font-style:italic; height:48px; line-height:46px; padding:0 20px; } .nice-box div.holder { background:transparent url(design-y.png) repeat-y scroll 0 0; padding:0 3px 0 6px; } .nice-box div.text { background:#E93D23 url(design-x.png) repeat-x scroll 0 -1157px; color:#FFFFFF; padding:5px 7px; } .nice-box div.footer { background:transparent url(design.png) no-repeat scroll -791px -350px; font-size:1px; height:16px; line-height:1px; } #leaflet div.detail { float: left; width: 250px; text-align: center} #leaflet div.detail a { font-size: 14px; font-weight: bold;} #leaflet div.detail a:hover { text-decoration: underline; color: #e83022 } #leaflet div.info {margin-left: 260px} #leaflet a img { background: #fff; padding: 2px; border: 1px solid #bbb; margin-top: 10px; } #leaflet a:hover img { border: 1px solid #e83022; } #leaflet div.link { background: #fff; padding: 2px; border: 1px solid #bbb; margin: 40px 0px 0px 30px; text-align:center; width: 200px } #leaflet div.link a { display: block; background-color: #e83022; color: #fff; height: 32px; font-size: 20px; text-decoration: none; padding-top: 10px} #leaflet div.link a:hover { color: #ccc; background-color: #c63345 } /* CHECKOUT PROCESS */ #checkout-payment-method-load p {display: block; float: none;} #checkout-shipping-method-load p {display: block; float: none;} span.delivery-in {font-size: 12px; color: #000; line-height: 20px;} span.delivery-in b { font-weight: bold; color: #000} .promo {width: 628px; height: 60px; background-color: #fff; margin-left: 3px; margin-top: 5px; text-align: center; margin-bottom: 5px;} .subname { text-decoration:none; color: black;font-weight: bold; /*text-align:center;*/ font-size:12px } .measurment { color:#aaa; font-size: 10px; line-height: 12px; padding-bottom: 3px} .percent-sale { float: right; width: 50px; height: 50px; font-weight: bold; color: #ffffff; text-align: center; margin-right: 2px; font-size: 22px; padding: 0px !important; line-height: 17px; z-index:100; background: url('design-new.png') -414px -654px no-repeat transparent; } #info #lastest-prd .percent-sale { padding: 0 none !important; border:0 none; } #lastest-prd div.percent-label, .percent-label {border: none; padding: 3px 0 0 0; font-size: 11px;} #latest-prd .percent-sale { padding: 0 !important; } #lastest-prd p.image { margin-top: 5px !important; } ol.checkout-agreements { list-style: none outside none; } input[type=text], textarea { border:1px solid #000; padding:2px; } #newslettersub { width: 189px; margin-bottom: 15px; } #newslettersub h2 { background: url('design-new.png') no-repeat -791px -366px; height: 30px !important; } #newslettersub div.text { color: #FFF; padding: 10px 20px 5px 20px; background-color: #a6000c; /*background: url('design-x.png') repeat-x 0px -1451px #e3e6e8;*/ } #newslettersub div.text a { color: #FFF; } #newslettersub div.text p { line-height: 18px; } #newslettersub div.text p.img { text-align: center; } #newslettersub div.text p.img a { display: block; } #newslettersub div.text p.img a img { background: #fff; padding: 2px; border: 1px solid #bbb; } #newslettersub div.text p.img a:hover img { border: 1px solid #e83022; } #newslettersub div.text p.more span { background: url('design.png') no-repeat -972px -473px; } #newslettersub div.footer { display: none; /*background: url('design-new.png') no-repeat -1px -624px;*/ } #newslettersub .right #cart .holder .text p { margin: 0; }