/* always useful */ * {background-repeat: no-repeat; } table, td, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h5, h6, hr, img, form, input, textarea, button, iframe {margin: 0; padding: 0; border-style: none; } ul {display: block; list-style-type: none; } ul li {display: block; } /* top-level styling */ html, body {margin: 0; padding: 0; width: 100%; height: 100%; } body {background-color:#585858; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#666; text-align:center; } #mbody {width: 760px; min-height: 100%; margin: 0 auto 0 auto; background-color: #fff; text-align: left; background-image: url(../img/backgrounds/body.gif); background-position: 28px bottom; } * html #mbody {height: 100%; } .clr {clear:both; float:none;} /* overall deffs */ a {color: #1B8AD2; text-decoration: none; } a:hover {text-decoration: underline; } /*form styling*/ input, select, textarea {border: 1px solid #bdbdbd; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; } input {width: 200px; height: 18px; voice-family: "\"}\""; height: 16px; voice-family: inherit; } select {min-width: 218px; } * html select {width: 219px; } input {} textarea {width: 300px; } #side input, #side select, #side textarea {width: 120px; } input.default, input.checkbox, input.radio, #side input.default, #side input.checkbox, #side input.radio {width: auto; height: auto; border: none; float: left; } input.btn, #side input.btn {width: auto; color: #fff; background-color: #bdbdbd; font-size: 10px; border-style: none; height: 18px; cursor: pointer; } input.submit, #side input.submit, span.submit, #side span.submit {width: auto; padding: 0 20px 0 20px; color: #fff; background-color: #000; border-style: none; height: 20px; cursor: pointer; } input.inline, #side input.inline, span.submit.inline, #side span.submit.inline {width: auto; height: auto; padding: 0; margin: 0; border-style: none; background-color: transparent; color: #47b; cursor: pointer; font-size: 10px; float: none; text-align: left; white-space: normal; overflow: visible; } input.inline, #side input.inline {-moz-margin-start: -3px; -moz-margin-end: -3px; } input.small, #side input.small {width: 80px; float: left} * html textarea {overflow: auto; } label, form p.label {display: block; color: #000; } #side label {color: #fff; } #content label, fieldset p.label, #main div.body fieldset p.label, #main #body fieldset p.label {width: 150px; float: left; margin: 0; overflow: visible; } label em, form p.label em {} form ul.choice-list li input {width: auto; height: auto; border: none; vertical-align: middle; margin: 0 3px 0 3px; } * html form ul.choice-list li input {margin: 0; } #content form ul.choice-list li label, #side form ul.choice-list li label {display: inline; width: auto; float: none; } form ul.choice-flat, form ul.choice-flat li {display: inline; } form ul.choice-flat.single {display: block; } form ul.choice-flat li {background-image: none; padding: 0; margin-right: 15px; } * html form ul.choice-flat li {background-image: none; padding: 0; margin-right: 12px; } form ul.choice-flat li input {width: auto; height: auto; border: none; vertical-align: middle; margin-right: 2px; } * html form ul.choice-flat li input {margin: 0 -2px 0 -4px; } #content form ul.choice-flat li label, #side form ul.choice-flat li label {display: inline; width: auto; float: none; } form ul.item-list li input, #side form ul.item-list li input {width: 20px; vertical-align: middle; } #content form ul.item-list li label, #side form ul.item-list li label {display: inline; width: auto; float: none; } fieldset {margin: 10px 0 20px 0; padding: 10px 20px 10px 10px; width: auto; } * html fieldset {margin-bottom: 10px; } #content fieldset {background-color: #eee; border: 1px solid #999; } #side fieldset {border-style: none; } * html #content fieldset {background-image: url(../img/backgrounds/fieldset-white.gif); background-repeat: repeat-x; } * html #content fieldset.no-legend {background-image: none; } legend {background:#999; padding: 3px 10px 3px 10px; color:#fff; font-weight:bold; } * html legend {margin-bottom: 10px; } fieldset p, fieldset div.element, #main div.body fieldset p, #main #body fieldset p {margin-bottom: 2px; width: 100%; overflow: hidden; } * html fieldset p, * html fieldset div.element, * html #main div.body fieldset p, * html #main #body fieldset p {margin-bottom: 0; } * html #main fieldset div.element p {width: auto; } #content fieldset div.element h3, #side fieldset div.element h3 {font-size: 11px; color: #000; } #main #side form p {margin-bottom: 5px; } fieldset ul li, #main div.body fieldset ul li, #main #body fieldset ul li {margin-bottom: 4px; } * html fieldset ul li, * html #main div.body fieldset ul li, * html #main #body fieldset ul li {margin-bottom: 0; } #content fieldset.disabled {display: none; } /*fieldset.disabled input, fieldset.disabled select, fieldset.disabled textarea, input.disabled, select.disabled, textarea.disabled {background-color: #D4D0C8; }*/ /*form errors*/ form div.errors ul li {color: #f00; } form div.errors ul li a {color: #f00; } form p.error label, form p.label.error {color: #f00; } p.requiredfields {font-size:9px; color:#ccc;} form input.order {width:30px; text-align:right;padding-right:2px;} /* misc utils */ .hide {display: none; } #header {position: relative; height: 100px; } #logo {position: absolute; left: 10px; top: 34px; } #menu {position: absolute; bottom: 10px; right: 10px; height: 40px; font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; } #menu li {float: left; height: 28px; border-right: 1px solid #e4e4e4; } #menu li.last {border-right-style: none; } #menu li a {display: block; height: 28px; color: #000; text-indent: -2000px; overflow: hidden; background-position: 10px 4px;} /*#menu li a:hover, #menu li a.selected {background-position: 10px bottom; }*/ #m-solutii {background-image: url(../img/backgrounds/menu/solutii.png); width: 75px;} #m-produse {background-image: url(../img/backgrounds/menu/produse.png); width: 85px; } #m-brand-uri {background-image: url(../img/backgrounds/menu/brand-uri.png); width: 90px; } #m-servicii {background-image: url(../img/backgrounds/menu/servicii.png); width: 80px; } #m-noutati {background-image: url(../img/backgrounds/menu/noutati.png); width: 80px; } #m-parteneri {background-image: url(../img/backgrounds/menu/parteneri.png); width: 90px; } #m-scop {background-image: url(../img/backgrounds/menu/scop.png); width: 60px; } #m-promotii {background-image: url(../img/backgrounds/menu/promotii.png); width:80px;} #utils {position: absolute; right: 0; top: 0; height: 18px; background-color: #bdbdbd; padding: 0; font-size: 11px; } #utils li {float: left; padding: 1px 10px 0 10px; } #utils li a {color: #fff; } #utils li form {margin: -1px -10px 0 0; padding-left: 1px; background-color: #fff; } #utils li form p * {vertical-align: middle; } #utils li form p input#s-f-Q {width: 115px; } #utils li form p input.btn {margin-left: 1px; } #footer {margin: 0 23px 0 23px; padding: 55px 0 80px 0; } #footer #footnav {padding: 0 0 3px 3px; margin-bottom: 3px; border-bottom: 1px solid #A5A5A5; } #footer #footnav li {display: inline; margin-right: 17px; } #footer #footnav li a {font-size: 10px; color: #575757; } #footer #copyright {padding-left: 3px; font-size: 9px; color: #B1B1B1; } #footer #legal {padding-left: 3px; font-size: 9px; } #footer #legal li {display: inline; margin-right: 17px; } #footer #legal li a {color: #B1B1B1; } #channel {background-color: #B7B7B7; position: relative; width: 100%; height: 100px; background-image: url(../img/backgrounds/visuals/scop.jpg); background-position: right top; } #channel h1, #parent {position: relative; left: 23px; top: 55px; float: left; font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 30px; color: #fff; } #channel h1 a {color: #fff; text-decoration:none;} #breadcrumbs {position: absolute; left: 23px; top: 12px; font-size: 15px; line-height: 15px; color: #ddd; text-transform: lowercase; } #breadcrumbs * {vertical-align: middle; } #breadcrumbs>* {vertical-align: top; } #breadcrumbs a, #breadcrumbs span {font-size: 10px; line-height: 15px; } #breadcrumbs a {text-decoration: underline; color: #ddd; } #breadcrumbs a:hover {color: #fff; } #channelVisual {position: absolute; right: 0; } #channelVisual small {visibility: hidden; } #description {margin: 15px 310px 0 23px; line-height: 17px; } #main {width: 714px; margin: 20px 23px 0 23px; padding-top: 15px; overflow: hidden; } #content {float: right; position: relative; overflow: hidden; width: 490px; } #main #content {padding-left: 10px; } #side {float: left; width: 202px; margin-top: -1px; } #main.with-extras #content {width: 285px; } #main.with-extras #extras {float: left; margin-left: 20px; width: 185px; } * html #main ul li {height: 10px; } #main div.article {margin-bottom: 15px; clear:both; } #main h2, #content h2, #side h2 {padding-right: 50px; margin-bottom: 10px; font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 24px; line-height: 24px; color: #000; } #main h3, #content h3, #side h3 {font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #000; margin: 20px 0 10px 0; } #main h4, #content h4, #side h4 {font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; color: #000; margin: 10px 0 5px 0; } div.article p.visual, #visual {float: right; margin-left: 10px; margin-bottom: 5px; } div.article p.subtitle, #subtitle {font-size:10px; color:#999; margin-bottom:7px; } div.head {color:#000; margin-bottom:15px;} div.head p, #head p {margin-bottom:10px; } div.body, #body {margin-bottom:15px;} div.body p, #body p {margin-bottom:10px;} div.body p a, #body p a {text-decoration:underline; } div.body ul, #body ul {margin: 0 10px 20px 0px; } div.body ul li, #body ul li {margin-bottom: 3px; padding: 0 20px 0 15px; background-image: url(../img/bullets/listactive.gif); background-position: 5px 5px; } #special div.body ul li {background-image: url(../img/bullets/listactive-side.gif); } div.body table, #body table {} div.body td, #body td{} div.body th, #body th{} div.observations,#observations {font-size: 9px; color: #999; padding-right: 25px;} div.article p.details {font-size: 11px; } #articleList {margin: 10px 0 20px -10px; background-image: url('../img/backgrounds/dots-dark.gif'); background-position: right top; padding-top: 12px; } #articleList li {padding-left: 10px; background-image: url(../img/bullets/listactive.gif); background-position: 2px 5px; } #articleList li a {color:#6699cc; text-decoration:underline;} #articleList li a:hover {color:#000;} #main.with-extras #articleList {background-position: 10px top; } /* sidebar items */ #special {width: 180px; padding: 14px 6px 20px 16px; background-color: #024; margin-top: 1px; } /* defaulting to dark blue */ #special div.head {color: #eee; } #special div.body {color: #eee; } #special div.body ul, #special #body ul {color: #fff; } #special div.observations {color: #eee; } #special a {color:#fff; } #special a:hover {color:#ff0; } #channelList {width: 180px; padding: 14px 6px 11px 16px; background-color: #e4e4e4; margin-top: 1px; } #channelList li {margin-bottom: 9px; } #channelList li p {font-size: 11px; margin-left: 10px; } #channelList li ul {font-size: 11px; margin-left: 10px; } #channelList li ul li {margin-bottom: 2px; } #specialList {width: 180px; padding: 13px 5px 14px 15px; border: 1px solid #e4e4e4; margin-top: 1px; } #specialList li {margin-bottom: 5px; } #promoList {width: 180px; padding: 13px 5px 14px 15px; border: 1px solid #e4e4e4; margin-top: 1px; } #promoList li {margin-bottom: 5px; } #myAccountOptionsList {width: 180px; padding: 13px 5px 14px 15px; border: 1px solid #e4e4e4; margin-top: 1px; } #myAccountOptionsList li {margin-bottom: 5px; } #myAccountServicesList {width: 180px; padding: 13px 5px 14px 15px; border: 1px solid #e4e4e4; margin-top: 1px; } #myAccountServicesList li {margin-bottom: 5px; } /* boxed template */ body.boxed #content {width: 285px; } body.boxed #side {width: 405px; background-position: left bottom; padding-bottom: 1px; background-image: url(../img/backgrounds/side/side_empty_empty.gif); background-position: left bottom; } body.boxed #side.single-box {padding-bottom: 0; background-image: none; } /* boxed sidebar items */ /* class naming: f = filled (blue, red, etc.) n = neutral (gray) e = empty (white w/ borders) */ body.boxed #side #special {float: left; margin-top: 0; } body.boxed #side #channelList {float: right; margin-top: 0; } body.boxed #side #specialList {float: left; margin-top: 0; border-bottom-style: none; } body.boxed #side #promoList {float: right; margin-top: 0; border-bottom-style: none; } body.boxed #side div.row {width: 100%; overflow: hidden; background-repeat: repeat-y; border-top: 1px solid white; } body.boxed #side div.row.fn {background-image: url(../img/backgrounds/side/row_darkblue_gray.gif); } body.boxed #side div.row.ee {background-image: url(../img/backgrounds/side/row_empty_empty.gif); } #side div.row .col {float: left; } #side div.row ul.col {padding-bottom: 15px; } #side div.row ul.col li {margin-bottom: 5px; } #side div.row .col.right {float: right; } #side div.row .col.f {background-color: #aa0000; } #side div.row .col.n {background-color: #e4e4e4; } #side div.row .col.e {border-top: 1px solid #e4e4e4; } /* icons template */ #highlightedChannelList {} #highlightedChannelList li {clear: both; padding: 15px 0 15px 0; border-bottom: 1px solid #e4e4e4; min-height: 65px; } * html #highlightedChannelList li {height: 65px; } #highlightedChannelList li h2 {float: left; width: 182px; padding: 0; margin: 0; } #highlightedChannelList li h2 img {width: 155px; height: 65px; } #highlightedChannelList li p {margin-left: 182px; } #normalChannelList {margin-top: 20px; } #normalChannelList li {float: left; width: 164px; text-align: center; } #normalChannelList li.first {width: 163px; text-align: left; clear: left; } #normalChannelList li.last {width: 163px; text-align: right; } #normalChannelList li h2 {width: auto; height: 70px; padding: 0; margin: 0; } #normalChannelList li h2 img {width: 124px; height: 52px; } /* what needs hacking :: IE < 6 top-level styling + all main boxes styling (background placed on body, main width set on boxes) #channel {height: 100px; } #side div.row div.col, #side div.row ul.col {width: 202px; } :: what needs hacking */ /* body {background-color:#585858; min-width: 760px; text-align: center; } body div {text-align: left; margin-left: auto; margin-right: auto; width: 760px; background-color: #fff; } body div div {margin: 0; width: auto; background-color: transparent; border: none; } */ /* #footer {padding: 55px 23px 10px 23px; voice-family: "\"}\""; width: 710px; voice-family: inherit; } */ /* product styling */ /* product listing */ #productList {width: 510px; margin-right: -20px; } #productList li {position: relative; float: left; overflow: hidden; margin: 0 20px 15px 0; font-size: 11px; background: url(../img/backgrounds/gray.gif) repeat-y 60px 0; padding: 0 0 0 60px; width: 235px; height: 125px; voice-family: "\"}\""; width: 175px; voice-family: inherit; } /*#productList li.highlighted {background:url(../img/backgrounds/highlighted-product.gif) right top no-repeat;} */ #productList li h2 {font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 14px; padding: 0; margin: 0; border-bottom: 1px solid #999; background-color: #fff; height: 30px; overflow: hidden; } #productList li h2 a {display: block; color: #222; } #productList li h2 a strong {display: block; color: #C70017; font-weight: normal; } #productList li p.thumb {position: absolute; left: 0; top: 0; } #productList li p.thumb img {width: 55px; height: 55px; display: block; overflow: hidden; background-color:#eee; } #productList li p.description {height: 61px; padding: 5px 2px 0 5px; overflow: hidden; voice-family: "\"}\""; height: 56px; voice-family: inherit;} #productList li dl {text-transform: lowercase; margin-top: 2px; } #productList li dl dt {float: left; } #productList li dl dd {float: right; } #productList li dl.price {position: absolute; left: 60px; bottom: 0; width: 175px; height: 18px; padding-top: 2px; background-color: #fff; } #productList li dl.price dd {font-weight: bold; } /* fixing random ie stupidity */ * html #content #productList li {height: 125px; } * html #content #productList li h2 {margin: 0; } * html #content #productList li dl.price {margin-bottom: -1px; } #productList.nodescription li {background-image: none; height: 60px; } #productList.nodescription li p.description {display: none; } * html #content #productList.nodescription li {height: 60px; } /* body.channel.products #content #productList li h2 {margin-bottom: 3px; border-style: none; border-bottom: 1px solid #000; } */ #sorters {position: absolute; right: 0; top: -15px; height: 16px; width: 100%; font-size: 10px; color: #999; text-align: right; white-space: nowrap; background-image: url('../img/backgrounds/dots-light.gif'); background-position: right bottom; } * html #sorters {} #sorters * {display: inline; } #sorters ul li {padding: 0 6px 0 8px; background-image: url(../img/separators/pipe-gray.gif); background-position: right center; } #sorters>ul>li {padding: 0 9px 0 5px; } #sorters ul li.first {padding-left: 0; } #sorters ul li.last {background-image: none; padding-right: 0; } /* product page */ body.article.products #content {margin-top: -15px; padding-top: 15px; } body.article.products #content p#code {position: absolute; left: 0; top: 0; font-size: 10px; color: #999; } * html body.article.products #content p#code {left: 10px; } body.article.products #content h2 {margin-bottom: 20px; border-bottom: 1px solid #666; } /* warning: idiot ie applies it to all bodies of class products */ body.article.products #content h2 strong {font-weight: normal; } body.article.products #body {margin: -20px 0 20px 0; padding: 9px 10px 5px 14px; font-size: 11px; line-height: 15px; color: #000; background-color: #e5e5e5; } #commercial {float: left; width: 190px; } #commercial #visual {float: none; margin: 0; border: 1px solid #000; border-bottom-style: none; text-align: center; padding: 7px 7px 0 7px; margin-bottom: -7px; } * html #commercial #visual {margin-bottom: -4px; } #commercial #visual a {display: block; width: 100%; background-image: url(../img/backgrounds/plus.gif); background-position: right top; } #commercial #visual img {width: 125px; height: 125px; } #commercial #productImage {position: absolute; left: 125px; top: 30px; border: 2px solid #000; } #commercial #productImage img {display: block; width: 300px; height: 300px; cursor: pointer; } #ordering, .ordering {color: #000; font-size: 11px; text-transform: lowercase; margin-bottom: 2px; border: 1px solid #000; border-top-style: none; padding: 0 10px 7px 10px; width: 190px; voice-family: "\"}\""; width: 168px; voice-family: inherit; } #ordering dl, .ordering dl {width: 168px; overflow: hidden; white-space: nowrap; padding: 6px 0 6px 0; margin: 0; } #ordering dl dt, .ordering dl dt {float: left; clear: left; height: 17px; } #ordering dl dd, .ordering dl dd {float: right; clear: right; height: 17px; font-weight: bold; } body.article.products #observations {margin-bottom: 12px; } body.article.products #partnerobservations { margin-bottom:5px; background-color:#a00; padding:5px; font-size:10px; color:#fff;} body.article.products #articleList input.inline {max-width: 100%; white-space: normal; text-decoration: underline; } * html body.article.products #articleList input.inline {width: 100%; overflow: hidden; } #attributes {text-align: left; font-size: 11px; width: 285px; float: right; } #attributes th, #attributes td {border-bottom: 1px solid #e4e4e4; vertical-align: top; } #attributes th {padding: 1px 10px 1px 1px; font-weight: normal; } #attributes td {padding: 1px 1px 1px 5px; font-weight: bold; } #attributes th.expanded {padding-top: 10px; border-bottom-style: none; } #attributes td.expanded {padding-left: 1px; padding-bottom: 10px; font-weight: normal; } main.with-extras div.article p.subtitle {font-size:10px; color:#999; margin-bottom:7px;} #filters {} #filters li {font-weight: normal; font-size: 10px; margin: 0; } #filters li ul {margin:0 10px 5px 0; padding: 0; font-size:11px; } #filters li ul li {padding: 0; font-weight: bold; color: #000; } #filters li ul li a {font-weight: normal; color: #024; text-decoration: underline; } #filters li ul li.reset {} #filters li ul li.reset a {color: #999; } /* end product styling */ /* special styles */ /* homepage */ body.homepage #presentation {position: relative; width: 100%; background:url(../img/backgrounds/visuals/homepage.jpg) top no-repeat; background-color: #66AAC2; } body.homepage #description {margin: 0 331px 0 23px; } body.homepage #visual {position: absolute; left: 0; top: 0; width: 435px; height: 246px; margin: 0;} body.homepage #main {margin: 0px 10px; padding-top: 0; width:auto; } body.homepage #main #primary {display:block; overflow:hidden; float:left; clear:none; width: 430px; margin-top:10px;} body.homepage #main #secondary {display:block; overflow:hidden; margin-top:10px; width:305px; float:right;} body.homepage #primary div#products {border:2px solid #e4e4e4; display:block; overflow:hidden;margin:0 4px 4px 0;} body.homepage #primary #featuredProducts {display:block; overflow:hidden; width:auto; width:426px; } body.homepage #primary #featuredProducts li {clear:none; display:block; overflow:hidden; float:left; width:201px; height:15px; padding:6px;} body.homepage #primary #featuredProducts li.mod2_1 {} body.homepage #primary #featuredProducts li.mod2_0 {} body.homepage #primary #featuredProducts li.expanded {height:110px; } body.homepage #primary #featuredProducts li h2 {margin:0 0 3px; padding:0; display:block; overflow:hidden; font-size:12px; line-height:16px; font-weight:bold; font-family: Arial, Helvetica, sans-serif;} body.homepage #primary #featuredProducts li h2 a {color:#003366; text-decoration:none;} body.homepage #primary #featuredProducts li h2 a:hover {color:#6699CC; text-decoration:underline;} body.homepage #primary #featuredProducts li .presentation {} body.homepage #primary #featuredProducts li .icon { margin-right:5px; width:70px; float:left; font-size:11px;} body.homepage #primary #featuredProducts li .icon img.icon {} body.homepage #primary #featuredProducts li .subtitle {display:block; font-weight:bold; text-align:center; color:#f00;} body.homepage #primary #featuredProducts li .description {font-size:10px; line-height:11px; display:block;} body.homepage #quicklinks {background-color:#66AAC2; display:block; overflow:hidden; margin:4px 4px 0px 0px; height:55px;width:426px; } body.homepage #quicklinks div.quicklink {width:185px; display:block; overflow:hidden; margin:10px; float:left;} body.homepage #quicklinks select {display:block; overflow:hidden; width:170px !important; max-width:170px;} body.homepage #secondary #promo {display:block; overflow:hidden; } body.homepage #secondary #promo h2 {font-size:24px; color:#003366; margin:10px 10px 0px 30px;} body.homepage #secondary #promo #articleList {display:block; padding: 10px 10px 10px 20px; margin: 0; background-image: none; } body.homepage #secondary #promo #articleList li {margin-bottom:7px; padding-left:10px; background-image:url(../img/bullets/listinvert-navy.gif); background-position: 0px 5px; font-size:11px; } body.homepage #secondary #promo #articleList li.small {font-size:10px; background:none;} body.homepage #secondary #promo #articleList li.small a {color:#999; text-decoration:none;} body.homepage #secondary #promo #articleList li a {color:#036; text-decoration:underline;} body.homepage #secondary #promo #articleList li a:hover {color:#001C44;} body.homepage #productPromos {width:auto;} body.homepage ul#products {display:block; overflow:hidden; width:auto; width:426px;font-weight: bold; background-color:#E4E4E4; margin:4px 0px 0px 0px; height:auto; } body.homepage ul#products a {color: #001C44; } body.homepage ul#products li {width:201px; clear:none; display:block; overflow:hidden; float:left; padding:6px;} body.homepage ul#products li.expanded {height:45px;} body.homepage ul#products li p.inside {font-size:10px;font-family:verdana; font-weight:normal; display:block;overflow:hidden; width:auto; clear:both;} body.homepage ul#products li p.inside a {color:#666; } body.homepage ul#products li p.inside a:hover {color:#09F;} body.homepage ul#products li ul {width: 100%; overflow: hidden; font-weight: normal; font-size: 10px; } body.homepage ul#products li ul li {float: left; clear: none; padding-top: 0; margin-right: 5px; padding-right: 2px; } body.homepage ul#products li ul li.last {margin-right: 0; padding-right: 0; background-image: none; } body.homepage #featured {float: left; width: 180px; padding: 10px 6px 20px 16px; margin-left: 1px; background-color: #eee; } body.homepage #featured div.article div.head {} body.homepage #featured div.article p {color:#999;} body.homepage #promo {background-color:#E4E4E4; margin-top:0; padding-top:0; clear:both;} body.homepage #promos {float: right; width: 301px; margin: 0; padding:0; border:2px solid #E4E4E4; margin:0px 0 0;} body.homepage #promos div.article {padding:10px 20px 0 20px; } body.homepage #promos div.article h2 {color:#036;} body.homepage #promos div.article p {color:#000;} body.homepage #promos div.article p.visual {display:block; float:right; margin:0 0 5px 5px; } body.homepage #slideshow { width:100%; height:284px; display:block; overflow:hidden; clear:both; background-color:#66AAC2;} body.homepage #slideshow li {display:block; overflow:hidden;} body.homepage #slideshow li.promoVisual {float:left; border-right:4px solid #fff; padding:2px;} body.homepage #slideshow li.promoVisual .subtitle { display:block; margin-top:-40px; height:40px; width:412px; padding:10px; background-color:#66AAC2; filter: alpha(opacity=40);-moz-opacity:0.40; opacity:0.40;} body.homepage #slideshow li.promoVisual .subtitle a {color: #fff; text-decoration:none;} body.homepage #slideshow li.promoVisual .subtitle a:hover {text-decoration:underline;} body.homepage #slideshow li.promoDescription {background-color:#66AAC2; padding:10px; height:75px;} body.homepage #slideshow li.promoDescription a {color:#fff;} body.homepage #slideshow li.promoDescriptionHover {background-color:#fff; padding:10px; height:75px; cursor:pointer;} body.homepage #slideshow li.promoDescriptionHover a {color:#66AAC2;} body.homepage #slideshow h2 {font-size:18px; line-height:18px; font-family:Arial Narrow,Arial,Helvetica,sans-serif} body.homepage #slideshow h2 a {text-decoration:none; } body.homepage #footer {} /* no side */ body.no-side #content {float: none; width: 714px; margin: 20px 23px 0 23px; padding-top: 15px; overflow: visible; } * html body.no-side #content {padding-left: 0; } /* product comparison */ #comparison p, #comparison ul {margin: 0; } #comparison h2 {font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 24px; line-height: 25px; color: #000; margin: 0; } #comparisonCategories {margin: 5px 0 21px 0; padding: 7px 10px 15px 10px; color: #000; background-color: #cecece; font-size: 11px; border-top: 1px solid #666; } #comparisonCategories ul {font-weight: bold; margin-top: 2px; } #comparisonCategories ul * {display: inline; } #comparisonCategories ul li {margin: 0 10px 0 0; padding: 0; background-image: none; } #comparisonCategories ul li form p input {width: auto; height: auto; border-style: none; padding: 0; color: #47b; background-color: transparent; cursor: pointer; font-size: 11px; font-weight: bold; } /* quircky fx... */ #comparisonCategories>ul>li>form>p {margin-left: -3px; } #comparisonCategories>ul>li>form>p>strong {margin-left: -3px; } /* and sweet exploder ... */ * html #comparisonCategories ul {font-weight: bold; overflow: hidden; width: 100%; } * html #comparisonCategories ul * {display: block; float: left; line-height: 15px; vertical-align: middle; } * html #comparisonCategories ul li span {margin-right: 3px; } * html #comparisonCategories ul li form p input {border-width: 0; text-align: left; width: 10px; overflow: visible; margin-right: 3px; line-height: 14px; } #category h2 {border-bottom: 1px solid #000; margin-bottom: 12px; } #category div {float: right; position: relative; font-weight: bold; font-size: 11px; background-image: url(../img/varia/add-products.gif); background-position: 7px 0; } #category div.hov {background-position: 7px -18px; } #category div a {display: block; padding: 5px 1px 1px 25px; color: #47b; text-transform: lowercase; } #category div ul {font-weight: normal; line-height: 16px; position: absolute; left: -157px; top: -3px; z-index: 101; border: 1px solid #ccc; width: 160px; background-color: #eee; display: none; border-top-width: 2px; border-bottom-width: 2px; } #category div ul a {display: inline; padding: 0; text-transform: none; } #category div ul li {position: relative; border-top: 1px solid #fff; border-left-style: none; border-right-style: none; margin: 0; padding: 3px 1px 4px 15px; background-image: url(../img/varia/category-bullet.gif); background-position: 7px 8px; } #category div ul li.first {border-style: none; } #category div ul li ul {position: absolute; left: -198px; top: -7px; width: 200px; z-index: 102; display: none; } #category div ul li ul li {padding: 4px 3px 4px 25px; color: #333; cursor: pointer; background-image: url(../img/varia/product-unselected.gif); background-position: 7px 5px; } #category div ul li ul li.selected {background-image: url(../img/varia/product-selected.gif); } #category div ul li ul li.disabled {cursor: default; background-image: url(../img/varia/product-disabled.gif); } #category div:hover>ul {display: block; } #category div:hover>ul>li:hover {background-color: #333; } #category div:hover>ul>li:hover>a {color: #efefef; } #category div:hover>ul>li:hover>ul {display: block; } #category div:hover>ul>li:hover>ul>li:hover {background-color: #333; color: #efefef; } #category div:hover>ul>li:hover>ul>li.disabled:hover {background-color: inherit; color: inherit; } * html #category div.hov ul {display: block; } * html #category div.hov ul li ul {display: none; left: -212px; } * html #category div.hov ul li.hov {background-color: #333; color: #efefef; } * html #category div.hov ul li.hov a {color: #efefef; } * html #category div.hov ul li.hov ul {display:block; } * html #category div.hov ul li.hov ul li.hov {background-color: #333; color: #efefef; } * html #category div.hov ul li.hov ul li.selected {} * html #category div.hov ul li.hov ul li.hov.disabled {background-color: #eee; color: #333; } #comparisonAttributes {overflow-x: auto; width: 714px; } #comparisonAttributes table {background-image: url(../img/backgrounds/comparison.gif); background-position: 84px 0; background-repeat: repeat; font-size: 11px; } #comparisonAttributes table.items-1 {width: 294px; } #comparisonAttributes table.items-2 {width: 504px; } #comparisonAttributes table.items-3 {width: 714px; } #comparisonAttributes table.items-4 {width: 924px; } #comparisonAttributes table.items-5 {width: 1134px; } #comparisonAttributes table td, #comparisonAttributes table th {padding: 0; width: auto; text-align: left; vertical-align: top; font-weight: normal; } #comparisonAttributes table * td.empty {background-color: #fff; } #comparisonAttributes table tbody th {width: 82px; padding: 1px; background-image: url(../img/backgrounds/comparison-cell.gif); background-position: center bottom; background-color: #fff; } #comparisonAttributes table tbody td {width: 199px; padding: 1px 3px 1px 8px; background-image: url(../img/backgrounds/comparison-cell.gif); background-position: left bottom; font-weight: bold; } #comparisonAttributes table thead th {padding: 0 2px 0 2px; } #comparisonAttributes table thead th a {display: block; border-top: 1px solid #000; padding: 2px 3px 2px 15px; color: #47b; margin: 0; } /* #comparisonAttributes table thead th a:hover {text-decoration: none; } */ #comparisonAttributes table thead th a img {display: block; margin: 0 auto 2px auto; width: 125px; height: 125px; } #comparisonAttributes table thead th a strong {font-weight: bold; color: #000; } #comparisonAttributes table thead td {background-color: #fff; } #comparisonAttributes table thead td form {text-align: right; padding-right: 2px; } #comparisonAttributes table thead td form input.inline {text-align: right; } #comparisonAttributes table thead td form input.disabled {color: #ccc; } #comparisonAttributes table thead td.ordering {width: auto; border-style: none; background-color: transparent; padding: 15px 13px 25px 17px; margin: 0; } #comparisonAttributes table thead td.ordering dl {} #comparisonAttributes table tfoot td {padding: 0 2px 0 2px; } #comparisonAttributes table tfoot td p {border-bottom: 1px solid #000; height: 40px; } #comparisonScrollLeft, #comparisonScrollRight {position: absolute; width: 20px; height: 29px; top: 15px; } #comparisonScrollLeft {left: -21px; } #comparisonScrollRight {right: -21px; } #comparisonScrollLeft a, #comparisonScrollRight a {display: block; width: 20px; height: 29px; text-indent: -2000px; overflow: hidden; background-position: 0 0; cursor: default; } #comparisonScrollLeft a {background-image: url(../img/varia/scroll-left.gif); } #comparisonScrollRight a {background-image: url(../img/varia/scroll-right.gif); } #comparisonScrollLeft a.enabled, #comparisonScrollRight a.enabled {background-position: 0 -29px; cursor: pointer; } #comparisonScrollLeft a.enabled:hover, #comparisonScrollRight a.enabled:hover {background-position: 0 -58px; cursor: pointer; } #comparisonScrollLeft a.enabled.active:hover, #comparisonScrollRight a.enabled.active:hover {background-position: 0 100%; cursor: pointer; } /* dealers map */ #dealerMap {} #dealerMap img {width: 467px; height: 337px; } #dealerList {margin-top: 30px; min-height: 200px; } * html #dealerList {height: 200px; } #dealerList div {display: none; } #dealerList div h3 {color:#999;margin:0; } #dealerList ul {border-bottom:1px dotted #ccc; } #dealerList div ul li {border-top:1px dotted #ccc; margin:0; padding-top:10px; padding-bottom:10px; background-position:3px 15px;} #dealerList div ul li h4 {margin-top:0; font-weight:bold; margin:0;} #dealerList div ul li.EB {border-left :4px solid #a00; background:none; color: #0D145C; padding:10px; } #dealerList div ul li.EB h4 {color: #a00; margin-bottom: 0; } #dealerList div ul li.EB p {font-size: 10px; color: #a00; } address {font-size:10px; color:#000; font-style:normal; margin:0;} /* special forms */ /* my account - registration */ #registerForm #reg-fs-company-info label {width: 180px; } /* newsletter */ * html #newsletterForm #nws-f-occupation {width: auto; } /* Hi Fi */ #hifiForm label {width: 180px; } /* dealer registration */ #dealerForm fieldset div.element {width: 225px; float: left; } #dealerForm #dlr-fs-dealer-brands p label {width: 50px; } #dealerForm>#dlr-fs-dealer-brands>p {float: left; } /* product search */ #productSearchForm div.element {margin-top: 5px; } * html #productSearchForm div.element {margin: 3px 0 3px 0; } #productSearchForm div.element p {color: #000; } #productSearchForm div.element p label {display: inline; width: auto; float: none; } #productSearchForm div.element p input {width: 40px; } /* on products page */ #fastProductSearchForm {border: 1px solid #ccc; padding-bottom: 0px; font-size: 11px; margin-top: 1px; } #fastProductSearchForm h3 {padding: 1px 7px 2px 7px; color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 10px 0 5px 0; } #fastProductSearchForm p {padding: 1px 7px 2px 7px; color: #000; } #fastProductSearchForm p label {color: #000; display: inline; float: none; width: auto; } #fastProductSearchForm p select {width: 185px; min-width: 185px; } #fastProductSearchForm p input {width: 40px; } /* product comparison */ #productComparisonForm input.inline {font-size: 11px; font-weight: bold; } /* shopping cart */ #cartForm fieldset.cf-f-products {margin:0; padding:0;padding-bottom:10px;margin-bottom:10px;padding-top:20px;padding-left:10px;padding-right:10px;background-color:#fff;} #cartForm div.thumb {float:left;width:125px;} #cartForm div.productDetails {float:left;margin-left:7px;width:330px;background-color:#fff;padding-top:3px; padding-bottom:3px;} #cartForm div.productDetails ul {list-style-type:none;} #cartForm div.productDetails ul li {font-weight:bold;background-image:none;} #cartForm div.productDetails ul li span {font-weight:normal;} #cartForm div.productDetails ul li label {width:120px;font-weight:normal;} #cartForm div.productDetails ul li input {width:25px;} #cartForm p {text-align:right;} #cartForm p.actionButtons {margin-top:20px;} /* form styles */ p.partnerDate {width:180px;} body.article #main #content p#visual {width:auto; margin-left:0px;} #main #content p.visual {width:auto; height:auto; position:static; margin-left:0px;} body.homepage #main #secondary p#visual {width:auto; height:auto; float:none; position:static; top:auto; left:auto;} body.homepage #main #secondary div.anunt {border: 2px solid #E4E4E4; background-color: #001C45;} body.homepage #main #secondary div.anunt h2 {margin:10px 10px 0;} body.homepage #main #secondary div.anunt div.head {margin:10px 10px 0;} body.homepage #main #secondary div.anunt div.body {margin:10px 10px 0;} body.homepage #main #secondary div.anunt ul.related {margin:10px 10px 0;} body.homepage #main #secondary div.anunt * { color: #FFF;} body.homepage #main #secondary div.anunt a { color: #AED2DC;} body.homepage #main #secondary div.anunt ul.related { margin-left: 5px; margin-bottom: 10px;} body.homepage #main #secondary div.anunt ul.related li { background-image: url('../img/bullets/listactive.gif'); background-position: left 5px; padding-left: 10px; margin-bottom: 4px;}