/*----------------------------------- Crom main CSS stylesheet -------------------------------------*/ /*** CSS Reset Stylesheet import ***/ @import url("reset.css"); /*** Global styling ***/ body { font:62.5%/1 "Arial",sans-serif; padding-bottom:20px; color:#666; background:#fff url(../images/bg-body.png) repeat-x 0 0; } strong {font-weight:bold;} em {font-style:italic;} u {font-style:underline;} img[align="left"] { float:left; padding:0 10px 10px 0;} img[align="right"] { float:right; padding:0 0 10px 10px;} a, a:link, a:visited { color:#c33; } a:hover, a:active { text-decoration:none; } textarea { font-family:Arial, sans-serif; } #branding-logo a, a.more-articles, a.article-more, a.view-on-map, #page-direction-controls a, #nav-main li a:hover, #nav-main li a:focus, #nav-main li a:active, #nav-supp li a:hover, #nav-supp li a:focus, #nav-supp li a:active, #nav-supp .active a, #nav-footer li a, #page-controls li a, #siteinfo-credits, #category-selector #sub-categories ul a, #choose-manufacturer a, #so-carousel .picScroller div a:focus, .products-pagination a, #products-list h2 a, #catalog-download a, #files-download a, #listing-pagination a { outline:0; } a.more-articles, a.article-more, a.view-on-map { padding-right:10px; text-transform:lowercase; text-decoration:none; font-weight:bold; font-size:.917em; color:#c33 !important; background:url(../images/icn-red-arrow-right.png) no-repeat right center; } a.more-articles:hover, a.more-articles:focus, a.article-more:hover, a.article-more:focus, a.view-on-map:hover, a.view-on-map:focus { text-decoration:underline; } a.article-more { padding-right:0; } .price, #so-carousel ul li .gratis { margin-top:35px; display:inline; float:left; height:24px; background:url(../images/bg-price.png) no-repeat 0 100%; } .price em, #so-carousel ul li .gratis span { display:block; white-space:nowrap; line-height:24px; margin-left:9px; padding-right:9px; background:url(../images/bg-price.png) no-repeat 100% 0; color:#fff; font-style:normal; font-weight:bold; } .price span { position:absolute; left:-9999px; top:-9999px; } .date { position:absolute; width:35px; height:31px; padding-top:10px; overflow:hidden; color:#000; background:#e4e4e4 url(../images/bg-news-date.png) no-repeat; } .date span { display:block; text-align:center; margin-bottom:9px; line-height:1; } #page-direction-controls { position:absolute; right:29px; top:26px; } #page-direction-controls li { float:left; } #page-direction-controls a { display:block; text-decoration:none; text-transform:lowercase; background-color:#fff; background-repeat:no-repeat; color:#7c7c7c; } #page-direction-controls a:hover, #page-direction-controls a:focus { text-decoration:underline; } #page-direction-controls .prev a { padding:0 4px 0 21px; background-image:url(../images/icn-grey-arrow-left.png); background-position:9px 2px; } #page-direction-controls .next a { padding:0 21px 0 4px; margin-right:21px; background-image:url(../images/icn-grey-arrow-right.png); background-position:87% 2px; } #page-direction-controls .listing a { padding:0 12px 0 8px; background-image:url(../images/icn-red-arrow-right.png); background-position:100% 2px; color:#c33; } /*** Container ***/ #container { width:936px; margin:0 auto; position:relative; padding-bottom:75px;} /*** Header ***/ #header { position:relative; background:#a7190b url(../images/bg-header.png) no-repeat; height:127px; } #branding-logo { position:absolute; top:11px; } #branding-logo a { display:block; width:282px; height:71px; background:url(../images/logo.png) no-repeat; text-indent:-9999px; overflow:hidden; } /*** Navigation ***/ /*** -- Main navigation ***/ #nav-main { position:absolute; right:-4px; bottom:7px; z-index:4; } #nav-main li, #nav-main li span { background-image:url(../images/btn-nav-main.png); background-repeat:no-repeat; } #nav-main li { float:left; margin-right:-5px; height:42px; padding-right:22px; background-position:100% -42px; } #nav-main li span { display:block; height:33px; padding:8px 0 0 22px; background-position:0 0; } #nav-main .active { background-position:100% -126px; } #nav-main .active span { background-position:0 -84px; } #nav-main li a { position:relative; display:block; margin:0 -14px; padding:0 14px; height:25px; line-height:24px; color:#fff; text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:1.1em; } #nav-main li a:hover, #nav-main li a:focus, #nav-main li a:active { color:#e9ccca; } /*** -- Supplementary navigation ***/ #nav-supp { position:absolute; right:0; top:42px; } #nav-supp li { float:left; } #nav-supp li a { position:relative; display:block; border-left:1px solid #e2bebc; padding:0 10px; color:#e2bebc; font-weight:bold; font-size:1.1em; text-decoration:none; } #nav-supp li a:hover, #nav-supp li a:focus, #nav-supp li a:active, #nav-supp .active a { color:#fff; } #nav-supp .first {margin-right:12px; } #nav-supp .first a { padding-left:0; border-left:none; color:#000;} #nav-supp .last a { padding-right:0; } /*** Footer ***/ #footer { border-top:1px solid #dedede; /*margin-top:75px;*/ } #footer div { width:936px; margin:0 auto; position:relative; font-size:1.1em; } #footer div:after { content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden; } #footer div a { display:block; color:#7c7c7c; text-decoration:none; } #nav-footer { float:left; } #nav-footer li { float:left; } #nav-footer li a { padding:3px 10px; border-left:1px solid #dedede; } #nav-footer li a:hover, #nav-footer li a:focus { text-decoration:underline; } #nav-footer .first a { border-left:none; } #page-controls { position:absolute; right:0; top:1px; } #page-controls li { float:left; margin-left:17px; display:inline; } #page-controls li a { cursor:pointer; text-transform:lowercase; line-height:20px; background:url(../images/btn-page-controls.png) no-repeat 0 -20px; padding-left:26px; } #page-controls .first a { background-position:0 0; } #page-controls li a:hover, #page-controls li a:focus { text-decoration:underline; } #siteinfo-legal { float:left; clear:left; width:100%; margin-top:75px; text-align:center; } #siteinfo-credits { position:absolute; left:0; bottom:0; color:#000 !important; } #siteinfo-credits:hover, #siteinfo-credits:focus, #siteinfo-credits span { color:#f00 !important; } /*** Category selector ***/ #category-selector { overflow:hidden; height:368px; position:absolute; left:0; top:85px; z-index:3; background:url(../images/bg-category-selector-left.png) no-repeat 0 100%; } #category-selector #main-categories { position:absolute; left:0; top:0; } #category-selector h3 a { position:absolute; top:0; height:40px; background:url(../images/bg-category-selector-nav.png) no-repeat; text-indent:-9999px; overflow:hidden; } #category-selector #service-equipment.active h3 a, #category-selector #work-tools.active h3 a, #category-selector #manufacturers.active h3 a { z-index:3; } #category-selector #service-equipment h3 a { left:1px; width:141px; background-position:0 0; } #category-selector #service-equipment.active h3 a { background-position:0 -40px; } #category-selector #work-tools h3 a { left:119px; width:82px; background-position:-141px 0; } #category-selector #work-tools.active h3 a { background-position:-141px -40px; } #category-selector #manufacturers h3 a { left:183px; width:111px; background-position:-223px 0; } #category-selector #manufacturers.active h3 a { background-position:-223px -40px; } #category-selector #sub-categories { float:left; margin-left:10px; display:inline; padding-top:46px; height:322px; background:url(../images/bg-category-selector.png) no-repeat 100% 100%; } #category-selector #sub-categories ul { position:relative; float:left; margin-right:8px; width:277px; height:311px; padding:0 5px; overflow:auto; } #category-selector #sub-categories ul li { vertical-align:bottom; float:none; background:url(../images/bg-category-selector-link.png) repeat-x 0 100%; } #category-selector #sub-categories ul a { display:block; padding:6px 0 9px 10px; background:url(../images/icn-dgrey-arrow-right.png) no-repeat 98% 50%; font-size:1.1em; font-weight:bold; color:#4f5454; text-decoration:none; padding-right:15px; } #category-selector #sub-categories ul .first a { padding-top:11px; } #category-selector #sub-categories ul a:hover, #category-selector #sub-categories ul a.hover, #category-selector #sub-categories ul .active a { background-color:#e0e0e1; } #category-selector #sub-categories ul a:focus { background-color:#D9D9D9; } #category-selector #sub-categories ul .loading { background-image:url(../images/sub-cat-loading.gif); } #category-selector #sub-categories-close { position:absolute; right:10px; top:37px; z-index:3; width:8px; height:7px; overflow:hidden; text-indent:-9999px; background:url(../images/bg-scrollbar.png) no-repeat 0 -304px; cursor:pointer; } #category-selector #sub-categories .sep { position:absolute; left:0; top:0; z-index:1; display:block; width:287px; height:10px; background:url(../images/bg-sep.png) no-repeat 0 0; cursor:pointer; } /*** Content ***/ #content:after { content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden; } #content-main, #content-supp { float:right; } .edit { font-size:1.2em; line-height:1.3; } .edit:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } .edit strong { font-weight:bold; } .edit em { font-style:italic; } .edit p, .edit ul, .edit ol, .edit h2, .edit h3, .edit h4 { margin-bottom:18px; } .edit h2, .edit h3, .edit h4 { font-weight:bold; font-size:1.333em; } .edit ul, .edit ol { padding-left:40px; } .edit ul li { list-style-type:disc; } .edit ol li { list-style-type:decimal; } .edit img { vertical-align:baseline; } .edit .float-left { float:left; margin:0 18px 10px 0; } .edit .float-right { float:right; margin:0 0 10px 18px; } /*** -- Main content ***/ #content-main { margin:11px 0 0 11px; width:621px; background:url(../images/bg-cmain-repeat-bottom.png) repeat-y 0 100%; } #content-main .inner { background:url(../images/bg-cmain-repeat-bottom.png) no-repeat -621px 100%; } #content-main .inner .inner:after { content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden; } #content-supp { width:301px; margin-top:348px; } #content-supp.home { /*margin-top:404px;*/ margin-top:337px;} #parent-page-title, #current-page-title { display:block; margin-bottom:33px; background:url(../images/bg-dots.png) repeat-x center; color:#001000; font-size:2.2em; font-weight:bold; } #parent-page-title span, #current-page-title span { padding-right:13px; background:#fff; } /*** -- Type 01 ***/ .type-01 #content-main, .type-01 #content-main .inner { background:none; } /*** -- Type 02 ***/ .type-02 { margin-top:348px; background:none; } .type-02 #content-main, .type-02 #content-supp { float:left; } .type-02 #content-main { margin:0 11px 0 0; } .type-02 #content-supp { margin-top:0; } .type-02 #content-main .inner .inner { padding:16px 4px 30px; background:url(../images/bg-products-cmain-top.png) no-repeat 0 0; } .type-02 #parent-page-title, .type-02 #current-page-title { padding:0 0 10px 8px; margin-bottom:0; border-bottom:1px solid #d9d9d9; font-size:1.2em; color:#505454; background:url(../images/bg-products-title.png) repeat-x 0 100%; } .type-02 #parent-page-title span, .type-02 #current-page-title span { padding-right:0; background:none; } /*** -- Type 03 ***/ .type-03 #content-main .inner .inner { position:relative; padding:21px 29px 30px; background:url(../images/bg-cmain-top.png) no-repeat 0 0; } /*** -- Supplementary content ***/ #choose-manufacturer h2 { font-weight:bold; font-size:1.2em; color:#010000; margin:0 0 7px 17px; } #choose-manufacturer ul { overflow:hidden; border:1px dotted #dedede; border-width:1px 0 0 1px; } #choose-manufacturer li { width:99px; float:left; border:1px dotted #dedede; border-width:0 1px 1px 0; } #choose-manufacturer a { display:block; padding-bottom:15px; background:#fff; text-decoration:none; color:#393939; text-align:center; } #choose-manufacturer a:hover, #choose-manufacturer a:focus { color:#c33; } #choose-manufacturer img { display:block; } #choose-manufacturer.detail-view { overflow:hidden; font-size:12px; line-height:15px; } #choose-manufacturer.detail-view h2 { margin:0 0 7px 5px; } #choose-manufacturer img.detail-view { float:left; padding:0 5px 0 0; } #choose-manufacturer p.detail-view { padding: 0 10px 0 4px; margin-top:-7px; font-size:12px; line-height:16px; } #special-offer-pick { position:relative; margin-top:30px; background:url(../images/rc-so-supp-box.png) repeat-y -602px 0; font-size:1.2em; } #special-offer-pick h2 { background:url(../images/rc-so-supp-box.png) no-repeat 0 0; } #special-offer-pick h2 span { display:block; padding:10px 10px 8px; margin:0 1px; border-bottom:1px solid #d9d9d9; font-weight:bold; color:#505454; background:url(../images/bg-products-title.png) repeat-x 0 100%; } #special-offer-pick ul { padding-bottom:30px; background:url(../images/rc-so-supp-box.png) no-repeat -301px 100%; } #special-offer-pick li { overflow:hidden; position:relative; border-bottom:1px dotted #dedede; min-height:78px; margin:0 18px 0 5px; padding:7px 18px 9px 109px; color:#333; line-height:1.2; } #special-offer-pick li a { font-weight:bold; text-decoration:none; color:#333; } #special-offer-pick .gratis { display:block; color:#a6b903; font-weight:bold; } #special-offer-pick .price { margin-top:5px; height:21px; background-image:url(../images/bg-price-01.png); } #special-offer-pick .price em { line-height:21px; background-image:url(../images/bg-price-01.png); } #special-offer-pick img { position:absolute; left:0; top:7px; padding:2px; /*background:url(../images/bg-thumb-01.png) no-repeat 0 0;*/ } #special-offer-pick .more-articles { position:absolute; right:21px; bottom:11px; } .js #special-offer-pick li { background:url(../images/icn-red-arrow-right.png) no-repeat right center; } /*** Home ***/ #so-carousel { width:577px; height:293px; padding:18px 25px 0 20px; position:relative; background:#d9d9d9 url(../images/bg-so-carousel.png) no-repeat 0 -24px; float:left; margin:0 0 19px 0; z-index:2; } #carousel-cart {position:absolute; right:0; top:138px;} #products div#so-carousel { margin-top:-353px; left:311px; } #so-carousel .show-all { position:absolute; right:20px; top:20px; padding-right:23px; font-size:1.2em; color:#010000; text-transform:lowercase; text-decoration:none; font-weight:bold; background:url(../images/icn-red-arrow-right.png) no-repeat 100% 50%; } #so-carousel h2 { margin-bottom:8px; font-size:2.2em; font-weight:bold; color:#010000; } #so-carousel .picScroller { position:relative; width:397px; height:240px; overflow-y:scroll; padding:0 0 0 179px; margin:0 auto; } #so-carousel .picScroller div { margin-left:-179px; } #so-carousel .picScroller div a { position:relative; margin:15px 0 0 10px; float:left; display:inline; text-decoration:none; } #so-carousel .picScroller div a.on { margin-top:0; } #so-carousel .picScroller div .so-carousel-pic { position:absolute; left:10px; top:10px; z-index:1; width:153px; } #so-carousel .picScroller div .on .so-carousel-pic { width:185px; } #so-carousel .picScroller div .so-carousel-box { display:block; width:169px; } #so-carousel .picScroller div .on .so-carousel-box { width:205px; } #so-carousel .price { position:absolute; right:15px; bottom:15px; z-index:1; font-size:1.3em; background-image:url(../images/bg-so-carousel.png); background-position:0 0; } #so-carousel .price em { background-image:url(../images/bg-so-carousel.png); background-position:100% 0; } #so-carousel ul { position:absolute; left:-9999px; top:-9999px; padding-left:192px; } #so-carousel ul li { position:relative; display:none; float:left; width:169px; height:75px; padding:8px 16px; margin-top:3px; line-height:1.2; background:url(../images/bg-so-carousel.png) no-repeat 0 -335px; font-size:1.2em; font-weight:bold; color:#fff; } #so-carousel ul li.on { display:block; } #so-carousel ul li p { overflow:hidden; color:#c4c4c4; } #so-carousel ul li p span { display:block; } #so-carousel ul li h3 a { text-decoration:none; color:#fff; } #so-carousel ul li .so-article-more { position:absolute; left:0; top:0; z-index:99; width:201px; height:91px; text-indent:-9999px; overflow:hidden; } #so-carousel ul li .gratis { margin-top:10px; display:inline; float:left; height:21px; background:url(../images/bg-so-carousel-green-strip.png) no-repeat 0 100% transparent; } #so-carousel ul li .gratis span { display:block; white-space:nowrap; line-height:21px; margin-left:9px; padding-right:11px; background:url(../images/bg-so-carousel-green-strip.png) no-repeat 100% 0; color:#fff; position:relative; right:-5px; } #so-carousel .back, #so-carousel .next { position:absolute; bottom:40px; width:13px; height:29px; cursor:pointer; background:url(../images/bg-so-carousel.png) no-repeat; text-indent:-9999px; overflow:hidden; } #so-carousel .disabled { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; opacity:.3; cursor:default; } .js #so-carousel .picScroller { height:160px; overflow:hidden; } .js #so-carousel ul { position:static; } .js #so-carousel .back { left:193px; background-position:-205px -335px; } .js #so-carousel .next { right:190px; background-position:-218px -335px; } .home-box { position:relative; width:307px; float:left; padding-bottom:24px; background:#f2f2f2 url(../images/bg-home-boxes.png) no-repeat 0 100%; } .home-box div { background:url(../images/bg-home-boxes.png) no-repeat 0 0; padding:21px 14px 0; font-size:1.2em; line-height:1.2; } .home-box h2 { color:#010000; font-size:1.333em; font-weight:bold; margin-bottom:15px; } .home-box li { position:relative; border-bottom:1px dotted #dedede; padding:9px 0; margin:0; } .home-box .more-articles { position:absolute; right:19px; bottom:5px; } #new-in-offer { margin-right:7px; } #new-in-offer img { position:absolute; left:10px; top:9px; } #new-in-offer li { min-height:45px; padding-left:88px; font-weight:bold; } #new-in-offer h3 a { color:#333; text-decoration:none; } #new-in-offer span { color:#c33; } #new-in-offer p { color:#7c7c7c; } .js #new-in-offer li { background:url(../images/icn-red-arrow-right.png) no-repeat 270px center; } #news.home-box { padding-left:0 !important; } #news.home-box .date { left:0; top:3px; font-size:.917em; } #news.home-box li { padding-top:5px; padding-left:42px; } #news.home-box h3 { margin:0 0 5px; } #news.home-box h3 a { text-decoration:none; font-weight:bold; color:#000; } #banner-flipbook { position:relative; /*left:-312px;*/ top:-4px; margin-bottom:9px; } #youtube-banner { float: left; margin-top:10px; } /* HOME - KEYWORD NAVIGATION */ #keywordNavigation { margin:50px 0 -70px; } #keywordNavigation ul { overflow:hidden; width:810px;} #keywordNavigation ul li { float:left; border-right:1px solid #dedede; margin-bottom:6px; } #keywordNavigation ul li.last { border-right:0 none; } #keywordNavigation ul li a { padding:0 7px; font-size:11px; line-height:14px; color:#7c7c7c; text-decoration:none; white-space:nowrap; } #keywordNavigation ul li:hover a { text-decoration:underline; } /*** Products ***/ /*** -- Listing ***/ .products-pagination { overflow:hidden; margin:8px 9px 9px; } .products-pagination * { color:#555; font-weight:bold; text-transform:lowercase; text-decoration:none; background:url(../images/bg-products-pagination.png) no-repeat; } .products-pagination li { float:left; padding:5px 7px; font-size:1.2em; background-position:100% -84px; } .products-pagination a { display:block; padding:5px 7px; margin:-5px -6px -5px -7px; background-position:-999px -999px; } .products-pagination a:link, .products-pagination a:visited { color:#555; } .products-pagination a:hover, .products-pagination a:focus, .products-pagination .active a { background-position:0 -54px; } .products-pagination .prev a, .products-pagination .next a { font-size:.917em; } .products-pagination .prev a { padding-left:10px; background-position:0 8px; } .products-pagination .disabled-prev a, .products-pagination .prev a:hover, .products-pagination .prev a:focus { color:#aaa; background-position:0 -19px; } .products-pagination .next a { margin-right:15px; padding-right:10px; background-position:100% 8px; } .products-pagination .disabled-next a, .products-pagination .next a:hover, .products-pagination .next a:focus { color:#aaa; background-position:100% -19px; } #products-list li { position:relative; min-height:220px; margin:0 9px 12px 8px; background:#f7f7f7 url(../images/bg-products-list.png) no-repeat -596px 100%; padding-bottom:10px; } #products-list .edit li { min-height: 0; } #products-list .edit ul { margin-left: 0; padding-left: 0; } #products-list h2 { font-size:1.6em; font-weight:bold; color:#747474; padding:11px 23px 13px; background:url(../images/bg-products-list.png) no-repeat 0 0; } #products-list h2 a { color:#747474; text-decoration:none; } #products-list h2 a:hover, #products-list h2 a:focus { color:#979797; } #products-list .edit { margin:0 8px 0 212px; } #products-list img { position:absolute; left:8px; top:40px; padding:12px; background:url(../images/bg-thumb-02.png) no-repeat 0 0; } #products-list .article-more { position:absolute; right:9px; bottom:12px; font-size:1.1em; padding-right:10px; } /*** -- Single ***/ #products.single { position:relative; min-height:225px !important; } #article-description { width:300px; float:right; padding-right:27px; display:inline; } #tech-chrs { width:300px; float:right; padding-right:27px; display:inline; line-height:16px; font-size:12px;} #tech-chrs ul, #tech-chrs ol {padding-left:15px;} #tech-chrs ul { list-style-type:disc;} #article-description #current-page-title { background:none; border:none; padding:0; margin-bottom:6px; font-size:1.6em; } #article-description a.productPopup, #article-related a.productPopup { background:url('../images/bg-price-01.png') 0 0 no-repeat; color:#fff; text-transform:uppercase; display:block; margin-bottom:30px; line-height:21px; width:108px; font-weight:bold; text-decoration:none; text-align:center; font-size:12px; } #products.single #page-direction-controls { position:static; overflow:hidden; padding:7px 25px 13px 23px; } #products.single #page-direction-controls .prev a { padding:0 0 0 13px; background-position:0 2px; } #products.single #page-direction-controls .next { float:right; } #products.single #page-direction-controls .next a { padding:0 13px 0 0; margin-right:0; background-position:100% 2px; } #products.single #page-direction-controls .listing { position:absolute; right:29px; top:17px; } #products.single #page-direction-controls .listing a { padding-left:0; background-color:transparent; } #catalog-download { float:left; width:235px; padding:0 0 3px 20px; margin-top:200px; border:none; background:#e9e9e9 url(../images/bg-files-download.png) no-repeat 0 100%; } #catalog-download .first { background:url(../images/bg-files-download.png) no-repeat 100% 0; } #catalog-download .first a { border-top:none; } #catalog-download a { display:block; border-top:1px dotted #dedede; margin-right:5px; text-transform:lowercase; font-size:1.2em; text-decoration:none; color:#686868; background:url(../images/icn-file-types-01.png) no-repeat left center; } #catalog-download a:hover, #catalog-download a:focus { color:#959595; } #catalog-download span { display:block; padding:12px 0 12px 30px; background:url(../images/icn-download.png) no-repeat 95% center; } #tech-chrs table { clear:both; width:613px; font-size:1.2em; } #tech-chrs caption { padding:22px 23px 10px; border-bottom:1px solid #d9d9d9; font-weight:bold; font-size:1.083em; color:#333; background:url(../images/bg-products-title.png) repeat-x 0 100%; } #tech-chrs tr * { padding:8px 0 8px 22px; } #tech-chrs .first * { padding-top:17px; } #tech-chrs .odd * { background-color:#fff; } #tech-chrs .odd .first { background-color:#fbfbfb; } #tech-chrs .even * { background-color:#f4f4f4; } #tech-chrs .first { font-weight:bold; } #img-gallery { position:absolute; left:24px; top:67px; } #img-gallery span.plusIcon { position:absolute; right:2px; bottom:2px; width:18px; height:18px; background:url('../images/icon_lightbox_plus.png') no-repeat; cursor:pointer; } #img-gallery .loading { background:url(../images/loading.gif) no-repeat 50% 50%; } #img-gallery .selected { display:block; border:1px solid #dfdfdf; } #img-gallery .selected img { display:block; padding-right:23px; background:url(../images/icn-zoom.png) no-repeat 98% 98%; } #img-gallery ul { overflow:hidden; margin-top:3px; } #img-gallery li { float:left; margin-right:3px; } #img-gallery li a { display:block; width:11px; height:16px; padding-left:4px; text-decoration:none; line-height:13px; color:#7c7c7c; background:url(../images/bg-slideshow-item.png) no-repeat; } #img-gallery li a:hover, #img-gallery .active a { color:#c33; } /*** -- Special offer (single and listing) + News (single and listing) ***/ .single #article-related { float:right; font-size:1.4em; } .single #article-picture { float:right; margin-bottom:10px; } .single h1 { font-size:1.286em; color:#001000; font-weight:bold; line-height:1.3; padding-bottom:5px; } #article-listing { margin:-15px 0 15px; } #article-listing li { position:relative; padding:15px 0 15px 114px; min-height:75px; _height:75px; border-bottom:1px dotted #dedede; font-size:1.2em; } #article-listing li:after { content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden; } #article-listing h2 a { display:block; color:#000; text-decoration:none; } #article-listing h2 span { display:block; margin-bottom:5px; color:#000; text-decoration:none; font-weight:bold; } #article-listing img { position:absolute; left:0; top:15px; border:1px solid #e2e2e2; } #article-listing div { width:315px; float:left; line-height:1.3; padding-right:25px; border-right:1px dotted #dedede; } #article-listing .article-more { position:absolute; right:0; top:15px; width:19px; height:81px; background:url(../images/icn-red-arrow-right.png) no-repeat 50% 50%; text-indent:-9999px; overflow:hidden; } #article-listing .article-more:focus { outline-width:1px; outline-style:dotted; } #special-offer.single #article-related { width:312px; margin-left:18px; } #special-offer.single .edit { clear:right; } #special-offer.listing .article-more { right:0; top:39px; width:109px; height:75px; } #special-offer.listing .price { font-size:1.167em; margin-top:0; margin-left:15px; } #news { padding-left:70px !important; } #news.single #article-related { width:271px; margin-left:0; margin-bottom:10px; } #news.single #article-picture { margin-right:18px; } #news.single .date { left:13px; top:68px; font-size:.786em; } #news.single .edit { clear:none; } #news.listing .date { left:-54px; top:15px; font-size:.917em; } #news.listing div { width:357px; } #news.listing .article-more { right:7px; } #files-download { border-top:1px dotted #dedede; } #files-download li { overflow:hidden; border-bottom:1px dotted #dedede; padding:3px 0; line-height:18px; font-size:1.2em; font-weight:normal; color:#666; } #files-download a { float:left; padding:0 8px 0 24px; background:url(../images/icn-file-types.png) no-repeat; color:#c33; text-decoration:none; font-weight:bold; } #files-download a:hover, #files-download a:focus { text-decoration:underline; } #files-download .pdf a { background-position:0 0; } #listing-pagination { float:right; margin-top:5px; } #listing-pagination li { float:left; } #listing-pagination a { display:block; padding:0 6px; font-size:1.2em; font-weight:bold; color:#000; text-transform:lowercase; text-decoration:none; border-right:1px solid #000; } #listing-pagination .first a { border-left:1px solid #000; } #listing-pagination a:hover, #listing-pagination a:focus, #listing-pagination .active a { color:#c33; } #listing-pagination .prev a { background:url(../images/icn-black-arrow-left.png) no-repeat 0 4px; padding:0 0 0 9px; margin-right:14px; border:none; } #listing-pagination .next a { background:url(../images/icn-black-arrow-right.png) no-repeat 100% 4px; padding:0 9px 0 0; margin-left:14px; border:none; } #show-all { padding-left:18px; background:#fff; position:absolute; right:29px; top:21px; } #show-all label { margin-right:11px; color:#000; font-size:1.1em; font-weight:bold; cursor:pointer; } #show-all select { width:104px; padding:1px 0; border:1px solid #cecdd1; font:1.1em/1 "Arial",sans-serif; } #show-all button { border:1px solid #cecdd1; background:#ebebeb; font:1.1em/1 "Arial",sans-serif; } /*** Contacts ***/ #content-main #contacts.inner { position:relative; padding:440px 4px 4px; background:url(../images/bg-contacts-cmain-top.png) no-repeat 0 0; } /*** -- Contacts info ***/ #contacts-info { float:left; width:378px; margin-right:29px; padding-bottom:11px; border-right:1px solid #dedede; background:url(../images/bg-contacts-info.png) repeat-x 0 0; } #contacts-info #current-page-title { position:relative; top:-6px; margin-bottom:0; background:none; } #contacts-info #current-page-title span { display:block; width:363px; padding:23px 0 0 15px; color:#fff; background:url(../images/bg-contacts-info-01.png) repeat-x 0 0; } #current-contacts-cat { position:absolute; left:-9999px; top:-9999px; } #contacts-cat, .js #contacts-cat-wrap em { margin:5px 31px 13px 14px; } #contacts-cat li { vertical-align:bottom; } #contacts-cat a { position:relative; display:block; padding:5px 3px; font-size:1.1em; color:#686868; text-decoration:none; background:#fff; } #contacts-cat a:hover { background-color:#f9e6e6; } .js #contacts-cat-wrap { position:relative; z-index:1; } .js #contacts-cat { display:none; width:300px; position:absolute; left:20px; top:22px; margin:0; border:1px solid #dddede; border-width:0 1px 1px; } .js #contacts-cat-wrap em { margin-top:0; font-style:normal; display:block; padding-left:9px; cursor:pointer; font-size:1.1em; line-height:26px; background:url(../images/bg-contacts-cat.png) no-repeat; } #contacts-list { background:#fff; font-size:1.2em; line-height:1.5; color:#3c3c3c; } #contacts-list dl { line-height:1.2; } #contacts-list dt { font-weight:bold; font-size:1.083em; } #contacts-list dd { margin-bottom:18px; color:#7c7c7c; font-size:1.25em; } #contacts-list li { position:relative; border-bottom:1px dotted #dedede; padding:20px 0 20px 7px; margin:0 10px; } #contacts-list div { position:relative; } #contacts-list div div { width:265px; /* border-right:1px dotted #dedede; */ } #contacts-list div a { text-decoration:none; } #contacts-list div a:hover { text-decoration:underline; } #contacts-list .view-on-map { position:absolute; right:0; top:15px; background-position:left center; padding:0 0 0 10px; } /*** -- Contact form ***/ #contacts-form { float:left; width:186px; font-size:1.2em; color:#3c3c3c; } #contacts-form strong { display:block; margin-bottom:10px; font-weight:bold; font-size:1.833em; } #contacts-form div { margin-bottom:7px; } #contacts-form .form-submit { overflow:hidden; padding-right:15px; } #contacts-form label { display:block; padding-left:2px; margin-bottom:2px; cursor:pointer; text-transform:lowercase; } #contacts-form em { color:#921f20; } #contacts-form input, #contacts-form textarea { width:182px; padding:0 1px; background:#fff url(../images/bg-form-inputs.png) repeat-x; font-family:"Arial",sans-serif; border:1px solid #e2e2e2; font-size:1em; } #contacts-form input { padding:1px; background-position:0 0; } #contacts-form textarea { overflow:auto; } #contacts-form #form-address { height:36px; background-position:0 -25px; } #contacts-form #form-message { height:201px; background-position:0 -69px; } #contacts-form .form-submit button { width:auto; overflow:visible; float:right; margin-left:7px; cursor:pointer; background:none; } #contacts-form .form-submit span { display:block; height:18px; padding:0 12px; border:1px solid #b85c53; border-color:#b85c53 #f1d6d4 #f1d6d4 #b85c53; font-weight:bold; color:#fff; text-transform:lowercase; line-height:18px; background:#ad160e url(../images/form-button.png) 50% 0; } #contacts-form .error { display:block; margin:5px 0 15px; color:#c33; font-size:.917em; } #contacts-form.thank-you p { color:#398016; } #gmap { position:absolute; left:29px; top:40px; width:557px; height:357px; border:3px solid #eff3f7; } #gmap img { display:block; } .g-info-window { font-size:1.1em; line-height:1.4; } /* POPUP FORM */ #popup_form_wrapper { display:none; text-align:left; position:absolute; top:0; left:0; right:0; bottom:0; z-index:9000; } #popup_form_wrapper #popup_form_overlay { position:absolute; width:100%; height:100%; background:#666; opacity:0.9; filter:alpha(opacity=90); } #popup_form_wrapper #popup_form { position:absolute; left:50%; margin-left:-260px; top:200px; /*padding:38px 50px 30px 50px;*/ width:520px; z-index:9003; /* background:#fff;*/ overflow:hidden; } #popup_form_wrapper #popup_form .close { position:absolute; top:18px; right:13px; width:27px; height:27px; background:url('../images/icon_close.png') 0 0 no-repeat; cursor:pointer; } #popup_form_wrapper #popup_form.popupProduct { font-size:12px; } #popup_form_wrapper #popup_form.popupProduct h1 { padding:38px 50px 24px 50px; background:url('../images/bg_popupProduct.png') -520px 0 no-repeat;font-size:16px; line-height:18px; font-weight:bold; } #popup_form_wrapper #popup_form.popupProduct .bkg_bottom { padding:0px 50px 46px 50px; background:url('../images/bg_popupProduct.png') 0 bottom no-repeat; } #popup_form_wrapper #popup_form.popupProduct .row { margin-bottom:12px; } #popup_form_wrapper #popup_form.popupProduct .row label { vertical-align:top; display:inline-block; width:100px; padding:2px 0; } #popup_form_wrapper #popup_form.popupProduct .row input, #popup_form_wrapper #popup_form.popupProduct .row textarea { display:inline-block; width:235px; background:url("../images/bg-form-inputs.png") repeat-x 0 0 #fff; border:1px solid #e2e2e2; color:#555; padding:2px; vertical-align:top; } #popup_form_wrapper #popup_form.popupProduct .row textarea { background-position:0 -69px; font-size:12px; height:120px; resize:none; } #popup_form_wrapper #popup_form.popupProduct .row.error label { } #popup_form_wrapper #popup_form.popupProduct .row.error input, #popup_form_wrapper #popup_form.popupProduct .row.error textarea { background:#ffcccc; border:1px solid #ccc; color:#333; } #popup_form_wrapper #popup_form.popupProduct .row.captcha { padding-top:10px; margin-bottom:8px; } #popup_form_wrapper #popup_form.popupProduct .row.captcha label { width:135px; } #popup_form_wrapper #popup_form.popupProduct .row.captcha input { width:200px; } #popup_form_wrapper #popup_form.popupProduct .row.captcha img { display:block; margin:15px 0 0 120px; } #popup_form_wrapper #popup_form.popupProduct .form-submit button { width:auto; overflow:visible; float:right; margin-left:7px; cursor:pointer; background:none; outline:none; } #popup_form_wrapper #popup_form.popupProduct .form-submit span { display:block; height:18px; padding:0 12px; border:1px solid #b85c53; border-color:#b85c53 #f1d6d4 #f1d6d4 #b85c53; font-weight:bold; color:#fff; text-transform:lowercase; line-height:18px; background:#ad160e url(../images/form-button.png) 50% 0; } /*CART*/ #cart { padding:0px 15px; clear:left; overflow:hidden; text-align:left; } #cart h1 { font-size:20px; line-height:30px; padding-bottom:10px;} #cart .intro-label { font-size:12px; line-height:20px; padding:0 15px;margin-bottom:15px; display:block; text-align:left; clear:left; } #cart form { } #cart form table { width:100%; border:none; border-collapse:collapse; font-size:14px;} #cart form table th { height:40px; line-height:40px;background:#dedede; padding-left:15px; font-weight:bold;} #cart form table th.last { text-align:center; padding-left:0;} #cart form table tr { border-top:1px solid #dedede; border-bottom:1px solid #dedede;line-height:30px; padding-right:15px;} #cart form table tr td { line-height:30px; padding-left:15px; vertical-align:middle;} #cart form table tr td.first { width:650px; height:auto; overflow:hidden; } #cart form table tr td.last { text-align:center; padding-left:0;} #cart form table tr td.last input { width:40px; padding:0 5px; border:1px solid #dedede; text-align:right; } #cart form .remove { float:left; width:7px; height:20px; display:block; margin-right:10px; background:url('../images/btn-x.png') 0px 13px no-repeat; } #cart form tr.prelast td{ vertical-align:middle; text-align:center;} #cart form tr.prelast td.first{ text-align:left; font-size:12px; line-height:16px; padding:10px 15px;} #cart form tr.prelast td.last { width:auto; } #cart form button[type="submit"] { width:130px; padding:0 5px;height:26px; line-height:26px;background:url('../images/cart-btn.png') 0px 0px no-repeat; cursor:pointer; text-align:center; color:#fff; font-size:10px; font-weight:bold;} #cart form tr.last { width:auto; padding:10px 0px; } #cart form tr.last td label {} #cart form tr.last td textarea { width:580px; height:120px;padding:10px; margin-bottom:15px;border:2px solid #dedede; resize:none; outline:none; overflow:auto; font-size:14px;} #cart form tr.last td.last { text-align:center; vertical-align:middle; } #cart form tr.last td.last a{ position:relative; left:5px;width:220px; padding:0 0px; height:26px; display:inline-block; line-height:26px; color:#fff;text-decoration:none; background:url('../images/cart-a-wide.png') 0px 0px no-repeat; font-size:10px;} #cart form tr.last td.last button[type="submit"] { } #cart .customer-data { padding:15px 0;} #cart .customer-data .col-1, #cart .customer-data .col-2 { width:430px; text-align:center;} #cart .customer-data .col-1 { float:left; padding-left:15px;} #cart .customer-data .col-2 { float:right;padding-right:15px;} #cart .customer-data .row { overflow:hidden; display:block;} #cart .customer-data label { font-size:12px; line-height:20px; margin-bottom:15px; display:block; text-align:left; float:left; clear:left;} #cart .customer-data input[type="text"] { border:2px solid #dedede; width:266px; padding:0 5px;margin-bottom:15px;height:18px; display:block; float:right; margin-right:35px; font-size:12px;} #cart .customer-data button[type="submit"] { float:right; margin-right:35px;} #cart .customer-data .row span { width:270px; padding:0 5px;margin-bottom:15px;height:auto; line-height:20px;display:block; float:right; margin-right:35px; font-size:12px; text-align:left;} #cart .customer-data label.error { color:red;} #cart .customer-data input.error { border-color:red;} #cart .customer-data textarea.error { border-color:red;} /*** Misc. ***/ /*** jScrollPane ***/ .jScrollPaneContainer { float:left; margin-right:8px; display:inline; position:relative; overflow:hidden; z-index:1; background:url(../images/bg-scrollbar.png) no-repeat -12px 0; } .jScrollPaneTrack { position:absolute; cursor:pointer; right:0; top:0; height:100%; background-color:#c2c2c2; } .jScrollPaneDrag { position:absolute; background:#c61010 url(../images/bg-scrollbar.png) no-repeat 0 0; cursor:pointer; overflow:hidden; } .jScrollPaneDragTop { position:absolute; top:0; left:0; overflow:hidden; } .jScrollPaneDragBottom { position:absolute; bottom:0; left:0; overflow:hidden; } a.jScrollArrowUp, a.jScrollArrowDown { display:block; position:absolute; z-index:1; right:0; text-indent:-2000px; overflow:hidden; width:12px; height:11px; background:url(../images/bg-scrollbar.png) no-repeat; } a.jScrollArrowUp { top:0; background-position:0 -63px; } a.jScrollArrowDown { bottom:0; background-position:0 -74px; } /*** Fancybox ***/ #fancy_overlay { position:absolute; top:0; left:0; z-index:90; width:100%; background-color:#000; } #fancy_loading { position:absolute; height:40px; width:40px; cursor:pointer; display:none; overflow:hidden; background:transparent; z-index:100; } #fancy_loading div { position:absolute; top:0; left:0; width:40px; height:480px; background:transparent url(../images/fancy_progress.png) no-repeat; } #fancy_content { position:relative; top:0; left:0; width:100%; height:100%; padding:0; margin:0; z-index:96; } #fancy_frame { position:relative; width:100%; height:100%; display:none; } #fancy_img { position:relative; width:100%; height:100%; border:0; padding:0; margin:0; z-index:92; } #fancy_outer { position:absolute; top:0; left:0; z-index:90; padding:10px 10px 70px; margin:0; overflow:hidden; background:#fff; display:none; } #fancy_outer.fancy-alt-01 { padding-bottom:39px; } #fancy_inner { position:relative; width:100%; height:100%; padding:0; margin:0; border-width:0; background:#FFF; } #fancy_holder { position:relative; width:100%; height:45px; z-index:100; display:none; background:#fff; font-family:Arial,sans-serif; font-size:14px; font-weight:bold; margin-top:15px; overflow:hidden; } .fancy-alt-01 #fancy_holder { height:14px; } #fancy_title { float:left; width:400px; margin-bottom:6px; } .fancy-alt-01 #fancy_title { display:none; } #fancy_num { clear:left; width:400px; font-size:10px; color:#656565; font-weight:normal; } .fancy-alt-01 #fancy_num { display:none; } #fancy_close { position:absolute; top:0; right:0; width:52px; height:14px; background:url(../images/fancy_closebox.png) no-repeat; cursor:pointer; z-index:100; display:none; } #fancy_controls { overflow:hidden; position:absolute; top:19px; right:0; margin:0; } #fancy_controls li { float:left; margin-left:6px; display:inline; list-style:none outside none; } #fancy_controls li a { display:block; width:17px; height:14px; text-indent:-9999px; overflow:hidden; } #fancy_controls li a.inactive { opacity:0.5; } #fancy_controls li #fancy_download { background:url(../images/fancy_controls_download.png) no-repeat; } #fancy_controls li #fancy_print { background:url(../images/fancy_controls_print.png) no-repeat; } #fancy_controls li #fancy_left { background:url(../images/fancy_controls_left.png) no-repeat; } #fancy_controls li #fancy_right { background:url(../images/fancy_controls_right.png) no-repeat; } #fancy_controls li #fancy_slideshow { background:url(../images/fancy_controls_slideshow.png) no-repeat; } #fancy_bigIframe,#fancy_freeIframe { position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; } /* LIGHTBOX */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 1001; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-container-image-data-box { font-family:Arial, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0; line-height: 16px; color: #1e2d3b; font-size: 14px; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; font-size: 10px; line-height: 12px; color: #656565; } #lightbox-secNav-btnClose { width: 66px; float: right; padding: 0 3px 0.7em 0; font-size: 11px; font-family: Arial, sans-serif; font-weight: bold; color: #656565; text-decoration: none; background: url(../images/lightbox-btn-close.gif) right 2px no-repeat; } #lightbox-buttons { float: right; clear: right; padding-bottom: 5px; } #lightbox-buttons img { margin-left: 5px; cursor: pointer; } /*dorada*/ #banner-bottom { position:absolute; bottom:10px; right:0px;}