/* Screen style Site: SWP */ body { font-size: 68.75%; padding: 0; background: #fff url(/SWP/SWP2/images/bg/body.jpg) repeat-x; } /* Auto-clearing floats */ #top:after, #promo:after, #inner:after, .home-products:after, #misc .inner:after, #bottom .inner:after, #bottom .box3 .top:after, #footer:after, #content .category:after, .products-row:after, .people-row:after, .categories-row:after, #pager:after, .product-detail .top:after, .product-detail .top .buy ul:after, .macguard .serial-number:after, .FaqGroupChooseComp:after, .loginPage:after, p.submit:after, .product-detail .specs .configuration:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } /* Wrappers */ #outer-wrapper { background: url(/SWP/SWP2/images/bg/outer-wrapper.jpg) 50% 0 no-repeat; } #wrapper { margin: 0 auto; width: 980px; padding: 14px 15px 40px 15px; background: #fff; } /* Header */ #header { height: 71px; margin-bottom: 10px; position: relative; } #header .logo { position: absolute; top: 0; left: -1px; margin: 0; } #header .logo img { display: block; } #header .pr { position: absolute; top: 1px; right: 0; } #header .pr img { display: block; } /* Header: Top navigation */ #header .top-nav { position: absolute; top: 24px; left: 275px; } #header .top-nav li { float: left; background: url(/SWP/SWP2/images/bg/icons.gif) 0 -295px no-repeat; margin-left: 7px; padding-left: 8px; } #header .top-nav li.first { margin: 0; padding: 0; background: none; } #header .top-nav li.accessibility { display: none; } #header .top-nav a { color: #83818c; text-decoration: none; } #header .top-nav a:hover, #header .top-nav a.current { color: #514f59; } #header .top-nav .rss { padding-left: 10px; } #header .top-nav .rss a { padding: 2px 0 2px 23px; background: url(/SWP/SWP2/images/bg/icons.gif) 0 2px no-repeat; } /* Header: Account navigation */ #header .account-nav { position: absolute; top: 11px; left: 640px; border-left: 1px solid #dcdbdf; border-right: 1px solid #dcdbdf; padding: 3px 15px 0 19px; width: 95px; } #header .account-nav a { color: #514f59; text-decoration: none; display: block; width: 85px; padding-right: 10px; background: url(/SWP/SWP2/images/bg/icons.gif) 100% -234px no-repeat; } #header .account-nav a:hover { color: #1e1c26; background: url(/SWP/SWP2/images/bg/icons.gif) 100% -269px no-repeat; } #header .account-nav .name { background: none; width: 95px; padding: 0 0 1px 0; color: #1e1c26; text-decoration: underline; } #header .account-nav .name:hover { background: none; } #header .account-nav .user-nav { position: absolute; left: -999em; width: 150px; background: #c4c3c9; z-index: 200; padding-top: 6px; background: url(/SWP/SWP2/images/bg/user-nav-top.png) no-repeat; margin-left: -11px; } #header .account-nav .user-nav ul { padding: 4px 5px 5px 12px; width: 133px; background: url(/SWP/SWP2/images/bg/user-nav.png) bottom no-repeat; } #header .account-nav .user-nav li { margin-bottom: 5px; } #header .account-nav .user-nav a { width: 123px; padding: 0 0 0 10px; background: url(/SWP/SWP2/images/bg/icons.gif) 0 -404px no-repeat !important; color: #1e1c26; } #header .account-nav .user-nav a.current { color: #514f59; } #header .account-nav .user-nav a:hover, #header .account-nav li:hover .name, #header .account-nav li.sfhover .name { color: #d80f1b; } #header .account-nav li:hover .user-nav, #header .account-nav li.sfhover .user-nav { left: auto; } /* Header: Basket */ #header .basket { position: absolute; width: 100px; top: 15px; left: 790px; } #header .basket h3 { color: #514f59; margin-bottom: 2px; } #header .basket p { margin: 0; } #header .basket span.empty { color: #1e1c26; display: block; padding-right: 30px; background: url(/SWP/SWP2/images/bg/icons.gif) 66px -118px no-repeat; } #header .basket a { color: #1e1c26; display: block; padding-right: 30px; background: url(/SWP/SWP2/images/bg/icons.gif) 66px -78px no-repeat; } #header .basket a:hover { text-decoration: none; } /* Navigation */ #nav-wrapper { width: 990px; margin: 0 -5px 17px -5px; height: 40px; } #nav { height: 40px; width: 826px; float: left; } #nav li { float: left; } #nav a { color: #1e1c26; display: block; height: 40px; line-height: 40px; overflow: hidden; position: relative; text-align: center; text-decoration: none; } #nav a span { background: url(/SWP/SWP2/images/text/nav.png) no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; } #nav a:hover { background: #b2b0b5; color: #1e1c26; } #nav a:hover span { background-position: 0 -40px; } #nav a.current span { background-position: 0 100%; } #nav .nav01 a { width: 113px; } #nav .nav02 a { width: 111px; } #nav .nav03 a { width: 87px; } #nav .nav04 a { width: 91px; } #nav .nav05 a { width: 88px; } #nav .nav06 a { width: 118px; } #nav .nav07 a { width: 124px; } #nav .nav08 a { width: 94px; } #nav .nav01 span { background-position: 0px 0px; } #nav .nav01 a:hover span { background-position: 0px -40px; } #nav .nav01 .current span { background-position: 0px 100%; } #nav .nav02 span { background-position: -113px 0px; } #nav .nav02 a:hover span { background-position: -113px -40px; } #nav .nav02 .current span { background-position: -113px 100%; } #nav .nav03 span { background-position: -224px 0px; } #nav .nav03 a:hover span { background-position: -224px -40px; } #nav .nav03 .current span { background-position: -224px 100%; } #nav .nav04 span { background-position: -311px 0px; } #nav .nav04 a:hover span { background-position: -311px -40px; } #nav .nav04 .current span { background-position: -311px 100%; } #nav .nav05 span { background-position: -402px 0px; } #nav .nav05 a:hover span { background-position: -402px -40px; } #nav .nav05 .current span { background-position: -402px 100% } #nav .nav06 span { background-position: -490px 0px; } #nav .nav06 a:hover span { background-position: -490px -40px; } #nav .nav06 .current span { background-position: -490px 100%; } #nav .nav07 span { background-position: -608px 0px; } #nav .nav07 a:hover span { background-position: -608px -40px; } #nav .nav07 .current span { background-position: -608px 100%; } #nav .nav08 span { background-position: -732px 0px; } #nav .nav08 a:hover span { background-position: -732px -40px; } #nav .nav08 .current span { background-position: -732px 100%; } /* Search */ #search { background: url(/SWP/SWP2/images/bg/search.gif) no-repeat; float: right; width: 153px; height: 30px; padding: 10px 0 0 11px; } #search p { margin: 0; background: url(/SWP/SWP2/images/bg/search-p.gif) no-repeat; width: 132px; padding: 1px 3px 1px 8px; line-height: 1.0; height: 18px; } #search input { margin: 2px 0 0 0; vertical-align: middle; float: right; display: block; } #search input.search-txt { border: 0; background: #fff; color: #83818c; width: 100px; float: left; margin: 0; padding-top: 2px; } /* Top */ #top { margin: 0 9px 10px 9px; padding: 0 0 11px 9px; background: url(/SWP/SWP2/images/bg/top.jpg) bottom no-repeat; } .home #top { padding: 0; background: none; } /* Top: News */ #top .news { float: left; width: 737px; } .home #top .news { width: 746px; } #top .news .item { display: none; float: left; width: 680px; margin-bottom: 11px; } #top .news .item p { margin: 0; } #top .news .display { display: block; } #top .news .next { float: right; margin-top: 21px; } #top .news .next img { display: block; } #top .news .pager { clear: both; height: 6px; line-height: 6px; text-align: center; } #top .news .pager li { display: inline; margin-right: 4px; } /* Top: Contact */ #top .contact { float: right; width: 181px; padding: 0 0 6px 20px; background: url(/SWP/SWP2/images/bg/line1.gif) repeat-y; } #top .contact th { color: #1e1c26; padding: 0 27px 1px 0; } /* Promo */ #promo { border-top: 1px solid #dcdbdf; } /* Promo: Slideshow */ #promo .slideshow { float: left; width: 656px; } #promo .slideshow li { display: none; } #promo .slideshow li.display { display: block; } #promo .slideshow img { display: block; } #promo .slideshow .next { margin: 20px 0 0 318px; } /* Promo: News */ #promo .newsMainRight { float: right; width: 304px; margin-top: 16px; } #promo .newsMainRight .rightBarScrItem { border-bottom: 1px solid #dcdbdf; padding-bottom: 6px; min-height: 280px; display: block; } #promo .newsMainRight ul.display { display: block; } #promo .newsMainRight h2 a { color: #1e1c26; text-decoration: none; } #promo .newsMainRight h2 a:hover { color: #d80f1b; } #promo .newsMainRight p { margin: 0; } #promo .newsMainRight .rightBarScrItem { padding-right: 10px; margin-bottom: 5px; } #promo .newsMainRight .rightBarScrItem .inner { display: none; } #promo .newsMainRight .rightBarScrItem .display { border-top: 1px solid #dcdbdf; border-bottom: 1px solid #dcdbdf; padding-top: 10px; padding-bottom: 9px; margin: 8px 0 10px 0; } #promo .newsMainRight .rightBarScrItem.display .inner { display: block; float: none;} #promo .newsMainRight .rightBarScrItem .last { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } #promo .newsMainRight .rightBarScrItem .first { border-top: 0; margin-top: 0; padding-top: 0; } #promo .newsMainRight .rightBarScrItem .news-img { height: 116px; width: 103px; float: left; display: block; margin: 5px 12px 5px 0; } #promo .newsMainRight .switch { text-decoration: none; } #promo .newsMainRight .switch strong { font-size: 1.09em; color: #2d2b34; margin-right: 2px; } #promo .newsMainRight .switch:hover strong { color: #d80f1b; } #promo .newsMainRight .rightBarScrItem .display .switch {display: none; } /*#promo .newsMainRight li.display a.switch { display: none; }*/ #promo .newsMainRight .next { margin: 20px 0 0 142px; } #promo .newsMainRight .next img { display: block; } /* Breadcrumbs */ #breadcrumbs { color: #514f59; margin: 10px 10px 20px 10px; } #breadcrumbs a { text-decoration: none; } #breadcrumbs img { margin: 0 2px; } /* Inner */ #inner { margin-bottom: 11px; background: #fff url(/SWP/SWP2/images/bg/inner.jpg) bottom no-repeat; padding: 0 37px 75px 0; } .basket #inner { background: none; padding-bottom: 10px; } .products #inner { padding: 0 24px 28px 0; margin-bottom: 22px; } /* Content */ #content { float: right; width: 690px; color: #514f59; } .home #content { float: none; width: auto; color: #83818c; } .products #content { width: 706px; } .people #content { width: 706px; } /* Buttons */ .button { display: block; padding-left: 5px; float: left; } .button input, .button a { display: block; border: 0; background-color: transparent; background-position: top right; color: #fff; padding: 0 10px 0 5px; float: left; height: 25px; line-height: 25px; font-weight: bold; text-decoration: none; margin: 0; } .button1 { background: #8e8c96 url(/SWP/SWP2/images/bg/button1.png) no-repeat; } .button1 input, .button1 a { background-image: url(/SWP/SWP2/images/bg/button1.png); } .button2 { background: #615f68 url(../images/bg/button2.png) no-repeat; } .button2 input, .button2 a { background-image: url(/SWP/SWP2/images/bg/button2.png); } .button3 { background: #dc2530 url(../images/bg/button3.png) no-repeat; } .button3 input, .button3 a { background-image: url(/images/bg/button3.png); } /* Home: Products listing */ .home-products .product { float: left; width: 155px; padding: 24px 5px 0 5px; background: url(/SWP/SWP2/images/bg/product-home.gif) no-repeat; } .home-products .first { width: 150px; background: none; } .home-products .last { width: 150px; } .home-products .product .product-icon {margin-top: 32px; display: block;} .home-products img {margin-top: 20px;} .home-products h3 { margin: 0 0 7px 14px; height: 30px; } .home-products h3 a { text-decoration: none; color: #1e1c26; } .home-products .product:hover h3 a { color: #d80f1b; } .home-products span { margin: 0 0 0 14px; line-height: 1.36; } .home-products span strong { font-size: 1.27em; font-weight: normal; } .home-products .product .flag {float:right; display: block; margin-top: -26px; margin-right: -5px;} /* Home: Products first row */ .home-products1 { padding: 19px 0 17px 0; background: url(/SWP/SWP2/images/bg/home-products1.jpg) left top no-repeat; } /* Home: Products second row */ .home-products2 { border-top: 1px solid #dcdbdf; padding-bottom: 37px; background: url(/SWP/SWP2/images/bg/home-products2.jpg) bottom no-repeat; margin-bottom: 10px; } /* Miscellaneous */ #misc { background: url(/SWP/SWP2/images/bg/misc.jpg) no-repeat; padding-top: 5px; margin-bottom: 30px; } #misc .inner { background: url(/SWP/SWP2/images/bg/misc.jpg) bottom no-repeat; padding: 15px 0 22px 0; } #misc .box { float: left; padding: 6px 16px 5px 18px; width: 211px; min-height: 147px; background: url(/SWP/SWP2/images/bg/misc-box.gif) no-repeat; } #misc .box-first { background: none; } #misc .box-second { background-image: url(/SWP/SWP2/images/bg/misc-box2.gif); } #misc h3 { font-size: 1.27em; background: url(/SWP/SWP2/images/bg/icons.gif) 0 -328px no-repeat; padding-left: 19px; margin-bottom: 8px; } #misc h4 { color: #1e1c26; margin-left: 18px; } #misc h4 a { color: #1e1c26; text-decoration: none; } #misc h4 a:hover { color: #d80f1b; } #misc h3.rss a { background: url(/SWP/SWP2/images/bg/icons.gif) right -40px no-repeat; padding-right: 19px; text-decoration: none; } #misc p { color: #1e1c26; margin: 0 0 0 18px; } #misc p.price { color: #83818c; font-size: 1.27em; margin: 1px 0 0 18px; } #misc ul { margin-left: 18px; } #misc ul a { text-decoration: none; color: #1e1c26; } #misc ul a:hover { color: #d80f1b; } #misc .button { margin: 10px 0 0 7px; } #misc .button img { display: block; } #misc a { text-decoration: none; } #misc a:hover p { color: #d80f1b; } /* Tips */ .tips li { margin-bottom: 16px; } .tips li .inner { display: none; margin: 10px 0 20px 11px; color: #83818c; } .tips li.display .inner { display: block; } .tips li h3 { padding-left: 11px; background: url(/SWP/SWP2/images/bg/icons.gif) -25px -270px no-repeat; } .tips li h3 a { color: #1e1c26; text-decoration: none; } .tips li h3 a:hover { color: #d80f1b; } .tips li.display h3 { font-size: 1.27em; background-position: 0 -368px; } .tips li.display h3 a { color: #d80f1b; } /* CetelemPage */ .cetelem li { margin-bottom: 15px; margin-left: 15px;} .cetelem li b a { margin-bottom: 15px; } .cetelem li .inner { display: none; margin: 10px 0 20px 11px; color: #83818c; } .cetelem li.display .inner { display: block; } .cetelem li a { padding-left: 11px; background: url(/SWP/SWP2/images/bg/icons.gif) -25px -270px no-repeat; } .cetelem li a { color: #1e1c26; text-decoration: none; margin-bottom: 16px; } .cetelem li a:hover { color: #d80f1b; } .cetelem li.display h3 { font-size: 1.27em; background-position: 0 -368px; } .cetelem li.display h3 a { color: #d80f1b; } /*user.settings*/ .user-info h3 a { margin-bottom: 16px;} .user-info h3 a { padding-left: 11px; background: url(/SWP/SWP2/images/bg/icons.gif) -25px -270px no-repeat; } .user-info h3 a { color: #1e1c26; text-decoration: none; } .user-info h3 a:hover { color: #d80f1b; } .user-info a span.title .display h3 { font-size: 1.27em; background-position: 0 -368px; } .user-info a span.title .display h3 a { color: #d80f1b; } /* Article */ .article-stats { margin-bottom: 18px; } .article-stats th { padding: 0 14px 0 0; } .article-stats td { color: #1e1c26; } .article-stats .date { color: #83818c; } .other-articles { clear: both; font-size: 1.63em; margin-bottom: 1em; padding-top: 20px; } /* List with arrows */ ul.style1 { margin-bottom: 20px; } ul.style1 li { padding-left: 11px; background: url(/SWP/SWP2/images/bg/icons.gif) -25px -269px no-repeat; } ul.style1 a { color: #1e1c26; text-decoration: none; font-weight: bold; } ul.style1 a em { font-style: normal; color: #83818c; font-weight: normal; } ul.style1 a:hover { color: #d80f1b; } /* Contact */ .contact .address { float: left; width: 300px; } .contact .address h3 { font-size: 1.09em; color: #1e1c26; margin-bottom: 2px; } .contact .address a { color: #1e1c26; text-decoration: none; } .contact .address a:hover { color: #d80f1b; } .contact .address .grey { color: #83818c; } .contact .map { float: right; width: 338px; text-align: center; } .contact #google-map { background: url(/SWP/SWP2/images/bg/google-map.gif) no-repeat; padding: 4px; width: 330px; height: 230px; } .contact #google-map img { display: block; } .contact form { clear: both; padding-top: 15px; } .contact h2 { font-size: 1.63em; margin-bottom: 28px; } .contact form label { display: block; float: left; width: 130px; margin-right: 10px; } .contact form p { margin-bottom: 5px; } .contact form .text-input { width: 182px; padding: 6px 5px; border: 0; background: #d5d4d9 url(/SWP/SWP2/images/bg/text-input1.gif) no-repeat; } .contact form textarea { width: 242px; height: 115px; padding: 5px 5px; border: 0; background: #d5d4d9 url(/SWP/SWP2/images/bg/contact-form.png) 0 -50px no-repeat; } .contact form p.submit { margin: 10px 0 0 140px; } /* Basket */ #basket {margin-bottom: 10px;} #basket .stats { color: #83818c; margin: 0 0 24px 0; } #basket .stats th { padding-right: 27px; color: #514f59; } #basket .stats .price strong { color: #d80f1b; } #basket .listing { border-top: 1px solid #dcdbdf; margin-bottom: 17px; width: 100%; } #basket .listing th { color: #1e1c26; font-weight: bold; padding: 6px 0; } #basket .listing th.img { padding-left: 15px; } #basket .listing th.price { text-align: right; width: 100px; } #basket .listing td.summary { text-align: right; width: 100px; } #basket .listing td { border-top: 1px solid #dcdbdf; vertical-align: middle; padding-top: 12px; padding-bottom: 13px; } #basket .listing .first td { border-top-color: #b9b8bf; } #basket .listing .total-price td { border-bottom: 1px solid #b9b8bf; border-top: 1px solid #b9b8bf; color: #83818c; font-size: 1.27em; font-weight: bold; padding-top: 8px; padding-bottom: 8px; } #basket .listing td.img { padding-left: 14px; padding-right: 14px; width: 103px; } #basket .listing .desc { width: 285px; padding-right: 35px; } #basket .listing .desc em { font-style: normal; color: #83818c; } #basket .listing .amount input { width: 52px; padding: 3px 8px 4px 8px; text-align: right; background: url(/SWP/SWP2/images/bg/basket-amount.gif) no-repeat; border: none; color: #514f59; } #basket .listing td.price { font-weight: bold; color: #83818c; text-align: right; width: 70px; } #basket .listing .del { text-align: center; width: 55px; } #basket .submits { margin: 0 2px; } #basket .submits .continue { float: left; } #basket .submits .recount { margin: 0 28px 0 364px; } #basket .ticketTitle {margin: 5px 0 10px 0;} #progres-info h2 {padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #dcdbdf;} #progres-info .submits { margin-top: 13px;} #progres-info .warnMessage {color: #d80f1b;} #progres-info .submits .button2 {margin-right: 10px;} #progres-info .submits .addRelated { display: block; border: 0; background-color: transparent; margin: 0 28px 0 64px; background: #8e8c96 url(/SWP/SWP2/images/bg/button1.png) no-repeat; background-position: top right; color: #fff; padding: 0 5px 0 5px; float: left; height: 25px; line-height: 25px; font-weight: bold; text-decoration: none; margin: 0; } #progres-info .relatedItem {margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #dcdbdf;} #progres-info .relatedItem .checkboxItem {float: left; padding-top: 70px; width: 50px;} #progres-info .submits .addRelated { margin: 0 28px 0 28px; } #progres-info .submits .cancelRelated { margin: 0 28px 0 28px; } #progres-info .relatedItem .ProductDisplayMinimalComp{margin-left: 30px;} #progres-info .relatedItem .ProductDisplayMinimalComp .title {font-weight: bold; margin: 20px 0 8px 0;} #progres-info .relatedItem .ProductDisplayMinimalComp .info {margin-left: 15px;} #progres-info .relatedItem .ProductDisplayMinimalComp .p1 { color: #83818c; font-size: 1.27em; } #progres-info .relatedItem .ProductDisplayMinimalComp .p2 { color: #83818c; font-size: 0.8em; } #basket .BasketContentPageRelated h2 {padding-bottom: 8px; border-bottom: 1px solid #dcdbdf;} #basket .BasketContentPageRelated .submits { margin-top: 23px;} #basket .BasketContentPageRelated .submits .addRelated { display: block; border: 0; background-color: transparent; margin: 0 28px 0 64px; background: #8e8c96 url(/SWP/SWP2/images/bg/button1.png) no-repeat; background-position: top right; color: #fff; padding: 0 5px 0 5px; float: left; height: 25px; line-height: 25px; font-weight: bold; text-decoration: none; margin: 0; } #basket .BasketContentPageRelated .relatedItem {margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #dcdbdf;} #basket .BasketContentPageRelated .relatedItem .checkboxItem {float: left; padding-top: 70px; width: 50px;} #basket .BasketContentPageRelated .submits .addRelated { margin: 0 28px 0 28px; } #basket .BasketContentPageRelated .submits .cancelRelated { margin: 0 28px 0 28px; } #basket .BasketContentPageRelated .relatedItem .ProductDisplayMinimalComp{margin-left: 30px;} #basket .BasketContentPageRelated .relatedItem .ProductDisplayMinimalComp .title {font-weight: bold; margin: 20px 0 8px 0;} #basket .BasketContentPageRelated .relatedItem .ProductDisplayMinimalComp .info {margin-left: 15px;} #basket .BasketContentPageRelated .relatedItem .ProductDisplayMinimalComp .p1 { color: #83818c; font-size: 1.27em; } #basket .BasketContentPageRelated .relatedItem .ProductDisplayMinimalComp .p2 { color: #83818c; font-size: 0.8em; } /* Listing: Category */ #content .category { color: #83818c; } #content .category .intro { color: #514f59; } #content .category .gallery { margin-top: -15px; } #content .category .gallery img { display: block; } #content .category .gallery p { text-align: center; margin: 9px 0 0 0; } #content .category .gallery p a { padding-right: 11px; background: url(/SWP/SWP2/images/bg/icons.gif) 100% -270px no-repeat; text-decoration: none; color: #1e1c26; } #content .category .gallery p a:hover { color: #d80f1b; } #content .category1 { width: 694px; margin: 0 9px 15px 3px; } #content .category1 .gallery { float: right; width: 319px; margin: 0 0 10px 10px; } #content .category1 .description { float: left; width: 100%; } #content .category1 .description .p1 {text-align: justify; width: 100%;} #content .category2 { width: 692px; margin: 0 11px 15px 3px; } #content .category2 .gallery { float: right; width: 313px; margin-top: -35px; } #content .category2 .gallery p { margin-top: 17px; } #content .category2 .description { float: left; width: 327px; } /* Listing: Products */ .products-row { border-top: 1px solid #dcdbdf; padding: 11px 0 0 4px; margin-bottom: 31px; background: url(/SWP/SWP2/images/bg/products-row.png) no-repeat; color: #83818c; } .products-row .product { float: left; } .products-row .product1 { width: 209px; padding: 6px 12px 11px 0; } .products-row .product2 { width: 209px; padding: 6px 12px 11px 19px; } .products-row .product3 { width: 210px; padding: 6px 12px 11px 19px; } .products-row h2 { font-size: 1.27em; margin: 0 20px 8px 0; height: 40px;} .products-row h2 a { color: #1e1c26; text-decoration: none; } .products-row p { margin: 0; } .products-row .desc { margin: 8px 0 0 0; height: 8.25em; overflow: hidden; } .products-row .product-img { float: left; margin: 4px 6px 0 0; } .products-row .more { font-weight: bold; color: #1e1c26; text-decoration: none; } .products-row .buy { margin-top: 6px; } .products-row .delivery { color: #3399ff; margin-bottom: 3px; } .products-row .price { color: #83818c; font-size: 1.27em; } .products-row .add { color: #1e1c26; text-decoration: none; padding: 2px 0 2px 21px; background: url(/SWP/SWP2/images/bg/icons.gif) 0 -119px no-repeat; font-size: 0.82em; margin-left: 8px; } .products-row .add span { color: #83818c; } .products-row .flag {overflow:hidden; float:right; display: block; margin-top: -18px; margin-right: -14px;} .products-row h2 a:hover, .products-row .more:hover, .products-row .add:hover { color: #d80f1b; } /* Listing: People */ .people-row { border-top: 1px solid #dcdbdf; padding: 11px 0 0 4px; margin-bottom: 31px; background: url(/SWP/SWP2/images/bg/products-row.png) no-repeat; color: #83818c; } .people-row .item { float: left; } .people-row .item1 { width: 209px; padding: 6px 12px 11px 0; } .people-row .item2 { width: 209px; padding: 6px 10px 11px 21px; } .people-row .item3 { width: 210px; padding: 6px 12px 11px 19px; } .people-row h2 { font-size: 1.27em; } .people-row h2 a { color: #1e1c26; text-decoration: none; } .people-row p { margin: 0 0 5px 0; } .people-row .desc { margin: 8px 0 0 0; height: 8.25em; overflow: hidden; } .people-row .people-img { width: 200px; height: auto; margin-left: auto; margin-right: auto;} .people-row .more { font-weight: bold; color: #1e1c26; text-decoration: none; } .people-row .buy { margin-top: 6px; } .people-row .delivery { color: #3399ff; margin-bottom: 3px; } .people-row .price { color: #83818c; font-size: 1.27em; } .people-row .add { color: #1e1c26; text-decoration: none; padding: 2px 0 2px 21px; background: url(/SWP/SWP2/images/bg/icons.gif) 0 -119px no-repeat; font-size: 0.82em; margin-left: 8px; } .people-row .add span { color: #83818c; } .people-row .flag {overflow:hidden; float:right; display: block; margin-top: -18px; margin-right: -14px;} .people-row h2 a:hover, .people-row .more:hover, .people-row .add:hover { color: #d80f1b; } .people-row .facebook {font-size: 0.97em; width: 17px; display:inline-block;} .people-row .twitter { background: url(/SWP/SWP2/images/bg/icons.gif) 0 -199px no-repeat; } /* Listing: Products categories */ .categories-row { border-top: 1px solid #dcdbdf; padding: 11px 0 0 4px; margin-bottom: 31px; background: url(/SWP/SWP2/images/bg/products-row.png) no-repeat; color: #83818c; } .categories-row .product { float: left; } .categories-row .product1 { width: 209px; padding: 6px 12px 11px 0; } .categories-row .product2 { width: 209px; padding: 6px 12px 11px 19px; } .categories-row .product3 { width: 210px; padding: 6px 12px 11px 19px; } .categories-row h2 { font-size: 1.27em; margin: 0 20px 8px 0; height: 40px; text-align: center;} .categories-row h2 a { color: #1e1c26; text-decoration: none; } .categories-row p { margin: 0; } .categories-row .desc { margin: 8px 0 0 0; height: 8.25em; overflow: hidden; } .categories-row .product-img { float: left; margin: 4px 24px 0 24px; } .categories-row .more { font-weight: bold; color: #1e1c26; text-decoration: none; } .categories-row .buy { margin-top: 6px; } .categories-row .delivery { color: #3399ff; margin-bottom: 3px; } .categories-row .price { color: #83818c; font-size: 1.27em; } .categories-row .add { color: #1e1c26; text-decoration: none; padding: 2px 0 2px 21px; background: url(/SWP/SWP2/images/bg/icons.gif) 0 -119px no-repeat; font-size: 0.82em; margin-left: 8px; } .categories-row .add span { color: #83818c; } .categories-row .flag {overflow:hidden; float:right; display: block; margin-top: -18px; margin-right: -14px;} .categories-row h2 a:hover, .categories-row .more:hover, .categories-row .add:hover { color: #d80f1b; } /* Listing: Pager */ #pager { clear: both; margin: -15px 0 10px 0; width: 706px; } #pager .nav img { display: block; } #pager .nav .previous { float: left; } #pager .nav .next { float: right; } #pager .pages { height: 6px; line-height: 6px; text-align: center; padding-top: 8px; } #pager .pages li { display: inline; margin-right: 4px; } /* Product Detail */ .hr { background: url(/SWP/SWP2/images/bg/hr.png) no-repeat; width: 730px; height: 18px; margin: 38px -24px 18px 0; } .product-detail .gallery { float: right; width: 319px; margin-top: -10px; position: relative; } .product-detail .gallery .flag { position: absolute; top: -2px; right: -2px; z-index: 100; display: block; } .product-detail .gallery img { display: block; } .product-detail .gallery p { text-align: center; margin: 9px 0 0 0; } .product-detail .gallery p a { padding-right: 11px; background: url(/SWP/SWP2/images/bg/icons.gif) 100% -270px no-repeat; text-decoration: none; color: #1e1c26; } .product-detail .gallery p a:hover { color: #d80f1b; } .product-detail .top { margin: -4px 0 32px 3px; width: 694px; } .product-detail .top table { margin-bottom: 25px; } .product-detail .top th { color: #514f59; padding: 0 26px 0 0; width: 83px;} .product-detail .top td { color: #83818c; } .product-detail .top td.delivery { color: #3399ff; } .product-detail .top .buy {background: url(/SWP/SWP2/images/bg/product-detail-buy.png) no-repeat; padding-top: 10px; width: 245px; margin-left: -3px; } .product-detail .top .buy ul { background: url(/SWP/SWP2/images/bg/product-detail-buy.png) bottom no-repeat; padding: 0 14px 11px 14px; } .product-detail .top .buy .price { float: left; width: 125px; padding-right: 7px; color: #b3b0bf; line-height: 1.4; } .product-detail .top .buy .price strong { font-size: 1.27em; color: #83818c; font-weight: normal; } .product-detail .top .buy .price { float: left; width: 125px; padding-right: 7px; color: #b3b0bf; line-height: 1.4; } .product-detail .top .buy .price strong { font-size: 1.27em; color: #83818c; font-weight: normal; } .product-detail .top .buy .add a { text-decoration: none; color: #1e1c26; padding: 2px 0 2px 21px; background: url(/SWP/SWP2/images/bg/icons.gif) 0 -119px no-repeat; font-size: 0.82em; } .product-detail .top .buy .add a:hover { color: #d80f1b; } .product-detail .specs { color: #83818c; clear: both; margin: 0 0 32px 2px; } .product-detail .specs h2 { margin: 1px 0 1px 0; } .product-detail .specs strong { color: #1e1c26; font-weight: normal; } .product-detail .specs ul { margin-bottom: 1.1em; } /* Bazaar */ .bazaar h2 { font-size: 1.63em; margin: 22px 0 22px 0; } .bazaar h2.insert { margin: 0 0 16px 0; } .bazaar .search { margin: 32px 0; } .bazaar .search p { margin: 0 0 10px 0; } .bazaar .search label { display: block; float: left; width: 130px; padding-right: 10px; } .bazaar .search select { width: 160px; } .bazaar .search .text-input { width: 242px; padding: 6px 5px; border: 0; background: #d5d4d9 url(/SWP/SWP2/images/bg/contact-form.png) no-repeat; } .bazaar .search .submit { margin: 0 0 0 140px; } .bazaar .list { border-top: 1px solid #dcdbdf; width: 100%; color: #83818c; margin-bottom: 30px; } .bazaar .list th { border-bottom: 1px solid #dcdbdf; color: #1e1c26; font-weight: bold; padding: 7px 0 8px 0; width: 400px; } .bazaar .list th a { display: block; color: #1e1c26; text-decoration: none; padding-left: 16px; background: url(/SWP/SWP2/images/bg/icons.gif) 4px -405px no-repeat; position: relative; line-height: 1.25; } .bazaar .list th a:hover { color: #d80f1b; } .bazaar .list td { border-bottom: 1px solid #dcdbdf; padding: 3px 0; } .bazaar .list .detail { display: none; } .bazaar .list .opened-detail { display: table-row; } .bazaar .list .opened th, .bazaar .list .opened td { border: 0; background: url(/SWP/SWP2/images/bg/bazaar-opened.gif) repeat-x; } .bazaar .list .before-opened th, .bazaar .list .before-opened td { border-bottom-color: #f7cfd1; } .bazaar .list .date { padding-left: 25px; padding-right: 15px; } .bazaar .list .date strong { color: #514f59; font-weight: normal; } .bazaar .list .place { color: #514f59; padding-right: 10px; } .bazaar .list .opened th a { font-size: 1.27em; color: #d80f1b; background-position: 4px -368px; } .bazaar .list .opened-detail td { border-bottom-color: #f7cfd1; background: #fdf2f2 url(/SWP/SWP2/images/bg/bazaar-opened-detail.gif) repeat-x; padding: 10px 10px 20px 25px; } .bazaar .list .opened-detail td table { border: 0; width: 600px; } .bazaar .list .opened-detail td th { border: 0; background: none; width: auto; padding: 0 35px 0 0; color: #514f59; font-weight: normal; } .bazaar .list .opened-detail td td { border: 0; background: none; padding: 0; } .bazaar .list .opened-detail td .text th, .bazaar .list .opened-detail td .text td { padding-bottom: 15px; } /* Sidebar */ #sidebar { width: 210px; } /* Sidebar: Secondary navigation */ #sec-nav { background: url(/SWP/SWP2/images/bg/sidebar.png) left bottom no-repeat; padding-bottom: 7px; } #sec-nav h2 { border-bottom: 2px solid #5b5864; background: url(/SWP/SWP2/images/bg/sidebar.png) no-repeat; color: #b4b4ba; font-size: 1em; padding: 8px 20px 7px 20px; margin-bottom: 5px; } #sec-nav li { border-top: 1px solid #bcbbc2; margin: 0 3px; } #sec-nav li.first { border: none; } #sec-nav li.current { margin: 0 0 -1px 0; position: relative; border: none; } #sec-nav a { color: #1e1c26; text-decoration: none; font-weight: bold; display: block; padding: 6px 17px 5px 17px; width: 170px; } #sec-nav a:hover { color: #d80f1b; } #sec-nav li.current a { background: url(/SWP/SWP2/images/bg/sidebar.png) -210px 0 no-repeat; color: #fff; padding: 6px 17px; width: 174px; position: relative; } #sec-nav li.next-to-current a { padding-top: 10px; } #sec-nav ul ul { padding: 10px 3px 20px 3px; background: url(/SWP/SWP2/images/bg/sidebar.png) -210px 100% no-repeat; } #sec-nav ul ul li { margin: 0; border: 0; } #sec-nav ul ul a, #sec-nav li.current ul a { color: #4b4951; font-weight: normal; padding: 0 17px; background: none; width: 170px; } #sec-nav ul ul a.current, #sec-nav ul ul a:hover { background: #f2f2f3; color: #d80f1b; } #sec-nav li.active { background:url(/SWP/SWP2/images/bg/sprite3.gif) 100% 0 no-repeat; margin-right:5px; margin-top:0; padding-top: 5px;} #sec-nav li.active a.i.active { color: #D80F1B; margin-left: 0; margin-right: 17px; padding: 1px 25px 2px;} #sec-nav li.active a:hover {background:none;} #sec-nav .l-3 { background:url(/SWP/SWP2/images/bg/sprite3.gif) 0 100% no-repeat; margin:0 0 0 5px; padding-bottom:15px; } #sec-nav .l-3 .i a { padding:0 25px 0 25px; color:#4b4951; background:url(/SWP/SWP2/images/bg/arr.gif) 8% 50% no-repeat; } /* Sidebar: Box */ #sidebar .box { background: url(/SWP/SWP2/images/bg/sidebar.png) -420px 100% no-repeat; margin-top: 15px; padding-bottom: 10px; } #sidebar .pay { background: url(../images/bg/sidebar.png) -630px 100%;} #sidebar .box h3 { background: #74727a url(/SWP/SWP2/images/bg/sidebar.png) -420px 0 no-repeat; color: #fff; padding: 8px 20px 9px 20px; margin-bottom: 14px; } #sidebar .box ul { margin: 0 20px; } #sidebar .box ul a { color: #74727a; text-decoration: none; } #sidebar .box ul a:hover { color: #d80f1b; } #sidebar .box li { margin-bottom: 6px; } #sidebar .pay .loga {padding-top: 10px; text-align: center;} /* Bottom */ #bottom { background: url(/SWP/SWP2/images/bg/bottom.jpg) no-repeat; padding-top: 21px; margin-bottom: 5px; } #bottom .inner { background: url(/SWP/SWP2/images/bg/bottom.jpg) bottom no-repeat; padding: 12px 14px 37px 0; min-height: 166px; } #bottom .box { float: left; position: relative; } #bottom .box .product-img { position: absolute; left: 1px; display: block; } #bottom .box1 .product-img { top: -26px; } #bottom .box2 .product-img { top: -44px; } #bottom .box1 { width: 160px; padding: 0 21px 0 144px; } #bottom .box2 { width: 156px; padding: 0 24px 0 149px; } #bottom .box h2 { font-size: 2.18em; margin-bottom: 16px; line-height: 1.08; } #bottom .box h2 a { color: #1e1c26; text-decoration: none; } #bottom .box h2 a:hover, #bottom .box .buy a:hover { color: #d80f1b; } #bottom .box .feature { font-size: 1.27em; color: #1e1c26; line-height: 1.43; } #bottom .box .buy { margin-top: 15px; } #bottom .box .buy .price { font-size: 1.27em; } #bottom .box .buy a { color: #1e1c26; text-decoration: none; padding: 2px 0 2px 21px; background: url(/SWP/SWP2/images/bg/icons.gif) 0 -119px no-repeat; font-size: 0.82em; margin-left: 6px; } #bottom .box .flag { position: absolute; top: -33px; right: -1px; z-index: 100; display: block; } #bottom .box3 { width: 297px; float: right; } #bottom .box3 .top ul.first { float: left; width: 135px; } #bottom .box3 .top ul.second { float: left; width: 130px; margin-top: 5px; margin-left: -20px} #bottom .box3 .top a { text-decoration: none; } #bottom .box3 .top .facebook { padding-left: 2px; } #bottom .box3 .top .twitter { padding-left: 23px; background: url(/SWP/SWP2/images/bg/icons.gif) 0 -199px no-repeat; } #bottom .box3 .newsletter { border-top: 1px solid #e3e3e5; padding-top: 6px; margin-top: 14px; } #bottom .box3 .newsletter p { margin-bottom: 5px; } #bottom .box3 .newsletter input { vertical-align: middle; margin: 0; } #bottom .box3 #newsletter-email { color: #b9b8bf; background: url(/SWP/SWP2/images/bg/newsletter-email.gif) no-repeat; padding: 6px; width: 210px; border: none; margin-right: 2px; line-height: 1.0; } #bottom .box3 .macblogLink { margin: 10px 0 0 0; } #bottom .box3 .macblogLink a {text-decoration: none; } /* Footer */ #footer { color: #b9b8bf; clear: both; margin: 5px 9px; } #footer a:hover { color: #514f59; } #footer .left { float: left; width: 630px; } #footer .left p { float: left; } #footer .left a { text-decoration: none; } #footer .left li { float: left; background: url(/SWP/SWP2/images/bg/icons.gif) 0 -295px no-repeat; margin-left: 7px; padding-left: 8px; } #footer .left li a { text-decoration: none; } #footer .right { float: right; width: 330px; text-align: right; } #footer .right li { display: inline; background: url(/SWP/SWP2/images/bg/icons.gif) 0 -295px no-repeat; margin-left: 5px; padding-left: 6px; } #footer .right li a { text-decoration: none; } #footer .right li.first { margin: 0; padding: 0; background: none; } /* User: Info */ .user-info { margin: 24px 0 0 4px; } .user-info fieldset { margin-bottom: 12px; } .user-info h2 { font-size: 1.63em; margin: 0 0 24px 0; } .user-info p { margin: 0 0 5px 0; } .user-info label { display: block; float: left; width: 130px; padding-right: 10px; } .user-info input { vertical-align: middle; margin: 0; } .user-info .text-input { width: 242px; padding: 6px 5px; border: 0; background: #d5d4d9 url(/SWP/SWP2/images/bg/contact-form.png) no-repeat; color: #514f59; } .user-info .req { color: #d80f1b; font-weight: normal; font-size: 1.36em; } .user-info .submit { margin: 10px 0 30px 140px; } .user-info .submit .button { margin-right: 13px; } /* User: Settings */ .user-settings { margin-top: 27px;} .user-settings .label { display: block; float: left; width: 130px; padding-right: 10px; } .user-settings p { margin-bottom: 12px; } .user-settings select { width: 160px; } .user-settings input { margin: 0; } .user-settings ul { float: left; } .user-settings li { margin-bottom: 5px; } .user-settings li label { margin-left: 3px; } .user-settings .submit { clear: both; padding: 20px 0 30px 140px; } .user-settings .submit .button { margin-right: 13px; } .user-settings .button { display: block; padding-left: 5px; float: left; } .user-settings .button input, .button a { display: block; border: 0; background-color: transparent; background-position: top right; color: #fff; padding: 0 10px 0 5px; float: left; height: 25px; line-height: 25px; font-weight: bold; text-decoration: none; margin: 0; } .user-settings .button1 { background: #8e8c96 url(/SWP/SWP2/images/bg/button1.png) no-repeat; } /* User: History */ .user-history { border-bottom: 1px solid #b9b8bf; width: 100%; color: #83818c; margin-top: 8px; } .user-history th { border-bottom: 1px solid #b9b8bf; border-top: 1px solid #dcdbdf; font-weight: bold; color: #1e1c26; padding: 7px 11px 6px 11px; } .user-history th.order { padding-left: 23px; } .user-history td { border-top: 1px solid #dcdbdf; padding: 10px; vertical-align: middle; } .user-history a { color: #1e1c26; text-decoration: none; } .user-history a:hover { color: #d80f1b; } .user-history .order a { display: block; color: #1e1c26; font-weight: bold; text-decoration: none; padding-left: 11px; background: url(/SWP/SWP2/images/bg/icons.gif) 0 -405px no-repeat; position: relative; line-height: 1.25; } .user-history .order a:hover { color: #d80f1b; } .user-history .opened td { border-top: 1px solid #d80f1b; border-bottom: 0; } .user-history .opened td.order { border-left: 1px solid #d80f1b; } .user-history .opened td.delete { border-right: 1px solid #d80f1b; } .user-history .opened .order a { font-size: 1.27em; color: #d80f1b; background-position: 0 -368px; } .user-history .detail { display: none; } .user-history .detail table { width: 100%; color: #514f59; } .user-history .detail table em { color: #83818c; font-style: normal; } .user-history .detail table .price { color: #83818c; padding-right: 60px; } .user-history .detail td { border: 1px solid #d80f1b; border-top: 0; padding: 2px 9px 0 9px; } .user-history .detail td td { border: 0; border-top: 1px solid #dcdbdf; padding: 10px 4px 14px 4px; } .user-history .opened-detail { display: table-row; } .user-history .price { font-weight: bold; text-align: right; padding-right: 30px; } .user-history .img { width: 110px; } .user-history .sep { margin: 0 3px; } /*FTSInputForm*/ .FTSInputForm { margin: 24px 0 0 4px; } .FTSInputForm fieldset { margin-bottom: 12px; } .FTSInputForm h2 { font-size: 1.63em; margin: 0 0 24px 0; } .FTSInputForm p { margin: 10px 0 5px 0; } .FTSInputForm label { display: block; float: left; padding-right: 10px; } .FTSInputForm input { vertical-align: middle; margin: 0; } .FTSInputForm .text-input { width: 242px; padding: 6px 5px; border: 0; background: #d5d4d9 url(../images/bg/contact-form.png) no-repeat; color: #514f59; } .FTSInputForm .req { color: #d80f1b; font-weight: normal; font-size: 1.36em; } .FTSInputForm .submit { margin: 10px 0 30px 20px; } .FTSInputForm .submit .button { margin-right: 13px; } .FTSResultInfo {margin: 15px 0 15px 0;} /* login in general*/ .registration h2 { font-size: 1.63em; margin: 30px 0 24px 0; } .login h2 { font-size: 1.63em; margin: 30px 0 24px 0; } .login { float: left; width: 300px; padding-left: 3px; margin: 10px 0 20px 0; } .login label { display: block; float: left; width: 50px; padding-right: 10px; } .login .submit { margin: 10px 0 0 60px; } .registration { float: right; width: 357px; padding: 0 0 0 23px; border-left: 1px solid #dcdbdf; margin: 10px 0 20px 0; } .registration label { display: block; float: left; width: 105px; padding-right: 5px; } .registration .submit { margin: 10px 0 0 110px; } .login p, .macguard .registration p { margin: 0 0 5px 0; } .login .text-input, .registration .text-input { width: 182px; padding: 6px 5px; border: 0; background: #d5d4d9 url(/SWP/SWP2/images/bg/text-input1.gif) no-repeat; } .req { color: #d80f1b; font-weight: normal; font-size: 1.36em; } /* MacGuard */ .macguard h2 { font-size: 1.63em; margin: 30px 0 24px 0; } .macguard h3 { font-size: 1.27em; color: #1e1c26; margin: 0 0 28px 0; } .macguard input { margin: 0; vertical-align: middle; } .macguard .serial-number .text-input { width: 242px; padding: 6px 5px; border: 0; background: #d5d4d9 url(/SWP/SWP2/images/bg/contact-form.png) no-repeat; margin: 0 5px 0 20px; } .macguard .serial-number .insert { float: left; padding-right: 5px; } .macguard .login { float: left; width: 300px; padding-left: 3px; margin: 10px 0 20px 0; } .macguard .login label { display: block; float: left; width: 50px; padding-right: 10px; } .macguard .login .submit { margin: 10px 0 0 60px; } .macguard .registration { float: right; width: 357px; padding: 0 0 0 23px; border-left: 1px solid #dcdbdf; margin: 10px 0 20px 0; } .macguard .registration label { display: block; float: left; width: 105px; padding-right: 5px; } .macguard .registration .submit { margin: 10px 0 0 110px; } .macguard .login p, .macguard .registration p { margin: 0 0 5px 0; } .macguard .login .text-input, .macguard .registration .text-input { width: 182px; padding: 6px 5px; border: 0; background: #d5d4d9 url(/SWP/SWP2/images/bg/text-input1.gif) no-repeat; } .macguard .req { color: #d80f1b; font-weight: normal; font-size: 1.36em; } /* FAQ */ .FaqRequestEntryComp .faqForm h2 { font-size: 1.63em; margin: 30px 0 24px 0; } .FaqRequestEntryComp form { clear: both; padding-top: 15px; } .FaqRequestEntryComp h2 { font-size: 1.63em; margin-bottom: 28px; } .FaqRequestEntryComp form label { display: block; float: left; width: 130px; margin-right: 10px; } .FaqRequestEntryComp .faqForm p { margin-bottom: 5px; } .FaqRequestEntryComp .faqForm .text-input { width: 242px; padding: 6px 5px; border: 0; background: #d5d4d9 url(/SWP/SWP2/images/bg/contact-form.png) no-repeat; } .FaqRequestEntryComp .faqForm textarea { width: 242px; height: 115px; padding: 5px 5px; border: 0; background: #d5d4d9 url(/SWP/SWP2/images/bg/contact-form.png) 0 -50px no-repeat; } .FaqRequestEntryComp .faqForm p.submit { margin: 10px 0 0 140px; } .FaqGroupChooseComp {padding: 10px;} .FaqGroupChooseComp h2 { font-size: 1.63em; margin: 30px 0 24px 0; } .FaqGroupChooseComp p {border: 0; margin-bottom: 10px;} .FaqGroupChooseComp h3 { font-size: 1.27em; color: #1e1c26; margin: 0 0 28px 0; } .FaqGroupChooseComp input { margin: 0; vertical-align: middle; } .FaqGroupChooseComp .chooseFaqCat { float: left; padding-right: 5px; } .FaqGroupChooseComp .category { float: left; padding-right: 5px; } .FAQsPageMessage h2 { font-size: 1.63em; margin: 30px 0 24px 0; border-bottom: 1px solid #dcdbdf; padding-bottom: 10px;} /*BazaarEnterBazaarEntryForm*/ .BazaarEnterBazaarEntryForm h2 { font-size: 1.63em; margin: 30px 0 24px 0; } .BazaarEnterBazaarEntryForm h3 { font-size: 1.27em; color: #1e1c26; margin: 0 0 28px 0; } .BazaarEnterBazaarEntryForm input { margin: 0; vertical-align: middle; } .BazaarEnterBazaarEntryForm .serial-number .text-input { width: 242px; padding: 6px 5px; border: 0; background: #d5d4d9 url(/SWP/SWP2/images/bg/contact-form.png) no-repeat; margin: 0 5px 0 20px; } .BazaarEnterBazaarEntryForm .serial-number .insert { float: left; padding-right: 5px; } .BazaarEnterBazaarEntryForm .login { float: left; width: 300px; padding-left: 3px; margin: 10px 0 20px 0; } .BazaarEnterBazaarEntryForm .login label { display: block; float: left; width: 50px; padding-right: 10px; } .BazaarEnterBazaarEntryForm .login .submit { margin: 10px 0 0 60px; } .BazaarEnterBazaarEntryForm .registration { float: right; width: 357px; padding: 0 0 0 23px; border-left: 1px solid #dcdbdf; margin: 10px 0 20px 0; } .BazaarEnterBazaarEntryForm .registration label { display: block; float: left; width: 105px; padding-right: 5px; } .BazaarEnterBazaarEntryForm .registration .submit { margin: 10px 0 0 110px; } .BazaarEnterBazaarEntryForm .login p, .BazaarEnterBazaarEntryForm .registration p { margin: 0 0 5px 0; } .BazaarEnterBazaarEntryForm .login .text-input, .BazaarEnterBazaarEntryForm .registration .text-input { width: 182px; padding: 6px 5px; border: 0; background: #d5d4d9 url(/SWP/SWP2/images/bg/text-input1.gif) no-repeat; } .BazaarEnterBazaarEntryForm .req { color: #d80f1b; font-weight: normal; font-size: 1.36em; } /*CetelemHandle*/ .CetelemHandle .text-input { width: 182px; padding: 6px 5px; border: 0; background: #d5d4d9 url(/SWP/SWP2/images/bg/text-input1.gif) no-repeat; } .CetelemHandle .buttons { display: block; padding-left: 5px; float: left; } .CetelemHandle .buttons input, .button a { display: block; border: 0; background-color: transparent; background-position: top right; color: #fff; padding: 0 10px 0 5px; float: left; height: 25px; line-height: 25px; font-weight: bold; text-decoration: none; margin: 0; } .CetelemHandle .button1 { background: #8e8c96 url(/SWP/SWP2/images/bg/button1.png) no-repeat; margin-right: 10px; } .CetelemHandle .button1 input, .button1 a { background-image: url(/SWP/SWP2/images/bg/button1.png); } .CetelemHandle .buttons { display: block; padding-left: 5px; float: left; } .CetelemHandle .buttons input { display: block; border: 0; background-color: transparent; background-position: top right; color: #fff; padding:0 10px 0 10px; float: left; height: 25px; line-height: 25px; font-weight: bold; text-decoration: none; margin: 0; background-image: url(/SWP/SWP2/images/bg/button1.png);} .CetelemHandle table { margin-bottom: 10px; border-spacing: 10px 10px; border-collapse:separate;} /* User: Info */ .BazaarEnterBazaarEntryForm .add-entry { margin: 24px 0 0 4px; } .BazaarEnterBazaarEntryForm .add-entry fieldset { margin-bottom: 12px; } .BazaarEnterBazaarEntryForm .add-entry h2 { font-size: 1.63em; margin: 0 0 24px 0; } .BazaarEnterBazaarEntryForm .add-entry p { margin: 0 0 5px 0; } .BazaarEnterBazaarEntryForm .add-entry label { display: block; float: left; width: 130px; padding-right: 10px; } .BazaarEnterBazaarEntryForm .add-entry input { vertical-align: middle; margin: 0; } .BazaarEnterBazaarEntryForm .add-entry .text-input { width: 242px; padding: 6px 5px; border: 0; background: #d5d4d9 url(/SWP/SWP2/images/bg/contact-form.png) no-repeat; color: #514f59; } .BazaarEnterBazaarEntryForm .add-entry .req { color: #d80f1b; font-weight: normal; font-size: 1.36em; } .BazaarEnterBazaarEntryForm textarea { width: 242px; height: 115px; padding: 5px 5px; border: 0; background: #d5d4d9 url(/SWP/SWP2/images/bg/contact-form.png) 0 -50px no-repeat; } .BazaarEnterBazaarEntryForm .add-entry .submit { margin: 10px 0 30px 140px; } .BazaarEnterBazaarEntryForm .add-entry .submit .button { margin-right: 13px; } /*registrationPage*/ .registrationPage h2 { font-size: 1.63em; margin: 30px 0 24px 0; } .registrationPage h3 { font-size: 1.27em; color: #1e1c26; margin: 0 0 28px 0; } .registrationPage input { margin: 0; vertical-align: middle; } .registrationPage .serial-number .text-input { width: 242px; padding: 6px 5px; border: 0; background: #d5d4d9 url(/SWP/SWP2/images/bg/contact-form.png) no-repeat; margin: 0 5px 0 20px; } .registrationPage .serial-number .insert { float: left; padding-right: 5px; } .registrationPage .login { float: left; width: 300px; padding-left: 3px; margin: 10px 0 20px 0; } .registrationPage .login label { display: block; float: left; width: 50px; padding-right: 10px; } .registrationPage .login .submit { margin: 10px 0 0 60px; } .registrationPage .registration { float: left; width: 357px; padding: 0 0 0 23px; border-left: 1px solid #dcdbdf; margin: 10px 0 20px 0; } .registrationPage .registration label { display: block; float: left; width: 105px; padding-right: 5px; } .registrationPage .registration .submit { margin: 10px 0 0 110px; } .registrationPage .login p, .registrationPage .registration p { margin: 0 0 5px 0; } .registrationPage .login .text-input, .registrationPage .registration .text-input { width: 182px; padding: 6px 5px; border: 0; background: #d5d4d9 url(/SWP/SWP2/images/bg/text-input1.gif) no-repeat; } .registrationPage .req { color: #d80f1b; font-weight: normal; font-size: 1.36em; } /*loginPage*/ .loginPage h2 { font-size: 1.63em; margin: 30px 0 24px 0; } .loginPage h3 { font-size: 1.27em; color: #1e1c26; margin: 0 0 28px 0; } .loginPage input { margin: 0; vertical-align: middle; } .loginPage .serial-number .text-input { width: 242px; padding: 6px 5px; border: 0; background: #d5d4d9 url(/SWP/SWP2/images/bg/contact-form.png) no-repeat; margin: 0 5px 0 20px; } .loginPage .serial-number .insert { float: left; padding-right: 5px; } .loginPage .login { float: left; width: 300px; padding-left: 3px; margin: 10px 0 20px 0; } .loginPage .login label { display: block; float: left; width: 50px; padding-right: 10px; } .loginPage .login .submit { margin: 10px 0 0 60px; } .loginPage .registration { float: left; width: 357px; padding: 0 0 0 23px; border-left: 1px solid #dcdbdf; margin: 10px 0 20px 0; } .loginPage .registration label { display: block; float: left; width: 105px; padding-right: 5px; } .loginPage .registration .submit { margin: 10px 0 0 110px; } .loginPage .login p, .loginPage .registration p { margin: 0 0 5px 0; } .loginPage .login .text-input, .loginPage .registration .text-input { width: 182px; padding: 6px 5px; border: 0; background: #d5d4d9 url(/SWP/SWP2/images/bg/text-input1.gif) no-repeat; } .loginPage .req { color: #d80f1b; font-weight: normal; font-size: 1.36em}; .lostPwd { margin-top: 10px; text-align: left; } .lostPwd h3 { padding-left: 11px; background: url(/SWP/SWP2/images/bg/icons.gif) -25px -270px no-repeat; } .lostPwd h3 a { color: #1e1c26; text-decoration: none; } .lostPwd h3 a:hover { color: #d80f1b; } /*userEdit*/ .UserEdit h2 { font-size: 1.63em; margin: 30px 0 24px 0; } .UserEdit h3 { font-size: 1.27em; color: #1e1c26; margin: 0 0 28px 0; } .UserEdit input { margin: 0; vertical-align: middle; } .UserEdit .serial-number .text-input { width: 242px; padding: 6px 5px; border: 0; background: #d5d4d9 url(/SWP/SWP2/images/bg/contact-form.png) no-repeat; margin: 0 5px 0 20px; } .UserEdit .changePwd { float: left; width: 600px; padding-left: 3px; margin: 10px 0 20px 0; } .UserEdit .changePwd .button input, .button a { display: block; border: 0; background-color: transparent; background-position: top right; color: #fff; padding: 0 10px 0 5px; float: left; height: 25px; line-height: 25px; font-weight: bold; text-decoration: none; margin: 0; } .UserEdit .changePwd .button1 { background: #8e8c96 url(/SWP/SWP2/images/bg/button1.png) no-repeat; margin-left: 10px;} .UserEdit .changePwd label { display: block; float: left; width: 150px; padding-right: 10px; } .UserEdit .changePwd .submit { margin: 10px 0 0 60px; } .UserEdit .UserEdit { margin: 0 0 5px 0; } .UserEdit .text-input, .UserEdit .text-input { width: 182px; padding: 6px 5px; border: 0; background: #d5d4d9 url(/SWP/SWP2/images/bg/text-input1.gif) no-repeat; } .sendPwd .text-input { width: 242px; padding: 6px 5px; border: 0; background: #d5d4d9 url(/SWP/SWP2/images/bg/contact-form.png) no-repeat; margin: 0 5px 0 20px; } .UserOrderHistoryFilterComp .text-input { width: 68px; padding: 2px 0px 5px ; border: 0; background: #d5d4d9 url(/SWP/SWP2/images/bg/basket-amount.gif) no-repeat; margin: 0 5px 10px 0; } /*-About---*/ #content .about { color: #83818c; width: 694px; margin: 0 9px 15px 3px; font-size: 1.05em; } #content .about .gallery img { display: block;width: 319px; } #content .about .gallery { float: right; width: 319px; margin: 25px 0 20px 20px; } #content .about .description { float: left; width: 100%; } #content .about .description .p1 {text-align: justify; width: 100%;} DIV.UserLoginComp { padding-top: 4px; padding-bottom: 8px; } DIV.UserLoginComp DIV.result { font-weight: bold; color: #FFFFFF; background-color: #FF3366; padding: 6px; } DIV.UserLoginComp DIV.sm { } DIV.UserLoginComp DIV.sm DIV.Title { background-color: #C8C8C8; padding: 4px 8px 6px 8px; font-weight: bold; font-size: 125%; color: #FFFFFF; } DIV.UserLoginComp DIV.sm DIV.form { padding: 2px 2px 4px 2px; } DIV.UserLoginComp DIV.sm DIV.Text { font-size: 11px; padding: 2px 0px 4px 10px; } DIV.promptWidth { width: 140px; } /* --- UserRegistration --- */ DIV.UserRegistration DIV.info { color: #666666; font-weight: bold; margin: 4px 0px 12px 0px; } /* --- UserRegistrationComp --- */ DIV.UserRegistrationComp { margin: 4px 0px 12px 0px; } DIV.UserRegistrationComp DIV.result { color: #FFFFFF; font-weight: bold; background-color: #FF3366; padding: 6px; } /* --- FaqGroupChooseComp --- */ DIV.FaqGroupChooseComp { margin-top: 4px; margin-bottom: 8px; vertical-align: middle; border-bottom: 1px solid #CCCCCC; } DIV.FaqGroupChooseComp SPAN.prompt { font-size: 13px; font-weight: bold; } DIV.FaqGroupChooseComp td { vertical-align: middle; } /*-----------------Bazaar--------------*/ /* BazaarEntryList */ .BazaarEntryList li { margin-bottom: 16px; } .BazaarEntryList li .inner { display: none; margin: 10px 0 20px 11px; color: #83818c; } .BazaarEntryList li.display .inner { display: block; } .BazaarEntryList li h3 { padding-left: 11px; background: url(/SWP/SWP2/images/bg/icons.gif) -25px -270px no-repeat; } .BazaarEntryList li h3 a { color: #1e1c26; text-decoration: none; } .BazaarEntryList li h3 a:hover { color: #d80f1b; } .BazaarEntryList li.display h3 { font-size: 1.27em; background-position: 0 -368px; } .BazaarEntryList li.display h3 a { color: #d80f1b; } DIV.BazaarEntryPage h3 { background: url(/SWP/SWP2/images/bg/icons.gif) -25px -270px no-repeat; background-position: 0 -368px; display: block; padding-left: 11px; text-decoration: none; color: #d80f1b; font-size: 1.27em; } DIV.BazaarEntryPage h3 { } DIV.BazaarFilterComp td { vertical-align: middle; } DIV.BazaarFilterComp td input[type=image] { padding-left: 10px; padding-top: 25px; } DIV.BazaarEntryDisplay { padding: 4px 0px 16px 0px; } DIV.BazaarEntryDisplay TD.prompt { width: 120px; } DIV.BazaarEntryDisplay TD.value { font-weight: bold; } /*---------------FAQ-----------------------*/ div.FAQQuestionPage h2 { border-bottom: 1px solid black; margin-bottom: 10px; } /* FAQList */ .FAQList li { margin-bottom: 16px; } .FAQList li .inner { display: none; margin: 10px 0 20px 11px; color: #83818c; } .FAQList li.display .inner { display: block; } .FAQList li h3 { padding-left: 11px; background: url(/SWP/SWP2/images/bg/icons.gif) -25px -270px no-repeat; } .FAQList li h3 a { color: #1e1c26; text-decoration: none; } .FAQList li h3 a:hover { color: #d80f1b; } .FAQList li.display h3 { font-size: 1.27em; background-position: 0 -368px no-repeat; } .FAQList li.display h3 a { color: #d80f1b; } /* FaqQuestion */ .FaqQuestion li { margin-bottom: 16px; } .FaqQuestion li .inner { display: none; margin: 10px 0 20px 11px; color: #83818c; } .FaqQuestion li.display .inner { display: block; } .FaqQuestion li h3 { padding-left: 11px; background: url(/SWP/SWP2/images/bg/icons.gif) -25px -270px no-repeat; } .FaqQuestion li h3 a { color: #1e1c26; text-decoration: none; } .FaqQuestion li h3 a:hover { color: #d80f1b; } .FaqQuestion li.display h3 { font-size: 1.27em; background-position: 0 -368px; } .FaqQuestion li.display h3 a { color: #d80f1b; } /*---------------------------NEWS----------------------*/ .newsPage li { margin-bottom: 16px; } .newsPage li .inner { display: none; margin: 10px 0 20px 11px; color: #83818c; } .newsPage li.display .inner { display: block; } .newsPage li h3 { padding-left: 11px; background: url(/SWP/SWP2/images/bg/icons.gif) -25px -270px no-repeat; } .newsPage li h3 a { color: #1e1c26; text-decoration: none; } .newsPage li h3 a:hover { color: #d80f1b; } .newsPage li.display h3 { font-size: 1.27em; background-position: 0 -368px; } .newsPage li.display h3 a { color: #d80f1b; } .ArticleListComp {margin-bottom: 20px;} /*---------------------------shopChooseCatL2Comp------------------------------*/ DIV.shopChooseCatL2Comp td { vertical-align: middle; } DIV.shopChooseCatL2Comp td input { padding-left: 10px; padding-top: 3px; } //treti level kategorii