/* 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:#acdef3; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#666; text-align:center; } #mbody { width: 980px; margin: 0 auto; text-align: left; /* background-color: #fff; 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; } * html select {width: 219px; } 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.submit, #side input.submit, span.submit, #side span.submit {border:2px solid #e9f4f8; -moz-border-radius: 5px; border-radius: 5px; background:#014e96; padding:2px 10px; display:block; overflow:hidden; height:auto; width: auto; color:#fff; 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; border:none} * html fieldset {margin-bottom: 10px; } #content fieldset { /*background-color: #eee; border: 1px solid #999; */ border-bottom:1px solid #ccc;} #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 {color:#999999; font-weight:bold; font-size:14px; padding:0;} * 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;} .hide {display: none; } /* NEW CSS LINES */ #header { margin-top:10px; position: relative; display:block; overflow:visible; font-family: Arial, Helvetica, sans-serif; z-index:10; height:100px;} #header #utils { font-size:11px; float:right; clear:both; display:block; overflow:hidden;} #header #utils li {float: left; padding: 1px 10px 0 10px; } #header #utils li a { color:#576f79; } #header #utils li form {margin: -1px -10px 0 0; padding-left: 1px; background-color: #fff; } #header #utils li form p * {vertical-align: middle; } #header div.headWrapper {clear:both; float:none; display:block; overflow:hidden; padding-top:10px;} #header #logo { float:left; margin-right:25px; } /*#header #menu { margin-top:5px; padding:0 10px; width:840px; line-height:26px; float:right; background:url('../img/facelift/menu_bkg.jpg') repeat-x; font-weight: bold; font-size: 12px; text-transform: lowercase; -moz-border-radius: 5px; border-radius: 5px;}*/ #header #menu { margin-top:5px; padding:0 10px; width:840px; line-height:26px; float:right; background:url('../img/facelift/ie-menu-bkg.png') no-repeat; font-weight: bold; font-size: 12px; text-transform: lowercase; overflow:visible; height:38px;} #header #menu li { overflow:hidden; float:left; } #header #menu li a { padding:5px 10px; color:#fff; text-decoration:none; display:block; clear:none; float:left; overflow:hidden; } #header #menu li a:hover { background:#00122c;} #header #menu li a.arrow { background:url('../img/facelift/menu_arrow.gif') no-repeat; padding-right:20px; background-position: 90% center;} #header #menu li a.arrow:hover { background:#00122c url('../img/facelift/menu_arrow_ovr.gif') no-repeat; background-position: 90% center;} #header #menu li.search { float:right;} #header #menu #search_form { width:203px; height:38px; background:url('../img/facelift/menu_search_bkg.jpg') no-repeat; display:block;} #header #menu #search_form input { width:165px; background:none; border:none; color:#001c45; } #header #menu #search_form #searchLabel { margin:12px 0 0 8px; } #header #menu #search_form input.btn { margin-left:5px; width:20px;} #header #submenu { position:absolute; top:70px; left:120px} #header #submenu ul { display:none; overflow:hidden; float:left; margin:3px; -moz-border-radius: 3px; border-radius: 3px; } #header #submenu ul a { color:#fff; font-size:12px; font-family:Arial; text-decoration:none; padding:5px 10px; display:block; overflow:hidden;} #header #submenu ul a:hover { background:#00122c;} #header #submenu ul li {background:#001a3f;} #header #submenu ul li.first { border-top-left-radius:3px; border-top-right-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px;} #header #submenu ul li.last { border-bottom-left-radius:3px; border-bottom-right-radius:3px; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; } #header #submenu ul li.first a:hover { border-top-left-radius:3px; border-top-right-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; } #header #submenu ul li.last a:hover { border-bottom-left-radius:3px; border-bottom-right-radius:3px; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; } #header #submenu ul li.nobkg, #header #submenu.isIE ul li.nobkg a:hover { background:none;} #header #submenu ul.isIE li.last a { padding:0; background:none url('../img/facelift/ierounded-last-lid.png') bottom right no-repeat;} #header #submenu ul.isIE li.last a:hover { padding:0; background:none url('../img/facelift/ierounded-last-lid-hover.png') bottom right no-repeat;} #header #submenu ul.isIE li.last a span { display:block;margin-right:5px; overflow:hidden; padding:5px 10px; background:none url('../img/facelift/ierounded-last-jar.png') bottom left no-repeat; } #header #submenu ul.isIE li.last a:hover span { background:none url('../img/facelift/ierounded-last-jar-hover.png') bottom left no-repeat; } #header #submenu ul.isIE li.first a { padding:0; background:none url('../img/facelift/ierounded-first-lid.png') top right no-repeat;} #header #submenu ul.isIE li.first a:hover { padding:0; background:none url('../img/facelift/ierounded-first-lid-hover.png') top right no-repeat;} #header #submenu ul.isIE li.first a span { display:block; margin-right:5px; overflow:hidden; padding:5px 10px; background:none url('../img/facelift/ierounded-first-jar.png') top left no-repeat; } #header #submenu ul.isIE li.first a:hover span { background:none url('../img/facelift/ierounded-first-jar-hover.png') top left no-repeat; } #footer { padding:20px; width:940px; background:#fff; border-bottom-right-radius:10px; border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; clear:both; float:none; overflow:hidden; } #footer #footnav { margin:0 0 5px 0; padding:0} #footer #footnav li { font-size:10px; display: inline; padding-right:5px; margin-right:5px; border-right:1px solid #777; height:10px;} #footer #footnav li.last { border:none;} #footer #footnav li a {font-size: 11px; color: #575757; } #footer #copyright { font-size: 9px; color: #B1B1B1; } #footer #legal { font-size: 9px; } #footer #legal li {display: inline; margin-right: 17px; } #footer #legal li a {color: #B1B1B1; } #footer div.description { float:left} #footer div.member { float:right} #channel { position: relative; width: 100%; height: 126px; background-image: url('../img/facelift/visuals/vizual_produse.jpg'); border-top-right-radius:10px; border-top-left-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-topleft:10px; -webkit-border-top-right-radius:10px; -webkit-border-top-left-radius:10px; } #channel div.domain_presentation { overflow:hidden; clear:both; float:none; display:block; position:relative; top:55px; left:20px } #channel div.domain_presentation h1, #parent {text-shadow: #fff 1px 1px 2px; font-family: Arial; font-weight: normal; font-size: 36px; color: #000; display:block; overflow:hidden; float:left; padding-right:20px; width:94%;} #channel div.domain_presentation h1 a {color: #001c45; text-decoration:none;} #channel div.domain_presentation h1 a:hover {color: #333333; text-decoration:none;} #channel div.domain_presentation h1 span.dark_arrow { width:20px; height:25px; display:block; overflow:hidden; background:url("../img/facelift/arrow-right.png") no-repeat scroll center center transparent; clear:none; display:inline-block;} /*#channel div.domain_presentation #description { border-left:1px solid #b2b2b2; display:block; overflow:hidden; padding-left:20px; margin:auto 40px auto 0; color:#000;}*/ #description { color:#000; margin-bottom:20px;} #breadcrumbs {position: absolute; left: 20px; top: 0px; font-size: 15px; line-height: 15px; color: #fff; text-transform: height:28px; padding-top:7px} #breadcrumbs * {vertical-align: middle; } #breadcrumbs>* {vertical-align: top; } #breadcrumbs a, #breadcrumbs span {font-size: 11px; line-height: 15px; } #breadcrumbs a {text-decoration: underline; color: #fff; } #breadcrumbs a:hover {color: #000; } #spacerShadow { position:absolute; z-index:5; margin:0; padding:0; left:0; top:30px;} #channelVisual {position: absolute; right: 0; top:0} #channelVisual small {visibility: hidden; } #main {margin:0; width:980px; background:#fff; overflow: hidden; } #content { position: relative; overflow: hidden; width: 700px; float:right; padding:20px; } #side {float: left; width: 190px; margin:20px; overflow:hidden; display:block; min-height:200px; } #main.with-extras #content { min-height:250px;} #main.with-extras #extras { float: left; margin-left:20px; width: 180px; } * html #main ul li {height: 10px; } #main h2, #content h2, #side h2 {padding-right: 50px; margin-bottom: 10px; font-family: Arial, Arial Narrow, Helvetica, sans-serif; font-weight: normal; font-size: 24px; line-height: 24px; color: #000; } #main h3, #content h3, #side h3 {font-family: Arial, Arial Narrow, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #000; margin: 0 0 5px 0; } #main h4, #content h4, #side h4 {font-family: Arial, Arial Narrow, Helvetica, sans-serif; font-weight: normal; font-size: 10px; color: #000; margin: 10px 0 5px 0; } #main div.article {padding-bottom: 15px; clear:both; border-bottom:1px dotted #ccc; margin-bottom:10px; display:block; overflow:hidden;} #main div.lastArticle { border-bottom:none;} #main div.article h2 { font-size:20px; font-weight:bold; } #main div.article div.body { line-height:normal; margin:0;} #main div.article div.body p { margin:1em 0;} div.article p.visual, #visual {float: right; margin-bottom:20px;} div.article p.subtitle, #subtitle {font-size:10px; color:#999;} div.head {color:#000; margin-bottom:15px;} div.head p, #head p {margin-bottom:10px; } div.body, #body {margin-bottom:15px;} 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, p#code { font-size: 9px; color: #999; padding-right: 25px; margin-top:10px;} p#code { margin-top:0px;} div.article p.details {font-size: 11px; } #articleList { /*margin: 10px 0 20px -10px; padding-top: 12px; */ } #articleList li { margin-bottom:10px; padding-left: 10px; background-image: url(../img/bullets/listactive.gif); background-position: 2px 10px; display:block; overflow:hidden;} #articleList li a {color:#6699cc; text-decoration:underline; } #articleList li a:hover {color:#000;} #articleList li h3 { margin:0; padding:0;} #articleList li ul { margin-left:10px;} #articleList li ul li a { color:#000 !important; text-decoration:none; margin-top:10px;} #articleList p.subtitle { font-size:10px; color:#ccc;} #main.with-extras #articleList {background-position: 10px top; } /* sidebar items */ #special { padding:10px; margin-bottom:10px; background-color:none !important; display:block; overflow:hidden; border:1px solid #E4E4E4 !important;} /* defaulting to dark blue */ #special div.head {color: #000 !important; } #special div.body {color: #000 !important; } #special div.body ul, #special #body ul {color: #000 !important; } #special div.observations {color: #333 !important; } #special a {color:#000 !important; } #special a:hover {color:#1B8AD2 !important; } #special h2 { font-size:14px; font-weight:bold; line-height:normal; margin:0; padding:0;} body.myaccount #special label, body.myaccount #special h2 { color:#000;} /*#special { padding:10px; margin-bottom:10px; background-color: #024; display:block; overflow:hidden; } #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 { background:#f5f5f5;} #channelList li { border-top:1px solid #e7e7e7; display:block; overflow:hidden; } #channelList li a { padding:12px 20px 12px 12px; display:block; overflow:hidden; background:url('../img/facelift/little_arrow.png') 170px center no-repeat; border-top:1px solid white;} #channelList li a:hover { text-decoration:none; background:#e7e7e7 url('../img/facelift/little_arrow.png') 170px center no-repeat; border-top:1px solid #e7e7e7;} #channelList li a span { padding:0; border:none; width:155px;} #channelList li span { padding:12px; display:block; overflow:hidden; border-top:1px solid white;} #channelList li span.selection { padding:12px 0 0 12px; font-weight:bold; color:#000;} #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; border:none; } #channelList li ul#filters { margin:5px 20px 10px 22px;} #channelList li ul#filters a { padding:0; border:none; font-size:12px; color:#007eb3; text-decoration:none;} #channelList li ul#filters a:hover { } #channelList li ul#filters li { font-size:12px;} #channelList li ul#filters li ul { margin-left:12px;} #channelList li.first, #channelList li.first a, #channelList li.first a span { border:none;} #specialList { border: 1px solid #e4e4e4; padding:12px;} #specialList p {padding:0 12px } #specialList li {margin-bottom: 5px; } #specialList h3 a { display:block; overflow:hidden; } #specialList h3 a:hover { text-decoration:none; color:#000;} #promoList {width: 180px; padding: 13px 5px 14px 15px; border: 1px solid #e4e4e4; margin-top: 1px; } #promoList li {margin-bottom: 5px; } #myAccountOptionsList { padding:12px; border: 1px solid #e4e4e4; margin-top: 1px; } #myAccountOptionsList li {margin-bottom: 5px; } #myAccountServicesList { padding: 13px 5px 14px 15px; border: 1px solid #e4e4e4; margin-top: 1px; margin-bottom:10px;} #myAccountServicesList li {margin-bottom: 5px; } /* boxed template */ /* boxed sidebar items */ /* class naming: f = filled (blue, red, etc.) n = neutral (gray) e = empty (white w/ borders) */ body.boxed #content { } body.boxed #side { background:none !important;} body.boxed #side.single-box {padding-bottom: 0; background-image: none; } body.boxed #side #special {float: left; margin-top: 0; } body.boxed #side #channelList { float: left; width:190px; } 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 { overflow: hidden; background:none !important; } 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 { clear:both; display:block; float:none; overflow:hidden;} #highlightedChannelList li { float:left; padding: 15px 20px 15px 0; border-bottom: 1px solid #e4e4e4; height:100px; width:460px; display:block; overflow:hidden;} #highlightedChannelList li.mod2_0 { padding-right:0;} * 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:20px auto 0 auto; display:block; overflow:hidden;} #normalChannelList li {float: left; width:145px; height:80px; margin-right:10px; } #normalChannelList li.first { text-align: left; clear: left; } #normalChannelList li.last { text-align: right; margin-right:0;} #normalChannelList li h2 { margin:0; padding:0; } #normalChannelList li a { margin:0 auto; opacity:.5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } #normalChannelList li a:hover { opacity:1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } body.icons #main { overflow:visible;} body.icons #main #content { float:none; overflow:visible;} body.icons #tooltip { position:absolute; top:0; left:0; z-index:10; color:#000;} body.icons #tooltip span {display:block; overflow:hidden; } body.icons #tooltip span.tipArrow { background:url('../img/facelift/tooltip_arrow.png') no-repeat; height:10px; } body.icons #tooltip span.tipContent { width:271px; background:url('../img/facelift/tooltip_top.png') no-repeat; padding:30px 26px 10px 26px;} body.icons #tooltip span.tipFooter { width:325px; background:url('../img/facelift/tooltip_bottom.png') no-repeat;} /* 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 { display:block; overflow:hidden; width:100%;} #productList li { display:block; width:325px; min-height:120px; float:left; padding:10px 20px 10px 0; border-top:1px solid #e5eff4; background:none;} #productList.bigger li { min-height:150px;} #productList li.mod2_0 { float:right; margin-right:0px;} #productList li div.icon { -moz-border-radius:5px; border-radius:5px; border:2px solid #e7e7e7; width:82px; height:82px; overflow:hidden; display:block; float:left;} #productList li div.presentation { display:block; float:left; overflow:hidden; float:right; width:228px;} #productList li div.presentation h2 { font-size:20px; line-height:normal; padding:0; margin:0; font-family:Arial Narrow, Arial;} #productList li div.presentation dd { color:#000; font-weight:bold; font-family:Arial;} #main div.article div.body #productList li p { margin:0;} /* #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; overflow:hidden; margin-bottom:10px;} #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 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 { } body.article.products #content h2 strong {font-weight: normal; } body.article.products #content h2 { font-size:30px; color:#007eb3; margin-bottom:20px; line-height:30px;} /*body.article.products #body { /*margin: -20px 0 20px 0; padding: 15px; font-size: 11px; line-height: 15px; color: #000; background-color: #e5e5e5; }*/ body.article #visual a { display: block; width:240px; border:5px solid #91c7de;} body.article span.brand { font-size:18px; } body.article #ordering { margin-bottom:20px;} body.article div.articleFunctions { clear:both; float:none; overflow:hidden;} body.article div.articleFunctions ul#articleList { padding:5px 0;} body.article div.articleFunctions ul#articleList li { margin:0; background:none; padding:0 0 2px 0;} body.article div.articleFunctions div { width:210px; } body.article div.articleFunctions div.comparison { float:left;} body.article div.articleFunctions div.comparison #productComparisonForm { padding-top:5px;} body.article div.articleFunctions div.comparison a.sameCategory { padding-bottom:5px;} body.article div.articleFunctions div.more { float:right;} body.article div.articleFunctions div a, body.article div.articleFunctions div input, body.article div.articleFunctions div span.submit {font-size:11px; color:#007eb3;} body.article span#code { margin-bottom:20px; display:block; clear:both; overflow:hidden; color:#666; font-weight:bold;} body.article.products #content .noSpace { margin-bottom:0;} body.article #moreprods { margin:0 0 0 20px; list-style-type:disc; overflow:hidden; display:inline-block;} body.article #moreprods li {font-size:10px; margin-bottom:3px; line-height:10px;background-image: url('../img/bullets/listactive.gif'); background-position: 0px 3px; padding:1px 0 1px 7px; overflow:hidden;} body.article #moreprods li a { font-size:11px !important; } body.article #commercial h3 { font-size:13px; margin:5px 0;} #commercial { width:430px; float:left; } #commercial #productImage {position: absolute; left: 125px; top: 30px; border: 2px solid #000; } #commercial #productImage img {display: block; width: 300px; height: 300px; cursor: pointer; } #commercial #price { font-size:24px; color:#000; font-weight:bold; padding:5px; background:#c8deed; text-transform:lowercase; display:inline-block;} #ordering { clear:both; float:none; margin:0; padding:0; overflow:hidden;} div.banner_space {height:90px; background:#fff; clear:both; float:none; margin-bottom:15px; overflow:hidden; } #side div.banner_space { height:180px;} 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; } div.contentWrap { clear:both; float:none; overflow:hidden; margin-bottom:20px;} #attributes {text-align: left; font-size: 11px; clear:both; float:none; margin-top:10px; border-top:1px solid #91C7DE; width:100%; display:block;} #attributes th, #attributes td {border-bottom: 1px solid #91C7DE; vertical-align: top; padding:6px 10px 6px 0;} #attributes th {/*padding: 1px 10px 1px 1px;*/ font-weight: normal; color:#787878; text-align:left;} #attributes td {/*padding: 1px 1px 1px 5px;*/ color:#000;} #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 */ #presentation {position: relative; width: 100%; height:279px;} 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 #primary {display:block; overflow:hidden; float:left; clear:none; width: 940px; margin:20px} /* body.homepage #main #primary {display:block; overflow:hidden; float:left; clear:none; width: 600px; margin:20px} body.homepage #main #secondary {display:block; overflow:hidden; margin-top:10px; width:300px; float:right; margin:20px 20px 20px 0;} */ 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; clear:both; float:none;} body.homepage #primary #featuredProducts ul.product_category { display:block; overflow:hidden; border-bottom:1px solid #e5eff4; padding-bottom:20px; margin-bottom:20px; height:100%;} body.homepage #primary #featuredProducts ul li { height:100%; clear:none; display:block; overflow:hidden; float:left; width:172px; margin-right:20px;} body.homepage #primary #featuredProducts ul li.mod5_0 { margin-right:0px; } /* body.homepage #primary #featuredProducts ul li { height:100%; clear:none; display:block; overflow:hidden; float:left; width:175px; margin-right:35px;} body.homepage #primary #featuredProducts ul li.mod3_0 { margin-right:0px; float:right;} */ body.homepage #primary #featuredProducts ul li a { display:block; overflow:hidden } body.homepage #primary #featuredProducts ul li h2 {margin:0 0 5px 0; padding:0; display:block; overflow:hidden; font-size:16px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; line-height:normal;} body.homepage #primary #featuredProducts ul li h2 a {color:#000000; text-decoration:none; } body.homepage #primary #featuredProducts ul li h2 a:hover { text-decoration:underline;} body.homepage #primary #featuredProducts ul li div.icon { max-width:180px; max-height:180px;} body.homepage #primary #featuredProducts ul li .subtitle {display:block; font-weight:bold; font-size:14px; margin:5px 0; color:#000;} body.homepage #primary #featuredProducts ul li .special { display:block; font-weight:bold; font-size:13px; margin:5px 0; color:#FF3C00;} body.homepage #primary #featuredProducts ul li .description {font-size:11px; line-height:11px; display:block;} body.homepage #quicklinks { line-height:normal; background-color:#eeeeee; display:block; overflow:hidden; padding:0 10px; -moz-border-radius:10px; border-radius:10px; height:38px} body.homepage #quicklinks div.quicklink { width:48%; display:block; overflow:hidden; margin:0; float:left; padding:10px 0} body.homepage #quicklinks label { float:left; font-size:11px; margin-right:10px; margin-top:2px;} body.homepage #quicklinks select { display:block; overflow:hidden; float:right; width:60%;} body.homepage #quicklinks #partners { margin-right:10px;} body.homepage #quicklinks #producatori {float:right; } body.homepage #secondary #promo {display:block; overflow:hidden; } body.homepage #secondary #promo h2 { font-size:24px; margin:0; padding:5px 0;} body.homepage #secondary #promo #articleList { display:block; overflow:hidden; margin:0; padding:0; background:none; } body.homepage #secondary #promo #articleList li { border-top:1px dotted #ccc; margin:10px 0 5px 0; padding:5px 0 0 0; background:none; font-size:11px; } body.homepage #secondary #promo #articleList li a {color:#00739b; text-decoration:none; font-weight:bold; font-size:13px; margin-bottom:5px; overflow:hidden; display:block} body.homepage #secondary #promo #articleList li a:hover { color:#001C44;} body.homepage #secondary #promo #articleList li span.date {color:#969696;} body.homepage #secondary #promo #articleList li.small { border:none; } body.homepage #secondary #promo #articleList li.small a { font-size:11px;} body.homepage #productPromos {width:auto;} ul#products { padding:15px 20px 0 20px; display:block; overflow:hidden; clear:both; float:none;font-weight: bold; background-color:#f2f7fa; height:auto; border-top:1px solid #bdd8e4; border-bottom:1px solid #bdd8e4; height:100%;} ul#products a { color: #363636; font-weight:normal; font-family:Arial;} ul#products a.head { font-weight:bold; font-size:12px;} ul#products li { font-size:14px; width:201px; clear:none; display:block; overflow:hidden; float:left; padding:6px;} ul#products li.expanded { height:50px; margin-bottom:5px; } ul#products li p.inside {font-size:11px; display:block;overflow:hidden; width:auto; clear:both; color:#004a80;} ul#products li p.inside a {color:#004a80; } ul#products li p.inside a:hover {color:#09F;} ul#products li ul {width: 100%; overflow: hidden; font-weight: normal; font-size: 10px; } ul#products li ul li {float: left; clear: none; padding-top: 0; margin-right: 5px; padding-right: 2px; } 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 #promos { width: 300px; margin:20px 0 0 0; } body.homepage #promos div.article { border-top:1px dotted #ccc; padding:10px 0 0 0;} 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 #main div.article { border-bottom:none;} #slideshow { width:100%; height:279px; display:block; overflow:hidden; clear:both; background:url('../img/facelift/slideshow_bkg.jpg') no-repeat; position:relative;} #slideshow ul.promoHolder { position:absolute; width:15000px; z-index:1; margin:0; padding:0;} #slideshow ul.promoHolder li { float:left; width:980px; padding:25px 100px; text-shadow: #fff 1px 1px 2px;} #slideshow ul.promoHolder li.extended { padding:0; width:1180px} #slideshow ul.promoHolder li h2 a { font-size:36px; font-weight:bold; color:#ff3c00; text-decoration:none;} #slideshow ul.promoHolder li div.presentation { width:500px; float:left; display:block; overflow:hidden; font-size:20px; margin-right:20px; height:240px; color:#000;} #slideshow ul.promoHolder li div.icon { width:270px; height:230px; display:block; overflow:hidden;} #slideshow ul.promoHolder li p.more { font-size:14px; margin-top:5px;} #slideshow ul.promoHolder li p.more a { color:#000; font-weight:bold;} #slideshow a.button { display:block; width:60px; height:250px; display:block; margin-top:15px; text-decoration:none; position:relative; z-index:2;} #slideshow a.button:hover { text-decoration:none; filter:alpha(opacity='.8'); opacity:.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";} #slideshow a.button span { display:block; overflow:hidden; width:60px; height:250px;} #slideshow a.rightButton { border-left:1px dotted #319eb9; float:right; } #slideshow a.rightButton span { background:url('../img/facelift/full-arrow-right.png') center center no-repeat;} #slideshow a.leftButton { position:absolute; border-right:1px dotted #319eb9; float:left; } #slideshow a.leftButton span { background:url('../img/facelift/full-arrow-left.png') center center no-repeat; } #slideshow div.promoShortcut { position:absolute; display:block; overflow:hidden; bottom:20px; left:50%; z-index:5;} #slideshow div.promoShortcut a.thumb { display:block ; overflow:hidden; border:2px solid #516e76; background-color:#516e76; width:12px; height:12px; float:left; margin-right:5px; -moz-border-radius: 3px; border-radius: 3px; filter:alpha(opacity='.6'); opacity:.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";} #slideshow div.promoShortcut a.thumb:hover { background-color:none; border:2px solid #000; filter:alpha(opacity='.3'); opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=.3)";} #slideshow div.promoShortcut a.last { margin-right:0;} #slideshow div.promoShortcut a.selected { background:none; border:2px solid #000;} body.homepage #slideshow { border-top-right-radius:10px; border-top-left-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-topleft:10px; -webkit-border-top-right-radius:10px; -webkit-border-top-left-radius:10px; } /* no side */ body.no-side #channel div.domain_presentation h1 a { color:#fff;} body.no-side #content { width:940px; float:none; overflow:visible; } body.no-side div.article { margin-right:40px;} body.no-side #comparisonScrollLeft { top:136px !important;} body.no-side #comparisonScrollRight { top:136px !important; right:20px;} /*body.no-side #content {float: none; width: 940px; 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, Arial Narrow, 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; 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: 900px; } #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 { display:none; 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 { margin-left:115px !important;} #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; font-size:12px;} #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; } #newsletterForm label, #newsletterForm input, #newsletterForm select, #contactForm input, #contactForm select, #contactForm textarea{ margin:5px 0 0 0;} #newsletterForm ul.choice-list li { background:none; margin-left:0; padding:0; display:block; overflow:hidden;} #newsletterForm ul.choice-list li input { display:block; float:left; height:auto; margin:0 3px; overflow:hidden; width:auto; } #newsletterForm ul.choice-list li label { margin:0 2px; height:auto; } #newsletterForm fieldset { padding-left:0} #newsletterForm, #contactForm { border-top:1px solid #ccc; padding-top:10px} #newsletterForm input.submit, #contactForm input.submit { float:left; margin-right:10px; } span.requiredFields { width:105px; font-size:10px; display:inline-block} fieldset.last { margin-bottom:10px;} /* application form */ #applicantForm select, #applicantForm label, #applicantForm input { margin:5px 0 0 0;} #applicantForm input.file { display:block; overflow:hidden; height:auto; border:none; } /* Hi Fi */ #hifiForm label {width: 180px; } /* dealer registration */ #dealerForm fieldset div.element {width: 220px; float: left; } #dealerForm fieldset div.cleared { clear:left; } #dealerForm #dlr-fs-dealer-brands p label {width: 50px; } #dealerForm>#dlr-fs-dealer-brands>p {float: left; } /* product search */ #productSearchForm div.element div.filter { width:47%; float:left; margin:0 10px 5px 0; } #productSearchForm div.element div.last { float:right; margin:0;} #productSearchForm div.element label { width:auto; float:left; margin-right:10px; margin-top:2px;} #productSearchForm div.element select { width:50%} #productSearchForm div.element div.line { clear:both; float:none; display:block; overflow:hidden; } #productSearchForm div.element div.line span { display:block; float:left; overflow:hidden; margin-right:5px;} #productSearchForm div.element div.line span label { width:auto; margin-right:5px;} #productSearchForm div.element div.line span input { width:40px;} #productSearchForm div.element #ps-f-description { width:183px} /* on products page */ #fastProductSearchForm {border: 1px solid #e9f4f8; padding-bottom: 0px; font-size: 11px; margin:20px 0;} #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 label.cleared { display:block; margin-bottom:5px} #fastProductSearchForm p select {width: 172px; min-width: 170px; } #fastProductSearchForm p input {width: 40px; border:2px solid #BDBDBD;} #fastProductSearchForm p input.submit { border:2px solid #e9f4f8; -moz-border-radius: 5px; border-radius: 5px; background:#014e96; padding:2px 10px; display:block; overflow:hidden; height:auto;} /* product comparison */ /* 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.homepage #main #secondary p#visual {width:auto; height:auto; float:none; position:static; top:auto; left:auto;} body.homepage #main #secondary div.anunt { margin:0; padding:0;} 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;} body.promos #content, body.icons #content { width:940px;} body.promos #content ul li{ float:left; margin-right:20px; width:300px; font-family:Arial, Arial Narrow;} body.promos #content ul li.last, body.promos #content ul li.mod3_0 { float:right; margin-right:0;} body.promos #content h2 {padding:0; margin:0; font-size:16px; font-weight:bold; font-family:Arial Narrow, Arial;} body.promos #content a, body.promos #content p { margin:0; padding:0; overflow:hidden;} body.promos #content p.subtitle { font-size:14px; color:#000000; font-weight:bold; font-family:Arial Narrow, Arial;} body.promos #content #highlightedPromos,body.promos #content #normalPromos, body.promos #content ul { clear:both; float:none; overflow:hidden; display:block; } body.promos #content h2 a { color:#000; display:block; } body.promos #content h2 a:hover { text-decoration:none;} body.promos #content #highlightedPromos ul { margin-bottom:20px;} body.promos #content #highlightedPromos h2 a { background:#ededed; padding:5px 12px;} body.promos #content #highlightedPromos h2 a:hover { background:#ccc;} body.promos #content #highlightedPromos div.icon { height:135px;} body.promos #content #normalPromos li { width:218px;} body.promos #content #normalPromos li p { margin:0; padding:0;} body.promos #content #normalPromos li div.presentation { background:none; overflow:hidden; } body.promos #content #normalPromos li div.head { margin:0; padding:0; font-size:11px; color:#898989;} body.promos #content #normalPromos li div.icon { margin-top:10px;} .hidden { display:none;} .error { margin:5px 0;padding-left:10px; color:#ff0000; background:url('../img/bullets/listdefault.gif') center left no-repeat;} body.homepage #popupPromo { position:absolute; width:980px; height:550px; top:105px; z-index:100; display:none; overflow:hidden;} body.homepage #popupPromo #promoCloseButton { position:absolute; right:0px; font-size:40px; font-weight:bold; padding:10px; text-decoration:none; color:#001C45} body.article #content { overflow:visible;} body.article #content div.offerForm { background:none repeat scroll 0 0 #FFFFFF; border:5px solid #91C7DE; margin:0; padding:12px; position:absolute; z-index:100; right:290px; display:none;} body.article #content div.offerForm fieldset { border:none; margin:0; padding:0;} body.article #content div.offerForm fieldset label { width:100px; float:left; margin-right:10px; line-height:20px; text-align:middle;} body.article #content div.offerForm fieldset label.auto, body.article #content div.offerForm fieldset input.auto { width:auto;} body.article #content div.offerForm fieldset input.check { margin-top:3px; border:none;} body.article #content div.offerForm fieldset span.comment { font-size:10px; color:#888; clear:both; float:none; display:block} body.article #content div.offerForm fieldset input { -moz-border-radius: 5px; border-radius: 5px; padding:2px; } body.article #content div.offerForm fieldset a { display:block; cursor:pointer; overflow:hidden; padding:2px;} body.article #content div.offerForm fieldset a:hover { text-decoration:none;} body.article #content div.offerForm fieldset a.closeBut { float:right; padding:5px; font-weight:bold; font-size:14px;} body.article #content div.offerForm fieldset a.submit { border-radius:5px; -moz-border-radius:5px 5px 5px 5px; background:none repeat scroll 0 0 #014E96; border:2px solid #E9F4F8; display:block; height:auto; overflow:hidden; padding:5px 10px; width:40px; color:#fff; } body.article #content div.offerForm fieldset div.element { margin:0 0 5px 0;} body.article #content a.getOffer { padding:10px; display:none; overflow:hidden; float:left; clear:both; margin-bottom:5px; background:#007eb3; color:#fff; font-size:13px; text-decoration:none;} body.article #content a.getOffer:hover { background:#006a97;} body.article #content div.articleFunctions div { border-top:1px solid #91C7DE; border-bottom:1px solid #91C7DE; min-height:40px;} /*body.article #content div.articleFunctions { border-top:1px solid #91C7DE; padding-top:10px}*/ body.article #content #body { clear:both; float:none; overflow:hidden; display:block; padding-top:10px; margin:0 0 20px 0;} body.article #content #body ul { margin-top:20px;} body.article #content #body p { margin:0 0 1em 0;} body.article #content #body img.defVisual { float:right; margin:0 0 10px 10px} body.article #content img.bigVisual { display:block; overflow:hidden; position:absolute; right:10px; top:10px; border:5px solid #91C7DE; display:none; cursor:pointer;} a.bolded { font-weight:bold !important; color:#000;} h1.promo-header { margin:0 0 15px 0;} #main div.article div.body ol li h4 { font-size:14px; font-weight:bold; color:#333} #main div.article div.body ol li h5 { margin-bottom:10px;} body.naked #main { padding:0;} body.naked #main #content { padding:0; clear:both; float:none; width:100%; overflow:hidden;} #overlayVisual { position:relative; z-index:1;} .bolder { font-weight:bold} #fastSearchForm { margin-bottom:20px;}