/** * Styles partages du site public * * @author Julie T�tard * @version E-cog 3.0 * @package public * @subpackage shared * @category css * @internal last modified */ /* ---------------------------------------- REDEFINITIONS ---------------------------------------- */ html { height:100%;margin:0;padding:0;background:#000; } body { height:100%;margin:0;padding:0;color: #fff; } a:hover { text-decoration: none; } input, select, textarea, label { display:block;font-size:11px; } /* ---------------------------------------- GENERIQUES ---------------------------------------- */ .hidden { display:none; } .show { display:block; } .invisible { visibility:hidden; } .br { height:0;clear:both;float:none;line-height:0; } /* ---------------------------------------- LAYOUT ---------------------------------------- */ /* Global --------------------------------------- */ #global { width:933px;height:600px;position:absolute;left:50%;top:50%;margin-left:-466px;margin-top:-300px; } /* Head --------------------------------------- */ #header { width:933px;height:63px;background-image:url(../pix/shared/header.jpg); } #logo { position:absolute;margin:11px 0 0 38px;z-index:50; } h1 { position:absolute;margin:75px 0 0 150px;z-index:50; } h2 { position:absolute;margin:90px 0 0 143px;z-index:50; } h2 img, #shopping-cart img { vertical-align:middle;margin-right:2px; } #shopping-cart { position:absolute;margin:75px 0 0 793px;z-index:50;cursor:pointer; } #japan-howto { position:absolute;margin:2px 0 0 640px;z-index:51; } /* Middle --------------------------------------- */ #middle { width:933px;height:459px; } #content { width:933px;height:384px; } #navigation { width:857px;height:55px;padding:10px 38px;margin-top:382px;z-index:500;position:absolute; } #back { position:absolute;margin-top:2px; } #back-store { position:absolute;margin-top:30px; } #navigation li img { display:block;cursor:pointer } /* Foot --------------------------------------- */ #footer { width:933px;height:78px;background-image:url(../pix/shared/footer.jpg); } #official-site { margin:40px 0 0 38px; } #credits { position:absolute;margin:40px 0 0 719px; } #terms-and-conditions { position:absolute;margin:53px 0 0 668px; } /* ---------------------------------------- LAYOUT ---------------------------------------- */ /* Index --------------------------------------- */ #index #japan { position:absolute;width:933px;top:50%;left:50%;margin-left:-466px;margin-top:-295px;cursor:pointer;z-index:500; text-align:center;color:#000;font-size:20px;font-weight:bold; } /* page --------------------------------------- */ #error #middle { background:url(../pix/store/list-bg.jpg) no-repeat; } #error #middle p { text-align:center;padding-top:200px; } /* page --------------------------------------- */ #page #middle { background:url(../pix/store/list-bg.jpg) no-repeat; } /* Text --------------------------------------- */ #text #middle { background:url(../pix/store/list-bg.jpg) no-repeat; } #text #back { margin-top:7px; } #text #navigation { width:100px; } #text #navigation li { position:absolute; } /* Text > Terms and conditions --------------------------------------- */ #text.credits .e_item { width:463px;padding:60px 10px 20px 400px; } #text.credits .e_item td { text-align:center;font-size:16px;font-weight:normal;line-height:18px; } #text.credits .e_item td .secondary { font-size:11px;line-height:10px;margin-top:15px; } #text.credits .e_item td .secondary h3 { padding-top:20px; } #text.credits .e_item .left { margin-right:80px; } /* Text > credits --------------------------------------- */ #text.terms-and-conditions .e_item { width:743px;height:385px;padding:85px 10px 20px 180px; } #text.terms-and-conditions .e_item .e_block { width:720px;height:355px;padding:0;text-align:justify;margin-top:-25px; } #text.terms-and-conditions .e_item .e_block p { line-height:18px; } /* Text > Japan dealers --------------------------------------- */ #text.japan-authorised-dealers .e_item { width:760px;height:375px;padding:85px 10px 20px 140px; } #text.japan-authorised-dealers .e_item .e_block { width:100%;height:355px;padding:0;text-align:justify; } #text.japan-authorised-dealers .e_item .left { margin-left:30px; } /* Text > About-us --------------------------------------- */ #text.about-us #navigation { background:url(../pix/about-us/navigation-bg.png) 190px 17px no-repeat; } /* Navigation */ #text.about-us #history, #text.about-us #before-crazy-pig-designs { margin-top:10px; } #text.about-us #british-hallmarks { margin-top:32px; } #text.about-us #history { margin-left:175px; } #text.about-us #before-crazy-pig-designs, #text.about-us #british-hallmarks { margin-left:330px; } /* History */ #text.history #middle { background:url(../pix/about-us/history-bg.jpg) no-repeat; } #text.history .e_item .e_block { width:270px;height:382px; } #text.history .e_item .e_block td { line-height:18px; } #text.history .e_item { padding:55px 0 0 630px;width:293px; } /* Various articles */ #text.before-crazy-pig-designs #middle { background:url(../pix/about-us/various-articles-bg.jpg) no-repeat; } /* British Hallmarks */ #text.british-hallmarks #middle { background:url(../pix/about-us/british-hallmarks-bg.jpg) no-repeat; } #text.british-hallmarks .e_item { padding:33px 0 0 55px;width:868px;font-family:Lucida Sans; } #text.british-hallmarks .e_item .e_block td { width:360px;height:382px;font-size:11px;line-height:16px; } #text.british-hallmarks .e_item .e_block p { margin:5px 0 5px 0; } /* Text > Contact --------------------------------------- */ #text.contacts #navigation { background:url(../pix/contact/navigation-bg.png) 190px 18px no-repeat; } /* Navigation */ #text.contacts #contact, #text.contacts #london-store { margin-top:10px; } #text.contacts #contact { margin-left:175px; } #text.contacts #london-store { margin-left:330px; } /* Contact */ #text.contact #middle { background:url(../pix/contact/contact-bg.jpg) no-repeat; } #text.contact .e_item { width:743px;height:375px;padding:130px 10px 20px 40px; } #text.contact .e_item .e_block { height:420px; } #text.contact .e_item .e_block td { line-height:20px;font-size:17px;font-weight:normal; } /* London store */ #text.london-store #middle { background:url(../pix/contact/london-store-bg.jpg) no-repeat; } /* Text > Bespoke --------------------------------------- */ #text.bespoke #middle { background:url(../pix/bespoke/bespoke-bg.jpg) no-repeat; } #text.bespoke #navigation { background:url(../pix/bespoke/navigation-bg.png) 190px 18px no-repeat; } #text.bespoke #bespoke { margin:10px 0 0 175px; } #text.bespoke .e_item { padding:265px 0 0 495px;width:310px; } #text.bespoke .e_item td { font-size:14px;font-style:italic;line-height:17px; } #text.bespoke .e_item .e_block { height:150px; } /* Text > Vip --------------------------------------- */ #text.vip #middle { background:url(../pix/vip/vip-bg.jpg) no-repeat; } #text.vip #navigation { width:150px;margin-top:0; } #text.vip .e_item { padding:5px 0 0 255px;width:483px; } #text.vip .e_block { height:75px; } #text.vip .e_block td { font-size:12px; } #text.vip .e_block td .left { width:224px;text-align:left; } #text.vip .e_block td .right { width:224px;text-align:right; } #text.vip #pictures { height:370px;overflow:hidden;position:relative; } #text.vip #pictures img { display:none;position:absolute; } #text.vip #pictures img#p666 { display:block;width:258px;margin:10px 0 0 0;z-index:1; } #text.vip #pictures img#p669 { display:block;width:340px;margin:-40px 0 0 450px;z-index:5; } #text.vip #pictures img#p661 { display:block;width:210px;margin:15px 0 0 330px;z-index:4; } #text.vip #pictures img#p663 { display:block;width:150px;margin:40px 0 0 190px;z-index:3; } #text.vip #pictures img#p658 { display:block;width:144px;margin:250px 0 0 320px;z-index:3; } #text.vip #pictures img#p667 { display:block;width:200px;margin:260px 0 0 10px;z-index:4; } #text.vip #pictures img#p656 { display:block;width:170px;margin:260px 0 0 180px;z-index:5; } #text.vip #pictures img#p659 { display:block;width:166px;margin:120px 0 0 235px;z-index:6; } #text.vip #pictures img#p657 { display:block;width:60px;margin:290px 0 0 430px;z-index:7; } #text.vip #pictures img#p673 { display:block;width:150px;margin:185px 0 0 550px;z-index:6; } #text.vip #pictures img#p660 { display:block;width:90px;margin:310px 0 0 750px;z-index:6; } #text.vip #pictures img#p664 { display:block;width:145px;margin:150px 0 0 740px;z-index:8; } #text.vip #pictures img#p670 { display:block;width:100px;margin:235px 0 0 850px;z-index:9; } #text.vip #pictures img#p668 { display:block;width:100px;margin:240px 0 0 850px;z-index:9; } #text.vip #pictures img#p672 { display:block;width:135px;margin:10px 0 0 800px;z-index:6; } #text.vip #pictures img#p668 { display:block;width:80px;margin:75px 0 0 700px;z-index:10; } #text.vip #pictures img#p666:hover, #text.vip #pictures img#p669:hover, #text.vip #pictures img#p661:hover, #text.vip #pictures img#p663:hover, #text.vip #pictures img#p658:hover, #text.vip #pictures img#p667:hover, #text.vip #pictures img#p656:hover, #text.vip #pictures img#p659:hover, #text.vip #pictures img#p657:hover, #text.vip #pictures img#p673:hover, #text.vip #pictures img#p660:hover, #text.vip #pictures img#p664:hover, #text.vip #pictures img#p670:hover, #text.vip #pictures img#p668:hover, #text.vip #pictures img#p672:hover, #text.vip #pictures img#p668:hover { z-index:10;filter : alpha(opacity=90);-moz-opacity : 0.9;opacity : 0.9; } #text.vip #lightbox-image-details-currentNumber { visibility:hidden;height:0; } /* Gallery > Bespoke --------------------------------------- */ #gallery.bespoke #navigation { width:200px;margin-top:80px; } #gallery.bespoke #middle { background:url(../pix/bespoke/bespoke-gallery-bg.jpg) no-repeat; } #gallery.bespoke #pictures { padding:325px 0 0 50px;} #gallery.bespoke #motioncontainer { width: 100%;height: 100px;} #gallery.bespoke #motioncontainer img { width:90px; } #gallery.bespoke #motioncontainer a + a img { margin:0 10px; } #gallery.bespoke #motioncontainer a:hover img { filter : alpha(opacity=80);-moz-opacity : 0.8;opacity : 0.8;cursor:pointer; } #gallery.bespoke #lightbox-image-details { visibility:hidden;height:0; } /*#gallery.bespoke .jCarouselLite { width: 840px; } #gallery.bespoke .jCarouselLite li img { width:90px;margin:0 15px; } #gallery.bespoke #texts { background:url(../pix/bespoke/text-bg.png) 170px 8px no-repeat;height:200px;margin:0 0 0 0;padding:0; font-family:Lucida Sans, sans-serif;letter-spacing:0;font-size:14px;line-height:14px; } #gallery.bespoke #texts #left { margin:9px 40px 0 190px;width:330px;float:left; } #gallery.bespoke #texts #right { margin:9px 0 0 0;width:300px;float:left;text-align:right;color:#83796E; } */ /* Bogspot --------------------------------------- */ #blogspot #navigation { width:200px;margin-top:387px; } #blogspot #middle { background:url(../pix/blog/blog-bg.jpg) no-repeat; } #blogspot #content { padding:60px 30px 0 400px;width:503px; } #blogspot .scroll-pane { height:330px; } #blogspot .scroll-pane li { padding-bottom:40px; } #blogspot .scroll-pane .e_date { font-size:17px;color:#83796E;font-weight:normal;margin-bottom:3px; } #blogspot .scroll-pane .e_title { font-size:22px;font-weight:normal; } #blogspot .scroll-pane .e_block { width:100%; } #blogspot .scroll-pane .e_block td { font-family:Lucida Sans, sans-serif;font-size:12px;line-height:16px;padding:20px 0 0 0; } #blogspot .scroll-pane .e-tags { font-family:Lucida Sans, sans-serif;font-size:10px;color:#666; } #blogspot .scroll-pane img.separator { display:block;margin:40px auto 0 auto; } #blogspot #blogspot { position:absolute;margin:15px 0 0 100px; } #blogspot #facebook { position:absolute;margin:50px 0 0 -145px; } #blogspot #twitter { position:absolute;margin:15px 0 0 -50px; } /* Index --------------------------------------- */ #welcome { position:absolute;left:50%;top:50%;margin-left:-466px;margin-top:-300px;cursor:pointer; } #wait { position:absolute;left:50%;top:50%;margin-left:-466px;margin-top:-300px; } /* Menu --------------------------------------- */ #menu #content { background:url(../pix/menu/photography.jpg) no-repeat; } #menu #japan { padding:70px 0 0 10px;} #menu #navigation li { position:absolute; } #menu #navigation li img { display:block;cursor:pointer } /* Navigation */ #menu #online-store { margin-left:165px; } #menu #about-us, #menu #london-store { margin-left:0; } #menu #bespoke, #menu #blog { margin-left:767px; } #menu #vip { margin-left:816px; } #menu #bespoke, #menu #contact, #menu #bespoke { margin-top:3px; } #menu #london-store, #menu #blog, #menu #vip { margin-top:30px; } /* Store --------------------------------------- */ #store #content { background:url(../pix/store/photography.jpg) no-repeat; } #store #japan { margin:120px 0 0 20px;} #store #navigation { background:url(../pix/store/navigation-bg.gif) 190px 15px no-repeat; } #store #navigation li { position:absolute; } /* Navigation */ #store #rings, #store #bracelets { margin-left:200px; } #store #necklaces, #store #pendants { margin-left:320px; } #store #accessories, #store #cpd-goods { margin-left:440px; } #store #new { margin-left:580px; } #store #limited-edition, #store #from-the-vault { margin-left:650px; } #store #rings, #store #necklaces, #store #accessories, #store #new, #store #limited-edition { margin-top:4px; } #store #bracelets, #store #pendants, #store #cpd-goods, #store #from-the-vault { margin-top:31px; } /* Store-list --------------------------------------- */ #store-list #middle { background:url(../pix/store/list-bg.jpg) no-repeat; } #store-list #content { height:371px;width:663px;padding:78px 0 10px 235px;color:#FFF; } #store-list.limited-ed #content { height:371px;width:773px;padding:78px 0 10px 125px;color:#FFF; } #store-list.from-the-vault.empty #middle { background:url(../pix/store/from-the-vault-bg.jpg) no-repeat; } /* Navigation */ #store-list #navigation { height:54px;width:150px;background:url(../pix/store/list-navigation-bg.gif) 185px 13px no-repeat; } /* Categories */ #store-list .e_categ { margin:75px 0 0 37px;position:absolute;color:#83796E;width:190px;line-height:20px;font-size:14px; } #store-list .e_categ li { margin:0;padding:0; } #store-list .e_categ a { text-decoration:none;color:#83796E; } #store-list .e_categ a:hover { text-decoration:underline; } #store-list .e_categ .e_selected, #store-list .e_categ .e_selected a { color:#FFF;font-weight:bold; } #store-list.limited-ed .e_categ { display:none; } /* Liste */ #store-list #content .scroll-pane { height:359px; } #store-list #content li { display:block;clear:both;padding:0 10px 0 0; } #store-list #content li + li { display:block;clear:both;padding:27px 10px 0 0; } #store-list #content a.product-link { cursor:pointer; } #store-list .product-picture { float:left;width:100px;margin:0 15px 0 0; } #store-list .product-text { overflow:hidden;font-family:Lucida Sans, Arial, sans-serif; } #store-list .product-information { height:80px; } #store-list .product-name { width:380px;padding:0 0 6px 0;font-size:16px;font-weight:bold;line-height:20px;text-transform:uppercase; } #store-list .product-price { float:right;padding:0;margin:-3px 0 0 0;font-size:20px;font-family:Georgia; } #store-list .product-from { font-size:16px; } #store-list .product-detail { width:300px;padding-bottom:5px;font-style:italic;margin-top:-5px; } #store-list .product-options { width:300px;margin-top:1px;padding-bottom:5px;font-size:11px;line-height:11px; } #store-list .product-reference { float:right;padding-top:5px;font-size:11px;color:#83796E; } #store-list .product-shape { margin-top:2px;clear:left;font-size:11px;color:#83796E; } #store-list .product-detail + .product-options + .product-shape { margin-top:1px; } #store-list .add-cart { clear:none;float:right; } #store-list .product-size { display:block;float:left;clear:left;padding:2px;background-color:#9A8E7E;border:none;font-size:13px;font-family:Lucida Sans Unicode; } #store-list .e_nav { margin-top:19px;padding-right:45px;text-align:right; } #store-list .e_nav .e_prev { display:inline;clear:none;margin-right:20px; } #store-list .e_nav .e_next { display:inline;clear:none; } #store-list .e_items.e_none { font-size:20px;padding-top:30px; } #store-list.limited-ed #content li { padding:0px 0 55px 0; } #store-list.limited-ed .product-name { width:auto;float:none;margin:5px 0 0 0;font-family:Georgia;font-size:22px;font-weight:normal; } #store-list.limited-ed .product-picture { float:left;width:410px;margin:0 15px 0 0; } #store-list.limited-ed .product-information { height:auto; } #store-list.limited-ed .product-description { margin:10px 0 0 0;font-size:11px;text-align:justify;line-height:14px;width:290px; } #store-list.limited-ed .product-quantity { margin:20px 0;font-family:Georgia;font-weight:bold;width:290px; } #store-list limited-ed .product-shape { padding:0;clear:left;background-color:#993333;width:200px; } #store-list limited-ed .product-reference { float:left;width:50px; } #store-list.limited-ed .product-price { clear:both;float:none;margin:25px 0 35px 0; } /* Détail */ #product-detail { position:absolute;width:933px;height:600px;background:url(../pix/store/detail-bg.jpg) no-repeat;color:#000; } #product-detail select { margin:2px 0 0 0;padding:2px;font-size:13px;font-family:Lucida Sans Unicode; } #product-detail label { font-size:13px;font-weight:bold;margin-top:20px; } #detail-picture { width:510px;height:314px;position:absolute;margin:141px 0 0 70px;z-index:52; } #detail-loader { position:absolute;margin:141px 0 0 70px;z-index:50; } #detail-information { width:300px;position:absolute;margin:135px 0 0 600px; } #detail-information.high { margin-top:110px; } #detail-information.veryhigh { margin-top:90px; } #detail-information table { width:270px;font-family:Lucida Sans;font-size:14px;margin-top:10px;color:#000; } #detail-name + table { margin-top:15px; } #detail-information table .right { font-family:Georgia;font-size:17px; } #detail-information table input { display:inline;vertical-align:text-bottom;cursor:pointer; } #detail-name { font-size:26px;line-height:26px;letter-spacing:-1px;text-transform:uppercase; } #detail-detail { font-size:20px;font-style:italic;padding-top:0;min-height:10px; } #detail-description { font-family:Lucida Sans;font-size:11px;margin:5px 10px 0 0;text-align:justify; } #detail-price { margin:10px 0 10px 0;font-size:26px;letter-spacing:-1px; } #detail-countdown { margin:7px 0 20px 0;font-size:17px; } #detail-onesize { font-size:12px;font-weight:bold;margin-top:15px;font-family:Lucida Sans Unicode; } #detail-onesize-title { font-size:18px;font-weight:bold;margin-bottom:5px; } #detail-option-information { width:290px;margin:5px 0 0 1px;font-size:10px; } #detail-size-xl { width:140px;margin:5px 0 0 1px;font-size:10px;font-weight:bold; } table + label + select + #detail-option-information { width:130px; } #detail-add-cart { position:absolute;margin:370px 0 0 778px;cursor:pointer;z-index:500; } #detail-back { position:absolute;margin:398px 0 0 780px;cursor:pointer;z-index:500; } #detail-shopping-cart { position:absolute;margin:439px 0 0 781px;cursor:pointer;z-index:500; } #detail-added { position:absolute;margin:10px 15px 0 685px;width:233px;font-weight:bold;color:#fff;text-align:right;font-size:20px;line-height:20px; } #detail-metal { width:290px;margin:5px 0 0 1px;font-size:12px;margin:30px 0 0 0;font-weight:bold;width:100px;font-family:Lucida Sans;letter-spacing:-1px; } #detail-quantity { display:inline; } #detail-quantity + span { font-size:14px;font-family:Lucida Sans Unicode, sans-serif } /* Simplemodal */ #product-overlay { background-color:#000; } #product-container { width:933px;height:600px; } /* Confirm */ #add-cart-confirm { position:absolute;width:400px;padding:20px;background:#857967;text-align:center;color:#000; } /* Simplemodal */ #confirm-overlay { background-color:#000; } #confirm-container { width:400px;height:50px; } /* Shopping Cart --------------------------------------- */ #cart #middle { background:url(../pix/store/list-bg.jpg) no-repeat; } #cart #content { height:434px;width:753px;padding:25px 0 0 180px;color:#FFF; } #cart #navigation { width:150px; } /* None */ #cart .e_items.e_none { line-height:340px;font-size:20px;padding-left:65px; } /* Liste */ #cart #cart-wave { display:block;margin:0 10px 25px auto; } #cart-table-all { margin-right:20px; } #cart table { width:710px; } #cart #cart-table { height:245px; } #cart table th { padding:0 5px 10px 5px;font-family:Lucida Sans;font-weight:bold;text-transform:uppercase;font-size:20px;color:#857967; } #cart .c1 { width:50px; } #cart .c2 { width:285px; } #cart .c3 { width:90px; } #cart .c4 { width:50px; } #cart .c5 { width:125px; } #cart .c6 { width:140px; } #cart .cR { text-align:right; } #cart #cart-table .cInput { padding-top:1px;line-height:24px; } #cart #cart-table select { display:inline;font-size:12px;font-family:Lucida Sans Unicode,sans-serif; } #cart #cart-foot { margin:5px 0 15px 0; } #cart #cart-foot th { font-size:18px; } #cart #cart-foot th.cTotal { font-family:Georgia;color:#fff; } .bold { font-weight:bold; } #cart #cart-table td { font-size:16px;padding:4px 5px;vertical-align:top; } #cart #cart-table td .detail { padding-top:2px;font-size:11px;font-family:Lucida Sans; } #cart #cart-table td .options { padding-top:2px;font-size:11px;font-family:Lucida Sans; } #cart #cart-table td .size { font-size:11px;color:#857967;padding-top:5px;font-family:Lucida Sans; } #cart #cart-table td .small { font-size:10px; } #cart #cart-table td img { height:54px; } #cart #cart-table table input { width:25px;display:inline;font-family:Georgia;font-size:16px;padding:0 0 2px 0;text-align:right; } #cart #previous { clear:left;margin:0 0 0 10px; } #cart #next { display:block;margin:0 45px 0 auto;overflow:hidden;float:right; } #cart fieldset { width:330px;float:left;height:331px;padding:0; } #cart fieldset div { padding:0 11px 0 0; } #cart fieldset legend { margin-bottom:0;font-family:Lucida Sans;font-weight:bold;text-transform:uppercase;font-size:20px;color:#857967; } #cart .inputHidden { border:0;background:none;height:0;padding:0;margin:0; } #cart label { clear:both;float:none;padding:8px 0 1px 0;font-size:12px; } #cart .inputText, #cart select, #cart textarea { padding:3px;border:none;font-family:Lucida Sans;font-size:11px; } #cart fieldset .inputText, #cart fieldset textarea, #cart fieldset select { width:130px; } #cart fieldset textarea, #cart fieldset select { width:160px;margin-right:0; } #cart .one input { width:130px; } #cart #shipping-address, #cart #billing-address { height:64px; } #cart #shipping-state, #cart #billing-state { width:160px; } #cart #shipping-postal-code, #cart #billing-postal-code { width:60px;margin-right:5px; } #cart #shipping-city, #cart #billing-city { width:95px;margin-right:5px;margin-right:0; } #cart #billing-toggle-p { width:300px; } #cart #billing-toggle { margin:8px 5px 8px 0; } #cart .newsletter { width:135px;padding-top:15px; } #cart .newsletter input { display:block;float:left;width:auto;margin:0 5px 10px 0;cursor:pointer; } #cart input.inline { display:inline;width:auto;margin:10px 5px 10px 0;cursor:pointer; } #cart #cart-inside { margin-left:50px; } #cart .billing { padding:0; } #cart input.no-country { margin-top:7px; } #cart #side { position:absolute;margin:88px 0 20px 35px;width:120px;text-align:left;font-size:20px;color:#857967;} #cart #side .small { font-size:14px; } #cart p.e_warn, #cart p#side.e_warn, #cart p.e_warn a, #cart td.e_warn, #cart span.e_warn { color:#993333; } #cart input.e_warn, textarea.e_warn, #cart select.e_warn { background-color:#993333; } #cart #cart-table.bis { height:185px; } #cart .c1Bis { width:50px; } #cart .c2Bis { width:225px; } #cart .c3Bis { width:90px; } #cart .c4Bis { width:70px; } #cart .c5Bis { width:45px; } #cart .c6Bis { width:110px; } #cart #cart-foot.is { margin:5px 0 15px 0; } #terms { text-align:right;width:710px;padding:10px 0 33px 5px;font-family:Lucida Sans;font-size:14px;height:17px; } #terms a { color:#FFF;font-weight:normal;letter-spacing:-1px; } #cart input#check-terms.inline { margin:0 0 15px 5px;float:right; } #tooltip { position:absolute;display:none;background-color:#333;color:#ccc;z-index:500000;padding:0;width:104px;vertical-align:middle; } #tooltip img { margin:2px;width:100px; } .centered { width:400px;margin:0 auto;padding:170px 0 0 0;text-align:center } .centered input { display:inline;margin-top:5px; } #cart #no-country { margin:65px 10px 0 0;text-align:justify;line-height:18px; } #cart #no-country .scroll-pane { height:355px; } #cart #no-country .big { font-size:16px; } #cart #no-country #form { width:540px;margin:15px auto 20px auto; } #cart #no-country label { margin:0 10px;padding:5px 0 0 0; } #cart #no-country input { margin:0 10px;width:160px; } #cart #no-country textarea { margin:0 10px;height:64px;width:160px; } #cart #no-country #postal-code { width:60px;margin:0 5px 0 10px; } #cart #no-country #city { width:90px;margin:0 10px 0 5px; } #cart #no-country p.left label { margin:0 10px 0 5px;padding:5px 0 0 0; } #cart #no-country #get-back { width:auto;clear:both;display:block;margin:20px auto 35px auto; } /* Vip --------------------------------------- */ #vip #middle { background:url(../pix/store/list-bg.jpg) no-repeat; } #vip #content { height:419px;width:933px;} /* Navigation */ #vip #navigation { height:54px;width:195px;float:left;clear:none;padding:395px 0 0 48px;background:url(../pix/store/list-navigation-bg.gif) 195px 395px no-repeat; } #vip #navigation #back-store { margin-top:10px } #vip #gallery { padding-top:55px; } #vip #gallery li { float:left;padding:5px;margin:5px;border:1px solid #857967; } /* ---------------------------------------- STYLES ECOG ---------------------------------------- */ .e_html { line-height:16px; text-align:justify; } .e_warnError { position:absolute;z-index:30000;background-color:#FF6600;height:300px;margin:0 5%;overflow:auto; } #tags { clear:both; font-size:12px; font-style:italic; font-family:Arial, Helvetica, sans-serif; text-align:left; padding:15px 20px 2px 20px; } #permalink { clear:both; font-size:12px; font-style:italic; font-family:Arial, Helvetica, sans-serif; text-align:left; padding:0 20px 20px 20px; color:#FF6600; } #tags strong { font-weight:bold; font-style:italic; } .e_back { padding:10px; text-align:center; } /* Formulaire */ .inputText, .inputSelect, .inputTextarea { border:1px solid #999999; padding:1px; } .inputTextWarn, .inputSelectWarn, .inputTextareaWarn { border:1px solid #FF9900; padding:1px; } .inputSubmit { padding:0; margin:0; border:1px solid #999999; font-size:11px; } /* ---------------------------------------- STYLES jScrollPane ---------------------------------------- */ .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; } .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: url('../pix/shared/scroll_bg.png'); } .jScrollPaneDrag { position: absolute; cursor: pointer; overflow: hidden; background: #83796E url('../pix/shared/scroll_grab.gif') 50% 50% no-repeat; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; } a.jScrollArrowUp:hover { /*background-color: #f60;*/ } a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; } a.jScrollArrowDown:hover { /*background-color: #f60;*/ } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ } #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #83796E; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #83796E; margin: 0 auto; line-height: 1.4em; overflow: visible; width: 100%; padding: 0 10px 0; height:40px; } #lightbox-container-image-data { padding: 0 10px; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }