body {margin: 0px; padding: 0px; height: auto; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #777; text-align: left; background: #fff; line-height: 17px} html {behavior: url(continut/afisare/resurse/js/hover.htc); overflow-x: hidden; overflow-y: auto;} /*--------------------------------------------------------------------------------------------------------------------------*/ /* CLEARFIX /*--------------------------------------------------------------------------------------------------------------------------*/ div:after, dl:after, ul:after, ol:after, .cfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden; line-height: 0px;} * html div, * html dl, * html ul, * html ol, * html .cfix {height: 1%} div, dl, ul, ol, .cfix {display: inline-block} div, dl, ul, ol, .cfix {display: block} /*-----*/ /*--------------------------------------------------------------------------------------------------------------------------*/ /* RESETARE TAGURI /*--------------------------------------------------------------------------------------------------------------------------*/ h1,h2,h3,h4,ul,dl,dt,dd,ol,li,p,hr,form,fieldset,legend,blockquote,input,label,textarea,select,address {margin: 0px; padding: 0px; outline: none; border: none; font-style: normal; font-weight: normal; color: #777; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; background-color: transparent; list-style: none} /*-----*/ /*--------------------------------------------------------------------------------------------------------------------------*/ /* TAGURI GENERALE /*--------------------------------------------------------------------------------------------------------------------------*/ a {color: #555; text-decoration: none; font-weight: bold; outline: none; } a:hover {border-bottom: 1px dashed #fff} a img {border: none} p,ul,ol,li {padding: 2px 0px 2px 0px} /*-----*/ /*--------------------------------------------------------------------------------------------------------------------------*/ /* CONTINUT - SITE /*--------------------------------------------------------------------------------------------------------------------------*/ #continut {position: absolute; width: 1012px; height: 547px; left: 50%; top: 50%; padding: 43px 0px 0px 0px; margin: -300px 0px 0px -515px; background: url(../img/bg.gif) left top no-repeat} #continut #cuprins {position: absolute; bottom: 0px; left: 22px; width: 705px} #continut #cuprins img#imagine {display: block; margin: 0px;} #continut #cuprins h2 {margin: 0px 0px 30px 0px; font-size: 20px; height: 20px; background-repeat: no-repeat} #continut #cuprins h2 strong {display: none} /*--------------------------------------------------------------------------------------------------------------------------*/ /* FOOTER /*--------------------------------------------------------------------------------------------------------------------------*/ #continut #footer {position: absolute; top: 620px; width: 1012px; height: 50px;} #continut #footer #copyright {float: none; clear: both; margin: 0px 0px 0px 20px;} #continut #footer #webart {float: right; clear: right; padding: 6px 0px 0px 0px;} #continut #footer #trafic {float: left; clear: left; padding: 0px 0px 0px 20px;} #b-the-shoe-architect #continut #cuprins h2 {background-image: url(../img/titlu-the-shoe-architect.gif)} #b-press #continut #cuprins h2 {background-image: url(../img/titlu-press.gif)} #b-store-locator #continut #cuprins h2 {background-image: url(../img/titlu-store-locator.gif)} #b-contact #continut #cuprins h2 {background-image: url(../img/titlu-contact.gif)} #b-partners #continut #cuprins h2 {background-image: url(../img/titlu-partners.gif)} #continut #cuprins p {text-align: justify} #continut #cuprins p#mesaje {margin: 0px 0px 20px 0px} /*--------------------------------------------------------------------------------------------------------------------------*/ /* CONTINUT - ZONA STATICA /*--------------------------------------------------------------------------------------------------------------------------*/ #continut #zona-statica {float: right; clear: none; width: 245px; height: 100%; text-align: right} #continut #zona-statica h1 {margin: 0px 0px 0px auto; width: 151px; height: 44px} #continut #zona-statica h1 a {display: block; width: 151px; height: 44px; background: url(../img/sigla.gif) no-repeat} #continut #zona-statica h1 a strong {display: none} #continut #zona-statica ul {position: absolute; bottom: -15px; right: 0px; height: auto; text-align: right} #continut #zona-statica ul li {display: block; width: 245px; height: 25px; line-height: 20px; margin: 0px; font-size: 11px; letter-spacing: 2px; background: #fff; text-align: right;} * html #continut #zona-statica ul li {margin: 0px 0px -2px 0px;} *:first-child+html #continut #zona-statica ul li {margin: 0px 0px -2px 0px;} #continut #zona-statica ul li#m-collections {height: auto} #continut #zona-statica ul li#m-collections-aw-2011-2012 {height: auto} #continut #zona-statica ul li#m-collections-ss-2011 {height: auto} #continut #zona-statica ul li#m-collections-aw-2010 {height: auto} #continut #zona-statica ul li#m-collections-archive {height: auto} #continut #zona-statica ul li#m-press {height: auto} #continut #zona-statica ul li a {display: block; width: 100%; height: 11px; background-repeat: no-repeat; background-position: right top; text-align: right} #continut #zona-statica ul li a:hover {border: none} #continut #zona-statica ul li a strong {display: none} #continut #zona-statica ul li#m-collections a {background-image: url(../img/meniu-collections.gif)} #continut #zona-statica ul li#m-collections a:hover {background-image: url(../img/meniu-collections-on.gif)} #continut #zona-statica ul li#m-shoe-architect a {background-image: url(../img/meniu-the-shoe-architect.gif)} #continut #zona-statica ul li#m-shoe-architect a:hover {background-image: url(../img/meniu-the-shoe-architect-on.gif)} #continut #zona-statica ul li#m-ma-bridal a {background-image: url(../img/meniu-ma-bridal.gif)} #continut #zona-statica ul li#m-ma-bridal a:hover {background-image: url(../img/meniu-ma-bridal-on.gif)} #continut #zona-statica ul li#m-press a {background-image: url(../img/meniu-press.gif)} #continut #zona-statica ul li#m-press a:hover {background-image: url(../img/meniu-press-on.gif)} #continut #zona-statica ul li#m-online-boutique a {background-image: url(../img/meniu-online-boutique.gif)} #continut #zona-statica ul li#m-online-boutique a:hover {background-image: url(../img/meniu-online-boutique-on.gif)} #continut #zona-statica ul li#m-store-locator a {background-image: url(../img/meniu-store-locator.gif)} #continut #zona-statica ul li#m-store-locator a:hover {background-image: url(../img/meniu-store-locator-on.gif)} #continut #zona-statica ul li#m-contact a {background-image: url(../img/meniu-contact.gif)} #continut #zona-statica ul li#m-contact a:hover {background-image: url(../img/meniu-contact-on.gif)} #continut #zona-statica ul li#m-partners a {background-image: url(../img/meniu-partners.gif)} #continut #zona-statica ul li#m-partners a:hover {background-image: url(../img/meniu-partners-on.gif)} #continut #zona-statica ul li ul {position: static; height: auto; margin: 0px 0px 10px 0px} #continut #zona-statica ul li ul li {height: 18px; font-size: 10px; text-align: right} #continut #zona-statica ul li ul li a, #continut #zona-statica ul li#m-collections ul li a {height: 20px; line-height: 15px; font-weight: normal; color: #bbb; background-image: none; cursor: pointer} #continut #zona-statica ul li#m-collections ul li a:hover {background-image: none} #continut #zona-statica ul li#m-collections ul li#m-collections-aw-2011-2012 a {color: #0c0} #continut #zona-statica ul li#m-collections ul li#m-collections-ss-2011 a {color: #f00} /*#continut #zona-statica ul li#m-collections ul li#m-collections-aw-2010 a {color: #0C0}*/ #continut #zona-statica ul li#m-collections ul li#m-collections-aw-2010 a {color: #000} /*#continut #zona-statica ul li#m-collections ul li#m-collections-ss-2010 a {color: #f00}*/ #continut #zona-statica ul li#m-collections ul li#m-collections-ss-2010 a {color: #000} /*#continut #zona-statica ul li#m-collections ul li#m-collections-ma-bridal a {color: #fc0}*/ /*#continut #zona-statica ul li#m-collections ul li#m-collections-aw-2010 {letter-spacing: 1px;}*/ /* cel cu "preview" e prea lung pentru spatiere de 2 */ #continut #zona-statica ul li#m-press ul li a {height: 20px; line-height: 15px; font-weight: normal; color: #bbb; background-image: none; cursor: pointer} #continut #zona-statica ul li#m-press ul li a:hover {background-image: none} #continut #zona-statica ul li ul li a:hover {font-size: 11px;} #continut #zona-statica ul li#m-collections a#m-collections-a {height: 25px} #continut #zona-statica ul li#m-press a#m-press-a {height: 25px} #continut #zona-statica ul li#m-collections ul li a#m-collections-aw-2011-2012-a {text-transform: uppercase} #continut #zona-statica ul li#m-collections ul li a#m-collections-ss-2011-a {text-transform: uppercase} #continut #zona-statica ul li#m-collections ul li a#m-collections-aw-2010-a {text-transform: uppercase} #continut #zona-statica ul li#m-collections ul li a#m-collections-ss-2010-a {text-transform: uppercase} #continut #zona-statica ul li#m-collections ul li a#m-collections-archive-a {text-transform: uppercase} /*--------------------------------------------------------------------------------------------------------------------------*/ /* COLLECTIONS /*--------------------------------------------------------------------------------------------------------------------------*/ #b-collections-autumn-winter-2011-2012-collection #continut, #b-collections-spring-summer-2011-collection #continut, #b-collections-autumn-winter-2010-2011-collection #continut, #b-collections-spring-summer-2010 #continut, #b-collections-autumn-winter-2009-2010 #continut, #b-collections-spring-summer-2009 #continut, #b-collections-autumn-winter-2008-2009 #continut, #b-collections-autumn-winter-2009-2010 #continut, /*#b-collections-m-a-bridal #continut,*/ #b-ma-bridal #continut, #b-collections-m-a-signature #continut {background: none} #b-collections-autumn-winter-2010-2011-collection #continut #cuprins, #b-collections-spring-summer-2010 #continut #cuprins, #b-collections-autumn-winter-2009-2010 #continut #cuprins, #b-collections-spring-summer-2009 #continut #cuprins, #b-collections-autumn-winter-2008-2009 #continut #cuprins, /*#b-collections-m-a-bridal #continut #cuprins,*/ #b-ma-bridal #continut #cuprins, #b-collections-m-a-signature #continut #cuprins {top: 0px; left: 0px;} #b-collections-preview #continut #cuprins div.a {margin: 50px auto 0px auto; width: 675px} #b-collections-preview #continut #cuprins div.a a img {float: left; clear: none; border: none; _filter: alpha(opacity=80); opacity: 0.8} #b-collections-preview #continut #cuprins div.a a:hover img {_filter: alpha(opacity=100); opacity: 1} #b-collections-preview #continut #cuprins form {width: 422px} #b-collections-preview #continut #cuprins form fieldset {margin: 10px 0px 10px 0px; height: 28px} #b-collections-preview #continut #cuprins form fieldset label {float: left; clear: none; margin: 0px 10px 0px 0px; width: 100px; height: 20px; padding: 3px 10px 3px 10px; text-align: right} #b-collections-preview #continut #cuprins form fieldset input {float: left; clear: none; width: 270px; height: 20px; padding: 6px 10px 0px 10px; background: #F9F9F9; border: 1px solid #E8E8E8; line-height: 14px} #b-collections-preview #continut #cuprins form fieldset.butoane {width: 160px; margin: 10px 0px 0px auto} #b-collections-preview #continut #cuprins form fieldset.butoane input {position: relative; right: -80px; margin: 10px 0px 0px 10px; width: 70px; height: 26px; padding: 0px; background: #525252; border: none; color: #fff; text-align: center} /*--------------------------------------------------------------------------------------------------------------------------*/ /* THE SHOE ARCHITECT /*--------------------------------------------------------------------------------------------------------------------------*/ #b-the-shoe-architect #continut #cuprins div {position: absolute; bottom: 0px; left: 250px; width: 460px; height: auto} /*--------------------------------------------------------------------------------------------------------------------------*/ /* HOME /*--------------------------------------------------------------------------------------------------------------------------*/ #b-home #continut #cuprins {top: 49px; width: 735px} /*--------------------------------------------------------------------------------------------------------------------------*/ /* STORE LOCATOR /*--------------------------------------------------------------------------------------------------------------------------*/ #b-store-locator #continut #cuprins div {position: absolute; bottom: 0px; left: 500px; width: 220px; height: auto} /*--------------------------------------------------------------------------------------------------------------------------*/ /* PRESS /*--------------------------------------------------------------------------------------------------------------------------*/ /*#b-press-editorial #continut #cuprins a img {margin: 5px 5px 0px 5px; _filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8;} #b-press-editorial #continut #cuprins a:hover img {_filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1;}*/ #pressEditorialSlideShow .ss_controls {display: block; clear: both; padding-right: 35px;} #pressEditorialSlideShow .ss_controls a {display: block; width: 60px; padding: 3px; margin: 0px; background-color: #f4f4f4; color: #666; cursor: pointer; text-align: center; font-weight: normal;border-bottom: 0px none #fff} #pressEditorialSlideShow .ss_controls a:hover {padding: 3px; margin: 0px; background-color: #eee; color: #333; } #pressEditorialSlideShow .ss_controls a.prev {float: left; clear: left;} #pressEditorialSlideShow .ss_controls a.next {float: right; clear: right;} #pressEditorialSlideShow .ss_controls a.next:hover {float: right; clear: right;} #pressEditorialSlideShow .ss_items {display: block; clear: both;} #pressEditorialSlideShow .ss_item {display: block; float: left; clear: none; width: 335px;} #pressEditorialSlideShow .ss_item a img {margin: 5px 0px 0px 0px; _filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8;} #pressEditorialSlideShow .ss_item a:hover img {_filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1;} #pressEditorialSlideShow .ss_item.shown {display: block;} #pressEditorialSlideShow .ss_item.hidden {display: none;} #b-press-campaign #continut #cuprins {white-space: nowrap} #b-press-campaign #continut #cuprins a img {margin: 0px 0px 0px 0px; _filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8;} #b-press-campaign #continut #cuprins a:hover img {_filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1;} /*--------------------------------------------------------------------------------------------------------------------------*/ /* PARTENERI /*--------------------------------------------------------------------------------------------------------------------------*/ #b-partners #continut #cuprins a img {margin: 10px; _filter: alpha(opacity=80); opacity: 0.8} #b-partners #continut #cuprins a:hover img {_filter: alpha(opacity=100); opacity: 1} /*--------------------------------------------------------------------------------------------------------------------------*/ /* CONTACT /*--------------------------------------------------------------------------------------------------------------------------*/ #b-contact #continut #cuprins div {float: right; clear: none; width: 240px; text-align: right} #b-contact #continut #cuprins div p {text-align: right} #b-contact #continut #cuprins div h3 {text-align: right; margin: 5px 0px 5px 0px; font-weight: bold} #b-contact #continut #cuprins form {width: 422px} #b-contact #continut #cuprins form fieldset {margin: 10px 0px 10px 0px; height: 28px} #b-contact #continut #cuprins form fieldset label {float: left; clear: none; margin: 0px 10px 0px 0px; width: 100px; height: 20px; padding: 3px 10px 3px 10px; text-align: right} #b-contact #continut #cuprins form fieldset input, #b-contact #continut #cuprins form fieldset textarea {float: left; clear: none; width: 270px; height: 20px; padding: 6px 10px 0px 10px; background: #F9F9F9; border: 1px solid #E8E8E8; line-height: 14px} #b-contact #continut #cuprins form fieldset.textarea {height: auto} #b-contact #continut #cuprins form fieldset textarea {height: 50px; overflow: auto} #b-contact #continut #cuprins form fieldset.butoane {width: 160px; margin: 10px 0px 0px auto} #b-contact #continut #cuprins form fieldset.butoane input {margin: 10px 0px 0px 10px; width: 70px; height: 26px; padding: 0px; background: #525252; border: none; color: #fff; text-align: center} #b-contact #continut #cuprins form fieldset.butoane input:hover {background: #777} /*--------------------------------------------------------------------------------------------------------------------------*/ /* PHOTOSLICE /*--------------------------------------------------------------------------------------------------------------------------*/ div.PhotoSlice * { padding: 0px; margin: 0px; } div.PhotoSlice div.clear {clear: both; overflow: hidden; height: 0px} div.PhotoSlice img {visibility: hidden;} div#PSbackground {background: #000;} div#PSstage {} div#PSstage img {border: 6px solid #FFF; margin: 0px auto;} div#PSstage-replica {background: #FFF;} div#PSmenu {text-align: center; padding: 4px 0px;} div#PSmenu div#PSbuttons {height: 38px; padding: 5px 10px;} div.PhotoSlice a.button {cursor: pointer; margin: 0px 2px; padding: 10px 20px; background: #333; border: 2px solid #999; color: #FCFCFC; font: 13px Trebuchet MS; line-height: 38px; text-align: center; text-decoration: none;} div.PhotoSlice a.button:hover {border: 2px solid #CCC;} div.PhotoSlice a.disabled {display: none;} div#PScaption {font: 13px Trebuchet MS;} div#PScaption p {color: #FCFCFC; text-align: center; line-height: 32px;} div#PScaption p a {border-bottom: 1px dotted #CCC; color: #CCC; text-decoration: none;} div#PScaption p a:hover {background: #333;} div#PScaption a#PSabout {float: right; line-height: normal; margin: 4px; padding: 0px 14px; line-height: 30px;}