/* EDUKID colors: green - 85c226 ; blue - 007cc3 ; red - dc214c */ /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.8.0r4 */ @font-face { /* font-family: 'QuicksandBoldRegular'; src: url('font/quicksand_bold.eot'); src: local('Quicksand Bold'), local('QuicksandBold-Regular'), url('font/quicksand_bold.woff') format('woff'), url('font/quicksand_bold.ttf') format('truetype'), url('font/quicksand_bold.svg#webfont') format('svg');*/ } 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:0;} html{ width:100%;} ul{margin:0;padding:0;} ul li{margin:0;padding:0;list-style:none;} ol{margin:0;padding:0;} ol li{margin:0;padding:0;list-style:none;} a img{border:none;} p img{padding:0;} .clr{clear:both;} .tva{font-size:10px; text-align:center; margin:0 0 5px 0; color:#aaa} body{margin:0 auto; text-align:center; font-family:Arial, Helvetica, sans-serif; background-color:#fff; color:#444; font-size:12px; border-top:4px solid #444; background-color:#f4f4f4} a:visited{color:#800080} #container{width:980px; text-align:left; margin:0 auto; background:url(http://static.edukid.ro/images/header7.jpg) no-repeat 20px 115px #fff; min-height:600px; position:relative; padding:0} #middle{margin-top:370px; position:absolute; width:960px; font-size:12px; background-color:#fff; padding:0 10px;} #middle.middlehome{margin-top:440px} .warning{padding:10px 20px 10px 50px; color:#444; margin:10px 0; border:1px solid #eee; position:relative; clear:both} #middle .hlimg{position:absolute; top:2px; left:10px} #middle p{line-height:1.6em; margin-bottom:10px} strong, b{font-weight:bold} #sidebar{float:right; width:210px; margin-top:-5px; z-index:60} h1 {/*margin: 10px 0px 5px 0; font-size: 24px; color:#444; display:block; font-family:"QuicksandBoldRegular",Arial, Helvetica, sans-serif; font-weight:normal; line-height:24px; text-transform:uppercase; letter-spacing:-1px*/ font-family:Arial, Helvetica, sans-serif; font-size:18px; letter-spacing:-1px; line-height:24px; margin:0; padding:12px 0 0px 0 } h1.product{width:550px} h1 span{color:#aaa} h1 span.plus{color:#85c226} h1 strong{color:#85c226; font-weight:normal} .subh1{line-height:1.6em; margin:2px 0 15px 0} h3,.h3{clear: both; font-size:12px; font-weight:bold; margin:15px 0 0 0;margin: 25px 0px 5px!important; padding: 0px; font-family:Arial, Helvetica, sans-serif!important; font-weight: normal!important; line-height: 18px; text-transform: uppercase} h3.home{font-size:13px!important; display:inline!important; font-weight:normal!important; font-family:Arial, Helvetica, sans-serif!important; text-transform:none} h2,.h2{font-size:14px; color:#444; margin:10px 0 5px 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold} #sidebar .title{clear:both; background-color:#444; color:#fff; padding:5px 10px; font-size:14px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:20px 0 5px 0px} #sidebar .greenbg{background-color:#85c226} #sidebar .status{display:block; min-height:50px; padding-left:55px; background:url(/wp-content/themes/edukid/images/cos-jucarie.gif) no-repeat top left; padding-top:10px} #sidebar .cosplin{background-position:0px -300px} #sidebar .side{margin-left:10px; clear:both} #sidebar .center ul li{margin-bottom:10px} #sidebar .alt{display:block; color:#888; text-align:center} #sidebar p{line-height:normal} #sidebar ul.lcupoane li{margin-bottom:10px} #sidebar .cuponval{font-weight:bold; color:#dc214c} #sidebar .cuponcod{font-weight:normal; color:#dc214c} #header{position:absolute;top:0px; width:960px; left:10px} #header .contact{float:right; background-color:#444; padding:3px 8px 6px 8px; color:#eee; font-size:12px; -moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px} #header .contact a{color:#eee; text-decoration:none} #header .contact span{background-image:url(/wp-content/themes/edukid/images/contactimages.png); background-repeat:no-repeat; display:block; float:left; padding:2px 0 2px 20px; margin:0 7px; } #header .contact span.yahoo{background-position:0 1px} #header .contact span.twitter{background-position:0 -59px} #header .contact span.jemail{background-position:0 -36px;} /*#header .contact span.phone{background-position:0 -17px}*/ #header .phone{ color:#85c226; font-size:16px; position:absolute; top:6px; right:330px; } #header .phone span{ color:#999; letter-spacing:normal;} #logo{display:block; margin:10px 0 4px 10px; width:306px; height:90px; background:url(http://static.edukid.ro/images/edukid-jucarii-educative-logo.png) 0 0 no-repeat; text-indent:-5999px} #header .bula{background-color:#dc214c; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; font-size:18px; position:absolute; left:250px; padding:10px; top:170px; text-decoration:none} #header .bula span{display:block; font-size:12px} #header a:hover.bula{background-color:#85c226} #header .bula .codita{position:absolute; width:18px; height:22px; background:url(/wp-content/themes/edukid/images/codita.png) no-repeat; top:79px; left:90px; display:block} #header a:hover.bula .codita{background-position:0 -22px} #menu{background-color:#eee; position:absolute; width:600px; top:50px; padding:0 10px; -moz-border-radius:5px; -webkit-border-radius:5px; right:10px; border:1px solid #ccc} #menu li{ float:left;} #menu a{display:block; color:#444; text-decoration:none; float:left; padding:8px 11px; text-transform:uppercase; font-size:12px; position:relative} #menu a:hover{background-color:#85c226; color:#fff} #menu .saving{position:absolute; top:-10px; right:-7px; background:url(/wp-content/themes/edukid/images/saving23.png) no-repeat; width:23px; height:23px; font-weight:bold; padding:8px 0 0 1px; z-index:20; text-align:center; color:#fff; font-size:11px; line-height:8px} /*------------------------------------------------------------------------------------------------------*/ /*footer*/ /*------------------------------------------------------------------------------------------------------*/ #footer {clear: both; padding: 20px 0px 20px 0px;} #footer form, #footer div#footer-informatii, #footer div#footer-newslettere {float: left; clear: none; margin: 0px 0px 10px 0px; width: 203px; height: 155px; padding: 15px 20px; overflow: hidden; background: #444; border: 1px solid #2C2C2C; border-left: none; border-right: none; color:#fff} #footer form{-moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; border-radius-top-left:10px; border-radius-bottom-left:10px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px} #footer div#footer-informatii{-moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; border-radius-top-right:10px; border-radius-bottom-right:10px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px} #footer .titlu a{color:#fff} #footer form {background-image: url(images/footer-linie-verticala.png); background-repeat: no-repeat; background-position: right center} #footer div#footer-informatii {border-right: 1px solid #2C2C2C; background-image: url(/wp-content/themes/edukid/images/footer-linie-verticala.png); background-repeat: no-repeat; background-position: left center} #footer form p.titlu, #footer div p.titlu {margin: 0px 0px 10px 0px; padding: 0px; font-size: 16px; font-weight: bold; color: #fff; line-height: 23px} #footer form {position: relative} #footer form p {margin: 0px 0px 10px 0px; padding: 3px 0px 0px 0px; color: #D6D6D6; line-height: 17px} #footer form fieldset {margin: 0px; padding: 0px 0px 0px 0px;} #footer form fieldset label{float:left; width:50px} #footer form fieldset input {float: left; clear: none; width: 135px; height: 18px; padding: 2px 5px; line-height: 18px; background: #fff; border: 1px solid #2c2c2c; margin-bottom:3px} #footer form fieldset input#mc-embedded-subscribe {width: 60px; height: 24px; background: #DC214C; border-left: none; color: #fff; text-align: center; font-size: 12px;} #footer form div#mce-responses, #footer form div.mce_inline_error {position: absolute; left: 1px; top: 1px; width: 246px; height: auto; padding: 0px} #footer form div.mce_inline_error {top: 45px !important; margin: 0px !important; width: 229px !important; padding: 10px !important;} #footer form div#mce-responses div {padding: 10px; color: #fff; display: none} #footer form div#mce-responses div#mce-error-response {margin-top: 45px; background: #DC214C;} #footer form div#mce-responses div#mce-success-response {background: #85C226;} .gpec{float:left; margin-right:5px} #brands{clear:both;} #brands a{display:block; float:left; background:url(http://static.edukid.ro/images/brands/producatori-jucarii.png) no-repeat; width:50px; height:50px;margin:0 10px 3px 0} #brands a.quercetti{background-position:0 -50px} #brands a.d-toys{background-position:0 -100px} #brands a.diset{background-position:0 -150px} #brands a.tomy{background-position:0 -200px} #brands a.thinkfun{background-position:0 -250px} #brands a.zoob{background-position:0 -300px} #brands a.clementoni{background-position:0 -350px} #brands a.goki{background-position:0 -400px} #brands a.detoa{background-position:0 -450px} #brands a.geomag{background-position:0 -500px} #brands a.goula{background-position:0 -550px} #brands a.wow{background-position:0 -600px} #brands a.tactic{background-position:0 -650px} #brands a.cavallino-giocattoli{background-position:0 -700px} #brands a.safari-ltd{background-position:0 -750px} #brands a.gozan{background-position:0 -800px} #brands a.lego{background-position:0 -850px} #brands a.vtech{background-position:0 -900px} #footer div ul {margin: 0px; padding: 0px; list-style: none} #footer div ul li {margin: 0px; padding: 2px 0px; list-style: none} #footer div ul li a {padding-bottom: 1px; color: #fff; text-decoration: none; border-bottom: 1px solid #fff} #footer div ul li a:hover {color: #ccc; border-color: #ccc} #footer p.copyright {clear: both; margin: 0px; border-top: 1px solid #ddd; color:#aaa; font-size:11px; padding-top: 5px;} /*-----*/ .footh1 p{line-height:1.6em; margin-bottom:1.4em} .topband{border-top:4px solid #444; position:absolute; top:4; width:100%} /* shopp */ .status{} #shopp-sidecart-items{font-weight:bold} #shopp-sidecart-total{color:#dc214c; font-weight:bold} .status{display:block} .status em{font-style:italic; color:#aaa; display:block} .status-links{margin:10px 0 10px 0; font-size:14px; clear:both} .status-links a{display:block} .status-links a:hover{color:#85c226} .status-links a.edit{float:left; padding:3px 0; color:#007cc3} .status-links a:hover.edit{color:#85c226} a.finalizeaza,#shopp #checkout #checkout-button,.update-button,#apply-code, #shopp .prodadd .addtocart{background-color:#dc214c; padding:4px 10px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#fff; float:right; text-decoration:none; -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); border:outset 2px; color:#fff} #shopp #checkout #checkout-button{font-size:14px; text-transform:uppercase; height:30px} #shopp form input.update-button,#shopp #apply-code{background-color:#85c226; padding:3px; height:auto} #shopp .prodadd .addtocart{height:auto; margin:10px 0 10px 0; font-size:16px; font-variant:small-caps} a:hover.finalizeaza{background-color:#85c226; color:#fff} #content{float:left; width:730px; line-height:20px} #content a{color:#007cc3; text-decoration:underline} #content a:hover{color:#85c226} #content .biglinks{margin-top:10px; font-size:14px;} #content .biglinks a.finalizeaza{color:#fff; text-decoration:none} #content ul{padding-left:25px} #content ul li{list-style:inside disc;} #sidebar ul.list{} #sidebar ul.list li{padding:3px 0px; border-bottom:1px dotted #aaa; margin:3px 0;list-style:inside decimal-leading-zero; color:#aaa} #sidebar .rssfeed{padding:0; margin:0} /* blog post */ .post ul li{list-style:inside disc} .post img{border:1px solid #ccc; padding:4px} .post blockquote{margin-left:15px; border-left:5px solid #eee; padding-left:5px; font-style:italic} #comment{width:700px} .twtr-hd{} a{color:#007cc3; text-decoration:underline} a:hover{color:#85c226} .aktt_tweets{font-size:11px} .aktt_tweets li{margin-bottom:10px} .aktt_more_updates{margin-top:5px} /* misc */ .clear{clear:both} .right, .alignright{float:right; margin: 0 0 10px 10px} .left, .alignleft{float:left; margin:0 10px 10px 0} .center{text-align:center} .promos{ width:620px; margin-top:0; text-align:center; position:absolute; top:105px; right:0} .promos .slides{ float:left; width:150px; text-align:center;} .promos .price{ display:block; width:150px; font-size:11px; text-align:center; font-size:14px; font-weight:bold; color:#dc214c} .promos .price span.pret{text-decoration:line-through; font-weight:normal; color:#888} .promos li{position:relative;} .filter{position:absolute; top:315px; left:0} .infilter{display:block; font-size:12px; background-color:#eee; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#444; padding:5px 10px 5px 10px; position:relative; margin:3px 0; margin-top:10px; width:940px; border:1px solid #ccc} #jquery-live-search { background: #fff; padding: 5px 10px; max-height: 400px; overflow: auto; width:300px; top:27px; position: absolute; z-index: 99; border: 1px solid #A9A9A9; border-width: 0 1px 1px 1px; -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); display:none; } #jquery-live-search a{display:block; padding:3px;} .filter #search{float:left; margin-right:30px; position:relative} .filter #search #cautatxt{ font-size:16px; width: 140px; padding:2px 3px; color:#888} .filter #search #cautatxt.active{color:#444} .filter #search #cautabtn{background-color:#dc214c; padding:3px 10px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#fff;text-decoration:none; -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.25); cursor:pointer} .filter div{} .filter .sex a{ margin-left:15px; margin-bottom:25px;} .filter .stock{display:block; float:left; margin-left:10px} .filter .stock label{float:left} .filter .stock input{float:left; margin-left:10px} .filter #filtermsg{background-color:#85c226; color:#fff; font-weight:bold; position:absolute; padding:5px 10px; left:45%; z-index:150; top:50px; display:none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px} .dev{display:block} .none{display:none} #ageslider{width:145px} .filter .ageslider{float:left; width:170px; padding-left:30px; position:relative} .filter .ageslider .numere{font-size:10px; position:absolute; top:-15px;} .filter .ageslider .numere span{margin-right:8px; display:block; float:left; width:10px} .filter .ageslider .numere span.color{color:#85c226} .filter .ageslider .text{position:absolute; font-size:10px; top:10px; font-weight:bold; left:80px} .fselect{float:left; display: inline; background:url(http://static.edukid.ro/images/filtru-background.png) no-repeat 5px 0px #fff; margin-right:15px} .fabilitati{background-position:5px 1px} .fbrand{background-position:5px -71px} .fpret{background-position:5px -47px} .fvarsta{background-position:5px -23px} .fselect .selecteaza{display:block; width:126px; padding:4px 5px 5px 24px; font-size:14px;border:1px inset #ccc; text-decoration:none; color:#888; background:url(/wp-content/themes/edukid/images/select-arrow.png) no-repeat 95% 50%; cursor:pointer;} .fselect .ultimul{margin-right:0px} .fselect .meniu{display:none; position:absolute; background-color:#fff; border:1px solid #eaeaea; border-top:none; z-index:30} .fselect .meniu a{padding: 3px 5px; border-bottom:1px solid #eee; width:150px; font-size:12px; height: auto; display:block; line-height: 18px} .fselect .meniu .alte{ text-align:center; color:#333; padding:3px 5px; background-color:#85c226; color:#fff} /* age plus */ .age{ position:absolute; bottom:30px; right:20px; color:#85c226; font-weight:bold; font-size:16px; text-shadow: 1px 1px 0 #fff,-1px -1px 0 #fff, 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 #fff, 0 -1px 0 #fff, 2px 2px 0 #fff, 2px 1px 0 #fff, 2px 0 0 #fff, 0 2px 0 #fff, 1px 2px 0 #fff, -2px -2px 0 #fff, -2px -1px 0 #fff, -2px 0 0 #fff, 0 -2px 0 #fff, -1px -2px 0 #fff; z-index:10} .agethumb{bottom:85px; right:35px} .age .number{} .age span{display:block; font-size:10px; line-height:10px; text-align:center; margin-top:-4px} /* comments */ #comments{background-color:#eee; clear:both; margin-top:10px} .commentlist{} .commentlist li{ padding:10px 0; border-bottom:1px solid #ccc} .commentlist li.bypostauthor{background-color:#eee} .commentlist li .avatar{float:left; border:1px solid #ccc; padding:2px; margin:0 5px 5px 0} .commentlist li .comment-meta{display:inline;} .commentlist li .comment-author{display:inline;} #content .commentlist li .comment-meta a{color:#aaa; text-decoration:none;} /* IE6 */ *html .topband{border-top:0px;} *html #header .bula .codita{top:77px;} *html #header a:hover.bula .codita{background-position:0 -22px} /**html #menu{ background-color:#007cc3;}*/ *html #shopp ul.products li.product div.frame { padding: 10px; margin-right:0px;} *html #shopp ul.products li.product{ padding:0px; margin-left:0px; width:24%; height:230px} *html #sidebar .status{height:50px;} *html #shopp .gallery img{ float:left;} /* cycle */ #cycle li{display:none} #cycle li.first{display:block} /* Carousel */ /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 75px; height: 75px; } /** * The buttons are added dynamically by jCarousel before * the