/**************************************************************************************** * General Reset * * 1. Reset some styles * 2. Apply some cross-browsers rendering standards * * Shoud be included in every project * * Tips * a) Use em for fonts and other font-related dimensions * (eg. line-height, some spacing around text etc) * * b) Use full length color HEX representations (useful for maintenance purposes) * (eg. replace all in a project) ****************************************************************************************/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } fieldset, img { border: none; vertical-align: middle; } hr { display: none; } object, embed { display: block; } * { outline: none; } @font-face { font-family: 'NovecentoDB'; src: url('/fonts/novecentowide-demibold.eot'); src: url('/fonts/novecentowide-demibold.eot?#iefix') format('embedded-opentype'), url('/fonts/novecentowide-demibold.woff') format('woff'), url('/fonts/novecentowide-demibold.ttf') format('truetype'), url('/fonts/novecentowide-demibold.svg#NovecentoDB') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'NovecentoM'; src: url('/fonts/novecentowide-medium.eot'); src: url('/fonts/novecentowide-medium.eot?#iefix') format('embedded-opentype'), url('/fonts/novecentowide-medium.woff') format('woff'), url('/fonts/novecentowide-medium.ttf') format('truetype'), url('/fonts/novecentowide-medium.svg#novecentowide-medium') format('svg'); font-weight: normal; font-style: normal; } /* outline none for buttons, ie */ /* button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; } */ /**************************************************************************************** * Standard base font-size is 16px * so 1em = 16px, do the math accordingly * * 1. Set the base font-size on the body (for 12px the base font-size is 0.75em (12/16) * (as well as line height and font-family) * 2. Always set the general background color for the body * 3. Set the general font color on the body ****************************************************************************************/ body { background:#fff url(/i/bgrepeat.png) repeat-x top left; font-size:13px; color:#666; font-family:Segoe UI, Arial; line-height:140%; margin:0; text-align:center; } span.sidebarTitle { font-size: 2em; font-style: normal; font-weight: normal; line-height: 1.4em; margin: 0 0 0.5em; display:block; } #wrapper { width:1000px; margin:0 auto; text-align:left; } /**************************************************************************************** * General Margins for Content Elements * * Especially for admin edited content (FCK) ****************************************************************************************/ p, ul, ol, dl, table { margin: 0em 0 1em 0; } /**************************************************************************************** * List elements * * Ordered and Unorederd lists, bullets, spacing everything related to General Lists * should go here ****************************************************************************************/ ul { margin-left: 1em; } ul li { background: url(/i/bullet.gif) no-repeat 0 .6em; list-style: none; padding-left: 14px; } li ul, li ol { margin-top: 0; margin-bottom: 0; } li { margin: 0; } ol { margin-left: 2.2em; } ol li { list-style-type: decimal; } ol li ol li { list-style-type: lower-alpha; } ol li ol li ol li { list-style-type: upper-roman; } /**************************************************************************************** * Headings * * Ordered and Unorederd lists, bullets, spacing everything related to General Lists * should go here ****************************************************************************************/ h1, h2, h3, h4, h5, h6 { font-size: 1em; margin: 0 0 .5em 0; } h1 { font-size: 32px; font-family:NovecentoM; text-transform:uppercase;color:#333;border-bottom:2px solid #333;line-height: 1.4em; font-weight: normal; font-style: normal; margin: 0 0 1em 0; } h2 { font-size: 20px;font-family:NovecentoM; text-transform:uppercase;line-height: 1.4em; font-weight: normal; font-style: normal; color: #001924; margin: 0 0 .5em 0; } h3 { font-size: 14px; line-height: 1.4em; font-weight: bold; font-style: normal; color: #001924; margin: 0 0 .5em 0; } h4 { font-size: 13px; line-height: 1.4em; font-weight: bold; font-style: normal; color: #001924; margin: .5em 0 .5em 0; } #leftBanner { margin-top:15px; } /**************************************************************************************** * Hyperlinks * * Anchor tags styles should go here * as well as general functionality styles ****************************************************************************************/ a { color: #1972AC; text-decoration: none; overflow: hidden; } a:hover{ text-decoration: underline; color:#C52C26;} /**************************************************************************************** * Clearers & Alignments * * Some clearer classes if needed and * Easyclear for clearing floats ****************************************************************************************/ .clear { clear: both; } .easyclear, #aboutNav li, #aboutNav li ul li { display: inline-block; } .easyclear, #aboutNav li, #aboutNav li ul li { display: block; } .easyclear:after, #aboutNav li:after, #aboutNav li ul li:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ .aLeft { text-align: left; } .aRight { text-align: right; } .aCenter { text-align: center; } .fLeft { float: left; display: inline; } .fRight { float: right; display: inline; } .dN { display: none; } /**************************************************************************************** * Quotes * * General Quote and Blockquote reset for better cross-browser compatibility ****************************************************************************************/ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } .quote div.quote { padding: 20px; display: block; border: 1px solid #E8E8E8; overflow: hidden; } .quote span.titlucaseta { font-size:20px; font-weight:normal; color:#1972AC; border-bottom: 1px solid #E8E8E8; margin-top:0; display:block; float:none; } .culoare1 {color:red;} .culoare2 {color:green;} /**************************************************************************************** * Forms * * General Form elements styles * * !!!!!!!!!!!!!!!!!!! * needs to be revised * !!!!!!!!!!!!!!!!!!! * ****************************************************************************************/ input, select, textarea { font-size: 11px; font-family: Verdana, Helvetica, Arial, sans-serif; color: #333; } input[type=text], input[type=password], textarea { padding: .4em .6em; background: #fff; border: 1px solid #d5d5dd; } textarea { height: auto; overflow: auto; } legend { display: none; } .txInput, textarea, select { border: 1px solid #d5d5dd; } select { padding: .1em .2em; } .txInput:focus, textarea:focus, .txInput.focus, textarea.focus, select:focus { border-color: #a4a4b0; } textarea { overflow: auto; } .formItem { margin-bottom: .7em; clear: both; display: inline-block; } .formItem { display: block; } .formItem:after { display: block; clear: both; height: 0; visibility: hidden; content: '.'; } .formItem label { float: left; width: 10em; padding: 4px 10px 0 0; } .formItem label em { line-height: 1.4em; display: block; } .formItem label.error { display: block; margin-left: 10.3em; color: red; width: auto; } .formSubmit { margin-left: 11.2em; } .txInput, textarea { padding: .4em .6em; } .description { font-size: 11px; color: #333333; background: none; line-height: 115%; display: block; clear: both; margin: 0; width: 259px; padding: 0; margin-left: 143px; } /*For Checkboxes/radios */ .ckFormItem label { float: none; } /**************************************************************************************** * Tables * * General Table styles * * !!!!!!!!!!!!!!!!!!! * needs to be revised * !!!!!!!!!!!!!!!!!!! * ****************************************************************************************/ table { text-align: left; border-collapse: separate; border-spacing: 0; border-bottom:1px solid #ccc;} caption, th, td { text-align: left; font-weight: normal; } thead td, thead th { background: #1972AC; font-weight: bold; color:#fff; padding: 9px 13px; } th, td { border: solid #CCCCCC; border-width: 0 1px 0px 1px; padding: 3px 13px; text-align: left; } table tr.odd { background:#F7F7F7;} #footer table tr.odd { background:none;} /* table tr.first-child, table tr:first-child { background: url(/i/bgTableTr.png) repeat-x 0 0 #2B93C5; color: #fff; } */ table.prodTable { color: #666666; border-collapse: separate; border: 1px #D5D7D0 solid; } table.prodTable thead th, table.prodTable thead td { background: #2D4B6D url(/i/tableHeaderBg.jpg) repeat-x 0 0px; padding: 4px 17px; font-weight: normal; color: #FFFFFF; height:30px; font-size: 16px; font-weight: bold; border-width:0px; } table.prodTable th, table.prodTable td { border: solid #FFFFFF; border-width: 0 1px 1px 0; padding: 5px 13px 6px 13px; text-align: left; background: #D9EDFF; } table.prodTable tbody tr.odd th, table.prodTable tbody tr.odd td { background: #EAF5FF; } table.prodTable tbody tr th.noBordR, table.prodTable tbody tr td.noBordR { border-right: none; } table.prodTable tbody tr th.noBordB, table.prodTable tbody tr td.noBordB { border-bottom: none; } table.prodTable tbody tr th.bordGrey, table.prodTable tbody tr td.bordGrey { border-top: 1px #D5D7D0 solid; } /* Page dropshadow */ #home #wrap { top:340px;} #wrap {position:relative; padding:0; width: 1000px; z-index:999;top:170px;} html, body, form, #wrapper { /* height: 100%;*/ } body > form > #wrapper { height: auto; min-height: 100%; } /* #wrapperInner { padding-bottom: 76px; } /* must be same height as the footer */ #wrapperInner { padding-bottom: 20px; } /**************************************************************************************** * Flexible List * * Flexible List styles * 1. General List * 2. With a #column * * Tips * a) .listImage and .listText only appear for List Elements that HAVE an image * ignore them for no-image elements * b) There is a bug in IE, called "Margin transreference bug" which transfers * a margin value from a child to its parent under certain circumstances; * fixed here by applying a padding instead of a margin to the listItem content elements ****************************************************************************************/ .listItem { overflow: hidden; /* width: 100%; */margin: 0 0 15px 0; border-bottom: 1px dashed #ccc; padding-bottom: 15px; } .listItem p { margin-bottom: .5em; margin-top: .5em; } #list.column { margin-right: 280px; display: inline-block; } #list.column { display: block; } #listIntroduction { margin-bottom: 2em; } .listItem h2 { margin-top: 0; color: #1972AC; } .listItem h2 a { text-decoration: none; } .listItem h2 a:hover { text-decoration: underline; } .subHeading { margin: -8px 0 -4px 0; color: #E3373E; font-weight: bold; } .listImage { display: inline; width: 203px; overflow: hidden; margin: 0;margin-top:7px; } .listImage { float: left; } .listImage img { margin: 0px auto;} .listImage a { border: 1px #ccc solid; background: #FFFFFF; padding: 1px; display: block; } .listImage a:hover { border: 1px #C52C26 solid; } .listImage span { border: 1px #ccc solid; background: #FFFFFF; padding: 1px; display: block; } .listImage a span { border: none; padding: 0;} .listText { margin-left: 225px;} .listItem a.more {margin-top:5px;} /* buton detalii */ a.portfolio { } /* buton detalii la portofoliu */ a.siteLink { } /* buton link site la portofoliu */ /*Fix for IE "Margin transreference bug */ .listItem p { } .galleryElement { width: 164px; display: inline; margin: 5px 0px 20px 36px; font-style: normal; text-align: left; overflow: hidden; float: left; position:Relative;height:124px; overflow:hidden;} #detail.column .galleryElement { margin-left: 36px; } #list.column .galleryElement { margin-left: 36px; } .galleryElement.newLine { margin-left: 0; clear: left; } #detail.column .galleryElement.newLine { margin-left: 0px; } #list.column .galleryElement.newLine { margin-left: 0px; } .galleryElement p { margin: 5px 0px 0px 0px; color: #1972AC; line-height: 140%; } .galleryElement span { border: 1px #1972AC solid; padding: 1px; width: 160px;height:120px;position:absolute;top:0;left:0; overflow: hidden; display: block; } .galleryElement a { text-decoration: none; } .galleryElement a:hover { text-decoration: none;} .galleryElement a.isImage:hover span { cursor: url(/i/lupa.cur), default;border:1px solid #A32224; } .galleryElement a:hover span { border: 1px #A32224 solid; } .galleryElement a:hover p { text-decoration: underline; color: #A32224; } .galleryElement a:hover p.isImage { cursor: url(/i/lupa.cur), default; } .galleryElement a span { cursor: pointer; } .galleryElement img { display: block; margin: 0px auto; } .gallery { overflow: hidden; margin-bottom: -10px; margin-top:15px} p.subHead { color: #515151; font-weight: bold; } a.siteLnk { text-decoration: underline; } /**************************************************************************************** * Layout * * The bricks that hold the site togheter * comes hand-in-hand with the skeleton markup of the site ****************************************************************************************/ .col { display: inline; float: left; margin-right: 4%; width: 48%; } .small { width: 22%; } .last { margin-right: 0; } #aspnetForm {margin: 0 auto; position: relative; } #tell-a-friend form { width: 450px; padding-top: 20px; } #content { float: right; width: 765px; } #content #rightSide { width: 200px; float: right; } #content #leftSide { width: 560px; float: left; } /**************************************************************************************** * Header * * 1. Site logo * 2. Navigation probably * 3. Search * etc ****************************************************************************************/ #header { position: relative; z-index: 9; } /* Logo */ #ctl00_logo { float:left; width:262px; } #headerright { float:right; width:734px; text-align:right; } #ctl00_logo a { margin-top:0px;margin-bottom:0px;display: block; background: url(/i/logo.png) no-repeat 0 0; width: 262px; height: 101px; text-indent: -9999px; cursor: pointer; } #topmenu { float:left; width:670px; margin-bottom: 3px; margin-top:10px; } #topmenu ul { float:right; margin:0; } #topmenu li { float:left; background:url(/i/topmenulisepar.jpg) no-repeat right center; margin:0;padding:0; } #topmenu li.last { background:none; } #topmenu li a { padding:15px; color:#333; font-family:Segoe UI, Arial; } /* Lang */ #lang { float:right; width:22px; margin-top:8px; margin-right: 42px; } .en-GB #lang { } .hu-HU #lang { } #lang ul { margin: 0; } #lang ul.collapsed { cursor: pointer; } #lang li { background: none; padding: 0; margin: 0; float: left; padding-right: 0px; } #lang a { display: inline-block; background: url(/i/flags2.png) no-repeat 0 0; text-decoration: none; width: 22px; height: 23px; } #lang a { display: block; } #lang a.dN { display: none; } #lang .en-GB { background:url(/i/en-gb.jpg) no-repeat top left; } #lang .hu-HU { background-position: -228px -229px; } #lang .fr-FR { background-position: -228px -173px; } #lang .ro-RO { background:url(/i/ro-ro.jpg) no-repeat top left; } #lang .de-DE { background-position: -284px -117px; } #lang .ct-CT { background-position: -228px -592px; } .lang-overlay { position: absolute; top: 0; left:0; width: 100%; height: 100%; background: #fff; } /* General Navigation */ #infoNav { } #infoNav ul { margin: 0; } #infoNav li { background: none; padding: 0; margin: 0; } #infoNav a { text-decoration: none; display: block; position: absolute; height: 32px; outline: none !important; } #menubar { background:url(/i/topmenubg.jpg) repeat-x top left; line-height:35px; } #tabs {position:relative;float:right; /* z-index: 9999; */ margin-top: 10px;background:url(/i/tabslibg.jpg) no-repeat top left} #tabs ul { list-style-type: none; margin: 0; padding: 0; display: inline-block; } #tabs ul { display: block; } #tabs ul li { float: left; padding:0; display: inline; background: none; margin: 0; position: relative;background:url(/i/tabslibg.jpg) no-repeat right top } #tabs ul li a { display: block; font-family:NovecentoDB;text-transform:uppercase;color: #FFFFFF; font-size: 13px; text-align: center; padding:7px 20px;} #tabs ul li a.active,#tabs ul li a:hover { background:url(/i/tabsahover.jpg) repeat-x top left;text-decoration:none;} #tabs ul li.children a {} #tabs ul li.children a:hover {} #tabs ul li ul { display: nonr; position: absolute; left:-999em;background:url(/i/subulbg.png) top left; padding:0 20px; width: 234px; z-index:10;padding-top:10px;} #tabs li:hover ul, #tabs li.hover ul { display: block; left: 0; top: 31px; } #tabs li ul li { position: relative; display: block; width: 234px; height: auto !important; padding: 0 0px 0 0px;background:none; } #tabs li ul li a { background:url(/i/suba.png) no-repeat left 16px; font-weight: normal; text-transform: none; text-align: left; padding:10px 0 10px 15px !important;height: auto !important; border-top: 1px #5F88CC solid; line-height:140% !important;} #tabs li ul li a:hover,#tabs li ul li a.active { background:url(/i/subahover.png) no-repeat left 16px; color:#00FFFF;text-decoration:none; } #tabs li ul li.children {} #tabs li ul li.last-child a { border: none; } #tabs li ul ul { display: none !important; position: absolute; left: -9999px; } #tabs li ul li:hover ul, #tabs li ul li.hover ul { display: block !important; left: 135px; top: 0; } #tabs li ul li ul li a { background-position: -1000px !important; } #tabs .hide { display: none !important; position: absolute; left: -9999px; } #contextual { margin: 7px 0; } /* * Producers */ #producers { display: inline-block; background: #F4F4FD; margin-bottom: 23px; } #producers { display: block; } #producers:after { content: '.'; clear: both; height: 0; visibility: hidden; display: block; } .introText { margin-bottom: 2em; } /* * User Nav */ #userNav { float: left; padding-right: 20px; padding-top: 73px; width: 602px;} #userNav p { padding-left: 14px; margin: 0; display: block; } #userNav ul { margin: 0; } #userNav li { padding-left: 0; margin-right: 15px; } #userNav * { background: none; display: inline; } #userNav a { text-decoration: none;color:#A9ABAF; } #userNav a:hover{ text-decoration: underline; } /* * About Nav */ #aboutNav { } #aboutNav ul { list-style-type: none; margin: 0; padding: 0; display: inline-block; border:none;} #aboutNav ul { display: block; padding-left:20px;} #aboutNav ul li { float: left; height: 30px; display: inline; background: none; padding: 0; margin: 0; position: relative; padding-top: 7px; padding-right: 5px; } #aboutNav ul li a { display: block; color: #333333; font-size: 15px; padding-top: 1px; padding-bottom: 6px; padding-left: 14px; padding-right: 12px; } #aboutNav ul li a:first-child, #aboutNav ul li a.first-child { border-left: none; } #aboutNav ul li a:hover { text-decoration: none; color:#8FB734; } #aboutNav ul li a.active {color:#8FB734;} #aboutNav ul li.children a:hover, #aboutNav ul li.children a:focus { text-decoration: none; border-bottom: none; padding-right: 15px; } #aboutNav ul li.children a:active, #aboutNav ul li.children a:active {color:#8FB734;} #aboutNav ul li.children a {padding-right: 15px;} #aboutNav ul li ul { display: none; position: absolute; left: -9999px; background: #EEEEEE; width: 180px; margin-top: 7px; } #aboutNav li:hover ul, #aboutNav li.hover ul { display: block; left: 0; top: 29px; } #aboutNav li ul li { position: relative; display: block; background-color: #EEEEEE; width: 180px; height: auto !important; padding: 0; } #aboutNav li ul li a { background-image: none !important; font-family: Arial, sans-serif; font-size: 13px; font-weight: normal; text-transform: none; text-align: left; padding-right: 0 !important; height: auto !important; width: 176px !important; color: #003754; padding: 2px 0 2px 4px; } #aboutNav li ul li a:hover { padding: 2px 0px 2px 4px; border-left: none; } #aboutNav li ul li.children { background-image: url(/i/arrowRightTabs.gif) !important; background-repeat: no-repeat; background-position: right center;} #aboutNav li ul ul { display: none !important; position: absolute; left: -9999px; } #aboutNav li ul li:hover ul, #aboutNav li ul li.hover ul { display: block !important; left: 135px; top: 0; } #aboutNav li ul li ul li a { background-position: -1000px !important; } #aboutNav ul li.children ul li a:hover { } #aboutNav .hide { display: none !important; position: absolute; left: -9999px; } #aboutNav ul li ul li a { padding-left: 4px; } #breadcrumbs { float: right; width: 782px; margin-bottom: 15px; } #breadcrumbs a { padding-right: 12px; margin-right: 6px; color: #247EA7; background: url(/i/breadcrumbsArrowRight.gif) no-repeat right center; } #breadcrumbs a.active { color: #247EA7; text-decoration: none; cursor: default; background: none; } /**************************************************************************************** * Inline Cart * * appears on hovering the Show Cart link or when adding a product to the cart * * !!!! * should need some revision ****************************************************************************************/ #inlineCartBar { background: url(/i/cosbg.jpg) no-repeat 100% 0; width: 240px; color: #333; z-index: 100; font-size: 12px; text-align: right; float: right; margin-top:10px; } .en-GB #inlineCartBar { } .hu-HU #inlineCartBar { } #inlineCartBar h4 { margin: 0; text-align: left; float: right; display: none;padding-right:70px; } #inlineCartBar h4.noProducts { display: block;padding-right:70px; } #inlineCartBar a { color: #333; } a.howto { display:block; padding-right:70px; padding-bottom:10px; font-size:11px; } #inlineCartBar .produseInCos { display: block;padding-right:70px;} #inlineCartBar .finalizeOrderDiv { text-align: left; float: left; width:140px; padding-top:20px; } #inlineCartBar .finalizeOrder { display: block; text-align: left; background: url(/i/finalizarebg.jpg) no-repeat right; width:129px; height:21px; text-align:left; padding-lefT:10px; line-height:21px; font-size:11px; color:#237AA3; } #inlineCartWrapper { position: relative; z-index: 100; text-align: left; float: right; margin-top:20px; } #inlineCartWrapper #showInlineCart { display: block; text-align: left; background: url(/i/afisarecosbg.jpg) no-repeat right; width:77px; height:21px; text-align:left; padding-lefT:10px; line-height:21px; font-size:11px; color:#237AA3; } #inlineCartBar #inlineCart { border: 1px solid #D4D4D4; padding: 10px; text-align: center; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 3px; background:#EFF8FE url(/i/inlinecartbg.jpg) repeat-x bottom left; behavior: url(/js/pie.htc); text-align: center; color: #333333; position: absolute; right: 0; top: 20px; width: 309px; display: none; } .inlineCartBg { margin:2px; padding:10px; } #inlineCart ul { text-align: left; display: inline-block; margin: 0; } #inlineCart ul { display: block; } #inlineCart li { display: inline-block; border-bottom: 1px solid #d4d4dd; padding: 4px 0; margin: 0; background: none; } #inlineCart li { display: block; } #inlineCart li:after { display: block; content: '.'; clear: both; height: 0; visibility: hidden; } #inlineCart a { color: #247CA6; } #inlineCart .text { float: left; width: 230px; } #inlineCart .text a { font-weight: bold; text-decoration: none; display: block; } #inlineCart .text a:hover, #inlineCart a:focus { text-decoration: underline; } #inlineCart .cant { float: right; width: 6.5em; text-align: center; position: relative; } #inlineCart .cant input { width: 2em; padding: .2em .3em; text-align: center; } #inlineCart .cant a { text-transform: uppercase; font-size: .7272em; } #inlineCart .cant .minus, #inlineCart .cant .plus { background: url(/i/cartOptions.png) no-repeat 0 0; width: 17px; height: 17px; display: block; position: absolute; left: 0; top: 0; text-indent: -9999em; } #inlineCart .cant .plus { background-position: 0 -17px; right: 0; left: auto; } #inlineCart #noProducts { display: block; position: static; } #inlineCart .total { text-align: left; color: #333333; font-weight: bold; padding: 5px 8px 5px 0px; display: inline-block; margin-bottom: 10px; } #inlineCart .total { display: block; } #inlineCartBar #inlineCart .finalizeOrder { position: static; background: url(/i/finalizareComanda.png) no-repeat top left; width: 180px; height: 24px; display: block; text-indent: -9999px; margin: 0 auto 5px auto; } .en-GB #inlineCartBar #inlineCart .finalizeOrder{ background: url(/i/buttons-en.png) no-repeat -400px -300px;} .hu-HU #inlineCartBar #inlineCart .finalizeOrder{ background: url(/i/buttons-hu.png) no-repeat -400px -300px;} /**************************************************************************************** * Product Navigation * * Accordion type navigation ****************************************************************************************/ #nav .sidebarheading { background:url(/i/sidebarheading.jpg) no-repeat top left; width:200px; height:38px; text-align:left; line-height:38px; } #corporate li.active { } #corporate li.active a { display:none } #corporate ul.main a { } #corporate ul.main li { line-height:140%; text-transform:none; border-bottom:1px solid #ccc; } #corporate ul.main li.active { background:none !important; } .sidebarheading h2 { line-height:38px; color:#fff; font-family:Tahoma; font-weight:normal; font-size:18px; padding-left:15px; } #corporate li.last { margin-bottom:20px; } #corporate { width:200px; } #nav { float: left; width: 210px; display: inline; padding: 0; font-weight: normal; } #nav ul { margin: 0; font-weight: bold; } #nav li.active ul.main a { background: url(/i/nava.jpg) no-repeat left 16px; padding:10px 5px 9px 15px; font-size:13px; font-family:NovecentoDB; color:#333; display:block; font-weight:normal; } #nav ul.main span.mainspan { padding-right:38px; } #nav li.active ul.main a:hover, #nav li.active ul.main a.active2 { background:url(/i/navahover.jpg) no-repeat left 16px; text-decoration:none; color:#1972AC; } #nav ul.main ul { background:#f8f8f8; padding-left:33px; } #nav ul.main ul a { background: url(/i/navasub1.jpg) no-repeat left 8px; padding:3px 5px 3px 15px; } #corporate ul.main ul a { background: url(/i/navasub1.jpg) no-repeat left 15px; padding:3px 5px 3px 15px; } #corporate ul.main ul a:hover,#corporate ul.main ul a.active2 { background: url(/i/navasub1hover.jpg) no-repeat left 15px !important; color:#2789B7; } #nav ul.main ul a:hover,#nav ul.main ul a.active2 { background: url(/i/navasub1hover.jpg) no-repeat left 8px; color:#2789B7; } #nav ul.main ul ul a { background: url(/i/navasub2.jpg) no-repeat left 8px; } #nav ul.main ul ul a:hover,#nav ul.main ul ul a.active2 { background: url(/i/navasub2hover.jpg) no-repeat left 8px; } #nav li { margin: 0; padding: 0;background: none; } #nav li.last-child { border-bottom: none; } #nav a { } #nav a { display: block; } #nav a:hover, #nav a:focus { text-decoration: underline;} #nav ul ul ul a { padding: 3px 0 3px 20px; } #nav ul ul ul ul a { padding: 3px 0 3px 30px; } /**************************************************************************************** * Product List * * List of products ****************************************************************************************/ #subcategories { margin: 1em 0; } #subcategories h2, h2.recomandari { font-size:17px; font-weight:normal; border-bottom:1px dashed #666666; color:#666666; } #subcategories ul { background: none; margin: 0; padding: 0; } #subcategories li { float: left; width:142px;background: none; margin: 0 0 10px 0; padding-left: 18px; padding-right:0px;} #subcategories li.newLine { clear: left;float: left; background: none; margin: 0; padding-left: 0px; padding-right:0px;} #subcategories li a img { max-height: 94px; } #subcategories a.image { display:block; width:138px; border:1px solid #ccc; text-align: center;padding: 10px 1px } #subcategories a.image:hover{ border:1px solid #85CDF8;} #subcategories li:hover a.image { border:1px solid #85CDF8;} #subcategories li:hover a { text-decoration: underline; } #subcategories a { text-decoration: none;font-weight:bold; font-size:12px; } #subcategories a:hover, #subcategories a:focus { text-decoration: underline; } #subcategories li.separator { width: 100%; float: none; height: 0; padding: 0; margin: 0; min-height: 0; } #productList { margin: 0; display: inline-block; position: relative; } #home #productList li { float: left; width: 274px; height: auto; padding: 0; margin: 0 0 14px 12px; display: inline; background: #fff; overflow: hidden; position: relative; line-height: 140%; } #productList li { float: left; width: 252px; height: auto; padding: 0; margin: 0 0 14px 12px; display: inline; background: #fff; overflow: hidden; position: relative; line-height: 140%; } #productList li:hover a.image { border: 1px solid #2683B0 !important; } #productList li:hover h2 a { text-decoration: underline; } #productList li.newLine { margin-left: 0; clear: left; } #home #productList li.newLine { margin-left: 0; clear: left; } #productList li.separator { width: 100%; float: none; height: 0; padding: 0; margin: 0; min-height: 0; } #home #productList li.separator { width: 100%; float: none; height: 0; padding: 0; margin: 0; clear: left; } #home #productList .image { height: 164px; text-align:center; width: 270px; margin: 0; float: none; display: block; cursor: pointer; border: 1px solid #DFDFDF; padding: 1px; } #productList .image { height: 164px; text-align:center; width: 248px; margin: 0; float: none; display: block; cursor: pointer; border: 1px solid #DFDFDF; padding: 1px; } #productList .image img { display: inline; } #productList .text { position: absolute; top: 167px; left: 0; width: 145px; height: 50px; padding: 5px 12px; background: #f5f5fc; line-height: 1.4em; } #productList a { text-decoration: none; color:#2683B0;} #productList a:hover { text-decoration: none; } #productList h2 a:hover, #productList h2 a:focus{ text-decoration: underline; } #productList a:hover span, #productList a:focus span { text-decoration: none !important; } #productList a:hover del, #productList a:focus del { text-decoration: line-through !important; } #productList a:hover small, #productList a:focus small { text-decoration: none !important; } #productList a.image:hover , #productList a:focus .image { border-color: #FFA79D; } #productList h2 { font-size: 13px; line-height: 1.2em; font-weight: bold; margin: 7px 0; padding: 0; font-family: Verdana, Arial; } #productList fieldset { margin-top: 60px; padding: 5px 8px; } #productList input { border: 1px solid #cecef0; width: 2.5em; padding: .2em 0; text-align: center; } #productList span, #productList del, #productList small { display: block; } #productList .button { float: right; width: 87px; height: 16px; background-position: -200px -300px; } #productList p.detalii { width: 70px; height: 24px; float: right; margin: 0; } #productList p.detalii a { background: url(/i/btnDetalii.jpg) no-repeat 0 0; width: 70px; height: 24px; float: right; margin: 0; } #home #productList .left { float: left; width: 204px; } #productList .left { float: left; width: 182px; } #productList .left span { font-family: Verdana, Arial; font-size: 15px; color: #666666; font-weight: bold; } #productList .left del { font-family: Verdana, Arial; font-size: 13px; color: #ccc; font-weight: normal; margin-bottom: 2px; } #modalImages div .info { right: 1px !important; } #productList .info, #modalImages div .info { position: absolute; top: 1px; left: 1px; display: block; background: url(/i/info-reducere.png) no-repeat 0 0; width: 43px; height: 42px;} #productList .both, #modalImages div .both { position: absolute; top: 1px; left: 1px; display: block; width: 76px; height: 75px; background: url(/i/info-both.png) no-repeat 0 0;margin: 0; } .hu-HU #productList .info, .hu-HU #modalImages div .info { background: url(/i/info-oferta-hu.png) no-repeat 0 0; } .en-GB #productList .info, .en-GB #modalImages div .info{ background: url(/i/info-oferta-en.png) no-repeat 0 0; } #productList .nou, #modalImages div .nou { width: 76px; height: 75px; background: url(/i/info-oferta.png) no-repeat 0 0; position: absolute; top: 1px; left: 1px; } .hu-HU #productList .nou, .hu-HU #modalImages div .nou {background: url(/i/info-reducere-hu.png) no-repeat 0 0;} .en-GB #productList .nou , .en-GB #modalImages div .nou{background: url(/i/info-reducere-en.png) no-repeat 0 0;} #home #productList { width: 560px; } #home h4.recommended { font-size: 17px; color: #666666; font-family: Verdana, Aria; font-weight: normal; border-bottom: 1px dashed #666666; padding-bottom: 5px; margin: 10px 0; } /**************************************************************************************** * Product Detail Page * * Product description, images, price etc ****************************************************************************************/ .single h1 { color:#2581AC; font-size:22px; } .single span.cod { font-weight:bold; color:#666666; font-size:12px; } .single p.desc{ border-bottom:1px dashed #cccccc; padding-bottom:10px; } .leftcolumn { float:left; margin-right:12px; overflow:hidden; position:relative; width:430px; } .single .single-image { } .single .single-image div { clear: both; } .single .single-image a { border: 1px solid #CCC; display: block; width: 428px; overflow: hidden; background: #fff;} .single .single-image a:hover, .single .image a:focus { border-color: #9CCEF8; } .single .single-image ul.thumbs img { display: block; margin: 0 auto; padding:0 } .single .single-image img { display: block; margin: 0 auto; padding:10px 0;} .single .single-image ul, .single .image li { margin: 0; list-style: none; display: inline-block; } .single .single-image ul { margin: 0px 0 0 -10px; display: inline-block; } .single .single-image ul { display: block; } .single .single-image ul:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .single .single-image li { float: left; width: 92px; height: 82px; display: inline; padding: 0 0 11px 16px; background: none; margin: 0; } .single .single-image li a { cursor: url(/i/zoom-in.cur),default; width: 90px; height: 80px;} .single .single-text { display: inline-block; overflow: hidden; } .single .single-text { display: block; } .single .single-text:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .single .single-text.large { margin-left: 0px; } .single a#bigImage { cursor: url(/i/zoom-in.cur),default; } .single h2 { margin: 0;} .leftcolumn h2 { font-size:17px; font-weight:normal; border-bottom:1px dashed #cccccc; } .oldprice { float:right; font-size:11px; color:#676767; font-weight:normal; } .price { color:#666666; font-size:17px; font-weight:normal; } .price span.pret { color:#D21926; } .disp { color:#333333; font-size:12px; font-weight:normal; float:left; margin-bottom:10px; } .disp span.stoc { color:#D21926; } .garantie { color:#333333; font-size:12px; font-weight:normal; float:right; text-align:right; margin-bottom:10px; } .garantie .period { font-weight:bold; } div.quantity { float:left; width:54%; margin-top:20px; } div.addtocart a.button { background:url(/i/addtocart.jpg) no-repeat top left; display:block; width:149px; height:42px; margin-top:10px; } div.notva { margin-top:10px; margin-bottom:10px; padding-bottom:5px; border-bottom:1px dashed #cccccc; color:#333333; } a#foo2_prev{ background:url(/i/prevref.png) no-repeat top left; left:0px; position:absolute; top:24px; display:block; width:13px; height:34px; z-index:2; text-indent:-999999px; border:0 none; } a#foo2_prev:hover{ background:url(/i/prevref-hover.png) no-repeat top left; } a#foo2_next{ background:url(/i/nextref.png) no-repeat top left; left:417px; position:absolute; top:24px; display:block; width:13px; height:34px; z-index:2; text-indent:-999999px; border:0 none; } a#foo2_next:hover{ background:url(/i/nextref-hover.png) no-repeat top left; } #price { font-size: 1.33em; font-weight: bold; line-height: 1.3em; float: left; width: 100px; color: #cc0000; } #price.variants { float: none; width: auto; } #price del { color: #bebecb; } #price small { font-size: .625em; font-weight: normal; display: block; line-height: 1.6em; padding: 0 3px; } #price em { font-size: .75em; font-weight: normal; font-style: normal; display: block; color: #999999; } /* * Detalii */ ul#alerts li { float:left; padding:0; } ul#alerts li a { padding-left:10px; line-height:21px; color:#ffffff; text-decoration:none; text-transform:lowercase; font-size:11px; height:21px; } ul#alerts li a:hover { text-decoration:underline; color:#ffffff; } ul#alerts li.d1 a{ background:url(/i/recomanda.jpg) no-repeat top left; width:153px; display:block; } ul#alerts li.d2 a{ background:url(/i/alertapret.jpg) no-repeat top left; width:78px; display:block; } ul#alerts li.d3 a{ background:url(/i/alertastoc.jpg) no-repeat top left; width:74px; display:block; } #detaliiProdus { display: inline; } #detaliiProdus fieldset { border: 1px solid #cccccc; float: none; width: auto; padding: 10px; background: #ffffff url(/i/buynowboxbg.jpg) repeat-x top left; margin-bottom: 5px; } #detaliiProdus ul { margin: 0; } #detaliiProdus li { background: none; padding: 0; margin: 0; } #detaliiProdus li a { display: block; padding-left: 28px; line-height: 25px; background: url(/i/detalii-produs-icons.png) no-repeat 5px 8px; text-decoration: underline; } #detaliiProdus li a:hover, #detaliiProdus li a:focus { } #detaliiProdus .d2 a { background-position: 5px -42px; } #detaliiProdus .d3 a { background-position: 5px -92px; } div.contactus .banner img{ margin:10px 0; } div.onlineStatus a { height:46px; line-height:46px; display:block; width:339px; } #producator { } /* * Column */ #column { float: right; width: 205px; display: inline; padding-left: 20px; background:#fff; margin-top:13px;} #column h3 { margin-top: 0; } #column .box { margin: 0; margin-bottom: 1em; padding: 0; float: right; height: auto; width: auto; } #column .image { line-height: 1.3em; } #column .image a, #column .image span { display: block; } #column .image img { display: block; margin: 0px auto; } #column .image a { text-decoration: none; } #column .image a:hover { text-decoration: none; } #column .image a.isImage:hover { cursor: url(/i/lupa.png), pointer; } #column .image a.isImage:hover span { cursor: url(/i/lupa.cur), default; } #column .image a.isImage:hover p { cursor: url(/i/lupa.cur), default; } #column .image span { border: 1px solid #1972AC; background: #FFF; text-align: center; padding: 1px; } #column .image a:hover span { border: 1px #247CA6 solid; } #column .image a:hover p { text-decoration: underline; color: #247CA6; } #column .image a span { cursor: pointer; } #column .image p { margin: .5em 0; color: #1972AC; line-height: 140%; } #column .legend { margin: -.5em 0 1em 0; color: #666666; } #column .quote { margin-bottom:20px;} #column .quote h2 { border-bottom: 1px dashed #999; padding-bottom: 5px; } /* detail page */ #detail.column {/* float: left; width: 495px; */ } /* * Print */ #print { background: #fff; color: #000; width: 19cm; margin: 1cm; } #print #ctl00_logo { position: static; } #print #content { width: 19cm; float: none; } #print #nav, #print #lang, #print #search, #print #inlineCartBar, #print #producers, #print #productNav, #print #aboutNav, #print #tabs, #print #contextual, #print #breadcrumbs, #print #userNav, #print #footer { display: none; } #print #wrapOuter, #print .tr, #print .bl, #print .br, #print #wrap { padding: 0; margin: 0; border: 0; background: none; } #print #header { height: auto; padding: 0; margin: 0; } #print #ctl00_logo { padding: 0; padding-bottom: 30px; } /* * Account */ #account .formItem { margin-bottom: 7px; } #account label { width: 135px; text-align: right; padding: 4px 8px 0 0; } #account .txInput { width: 245px; height: 14px; font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 100%; color: #000000; padding: 5px 6px; border: 1px #CCCCCC solid; background: #F7FAFD; } #account select { width: 259px; border: 1px #CCCCCC solid; background: #F7FAFD; } #account textarea { width: 245px; font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 140%; color: #000000; padding: 5px 6px; height: 40px; border: 1px #CCCCCC solid; background: #F7FAFD; } #account dl { display: inline-block; margin-bottom: 2em; } #account dl { display: block; } #account dl:after { display: block; clear: both; height: 0; visibility: hidden; content: '.'; } #account dt { float: left; width: 14em; text-align: right; padding: .4em .6em; clear: left; } #account dd { float: left; width: 10em; padding: .4em .6em; } #registerSubmit, #btnLansareComanda { clear: both; margin: 0; text-align: right; } #registerSubmit input, #btnLansareComanda input { display: block; margin: 0; width: 257px; height: 35px; } #companyToggler { margin-bottom: 2em; } /* * Contact Form */ #contactMessage { float: left; width: 400px; display: inline; margin-right: 20px; } #contactDetails { float: left; width: 250px; } #contact label { display: block; font-weight: normal; float: left; width: 80px;text-align:right; padding: 5px 0;margin-right:10px; } #contact label.req { font-weight: bold; } #contact textarea { width: 550px; height: 100px } #contact .txInput { width: 280px;float:left; padding:8px;} #contact select { width: 170px; } .col h2 { margin-top:20px; } .dN { display:none !important;} #contact .formSubmit { margin-left: 0; } #contact .formItem { margin-bottom:12px;} #contact .quote { } #contact .button { width: 138px; } #contact .col { margin-top:20px;float:none;width:100%;} #contact .small { width: 198px; margin: 0;} #contact .last { margin-right: 0; margin-top: 19px; float: right; width: 180px; } #contact .ckForm { text-align: left; margin-top: 5px; } #contact .ckForm label { float: left; width: 260px; padding-left: 10px; } #contact .ckForm input { vertical-align: middle; width: auto; float: left; margin-top: 4px;} #contactleft { float:left; width:660px; } #contactright { float:right; width:306px; } /* * Shopping cart */ #shoppingCart table { width: 100%; } #shoppingCart h3 { font-size: 1.1818em; margin: 0; } #shoppingCart h3 a { text-decoration: none; } #shoppingCart h3 a:hover, #shoppingCart h3 a:focus { text-decoration: underline; } #shoppingCart .txInput { width: 2em; text-align: center; } #shoppingCart .sterge { font-size: .9166em; display: block; white-space: pre; } #total { font-weight: normal; } /* * Pager */ .pager .firstPage,.pager .lastPage { display:block; width:148px; height:27px; text-align:center; padding:0 !important; background:url(/i/pager.jpg) no-repeat top left; } .pager span.firstPage, .pager span.lastPage { color:#999999; } .pager a.firstPage, .pager a.lastPage { color:#333333 !important; } .pager a.firstPage:hover, .pager a.lastPage:hover { color:#ffffff !important; background:url(/i/pagerhover.jpg) no-repeat top left; } #pagerTop { margin-bottom:15px; } .pager { display: inline-block; font-family:Tahoma; font-size:12px; color: #333; line-height: 1.6em; } .pager { display: block; } .pager:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .pager div { float: right; } .pager a { color: #333; } .pager a, .pager span { background:url(/i/pagenum.jpg) no-repeat top left; text-decoration: none; float: left; padding: 0; width:30px; height:27px;display: inline; text-align: center; line-height:27px;} .pager span { color:#0C859A; } .pager a:hover { background:url(/i/pagenumhover.jpg) no-repeat top left; color:#fff; } .pager .active { font-weight: bold; } .pager .prev, .pager .next { width: 25px; height: 25px; background: #3c0 url(/i/pager.png) no-repeat 0 0; padding: 0; color: #fff; font-weight: bold; margin-right: .4em; text-indent: -9999em; } .pager a.prev { margin-right: .4em; } .pager a.next { background-position: -25px 0; margin-left: .4em; margin-right: 0; } .pager span.prev { background-position: 0 -25px; margin-right: .4em; } .pager span.next { background-position: -25px -25px; margin-left: .4em; margin-right: 0; } #pagerTop .pager { margin: 0 0 0 0; } /**************************************************************************************** * Promotii * * taburi ****************************************************************************************/ #promotii {position:absolute; top:102px;left:0; height:476px;overflow:hidden;text-align:center;width:100% !important;} #home #promotii { top:98px; } #promotii ul { margin: 0; background: #cc0000; display: inline-block; } #promotii ul { display: block; } #promotii ul:after { display: block; clear: both; height: 0; visibility: hidden; content: '.'; } #promotii li { float: left; display: inline; margin: 0; padding: 0; background: none; } #promotii a {color:#2580AC; text-decoration:underline; } #promotii a:hover { text-decoration: underline;} #promotii .slide { margin:0 auto; position:Relative; width:1440px; height:476px; } #promotii .slide .texts { position:absolute; top:42px; left:796px; font-family:Segoe UI; font-size:18px; color:#333; color:#BFBFBF; line-height:140%; width:330px; text-align:left; } #promotii .slide .texts p { text-align:left; margin-top:0; line-height:160%; } #promotii .slide .texts h2 { font-size:40px; margin-bottom: 18px; color:#F2F2F2; line-height:110%; font-family:NovecentoM; font-weight:normal; text-transform:uppercase; } #promotii .slide.image00000026 .texts h2, #promotii .slide.image00000037 .texts h2 { color:#9B221E; } #promotii .slide.image00000026 .texts,#promotii .slide.image00000037 .texts { color:#333; width:375px; top:62px; } #promotii .slide a, #servicii a.detalii, span.formSend, a.more, #contact .btnsend { font-family: NovecentoM,Arial, Helvetica, sans-serif; font-size: 14px; text-decoration:none; text-transform:uppercase; color: #ffffff; padding: 5px 15px; background: -moz-linear-gradient( top, #b1252e 0%, #8b1e12); background: -webkit-gradient( linear, left top, left bottom, from(#b1252e), to(#8b1e12)); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 0px solid #000000; -moz-box-shadow: 0px 1px 0px rgba(000,000,000,0.5), inset 0px 0px 0px rgba(161,142,016,0.6); -webkit-box-shadow: 0px 1px 0px rgba(000,000,000,0.5), inset 0px 0px 0px rgba(161,142,016,0.6); text-shadow: 0px 0px 0px rgba(255,255,255,0), 0px 0px 0px rgba(255,255,255,0); display:inline-block; margin-top:18px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b1252e', endColorstr='#8b1e12'); } #promotii .slide a:hover, #servicii a.detalii:hover, span.formSend:hover, a.more:hover, #contact .btnsend:hover { background: -moz-linear-gradient( top, #253195 0%, #1e2780); background: -webkit-gradient( linear, left top, left bottom, from(#253195), to(#1e2780)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#253195', endColorstr='#1e2780'); } #contact .btnsend { margin-left:90px;margin-top:0;} .ui-tabs-hide { display: none; } #promotii .ui-tabs-selected a { background: #fff; color: #cc0000; } #contact div.quote { background:#1972AC; color:#fff; margin-bottom:30px; padding:20px; } #contact span.titlucaseta { color:#fff; padding-bottom:10px; margin-bottom:10px; } /* * Buy Now */ #buy { width: 154px; float: right; } #buy legend { display: none; } #buy input { width: 2em; text-align: center; } #buy .button { } #buy.variants { clear: both; float: none; width: 100%; line-height: 24px; } #buy.variants div { margin-bottom: 1.5em; } #buy.variants h3 { margin: 0; color: #333; } #buy.variants .price { float: left; } #buy.variants .variantBuy { float: left; width: 370px; text-align: right; padding-right: 10px; } #buy.variants a.button { background: url(/i/addtocart-small.jpg) no-repeat top left; width: 106px; height: 21px; } table#buy thead td{ background:url(/i/theadvariantsbg.jpg) repeat-x top left; border:0 none; color:#fff; } table#buy tr.odd { background:#f4f4f4; } table#buy tr td { border:0 none; } table#buy span.stoc { color:#D61C28; } #dvCuCardOnline { display: none; } #shoppingCart .description { display: none; } .minim { text-align: center; } .minim * { display: inline; } .minim h3 { font-size: 1.5em !important; } #priceT { width: 80px; } #priceU { width: 80px; } /* * Meesages & Error Messages */ #ctl00_dvMessage { color: #292954; display: block; width: 10em; height: 4em; padding: 2em; border: .5em solid #292954; background: #F1F1F8; position: absolute; top: 50%; left: 50%; margin: -6em 0 0 -3em; } .message { padding: .5em 1em; background: url(/i/description.png) repeat-x 0 0; margin: 2em 0; line-height: 1.4em; } .message h3 { margin-top: .5em; } .error h3 { color: #DF291B; } /* * Tell a Friend */ #tell-a-friend label { width: 160px; text-align: right; padding: 4px 10px 0 0; } #tell-a-friend .formSubmit { margin-left: 170px; } #tell-a-friend input, #tell-a-friend textarea { width: 198px; } #tell-a-friend .button { width: 138px; line-height: 2em; } /* * Newsletter */ #newsletter { width: 180px; padding: 0 10px 0 10px; margin: 25px 0; text-align: left; background: #EAEAEA url(/i/sidebarheading.jpg) no-repeat top left; float: left; } #newsletter h2 { color: #fff; font-size: 18px; font-family: Tahoma, Arial; line-height: 38px; font-weight: normal; margin-left: 5px; } #newsletter img { float: left; } #newsletter h3 { float: right; width: 125px; font-size: 11px; font-weight: normal; font-family: Verdana, Arial; line-height: 140%; margin-bottom: 15px; } #newsletter label { color: #fff; width: 11em; } #newsletter .formSubmit { margin: 0; } #newsletter .formItem { } #newsletter .formItem input { width: 85px; background: #fff; border: 1px solid #E1E1E1; } #newsletter .formSubmit, #newsletter .formItem { float: left; } #newsletter .formSubmit { float: right; } #newsletter .formSubmit input { float: left; width: 70px; height: 24px; background: #EAEAEA url(/i/btnAbonare.jpg) no-repeat top left; } .en-GB #newsletter .formSubmit input { float: left; width: 70px; height: 24px; background: #EAEAEA url(/i/btnAbonare_en.jpg) no-repeat top left; } /* * Comments */ #comments { margin: 10px 0; } #comments label { display: block; font-weight: bold; float: none; width: auto; padding: .1em 0; } #comments textarea { width: 285px; height: 200px; } #comments .txInput { width: 170px; } #comments .formSubmit { margin-left: 0; } #comments .button { width: 138px;} #comments .col { width: 315px; margin: 0; } #comments .small { width: 213px; } #comments .last { margin-right: 0; margin-top: 19px; float: right; width: 180px; } #comments a {text-decoration:underline;} #comments a:hover {color:#222222;} #inapoiCategorie a {text-decoration:underline;} #inapoiCategorie a:hover {color:#222222;} .comment {padding-bottom:15px;} .comment p {margin:0px 0px 3px 0px;} .comment h3 {margin-bottom:0px;} /* * Buttons */ .button { background: url(/i/buttons.png) no-repeat 0 0; width: 154px; height: 22px; border: 0; padding: 0; cursor: pointer; text-indent: -9999px; *display:block; *position:relative;} a.button { display: block; } .en-GB .button { background: url(/i/buttons-en.png) no-repeat 0 0; } .hu-HU .button { background: url(/i/buttons-hu.png) no-repeat 0 0; } .formSubmit .button { display: block; width: 138px;} #ctl00_cpBody_dvSubscribe .button, /* Search button */ #search .button { background:url(/i/searchbutton.jpg) no-repeat top left;float:left;width: 35px; position: relative; height:27px; } /* Search */ div#search { float:left;width:246px;margin-left:12px;padding-top:5px; } #search label { color: #fff; width: 154px; } #ctl00_txSearch { width: 195px;float:left; background:url(/i/searchboxbg.jpg) no-repeat top left;border:0 none;padding:0.4em; font-size:14px;color:#333;} /*#btnCauta { background-position: 0 -100px; float: right; }*/ #btnAutentifica { background:url(/i/autentifica.png) no-repeat top left; margin-bottom: .5em; display: block; width: 163px; height:24px} #ctl00_cpBody_btnContNou {background:url(/i/creezuncont.png) no-repeat top left; width:180px; display: block; height:24px } #ctl00_cpBody_btnMaiDeparte {background:url(/i/cumparfaracont.png) no-repeat top left;width:180px; display: block; height:24px} #ctl00_cpBody_btnSalvare, #ctl00_cpBody_btnModificare {background:url(/i/salveazadatele.png) no-repeat top left; height:24px } #btnLansareComanda { background:url(/i/lanseazaComanda.png) no-repeat top left; height:24px } /**************************************************************************************** * Footer * * Copyright Information, Trafic, Netlogiq link ****************************************************************************************/ #home #footer { margin-top:336px; } #footer {margin-top:200px;background:url(/i/footerbg.jpg) repeat-x top left;font-sizE:15px;color:#999999} #footer label { float: left; font-weight: normal; color: #515151; } #trafic { float: left; margin-top: 10px; } #innerFooter { width:1000px; margin:0 auto; position:relative; text-align:left; } #innerFooter a.contact { display:block; width:140px; height:140px; text-indent:-999em; margin:0 auto; background:url(/i/contactbullet.png) no-repeat top left; } #innerFooter #mesaj { display: none; } #innerFooter #left { } #innerFooter h3 { color: #EDF0F2; font-size: 22px; font-weight:normal;} #innerFooter #left .column { float: right; width: 205px; } #innerFooter #left .first { width: 205px; float: left; } #innerFooter #left .column .formItem { } #innerFooter #left .column input { background: #3A3A3A; border: 1px solid #3A3A3A; width: 193px; padding: 5px; color: #ccc; font-size: 15px; } #innerFooter #left textarea { background: #3A3A3A; border: 1px solid #3A3A3A; width: 407px; height: 73px; padding: 5px; color: #ccc; font-size: 15px; } #innerFooter #left .column input:hover, #innerFooter #left .column input:focus { background: #5D5D5D; border: 1px solid #5D5D5D; color: #ccc; } #innerFooter #left textarea:hover, #innerFooter #left .column textarea:focus { background: #5D5D5D; border: 1px solid #5D5D5D; color: #ccc; } #innerFooter #left span { float: left; display:inline-block; margin-top:0; cursor: pointer; } #innerFooter #left span:hover { opacity: 0.7; filter: alpha(opacity = 70); } #innerFooter #left label { display:none; } #footerdesign { position: absolute; bottom: 10px; right: 20px; color: #fff; font-size: 11px; } #footerdesign a { color: #fff; font-size: 11px; } #footerAnpc { position: absolute; bottom: 10px; left: 20px; color: #fff; font-size: 11px; } #footerAnpc a { color: #fff; font-size: 11px; } #innerFooter .leftSide { width: 420px; float: left; top:-30px;position:relative;} #innerFooter .leftSide h3 { } #innerFooter .leftSide .footerMenu .sidebarheading { display: none; } #innerFooter .leftSide .footerMenu ul { float: left; margin: 0; padding: 0; } #innerFooter .leftSide .footerMenu li { float: left; width: auto; background: url(/i/bgFooterMenuLi.png) repeat-y right top; margin: 0; padding: 0; padding-right: 20px; margin-right: 20px; } #innerFooter .leftSide .footerMenu li a { background: url(/i/bgFooterH3.png) repeat-x left bottom; padding-bottom: 5px; } #innerFooter .rightSide { float: right; width: 435px; top:-30px;position:relative; } #innerFooter .rightSide .footerConnect { background: url(/i/bgFooterConnect.jpg) no-repeat 0 0; width: 204px; height: 73px; padding: 10px; } #innerFooter .rightSide .footerConnect h4 { color: #D20E1E; background: url(/i/bgFooterH3.png) repeat-x left bottom; padding-bottom: 10px; margin-bottom: 15px; } #innerFooter .rightSide .footerContact h5 { color: #999; margin-bottom:3px;margin-top:10px;} #innerFooter .rightSide .footerContact { } span.addthis_separator {cleaR:none !Important; } a#at-logo {display:none !important; } #innerFooter td { bordeR:0 none;padding-left:0; } #innerFooter table { bordeR:0 none; margin:0;} #innerFooter .socials { border-top:1px dashed #3C3C3C; border-bottom:1px dashed #3C3C3C; padding: 20px 0; margin-top:20px; } h3.findus { float:left; margin-bottom:0; } a.facebook { display:block; float:left; height:29px; background:url(/i/socials.png) no-repeat 10px 0; text-indent:999em; margin-left:10px; position: absolute; right: 0; top: 5px; width: 25px; } a.facebook { background-position:10px 0; } .socials a { display:block; float:left; margin-right:5px; } .socials a.twitter { background-position:-30px 0; } /**************************************************************************************** * Additional Links * * Styles for Additional Links related to a Detail page * * We have: * 1. Links * 2. Documents (attached) * ****************************************************************************************/ .additionalLinks { margin: .5em 0 0 0; padding: .5em 0 0 0; clear: left; } .additionalLinks { margin: .5em 0 0 0; padding: .5em 0 0 0; clear: left; } .additionalLinks h4 { border-bottom: 1px dashed #999; padding-bottom: 5px; } .additionalLinks ul { margin: 0; } .additionalLinks li { background: url(/i/arrowBig.gif) no-repeat 3px 60%; padding: 8px 20px; margin: 5px 0; border-bottom:1px dashed #999;} .additionalLinks a { /* color: #247CA6; */ text-decoration: none; } .additionalLinks a:hover{ text-decoration: underline; } #list .additionalLinks { clear:none;} /* Default Document (unknown) */ div.docs li { background: url(/i/docs.png) no-repeat 0 10px;} .docs .link { background: url(/i/link.png) no-repeat left 60%; } /* Archives */ .docs .rar, .docs .zip, .docs .ace { background-position: 0 -42px; } /* Images */ .docs .gif, .docs .jpg, .docs .jpg2, .docs .jpeg, .docs .jpeg2, .docs .png { background-position: 0 -92px; } /* Video */ .docs .avi, .docs .mov, .docs .mpg, .docs .mpeg, .docs .wma { background-position: 0 -142px; } /* Audio */ .docs .mp3, .docs .mp4, .docs .wav, .docs .mid { background-position: 0 -192px; } /* Text */ .docs .txt { background-position: 0 -242px; } /* Word like */ .docs .doc,.docs .odt, .docs .docx { background-position: 0 -292px; } /* Excel like */ .docs .xls, .docs .xlsx { background-position: 0 -342px; } /* Powerpoint */ .docs .ppt { background-position: 0 -392px; } /* HTML */ .docs .htm, .docs .html { background-position: 0 -442px; } /* PDF */ .docs .pdf { background-position: 0 -492px; } /* * Biblioteca de documente */ #treeView { position: relative; width: 300px; overflow: auto; height: 528px; border:1px solid #4AA5FF; float:left; } #treeView table { margin: 0; } #treeView td { border: none; padding: 0; } #folderDescription { float: right; width: 358px; padding-left: 10px; height: 528px; overflow: auto; border:1px solid #4AA5FF; } #folderDescription .black { position: static !important; } .referinte { padding-bottom: 10px; float: right; width: 200px; background: #F8F8F8; margin-bottom: 20px; } .referinte .inNews { border: 0; padding: 0 25px; } .referinte h2 { font-size: 14px ; color: #fff; font-family: Tahoma,Arial; line-height: 32px; font-weight: normal; padding-left: 15px; background: #0FA7C3; } .referinte .inNews a { font-style:italic; } .news { /* padding-bottom: 10px; float: right; width: 200px; background: #F8F8F8 url("/i/sidebarheading.jpg") no-repeat left top; margin-bottom: 20px; */} .news h2 { /* font-size: 18px ; color: #fff; font-family: Tahoma,Arial; line-height: 38px; font-weight: normal; margin-left: 15px; */ } .news h3 {/* margin-bottom: 0px; */ } .news a {/* color:#333333; */} .news a.all {color:#C52C26;/* background: url(/i/bgAllNews.jpg) no-repeat 0 0; width: 140px; height: 24px; text-indent: -9999px; font-size: 1px; line-height: 1px; display: block; margin-left: 10px; */} .news a.all:hover { color: #1972AC; } .news.inNews.text h2 { /* width:409px; padding:0px 0px 10px 20px; font-size:16px; font-weight:bold; font-family:Arial, Georgia, Verdana, Helvetica, sans-serif; */} .inNews img {/* width: 54px; */ } .inNews a span{ /* border: 1px #D4D4D4 solid; background: #FFFFFF; padding: 2px; display: block; color:#FFFFFF; */} .inNews a:hover span { /* border: 1px #FFD762 solid; background: #FFD762; */ } .inNews p a {/* border: none; background:none; float:left; padding-top:10px; */} .inNews p a:hover {/* border: none; background:none; */ } .inNews .text {/* float: right; width: 115px; */} .noImage .text { /* width: 100%; */ } #refer .text { width:150px !Important; background:#F8F8F8 !important; } .inNews .image {/* float: left; width: 58px; */} .text { /* float: left; width: 410px; */ } .inNews .image a { /* display: block; */} .inNews { /* padding: 0px 10px; margin-bottom: 10px; border-bottom: 1px dashed #E5E5E5; padding-bottom: 10px; */} .inNews p.subtitle {/* margin: 0; color: #E8575F; font-size: 11px; font-family: Verdana, Arial; font-weight: normal; */ } .inNews a {/* border: none; color: #666666; font-size: 11px; font-family: Verdana, Arial; font-weight: normal; */ } .inNews a.detalii {/* color: #2683B0; float: right; */ } .inNews a:hover {/* border: none; background:none; */} .inNews span { /* display: block; padding: 1px; border: 1px solid #E2E2E2; */} .inNews span a{ /* border: none; padding: 0; */ } #textIntro { float: left; width: 560px; font-size: 20px; color: #666666; font-family: Tahoma, Arial; line-height: 150%; } #textIntro a { font-size: 20px; color: #2686B3; font-family: Tahoma, Arial; } #list .descriptionList { } #filtersContainer { float: left; width: 100%; } #filtersContainer .filterItem { float: left; width: 150px; margin-right: 30px; } #filtersContainer .filterItem label { float: left; width: 100%; } #filtersContainer .filterItem input, #filtersContainer .filterItem select { clear: left; float: left; } #cleft { float:left; width:665px; margin-top:58px; } #cright { float:right; width:307px; } .news h2 { font-family:NovecentoM; font-size:24px; color:#999999; font-weight:normal; border-bottom:1px solid #666; text-transform:uppercase; } #servicii h3 { color:#C62C26; font-family:NovecentoM; text-transform:uppercase; font-size:24px; font-weight:normal; margin-bottom:0; } #servicii h3 a { color:#C62C26; padding-left:18px; background:url(/i/serviciih3.jpg) no-repeat left 10px; } #servicii h3 a:hover { color:#25319C; background:url(/i/serviciih3hover.jpg) no-repeat left 10px; text-decoration:none; } #servicii .text { float:left; width:385px; } #servicii .image { float:right; width:260px; position:relative; height:112px; overflow:hidden; } #servicii .image span { border:1px solid #fff; display:block; position:absolute; top:0; left:0; width:256px; height:108px; } #servicii .image a { border:1px solid #999; display:block; position:absolute; top:0; left:0; width:258px; height:110px; } #servicii .inNews { border-bottom:1px dashed #999; margin-bottom:10px; padding-bottom:10px; } #servicii .image a.detalii { top:50px; left:10px; border:0 none; width:146px; height:21px; z-index:999; } .acc{ border-left:1px solid #CECECE; border-right:1px solid #CECECE; border-bottom:1px solid #CECECE; } .acc h3 { background:#fff url(/i/h3grad.jpg) repeat-x left bottom; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ padding:10px 30px 10px 10px; border-top:1px solid #CECECE; border-bottom:1px solid #CECECE; margin-bottom:0; position:relative; font-family:NovecentoDB; text-transform:uppercase; font-weight:normal; font-size:14px; color:#333; cursor:pointer; } .acc h3 a { color:#333; } .acc h3 a:hover { text-decoration:none; } .acc h3 span { display:block; font-family:Segoe UI; font-size:13px; } .acc h3 span.ui-icon { background:url(/i/produsearrow.png) no-repeat top left; display:block; width:17px; height:9px; position:absolute; top:15px; right:10px; } .acc h3.ui-state-hover { background: #25319C; color:#fff; } .acc h3.ui-state-hover a { color:#fff; } .acc h3.ui-state-hover span.ui-icon { background:url(/i/produsearrowhover.png) no-repeat top left; } .acc div.text { padding:15px; } #produse, #noutati { margin-bottom:20px; } #noutati .inNews.noImage .image{ display:none} #noutati .inNews.noImage .text{ width:307px;} #noutati .text { float:left; width:225px; } #noutati h3, #anunturi h3 { font-size:13px; font-weight:normal; } #noutati p.subtitle, #anunturi p.subtitle { margin:0; font-family:NovecentoM; text-transform:uppercase; font-size:12px; color:#333; } #noutati .image { float:right; width:71px; height:55px; overflow:hidden; position:Relative; } #noutati .image span { border:1px solid #333; display:block; width:69px; height:53px; position:absolute; top:0; left:0; } #noutati .inNews, #anunturi .inNews { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #CCCCCC; } #anunturi p.subtitle { float:left; margin-right:10px; }