/* ================================================ G L O B A L ============================================ */ html, body, form, fieldset, table, caption, tr, td, th, div, p, ul, ol, li, a, img, dl, dt, dd, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0px solid; } @font-face { font-family: galette; src: url('galette.otf'); } html { font-size: 100.01%; text-align: center; } body, table { font-family: Arial, sans-serif;} body { font-size: 75%; color: #504d51; background: url('/images/bg_body.png') repeat-x left top #fff; line-height: 1.5em; /* = LH */ } table { font-size: 100%; } /* non semantic */ hr { display: none; } .hidden { position: absolute; top: -9999px; left: -9999px; } .clr { clear: both; height: 1px; font-size: 1px; overflow: hidden; } .replace { position: absolute; top: 0; left: 0; overflow: hidden; z-index: 1; display: block; } /* list style */ ul { list-style-type: none; } ol { list-style-type: decimal; } #content ul li { font-size: 1.0833em; line-height: 2.0em } #content ul.arrow { margin-left: 0.5em; } #content ul.arrow li { background: url('/images/li_arrow.png') no-repeat left 0.5em; padding: 0 0 0 23px; } #content ul.check { margin-left: 0.5em; } #content ul.check li { background: url('/images/li_check.png') no-repeat left 0.5em; padding: 0 0 0 23px; } /* links */ a, a:link { color: #0b4a7e; text-decoration: underline; outline: none; } a:focus, a:hover { color: #0182ed} /* text flow */ p, dl, dd, ul, ol, table, form, blockquote { margin-bottom: 1.5em; /* = LH */ } ul, ol, dd, blockquot { margin-left: 1.5em; /* = LH */ } blockquote { margin-right: 1.5em; /* = LH */ } sup, sub { line-height: 0; } #content p { font-size: 1.0833em; } /* font-weight */ h1 { font-weight: normal; } th, strong, dt, h2, h3, h4, h5, h6, dfn { font-weight: bold; } /* font style */ em, dfn, q, cite { font-style: italic; } /* headings */ h1, h2, h3, h4, h5, h6 { color: #514e52; margin: 0 0 0.5em; line-height: 1.5em; } #content h1, #content h2, #content h3 { font-family: galette, Arial, sans-serif; } h1 { font-size: 2.0em; border-bottom: 1px solid #d0d0d0; padding-bottom: 0.3em } h2 { font-size: 1.667em; color: #125f9f; } h3 { font-size: 1.5em; } h4, h5, h6 { font-size: 1.0em; line-height: 1.0; } /* illustrations */ p.img { margin: 0 !important; } p.img img { padding: 4px; border: 1px solid #b2b2b2; } p.img a img:hover { border: 1px solid #3b3b3b; } p img.right { float: right; margin: 0.5em 0 0.5em 0.5em; } p img.left { float: left; margin: 0.5em 0.5em 0.5em 0; } /* float and aling */ .fl { float: left; } .fr { float: right; } .frr{ float: right !important; } .al { text-align: left; } .ac { text-align: center; } .ar { text-align: right; } table { border-collapse: collapse; width: 100%; } table th { background: #fff; color: #fff; padding: 6px 10px; border: 1px solid #eaeaea } table td { padding: 4px 10px; border: solid #eaeaea; border-width: 0 1px 1px; background: #fff; } table .odd td { background: #f5f5f5; } form table th, form table td { border: 0; background: #fff; vertical-align: top; } form table label span { color: #ff0000; } textarea { min-height: 100px; } /* ======================================================================================================== */ #page { width: 960px; margin: 0 auto; text-align: left; position: relative; } #head { float: left; width: 100%; height: 165px; position: relative; } #main { float: left; width: 100%; background: url('/images/bg_main.png') no-repeat left bottom; padding: 0 0 20px; margin: 56px 0 2.0em; } #main-i { float: left; width: 920px; padding: 20px 20px 0; background: url('/images/bg_main.png') no-repeat left top; } #content { float: right; width: 620px; border-left: 1px solid #d0d0d0; padding: 0 0 0 26px; } #aside { float: left; width: 257px } #foot { float: left; width: 100%; background: url('/images/bg_foot.png') no-repeat left top #e0e0e0; position: relative; } .basket-page #main { background-position: right bottom; } .basket-page #main-i{ background-position: right top; min-height: 250px; } /* ------------------------------------------/ TOP BOX /-------------------------------------------------- */ #head h1 span, #head a.logo span, #languages li a span, #menu li a, #menu li span, #menu ul .submenu, #menu ul .submenu-i, p a.more, p a.more span, #social li a span, form span.submit, form span.submit span { background-image: url('/images/bg_sprite.png'); background-repeat: no-repeat; } /* logo */ #head h1, #head a.logo { width: 250px; height: 100px; float: left; display: block; margin: 0 55px 0 0; overflow: hidden; position: relative; line-height: 125px; color: #000; text-decoration: none; font-size: 2.5em; font-weight: bold; text-align: center; text-transform: uppercase; border: 0; } #head h1 span, #head a.logo span { width: 250px; height: 100px; background-position: -231px -452px; } /* title */ p#title, #contact { background: url('/images/bg_head_shadow.png') no-repeat left top; } p#title { float: left; width: 380px; min-height: 50px; padding: 40px 0 0 30px; color: #5b5b5b; font-size: 1.25em; } p#title strong { display: block; color: #1e73aa; font-size: 1.0833em; padding: 3px 0 0 } /* contact */ #contact { float: right; width: 200px; min-height: 50px; padding: 40px 0 0 33px; } #contact ul { margin: 0; } #contact li { color: #464646; } #contact li.call span { color: #5fa914; font-size: 1.4166em; font-weight: bold; padding: 0 0 0 20px; } #contact li.mail a { color: #1a6daa; font-size: 1.1667em; font-weight: bold; text-decoration: none; padding: 0 0 0 52px; } #contact li.mail a:hover{ color: #052b47; } /* menu */ #menu { position:absolute; bottom: 3px; left: 0; width: 100%; display: table; } #menu ul { margin: 0; display: table-row; width: 100%; } #menu li { padding: 0; display: table-cell; text-align: center; position: relative; } #menu li div { position: relative; } #menu li a { display: block; background-position: -231px top; background-color: #302e31; color: #ededed; text-transform: uppercase; text-decoration: none; margin: 0 1px; padding: 0 0 0 10px; font-family: galette, Arial, sans-serif; border-bottom: 1px solid #fff; font-size: 1.1667em } #menu li a span { display: block; background-position: right top; padding: 0 10px 0 0; } #menu li a span span { padding: 10px 0 10px; background: none; } #menu li a.active, #menu li a.active:hover { background-position: -231px -552px; background-color: #dcdcdc; color: #3d3a3e; border: 0; } #menu li a.active span, #menu li a.active:hover span { background-position: right -552px; padding: 0 10px 0 0; } #menu li a.active span span, #menu li a.active:hover span span { padding: 10px 0 12px; background: none; } #menu li a:hover span span, #menu ul li:hover a span span { background: url('/images/bg_submenu_ico.png') no-repeat center bottom; } #menu ul a:hover { visibility:visible; position:relative; z-index:200; } #menu ul li:hover { position:relative; z-index:200; } /* menu 2. level */ #menu ul ul { display: block; } #menu ul .submenu { width: 231px; margin: 0; background-position: left bottom; position:absolute; left:-9999px; top:-9999px; z-index: 500 } #menu ul .submenu-i { width: 211px; margin: 0 0 5px; padding: 10px 10px 0; background-position: left top; } #menu ul :hover .submenu { left: 50%; top: 39px; z-index:300; margin-left: -115px; } #menu ul :hover .submenu li { width: 100%; display: block; border-bottom: 1px solid #fff; text-align: left; background: #f1f1f1 } #menu ul :hover .submenu li a { display: block; color:#302e31; text-decoration:none; padding: 0.6em 0 0.5em 25px; background: url('/images/bg_submenu_arrow.png') no-repeat left 0.55em; border-bottom: 1px solid #d9d9d9; font-family: Arial, sans-serif; font-size: 1.0em; text-transform: none; } #menu ul :hover .submenu li a:hover { background-position: -233px 0.55em; color: #000; } #menu ul ul li.last, #menu ul ul li.last a { border: 0 !important; } /* ---------------------------------------/ CONTENT BOX /------------------------------------------------ */ #products .row { float: left; width: 630px; margin: 0 0 10px -10px; } #products .product { float: left; width: 180px; margin: 0 0 0 10px; padding: 0 10px 6px; background: url('/images/bg_product.png') no-repeat left bottom #fff; } #products .product h2 { font-size: 1.083em; background: url('/images/bg_product.png') no-repeat -200px bottom; padding-bottom: 4px; margin: 0 -11px 1.0em; width: 202px; line-height: 1.2em; } #products .product h2 a { color: #312F32; text-decoration: none; display: block; background: url('/images/bg_product.png') no-repeat -200px top; padding: 6px 10px 6px; min-height: 31px; } #products .product .photo { text-align: center; height: 115px; margin: 0; } #products .product p img { border: 1px solid #f1f1f1; max-width: 148px; max-height: 90px; padding: 5px; } #products .product p { font-size: 0.9166em; } #products .product .desc { min-height: 5.0em; } #products .product .bottom { background: #ededed; margin: 0 -9px; float: left; width: 178px; padding: 6px 10px 0; } #products .product .bottom p { font-size: 1.0em; margin: 0; } #products .product .bottom strong { display: block; color: #d20e0e; } #products .product a.more { background-position: -281px -380px; margin-top: 6px; } #products .product a.more span { background-position: right -380px; } /* detail info table */ #product-detail form { border: 1px solid #CCC; border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background:#F1F1F1; float: right; width: 380px; } #product-detail form table { margin: 0; } #product-detail form table tr { margin: 0; padding: 0; border-bottom: 1px solid #E8E8E8; } #product-detail form table th { background: url("/images/bg_detail_table.png") no-repeat left top #f1f1f1; height: 29px; width: 100px; margin: 0; padding: 4px; text-align: left; border: none; color: #302e31; vertical-align: middle; } #product-detail form table td { background: #F1F1F1; margin: 0; padding: 4px 4px 4px 20px; border: none; color: #302e31; vertical-align: middle; } #product-detail form table td #price{ color: #d20e0e; font-weight: bold; } #product-detail form table td .stock{ color: #417909; font-weight: bold; } #product-detail form table td input.ks { width: 25px; background: url('/images/bg_aside_input.png') top left repeat-x #DFDFDF; border: 1px solid #a7a7a7; text-align: center; padding: 5px 2px 3px; } #product-detail form table td input.submit { height: 26px; border: 0; margin: 0 0 0 7px; padding: 0; vertical-align: top; } #product-detail form table tr.nobg { border: 0; } #product-detail form table tr.nobg td, #product-detail form table tr.nobg th { background: #f1f1f1; padding-top: 6px; padding-bottom: 6px; } #product-detail form table select { background: #dfdfdf; border: 1px solid #a7a7a7; width: 150px; } /* detail images */ #images { float: left; width: 210px; } #images .top-image { padding: 10px; width: 188px; border: 1px solid #CCC; border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; display: block; text-align: center; margin-bottom: 10px; } #images ul { margin: 0; } #images li { margin-bottom: 10px; } #images .more-images img { padding: 5px; background: #ededed; border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px solid #D1CFCF; width: 85px; height: 70px } /* tabs */ .ui-tabs-hide { display: none !important; } #tabs { float: left; width: 100%; margin: 30px 0 0; position: relative; } #tabs ul.nav { list-style-type: none; margin: 0 0 0 10px; } #tabs ul.nav li { float: left; padding: 0; margin: 0 5px 0 0; background: none; list-style: none; } #tabs ul.nav li a { display: block; outline: medium none; background:url('../images/tabs/patternsTbsBG.png') repeat-x bottom; paadding: 0 0 5px; text-decoration: none; color: #525252; } #tabs ul.nav li a span { display: block; padding: 0 0 0 20px; background: url('../images/tabs/tabsActiveBG.png') no-repeat left top; } #tabs ul.nav li a span span { padding: 0.6em 20px 0.6em 0; background: url('../images/tabs/tabsActiveBG.png') no-repeat right top; } #tabs ul.nav li.ui-tabs-selected { position: relative; z-index: 10; } #tabs ul.nav li.ui-tabs-selected a { background: none; font-weight: bold; color: black; } #tabs ul.nav li.ui-tabs-selected a span { background: url('../images/tabs/tabsInactiveBG-side.png') no-repeat left top; } #tabs ul.nav li.ui-tabs-selected a span span{ background: url('../images/tabs/tabsInactiveBG.png') no-repeat right top; } #tabs-cover { float: left; width: 610px; background: url('../images/tabs/tabsBG-top.png') no-repeat left top; padding: 10px 0 0; margin: -1px 0 0; position: relative; z-index: 5 } #tabs-cover-i { float: left; width: 590px; background: url('../images/tabs/tabsBG.png') no-repeat left bottom; padding: 10px 10px 20px; } #tabs-cover-i .ui-tabs-panel label { margin: 5px; } #tabs-cover-i .ui-tabs-panel input.submit { background-color: #B80000; border: 2px solid #000000; color: #FFFFFF; cursor: pointer; font-size: 21px; font-weight: bold; height: 40px; margin-right: 5px; width: 200px; } #tabs-cover-i .ui-tabs-panel input.submit:hover { background-color: #FFFF00; color:#B20000; } #tabs table { border-collapse: collapse; } #tabs table td, #tabs table th { background: #fff; border: 1px solid #e5eaec; } #tabs table th { border-right: 0; } #tabs table td { border-left: 0; } /* ---------------------------------------/ FOOT BOX /--------------------------------------------------- */ /* 4 boxes */ #tech, #production, #quick-contact, #contact-form, #foot-line { float: left; padding: 25px; background-image: url('/images/bg_foot.png'); background-repeat: no-repeat; background-color: #e0e0e0; } #tech { width: 197px; background-position: left top; } #production { width: 196px; background-position: -247px top; } #quick-contact { width: 146px; background-position: -493px top; } #contact-form { width: 221px; background-position: -689px top; } #foot-col { float: left; width: 100%; background: url('/images/bg_foot_line.png') no-repeat left bottom; padding: 0 0 10px; } #foot-col h2 { color: #6c6c6c; font-family: galette, Arial, sans-serif; font-size: 1.5em; margin-bottom: 1.0em } #foot-col ul { margin: 0; } #foot-col ul li { line-height: 1.8em; color: #363636; } #foot-col li a { background: url('/images/bg_foot_dot.png') no-repeat left 0.25em; padding: 2px 0 2px 25px; display: block; } #foot-col a { color: #043256; } #foot-col a:hover { color: #000; } /* quick-contact */ #quick-contact li { color: #363636; } #quick-contact li.s { margin-bottom: 1.0em;} #quick-contact li a { background: none; padding: 0; display: inline; } #foot-col #social { margin: 0.5em 0 0;} #social li { width: 28px; height: 28px; float: left; margin-right: 7px; } #social li a { display: block; width: 28px; height: 28px; position: relative; overflow: hidden; } #social li a span { width: 28px; height: 28px; } #social li.fbk a span { background-position: -481px -471px; } #social li.ytb a span { background-position: -509px -471px; } #social li.twt a span { background-position: -537px -471px; } /* foot form */ #foot form { margin: 0; } #foot form ol { margin: 0; list-style-type: none; width: 215px; } #foot form li { margin-bottom: 5px; } #foot form label { position: absolute; top: -99999px; left: -9999px; } #foot form span.input { width: 215px; display: block; background: url('/images/bg_input.png') no-repeat left bottom #fbfbfb; padding: 0 0 7px; } #foot form span.input span { width: 195px; display: block; background: url('/images/bg_input.png') no-repeat left top; padding: 7px 10px 0; } #foot form span.input input, #foot form span.input textarea { font-size: 1.0em; font-family: Arial, sans-serif; color: #949090; background: none; border: 0; width: 195px; outline: none; margin: 0; } #foot form span.submit { float: right; background-position: -281px -380px; font-size: 1.0em } #foot form span.submit span { line-height: 24px; background-position: right -380px; cursor: auto } #foot form span.submit span input { text-transform: uppercase; font-weight: bold; font-size: 0.9166em; font-family: Arial, sans-serif; color: #fff; border: 0; background: none; cursor: pointer; } #foot form span.submit span input:hover { color: #193201; } /* foot menu line */ #foot-line { width: 100%; background-position: left bottom; background-color: #363537; min-height: 47px; line-height: 45px; padding: 0; } #foot-line ul { float: right; margin: 0 10px 0 0; } #foot-line li { float: left; margin: 0 10px; } #foot-line li a { color: #919191; } #foot-line li a:hover { color: #fff; } /* copyright */ #foot-copy { float: left; width: 950px; padding: 10px 5px 0; height: 40px; background: #fff; } #foot-copy p, #foot-copy a { color: #8c8e8f; } #foot-copy a:hover { color: #3f3f3f; } #foot .jump { width: 24px; height: 12px; display: block; position: absolute; top: -39px; left: 50%; background: url('../images/jump_up.gif') no-repeat left top; } /* ---------------------------------------/ ASIDE BOX /-------------------------------------------------- */ #aside-contact h2, #category h2, #cart h2, #login h2, #aside h2 span, #aside-contact, #search, #search-i, #search form, #call, #call-i, #cart, #login { background-image: url('/images/bg_aside.png'); background-repeat: no-repeat; } /* titles */ #aside h2 { font-size: 1.333em; color: #302e31; font-family: galette, Arial, sans-serif; background-color: #dedede; margin: 0 -1px; } #aside h2 span { display: block; padding: 9px 50px 9px 15px; background-position: -514px bottom; } #news h2 { background-position: -514px top; } #aside-contact h2 { background-position: -773px top; } #category h2, #cart h2, #login h2 { background-position: -1032px top; } #aside input.text { background: url('/images/bg_call_input.png') repeat-x top left #dfdfdf; border: 1px solid #a7a7a7; width: 221px; padding: 7px 5px; font-size: 1.0833em; font-family: Arial, sans-serif; color: #555555; font-style: italic; margin-bottom: 1.5em; outline: none; } /* contact + category + cart */ #aside-contact, #category, #cart, #login { float: left; width: 257px; margin: 0 0 1.5em; padding: 0 1px 7px; background-position: -1031px bottom; } #aside .cover { border: solid #e0e0e0; border-width: 0 1px; padding: 10px 0 0; width: 255px; float: left; background: #fff; } /* login */ #login form { margin: 0; } #login label { position: absolute; top: -9999px; left: -9999px; } #login ol { list-style-type: none; margin: 0; } #login li { margin-bottom: 5px; } #login li.fr { margin-top: 10px; } #login .cover { padding: 10px 10px 0; width: 235px; } #login input.text { margin: 0; } #login form span.submit { float: right; background-position: -281px -67px; background-color: #413f43; font-size: 1.0em } #login form span.submit span { line-height: 24px; background-position: right -67px; cursor: auto } #login form span.submit span input { text-transform: uppercase; font-weight: bold; font-size: 0.9166em; font-family: Arial, sans-serif; color: #fff; border: 0; background: none; cursor: pointer; position: relative; top: 4px; } #login form span.submit span input:hover { color: #9be94d; } /* cart */ #cart .cover { padding: 10px 10px 0; width: 235px; } #cart p { margin: 0 0 0.7em; } /* menu */ #category { background: url('/images/bg_aside_menu.png') no-repeat left bottom #f1f1f1; padding: 0 0 15px; } #category h2 span { background: url('/images/bg_aside_menu.png') no-repeat right bottom; } #category ul { margin: 0; padding: 0 11px; } #category li a { color: #302e31; text-decoration: none; display: block; border-bottom: 1px solid #fff; padding: 0 0 1px; } #category li a span { display: block; padding: 0.45em 0; border-bottom: 1px solid #d9d9d9; background-image: url('../images/bg_aside_menu_arrows.png'); background-repeat: no-repeat; background-position: 218px 0.5em; } #category li a:hover span, #category li a.active span { background-position: right 0.5em; } #category li.last a, #category li.last a span { border: 0 !important; } #category ul li.expanded a span { border-bottom: 1px solid #d9d9d9; } #category ul ul { background: #fff; margin: -1px -10px 0; padding: 0 10px; } #category ul ul li a { background: url('/images/bg_aside_menu_sub.png') no-repeat 2px 0.9em !important; } #category ul ul li a span { padding-left: 15px; } #category ul li.expanded li a span, #category ul li.expanded li.expanded li a span { background-position: left 50px; } #category ul li.expanded a span, #category ul li.expanded li.expanded a span, #category ul li.expanded li.expanded a:hover span, #category ul li.expanded li.expanded a.active span, #category ul li.expanded li.expanded li a:hover span { background-position: -265px 0.5em; } #category ul li.expanded li a:hover span, #category ul li.expanded li a.active span { background-position: right 0.5em; } #category ul ul ul li a, #category ul ul ul li a span { border: 0 !important; padding-left: 0; } #category ul ul ul li a { padding-left: 35px; background-position: 22px 0.85em !important; } #category ul ul ul li a:hover { background-position: 22px 0.85em !important; } #category ul ul ul li a:hover span, #category ul ul ul li a.active span { background-position: right 0.5em !important; } /* contact */ #aside-contact ul { margin: 0 0 1.0em; } #aside-contact li.s { margin-bottom: 1.0em;} #aside-contact .cover { padding: 10px; width: 235px; } /* search */ #search { width: 257px; float: left; padding: 10px 0 0; background-position: left top; background-color: #f1f1f1; margin-bottom: 1.5em; } #search-i { width: 233px; float: left; padding: 0 12px 15px; background-position: left bottom; } #search h2 { background: url('/images/ico_search.png') no-repeat right center; margin-bottom: 1.0em } #search form { background-position: right top; width: 233px; height: 33px; margin-bottom: 0; } #search label { position: absolute; top: -9999px; left: -9999px; } #search input.submit{ float: right; width: 62px; height: 33px; cursor: pointer; } #aside #search input.text { width: 159px; padding: 7px 5px 8px; float: left; margin:0; } /* call */ #call { width: 257px; float: left; padding: 10px 0 0; background-position: -257px top; background-color: #f1f1f1; margin-bottom: 1.5em; } #call-i { width: 231px; float: left; padding: 0 13px 10px; background-position: -257px bottom; } #call h2 { background: url('/images/ico_call.png') no-repeat right center; margin-bottom: 1.0em } #call p.go { float: left; } #call label { position: absolute; top: -9999px; left: -9999px; } #call form { margin: 0; } #call form span.submit { float: right; background-position: -281px -110px; background-color: #413f43; font-size: 1.0em } #call form span.submit span { line-height: 24px; background-position: right -110px; cursor: auto } #call form span.submit span input { text-transform: uppercase; font-weight: bold; font-size: 0.9166em; font-family: Arial, sans-serif; color: #fff; border: 0; background: none; cursor: pointer; position: relative; top: 4px; } #call form span.submit span input:hover { color: #9be94d; } /* do you know */ #know { float: left; width: 257px; padding: 0 1px; margin-bottom: 1.5em; } #know-i { background: #ededed; padding: 10px; width: 237px; } #know h2 { background: #fff; } #know ul { margin: 0; } #know li { background: url('/images/dot_blue.png') no-repeat left 0.4em; padding: 3px 0 3px 25px; color: #504d51; margin-bottom: 8px; font-size: 1.0833em; } /* ---------------------------------------/ GLOBAL /---------------------------------------------------- */ /* green "more" button */ p a.more, form span.submit { height: 24px; display: block; float: left; background-color: #61ac16; padding: 0 0 0 15px; text-align: center; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 0.9166em; } p a.more span, form span.submit span { height: 24px; line-height: 24px; display: block; padding: 0 15px 0 0; cursor: pointer; } p a.more:hover { color: #193201; } /* router */ .router ul { margin: 0 0 1.5em; } #content .router li { border-top: 1px solid #c2d0aa; padding: 1.0em 0 !important; font-size: 0.9166em } #content .router li h3 { font-size: 1.25em; font-family: Arial, sans-serif; font-weight: normal; } .router li h3 a { color: #5fa914; } .router li h3 a:hover { color: #2c5403; } .router li p { margin-bottom: 0; } .router li p.img img { float: left; margin: 0 1.0em 0.5em 0; } /* gallery */ .gallery .row { margin-bottom: 28px; float: left; width: 100%; } .gallery a { display: block; float: left; padding: 4px; border: 1px solid #b2b2b2; margin-left: 28px; } .gallery a:hover{ border: 1px solid #3b3b3b; } .gallery a.first{ margin: 0; } /* download */ .download { border: solid #c2d0aa; border-width: 1px 0; margin-bottom: 1.5em; } .download-i { border: solid #fff; border-width: 1px 0; background: #eff4e7; padding: 0.5em 15px; } .download p { margin: 0; } .download a { background: url('/images/ico_pdf.png') no-repeat left center; display: inline-block; padding: 7px 0 7px 35px; color: #49870a; } .download a:hover{ color: #244601; } /* breadcrumbs */ #breadcrumbs { margin: 0; background: url('/images/bg_breadcrumbs.gif') no-repeat left center; position: absolute; top: 187px; left: 20px; padding: 0 0 0 25px; color: #8cdc00; } #breadcrumbs a { color: #fff; background: url('/images/bg_breadcrumbs_arrow.gif') no-repeat right 0.4em; padding: 0 15px 0 0; margin: 0 8px 0 0; } #breadcrumbs a:hover{ color: #8cdc00; } #breadcrumbs strong { padding: 0 10px 0 0; } /* more link */ p.go { float: right; margin: 0; } p.go a { background: url('/images/dot_blue.png') no-repeat left 0.20em; padding: 3px 0 3px 22px; color: #043256;} p.go a:hover{ color: #000;} /* content form */ #content label { margin: 0 10px 0 0; float: left; position: relative; top: 4px; } #content input.text { float: left; background: url('/images/bg_call_input.png') repeat-x top left #dfdfdf; border: 1px solid #a7a7a7; width: 221px; padding: 5px; margin: 0 10px 0 0; font-size: 1.0833em; font-family: Arial, sans-serif; color: #555555; font-style: italic; outline: none; } #content form span.submit { float: left; background-position: -281px -67px; background-color: #413f43; font-size: 1.0em; position: relative; top: 2px; } #content form span.submit span { line-height: 24px; background-position: right -67px; cursor: auto } #content form span.submit span input { text-transform: uppercase; font-weight: bold; font-size: 0.9166em; font-family: Arial, sans-serif; color: #fff; border: 0; background: none; cursor: pointer; position: relative; top: 4px; } #content form span.submit span input:hover { color: #9be94d; } /* aside */ #best-selling { overflow: hidden; width: 257px; } #best-selling h3 a { font-size: 0.75em; } #best-selling h2 { background: url("../images/asideh2BG.png") no-repeat left top; width: 246px; height: 33px; padding: 11px 0 0 20px; } #aside div#best-selling div.product { margin-left: 23px; } div.productBottomAside { /*background: url("../images/asideBottomBG.png") no-repeat left top */; height: 42px; margin-left: -20px; padding: 2px; width: 257px; } p.price2 { font-weight: bold; width: 110px; } p.price2 span { color: #D20E0E; font-weight: bold; } #aside div#best-selling div.product ul { background: url('../images/detailBG.png') top left no-repeat; float: right; position: relative; top: -35px; width: 96px; height: 26px; } #aside div#best-selling div.product ul li a { color: white; font-weight: bold; line-height: 24px; margin-right: 10px; padding: 10px; text-decoration: none; text-transform: uppercase; } #aside div#best-selling div.product ul li a.detail:hover { text-decoration: underline; } #aside2 { float: left; width: 202px; } /* --------------------------------------/ BASKET /----------------------------------------------------- */ /* basket STEPS */ #basket-steps { list-style-type: none; margin: 0 0 20px; float: left; display: inline; width: 100%;} #basket-steps li { float: left; text-align: center; width: 185px; height: 24px; padding: 95px 0 0; background-image: url('/images/basket_ico.png'); background-repeat: no-repeat; font-weight: bold; color: #424242; font-size: 1.1667em; } #basket-steps li.step { background: url('/images/basket_arrow.png') no-repeat center bottom; padding: 75px 30px 0; width: auto; height: auto; } #basket-steps li.ico1 { background-position: left top; } #basket-steps li.ico2 { background-position: -185px top; } #basket-steps li.ico3 { background-position: -370px top; } #basket-steps li.ico4 { background-position: -555px top; } #basket-steps li.ico1a { background-position: left bottom; } #basket-steps li.ico2a { background-position: -185px bottom; } #basket-steps li.ico3a { background-position: -370px bottom; } #basket-steps li.ico4a { background-position: -555px bottom; } #basket-steps strong { color: #424242; } #basket-table { float: left; width: 920px; background: url('/images/bg_basket_table.png') no-repeat left top; padding: 5px 0 0; margin-bottom: 1.5em; } #basket-table-i { float: left; width: 916px; background: url('/images/bg_basket_table.png') no-repeat left bottom; padding: 0 2px 5px; } #basket-table.space { padding: 15px 0 0 ;} #basket-table.space #basket-table-i { width: 870px; padding: 0 25px 0px; background-position: right bottom; } /* basket table */ #order .basket-table { border-collapse: collapse; width: 100%; margin-bottom: 0em; } #order .basket-table input { width: 30px; background: url('/images/bg_input.png') repeat-x top #fff; border: 1px solid #c8c8c8; padding: 0.3em 5px; outline: none; margin: 0; text-align: center; } #order .basket-table td, #order .basket-table th { border: 0; border-top: 1px solid #add0dc; background: #fff; padding: 4px 10px; } #order .basket-table th { font-weight: bold; font-size: 1.0833em; color: #f44610; border: 0; } #order .basket-table tr.summary th { background: #fff1d1; border-top: 1px solid #add0dc; padding-top: 10px; padding-bottom: 10px } #order .basket-table .title { width: 500px;} #order .basket-table a { color: #424242; } #order .basket-table a:hover{ color: #000; } #order table td { background: none; } /* basket navigation */ .button, .button span { display:inline-block; line-height:30px; height:30px; width: auto; background-image: url('/images/bg_basket_buttons.png'); background-repeat: no-repeat; background-position: left top; vertical-align: top; cursor: pointer; text-decoration:none !important; color: #3c3c3c; font-weight: normal; font-style: normal; } .button { background-position: right top; background-color: #e8e8e8; padding-right: 15px; } .button span { padding-left:15px; } .button span input { background: transparent none; cursor:pointer; font-weight:normal; border:0; padding: 0; color:#3c3c3c; font-family: inherit; visibility: visible; overflow: visible; margin-top: 6px; } .button:hover, .button:hover span { color: #000; } #basket-navigation { list-style-type: none; margin: 0 0 1.6em; width: 100%; float: left; text-align: center; } #basket-navigation li { float: left; background: none !important; padding: 0!important; margin: 0 10px 0 0; } #basket-navigation li.go { float: right; margin: 0 } #basket-navigation .back .button { background-position: right -60px;} #basket-navigation .back .button span { background-position: left -60px; padding-left: 30px;} #basket-navigation .back .button:hover { background-position: right -90px;} #basket-navigation .back .button:hover span { background-position: left -90px; } #basket-navigation .go .button { background-position: right -120px; padding-right: 30px; height: 31px; line-height: 31px; color: #fff; } #basket-navigation .go .button span { background-position: left -120px; color: #fff; height: 31px; line-height: 31px; } #basket-navigation .go .button input { color: #fff; } #basket-navigation .go .button:hover input { color: #fff; } #basket-navigation .go .button:hover { background-position: right -151px;} #basket-navigation .go .button:hover span { background-position: left -151px; } /* bottom info */ #basket-bottom { float: left; width: 100%; } #basket-bottom #left { float: left; width: 449px;} #basket-bottom #right { float: right; width: 449px; } #basket-bottom .basket-box { width: 449px; background: url('/images/bg_basket_box.png') no-repeat left top; padding: 15px 0 0; margin-bottom: 1.5em; } #basket-bottom .basket-box-i { width: 419px; padding: 0 15px 15px; background: url('/images/bg_basket_box.png') no-repeat left bottom; text-align: justify; } #basket-bottom p { background: url('/images/ico_square.gif') no-repeat left 6px; padding: 0 0 0 15px; } /* icons basket + similar products */ .ico-light, .ico-check, .ico-more, .ico-similar { background-image: url('../images/bg_basket_icons.png'); background-repeat: no-repeat; color: #393939; font-weight: bold; font-size: 1.0833em; padding: 10px 0 10px 30px; text-align: left; } .ico-check { background-position: left -450px; } .ico-more { background-position: left -298px; } /* global */ #order { float: left; width: 100%; margin-top: 0.5em; } #order label span { color: #ff0000; } #order p.req { color: #f44610; } #form { float: left; width: 100%; } #form label { display: inline-block; width: 120px; vertical-align: top; } #form ol { margin: 0; } #form ol li { list-style: none; padding: 0.1em 0; background: transparent none; } #form ol li .text { width: 150px; background: url('/images/bg_input.png') repeat-x top #fff; border: 1px solid #c8c8c8; padding: 0.3em 5px; outline: none; margin: 0; } #form em { font-weight: normal; } /* STEP no.1 (legal text) */ p.legal { font-size: 0.9166em; margin-top: 1em; } /* STEP no.2 */ p#delivery { float: left; width: 100%; } p#delivery label { text-align: right; margin: 1px 0 0 2px; width: auto; } p#delivery input { text-align: left } p#delivery span { font-weight: bold; color: #666; font-size: 0.833em; margin: 0 0 0 25px } #delivery-data { margin-bottom: 1.5em; } #order fieldset.half { width: 50%; float: left;} #order fieldset.half h2, #form fieldset.radio h2, #basket-top h2 { color: #f44610; font-size: 1.1667em; font-weight: bold; } #order fieldset.half h2 em, #basket-top h2 em { color: #333; font-size: 0.85em; } /* STEP no.3 */ #form fieldset.radio label { width: auto; } #form fieldset.radio p { color: #f44610; padding: 0 5px 0 25px; } #celkem_za_dopravu { font-weight: bold; color: #f44610; margin: 0.5em 0 1.5em; padding:0; font-size: 120%; } /* STEP no.4 */ #basket-top { float: left; width: 900px; padding: 15px 25px 25px; } #basket-top .box { float: left; width: 280px; } #basket-top .area { float: right; width: 580px; } #basket-top textarea{ width: 550px; padding: 5px; height: 180px; background: url('/images/bg_input.png') repeat-x top #fff; border: 1px solid #c8c8c8; } #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 40%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left; position:relative; margin-left:20px; } #nextLink { right: 0; float: right; position:relative; margin-right:20px;} #prevLink:hover, #prevLink:visited:hover { background: url(/images/left_arrow.png) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/images/right_arrow.png) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } .error { background:#FFFFFF url(/images/dialog_box/error_bg.jpg) no-repeat scroll right bottom; border-style:none solid solid; border-width:medium 1px 1px; border:1px solid #FF0000; color:#FF0000; font-weight:bold; padding:10px; } .success { color: #ff0000; border: 1px solid #ff0000; padding: 10px; font-weight: bold; min-height: 150px; background:#fff url(/images/dialog_box/success_bg.jpg) bottom right no-repeat; border:1px solid #60a174;} .successheader {background:url(/images/dialog_box/success_header.gif) repeat-x; color:#3c7f51; border:1px solid #60a174; border-bottom:none} /* ---------------------------------------------/ PIROBOX /---------------------------------------- */ .piro_html {position:absolute; top:0; left:0; padding:0; width:500px; height: 500px; margin:0; display:block; padding:0; z-index:150001; padding:0; } .piro_html table,.piro_html tbody,.piro_html tr,.piro_html th,.piro_html td{margin:0;padding:0;border:none;} .piro_html img{ margin:0; padding:0; border:none;} .piro_html .h_t_l{ width:10px; height:10px; background: url('../images/pirobox/new_skin.png') top left no-repeat;} .piro_html .h_t_r{ width:10px; height:10px; background: url('../images/pirobox/new_skin.png') top right no-repeat;} .piro_html .h_t_c{ height:10px;background: url('../images/pirobox/new_skin_top.png') top repeat-x;} .piro_html .h_c_l{width:10px; background: url('../images/pirobox/new_skin_left.png') left repeat-y; } .piro_html .h_c_c{background:#fff;margin:0; padding:0;} .piro_html .h_c_c .div_reg{ background:#fff; width:480px; overflow:hidden; height:480px; margin:0; padding:0; position:relative; z-index:1500190;} .piro_html .h_c_c .div_reg img{ } .piro_html .h_c_r{width:10px; background: url('../images/pirobox/new_skin_left.png') right repeat-y;} .piro_html .h_b_c{ height:10px;background: url('../images/pirobox/new_skin_top.png') bottom repeat-x;} .piro_html .h_b_l{ width:10px; height:10px;background: url('../images/pirobox/new_skin.png') bottom left no-repeat;} .piro_html .h_b_r{ width:10px; height:10px;background: url('../images/pirobox/new_skin.png') bottom right no-repeat;} .piro_overlay{position:fixed; top:0; left:0; width:100%; height:100%; z-index:150000;background:#fff;display:none; cursor:pointer;} .piro_loader{position:absolute;top:50%;left:50%;margin:-13px 0 0 -37px;width:70px;height:26px;display:block;z-index:1500197; background: url('../images/pirobox/loader_nav.png'); cursor:pointer; } .piro_loader span{position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-24px;width:48px;height:10px; padding:0;display:block;z-index:1500198; background: #fff url('../images/pirobox/loadinfo.gif') center bottom no-repeat; } .piro_title{position:fixed; background: url('../images/pirobox/bg_title.png') bottom repeat-x;top:0;left:0;width:100%; text-align:center;display:block; padding:6px 0 10px 0; color:white; z-index:150000; font-size:18px; display:none;} .btn_info{position:absolute;bottom:-7px;right:-7px;width:25px; height:25px;margin:0;display:block; padding:0px; color:black; cursor:pointer; background: url('../images/pirobox/b_w/info.png') no-repeat; z-index:1500440} .piro_html .caption{position:absolute;bottom:10px;left:10px;margin:0;display:block; padding:0px; color:black; cursor:text; background: url('../images/pirobox/caption.png'); z-index:1500191} .piro_html .caption p{ display:block; margin:0;padding:7px 5px; text-align:center; font-weight:normal; font-size:14px; color:white; z-index:150019; color:white;} .nav_container{position:absolute; left:50%; margin:0 0 0 -60px; height:40px; width:120px; background: url('../images/pirobox/bottom_nav.png') center no-repeat; z-index:1500194;} .piro_close,a.piro_next,a.piro_prev,.piro_prev_fake,.piro_next_fake{width:34px; height:34px; position:absolute;top:4px;} a.piro_next{ right:6px;text-indent:-999em;outline:none; display:block; margin:0;background:url('../images/pirobox/next.png') center no-repeat; border:none; cursor:pointer;z-index:150023} a:hover.piro_next{background:url('../images/pirobox/next_fake.png') center no-repeat;} .piro_next_fake{right:4px;outline:none; text-indent:-999em; display:none; margin:0;background: url('../images/pirobox/next_fake.png') center no-repeat; border:none; cursor:auto;z-index:150020} .piro_close{right:42px;background: transparent url('../images/pirobox/close.png') center center no-repeat;cursor:pointer;margin:0;z-index:150022;display:none;} .piro_close:hover{background: transparent url('../images/pirobox/close_h.png') no-repeat center center;} .piro_prev_fake{right:78px;outline:none; text-indent:-999em; display:none; margin:0;background: url('../images/pirobox/prev_fake.png') center no-repeat; border:none; cursor:auto;z-index:150020} a.piro_prev{right:78px; text-indent:-999em; outline:none;display:block;margin:0;background: url('../images/pirobox/prev.png') center no-repeat;border:none; cursor:pointer; z-index:150024} a:hover.piro_prev{background:url('../images/pirobox/prev_fake.png') center no-repeat;} .zoomIn{position:absolute; height:32px; width:32px; top:20px; right:20px; text-indent:-999em; background:url('../images/pirobox/enlarge.png') no-repeat;z-index:1500192;} .zoomOut{position:absolute; height:32px; width:32px; top:20px; right:20px; text-indent:-999em; background:url('../images/pirobox/dislarge.png') no-repeat;z-index:1500193;}