/* Theme Name: Sixpack Theme URI: http://www.sixpack.com/ Version: 1 Author: Emmanuel Jolivet */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ | | Copyrigth (c) 2009 sixpack | css : sebousan | http://www.sebousan.com/ | \ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* class permettant le retour dans le flux sans ajout de markup a appliquer sur le conteneur de flottant */ .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix {display:inline-block;} /* \*/ * html .clearfix {height:1%;} .clearfix {display:block;} /* --- BASE --- */ * { padding:0; margin:0; } body { background:#dcdbeb; font: normal 10px Arial, Helvetica, Sans-Serif; color: #959595; text-align:center; padding:20px 0 40px 0; } a { color: #000; text-decoration:none; } a:hover { text-decoration:underline; } a img { border: none; text-decoration: none; } input, select { color:#959595; font-size:11px; } option { padding-right:10px; } input:focus { outline: 0; outline-offset: 0; } h4 { font-size: 1em; } .hidden { display:none; } /* ------- TEMPLATE ------- */ #page { width: 955px; margin: 0 auto; padding:0 0 25px 25px; text-align:left; background:#fff; border-bottom:1px solid #dbdbdb; position:relative; } #header { height:73px; padding-top:15px; margin-bottom:12px; } h1#logo a { float:left; width: 300px; height:35px; margin-bottom:7px; background:url('/shop/img/logo.png') 0 0 no-repeat; } #sidebar { float:left; width:175px; margin:23px 40px 30px -35px; padding:0 0 20px 0; background:#000; text-transform:uppercase; color:#535353; font-size:11px; font-weight:bold; display:inline; position:relative; } #main { float:left; width:760px; padding-bottom:10px; } #footer { clear:both; background:url('../img/border-trans.png') 0 0 no-repeat; padding:20px 0 0 15px; margin-left:-25px; opacity:.6; } /* -------------------- INSIDE TEMPLATE HEADER -------------------- */ /* block currencies */ #currenciesBlock { padding-right:5px; float: right; border-right:1px solid #000; opacity:.4; } #currenciesBlock ul { float: left; height: 1.5em; } #currenciesBlock ul li { float:left; margin-right:0.2em; } #currenciesBlock ul li a { display:block; font-size:10px; padding:1px; width: 1.6em; line-height: 1.5em; text-align:center; color:#000;} #currenciesBlock ul li a:hover, #currenciesBlock ul li.selected a { border:#000 1px solid; padding:0; text-decoration:none; opacity:.5; } /* block languages */ #languagesBlock { float: right; padding-right:25px; } #languagesBlock li { float:left; margin-left: 5px; text-transform:uppercase; padding:1px 4px; } #languagesBlock li.on { border:1px solid #000; padding:0 3px; color:#000; opacity:.2; } #languagesBlock li a { color:#000; opacity:.4; } #languagesBlock li a:hover { text-decoration:none; } /* shopping cart */ #shoppingCart { text-transform:uppercase; float:right; clear:right; margin:3px 25px 0 0; white-space:nowrap; } #shoppingCart a { color:#000; padding-left:20px; background:url('../img/icon/cart.png') 0 0 no-repeat; opacity:.4; } /* main menu */ #mainMenu { clear:both; font-weight:bold; height:27px; overflow:hidden; } #mainMenu li, #mainMenu a { float:left; margin-right:1px; text-align:center; height:27px; } #mainMenu li { background:url('../img/bg-menu.png') 0 0 repeat; } #mainMenu a { padding:7px 5px 0 5px; width:93px; height:20px; margin:0; color:#fff; text-transform:uppercase; } #mainMenu a:hover, #mainMenu li.on a { background:#000; text-decoration:none; } #mainMenu li.secondary { width:410px; margin:0; height:20px; padding:7px 0 0 0; text-align:left; font-size:11px; font-weight:normal; } #mainMenu li.secondary li { float:none; display:inline; margin:0; padding:0 14px 0 10px; background:url('../img/bullet.png') 100% 6px no-repeat; } #mainMenu li.secondary li.last { background:none; } #mainMenu li.secondary a { float:none; color:#4b4b4b; background:none; padding:0; text-transform:none; } #mainMenu li.secondary a:hover { background:none; color:#000; } /* ---------------------- INSIDE TEMPLATE SIDEBAR ---------------------- */ #sidebar #catNew, #sidebar select, #sidebar ul { margin-bottom:20px; } #sidebar h2 { font-size:11px; color:#535353; clear:left; } #sidebar ul { list-style:none; } #sidebar label { display:block; } #sidebar a { color:#fff; } #sidebar select { width:125px; } #sidebar input { width:96px; background:#f0f0f0; float:left; border:none; padding:2px 3px; } #sidebar input#search_button { width:auto; padding:0; background:#000; color:#fff; border:1px solid #fff; } #sexCat li, #sexCat a { float:left; width:87px; display:inline; } #sexCat li { background-color:#bababa; } #sexCat li a { text-align:center; padding:10px 0; } #sexCat li a:hover { text-decoration:none; } #sexCat li.on { background-color:#000; } #sexCat li.first { border-right:#fff solid 1px; } #blockCategories { padding:0 5px 0 25px; } #searchBlock { padding:0 0 0 25px; } #searchBlock p { font-size:10px; text-transform:lowercase; font-weight:normal; clear:both; } #manufacturer #sidebar, #blog #sidebar { padding: 0 10px 20px 25px; width:140px; } #blockArtists { padding:25px 0 0 0; } #blockInfos { padding:25px 15px 0 25px; } #blockInfos h2 { margin-bottom:10px; } #blockInfos ul { margin:0; } #blockInfos li { margin-bottom:10px; } /* ------------------ INSIDE TEMPLATE MAIN ------------------ */ /* breadcrumb.tpl */ .breadcrumb { font-size:10px; margin-bottom:25px; text-transform:uppercase; } .breadcrumb .youAreHere { font-size:9px; } .breadcrumb .navigation-pipe { padding: 0 0.3em; } /* ------------------ INSIDE TEMPLATE HOME ------------------ */ #index #main { width:auto; } #homeCollection { width:570px; height:406px; float:left; margin-bottom:20px; display:inline; } #homeEvents { width:360px; height:413px; float:left; background:#fff; overflow:hidden; border-bottom:1px solid #ebebeb; } #homeEvents .post { width:180px; float:left; background:none; margin:0; padding:0; overflow:hidden; } #homeEvents .post h2 { font-size:12px; border:none; margin:0; padding:4px 0; line-height:19px; } #homeEvents .post h2 a { color:#959595; } #homeEvents .post h2 a span { color:#000; font:normal bold 10px Arial, Helvetica, sans-serif; } #homeEvents .post img { width:180px; height:180px; } #homeProducts { clear:left; height:500px; } #homeProducts h2 { font:bold 13px Times; color:#000; text-transform:uppercase; margin-left:15px; } #homeProducts .underTitle { font:bold 12px Times; color:#959595; font-style:italic; margin-left:15px; } #homeProducts ul { position:relative; } #homeProducts li { position:absolute; width:183px; } #homeProducts .item2 { top:220px; } #homeProducts .item3 { left:183px; width:380px; } #homeProducts .item4 { left:563px; } #homeProducts .item5 { left:746px; } #homeProducts .item6 { top:220px; left:563px; } #homeProducts .item7 { top:220px; left:746px; } /* ------------------- TEMPLATE ARTISTS LIST ------------------- */ /* manufacturer-list.tpl */ .artistsList { clear:both; list-style:none; background:url('../img/border.gif') 0 100% no-repeat; padding:0 0 20px 0;} .artistsList li { float:left; width:130px; text-align:center; margin:0 30px 20px 30px; } .artistsList img { padding:4px; border:1px solid #cdcdcd; margin-bottom:5px; } .artistsList h3 a { font: bold 14px Times; color:#959595; font-style: italic; } /* -------------- TEMPLATE ARTISTS -------------- */ /* manufacturer.tpl */ #artistBloc { background:url('../img/border.gif') 0 100% no-repeat; padding:0 0 40px 0; margin-bottom:7px; } #artistContent { float:left; width:335px; } #artistContent dl { border-bottom:1px solid #d6d6d6; padding-bottom:5px; margin-bottom:20px; } #artistContent dt { text-transform:uppercase; } #artistContent dd { margin-bottom:10px; } #artistContent h2 { font: bold 36px Times; color:#000; font-style: italic; } #artistContent h3 { font: bold 24px Times; color:#000; font-style: italic; } #artistContent h4 { font: bold 11px Arial; color:#707070; text-transform:uppercase; margin-bottom:5px; } #artistContent p { margin-bottom:20px; color:#707070; line-height:16px; } .manufacturer_slideshow { list-style:none; } .manufacturer_slideshow li, .manufacturer_slideshow a { float:left; } .manufacturer_slideshow li { margin-right:5px; } /* artist product */ #artistProduct { padding:0 0 30px 0; } #artistProduct h4 { font-size:9px; font-weight:bold; text-transform:uppercase; color:#000; padding-left:5px; margin-bottom:3px; } #artistProduct p.subTitle { font-size:11px; padding-left:5px; } #artistProduct .productList { background:none; padding:0;} /* ------------------- TEMPLATE PRODUCT LIST ------------------- */ /* product-list.tpl */ .productList { clear:both; list-style:none; background:url('../img/border.gif') 0 100% no-repeat; padding:0 0 20px 0; } .productList li { float:left; width:190px; text-align:center; margin:0 0 20px 0; } .productList h3 { font-size:9px; font-weight:bold; text-transform: uppercase; margin-bottom:3px; } .productList .productArtist { font: bold 14px Times; color:#959595; font-style: italic; } .productList .productArtist a { color:#959595; } /* -------------- TEMPLATE PRODUCT -------------- */ /* product.tpl */ #productBloc { background:url('../img/border.gif') 0 100% no-repeat; padding:0 0 20px 0; margin-bottom:7px; } /* big image */ #productImg { float:left; width:380px; height:420px; margin-right:25px; position:relative; } #productImg p { text-align:center; } #productContent { float:left; width:335px; } #productContent h2 { font-size:26px; text-transform: uppercase; font-weight: bold; color: #000; } #productContent h3 { font:bold 26px Times; font-style:italic; color:#959595; border-bottom:1px solid #d6d6d6; padding-bottom:5px; margin-bottom:20px; } #productContent h3 a { color:#959595; } #productContent .colomn { float:left; width: 160px; margin-right:15px; display:inline; } #productContent .last { margin:0; padding:20px 0 0 0; } #productContent .shortDescription { color:#707070; font-weight:bold; font-size:12px; margin-bottom:20px; line-height:1.4em; } #productContent label, #productContent .likeLabel { text-transform:uppercase; color:#717171; font-size:9px; display:block; } #productContent input, #productContent select { margin-bottom:11px; display:block; margin-top:2px; font-size:12px; } #productContent .btnAddCart input { text-transform:uppercase; } #productContent .likeLabel { margin-bottom:2px; } #productContent .price .likeLabel { margin-bottom:3px; } #oosHook { clear:both; margin-bottom:10px; } /* thumb */ #views_block ul { list-style:none; overflow:hidden; width:160px; height:100px; } #views_block li { padding-right:6px; }order-detail-content #views_block li, #views_block a { float:left; width:50px; height:50px; } /* color */ a.color_pick { text-align:center; width:70px; height:16px; margin-bottom:10px; cursor: pointer; display:block; background:url('../img/border.png') 0 0 no-repeat; color:#fff; } a.color_pick span { background:url('../img/border.png') 100% 0 no-repeat; height:15px; display:block; padding-top:1px; } a.color_pick:hover { text-decoration:none; } /* size */ #productContent label span { padding-left:10px; } #productContent label span a { color:#a0a0a0; text-transform:lowercase; } /* quantity */ #productQuantityWanted { float:left; width:75px; margin-bottom:10px; } #productQuantityWanted input { width:26px; text-align:center; } /* price */ #productContent .price { float:left; margin-bottom:10px; } #productContent .price .our_price_display { background:#000 url('../img/border.png') 0 0 no-repeat; display:block; padding-left:4px; } #productContent .price .our_price_display span { background:url('../img/border.png') 100% 0 no-repeat; color: #fff; height:15px; display:block; padding-right:4px; padding-top:1px; text-align:center; width:66px; } .discount { text-align:center; text-transform:uppercase; color:#F00; font-weight:bold; width:74px; display:block; font-size:9px; } .oldPrice { clear:both; text-decoration: line-through; } .reduction_percent { font-weight:bold; float:right; } .price-discount { text-decoration: line-through; } .price-pretax { color: gray; } .price-ecotax { color:#488c40; } /* add cart */ .btnAddCart { clear:left; } /* availability statut */ #availability_statut { clear:left; color:#f00; } #availability_statut .likeLabel { font-weight:bold; color:#f00; } /* more product */ #moreProduct { padding:0 0 30px 0; } #moreProduct h4 { font-size:9px; font-weight:bold; text-transform:uppercase; color:#000; padding-left:5px; margin-bottom:3px; } #moreProduct #moreProductMenu { list-style:none; padding-left:5px; } #moreProduct #moreProductMenu li { float: left; padding-right:7px; margin-right:7px; border-right:1px solid #b1b1b1; font-size:11px; text-transform:uppercase; } #moreProduct #moreProductMenu li.last { padding:0; margin:0; border:0; } #moreProduct #moreProductMenu li a.selected{ color:#959595; } #moreProduct .productList { background:none; padding:0;} /* addthis */ .addthis { clear:left; width: 90px; margin: 0 0 0 auto; } .addthis a { color: #707070; font-weight:bold; font-size: 12px; } /* ------------------- TEMPLATE PAGINATION ------------------- */ /* pagination.tpl */ #pagination { clear:both; margin: 1em 0; padding:7px 5px; color:#707070; font-size:11px; } #pagination input.button_mini { display:inline; } /* --------- TEMPLATE CMS --------- */ /* cms.tpl */ #cms #main div { padding-bottom:20px; width:600px; } #cms #main div p { font-size:12px; line-height:18px; } #cms table { width:100%; } #cms th { width:170px; } #cms th, #cms td { text-align:left; padding:5px 0; } #cms dl { margin-top:15px; font-size:12px; } /* ---------- TEMPLATE FORM ---------- */ /* global form style */ form.std { clear: both; } form.std h3 { color: #000; background:#EEEFF3; font-size: 1.4em; font-weight: normal; border-bottom: 1px solid #d0d1d5; padding: 0.5em; margin: 0 0 0.5em 0; } form.std fieldset { border: 1px solid #d0d3d8; margin-bottom: 1em; padding-bottom: 1em; } form.std fieldset legend { padding: 0.3em 0.6em; margin: 1em 0 1em 0.5em; font-size: 1.6em; font-weight: 100; border: #d0d1d5 solid 1px; } form.std h4, form.std p { padding: 0.3em 1em; clear: both; } form.std label, form.std p span { float: left; text-align: right; width:30%; margin-right:5px; } form.std p span.like_input { width: auto; margin-left:0.7em; } form.std p.checkbox { padding-left: 30%; } form.std p.submit { margin:10px 0; } /* ----------- OTHER TEMPLATE ----------- */ /* warning */ .warning { color:#000; background-color: #ccc; border: 1px dashed #666; font-weight: bold; margin: 0.2em 10px; padding: 0.6em 1em; } .warning_inline { color:#da0f00; font-weight:bold; } /* -------------------- INSIDE TEMPLATE FOOTER -------------------- */ /* footer.tpl */ #footer ul { list-style:none; } #footer ul li { width:150px; padding-left:40px; float:left; color:#000; } #footer ul ul { margin-top:15px; } #footer ul ul li { width:150px; padding-left:0; line-height:1.8em; opacity:.5; } #footer a { color:#000; } /* url externe with icons */ #footer ul ul li#linkRSS { padding-left:15px; background:url('../img/icon/rss.png') 0 50% no-repeat; } #footer ul ul li#linkFB { padding-left:15px; background:url('../img/icon/fb.png') 0 50% no-repeat; } #footer ul ul li#linkMyspace { padding-left:15px; background:url('../img/icon/myspace.png') 0 50% no-repeat; } #footer ul ul li#linkTwitter { padding-left:15px; background:url('../img/icon/twitter.png') 0 50% no-repeat; } /* ------------------------- INSIDE TEMPLATE COLLECTIONS ------------------------- */ #collection #main, #compatibilities #main { width:auto; } #collection #page, #compatibilities #page { background:transparent; border-bottom:none; } #compatibilities #main { height:600px; } /* nav */ .compatibility_navigation { position:absolute; top:305px; left:640px; list-style:none; } .compatibility_navigation li { width:51px; height:78px; margin-right:10px; float:left; } .compatibility_navigation li a { width:51px; height:78px; display:block; } .compatibility_navigation span { position:absolute; left:-10000px; } #navfr.compatibility_navigation li#previousColl { background:url('../img/collection/b-previousColl-fr-off.png') 0 0 no-repeat; } #navfr.compatibility_navigation li#previousColl.on { background:none; } #navfr.compatibility_navigation li#previousColl.on a { background:url('../img/collection/b-previousColl-fr.png') 0 0 no-repeat; } #navfr.compatibility_navigation li#previousColl.on a:hover { background:url('../img/collection/b-previousColl-fr-on.png') 0 0 no-repeat; } #naven.compatibility_navigation li#previousColl { background:url('../img/collection/b-previousColl-en-off.png') 0 0 no-repeat; } #naven.compatibility_navigation li#previousColl.on { background:none; } #naven.compatibility_navigation li#previousColl.on a { background:url('../img/collection/b-previousColl-en.png') 0 0 no-repeat; } #naven.compatibility_navigation li#previousColl.on a:hover { background:url('../img/collection/b-previousColl-en-on.png') 0 0 no-repeat; } #navfr.compatibility_navigation li#nextColl { background:url('../img/collection/b-nextColl-fr-off.png') 0 0 no-repeat; } #navfr.compatibility_navigation li#nextColl.on { background:none; } #navfr.compatibility_navigation li#nextColl.on a { background:url('../img/collection/b-nextColl-fr.png') 0 0 no-repeat; } #navfr.compatibility_navigation li#nextColl.on a:hover { background:url('../img/collection/b-nextColl-fr-on.png') 0 0 no-repeat; } #naven.compatibility_navigation li#nextColl { background:url('../img/collection/b-nextColl-en-off.png') 0 0 no-repeat; } #naven.compatibility_navigation li#nextColl.on { background:none; } #naven.compatibility_navigation li#nextColl.on a { background:url('../img/collection/b-nextColl-en.png') 0 0 no-repeat; } #naven.compatibility_navigation li#nextColl.on a:hover { background:url('../img/collection/b-nextColl-en-on.png') 0 0 no-repeat; } /* product list */ #compatibilities .productList { position:absolute; top:415px; left:640px; background:none; } #compatibilities .productList ul { list-style:none; } #compatibilities .productList li { clear:left; width:auto; } #compatibilities .productList a { border:1px solid #959595; padding:3px; float:left; margin-right:13px; } #compatibilities .productList a img { display:block; } #compatibilities .productList div { float:left; margin-top:13px; text-align:left; } #compatibilities .productList h3 a, #compatibilities .productList .productArtist a { border:none; padding:0; float:none; color:#000; } #compatibilities .productList .productArtist { color:#000; opacity:.2; } #compatibilities .productList #collections_select { clear:both; border:1px solid #999; background:#fff; width:150px; font-size:11px; } #compatibilities .productList .warning { margin-bottom:20px; } /* -------------------- INSIDE TEMPLATE TUNEL ACHAT -------------------- */ #authentication #main h2, #order #main h2, #payment #main h2 , #order-confirmation #main h2 { font:italic bold 36px Times, serif; color:#000; border-bottom:1px solid #e4e4e4; margin-bottom:20px; } #order-confirmation #main p { font-size:12px; } #order-confirmation #main .breadcrumb { font-size:10px;} #order-confirmation #main .breadcrumb .youAreHere { font-size:9px; } .carrier_title { margin-top:15px; } /* -------------------- INSIDE TEMPLATE MON COMPTE -------------------- */ #my-account #main h2, #addresses #main h2, #order-slip #main h2, #history #main h2, #identity #main h2, #discount #main h2, #address #main h2 { font:italic bold 36px Times, serif; color:#000; border-bottom:1px solid #e4e4e4; margin-bottom:20px; } /* my-account.tpl */ #my-account #main ul { list-style: none; margin:20px; } #my-account #main li a { margin:10px 0; padding:20px; border:1px solid #ccc; display:block; font-size:11px; } #my-account #main li a:hover { text-decoration:none; background:#eee; } /* -------------------- INSIDE TEMPLATE BLOG -------------------- */ #iframetop { width:300px; height:40px; float:right; } .iframe #header { padding:0; margin:0;} .postInBlog .postContent { width:570px; } .post { background:url('../img/border.gif') 50% 100% no-repeat; padding-bottom:5px; margin-bottom:20px; } .post .date { color:#707070; font-size:11px; font-weight:bold; text-transform:uppercase; } .post h2 { font:italic bold 36px Times, serif; border-bottom:1px solid #e4e4e4; margin-bottom:20px; } .post h2 a:hover { text-decoration:none; } .post .postContent p { margin-bottom:20px; color:#707070; font-size:11px; font-weight:bold; line-height:1.8em; } .post .postContent a { text-decoration:underline; } /* commentaire */ #comments { clear:both; } #comments, #postcomment { font:italic bold 22px Times, serif; color:#000; margin:40px 0 20px 0; clear:both; } .commentlist { list-style:none; background:url('../img/border.gif') 50% 100% no-repeat; padding-bottom:5px; } .commentlist cite { color:#000; font-style:normal; font-weight:bold; font-size:11px; } .commentlist .date { color:#d5d5d5; font-size:10px; } .commentlist li { border-top:1px solid #ddd; margin:0; padding: 5px 10px 3px; } .commentlist li .avatar { float:left; border: 1px solid #eee; padding: 2px; background:#fff; margin:0 10px 0 0; } .commentlist p { margin: 10px 5px 10px 0; } #commentform p { margin: 5px 0; } #commentform input, #commentform textarea { border:1px solid #707070; } #commentform input#submit { padding:2px 0; width:150px; border:none; background:url('../img/button-medium_exclusive.gif') no-repeat; color:#fff; cursor:pointer;} .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } .lastPost { padding:20px 0 0 0; list-style:none; } .lastPost .date { color:#535353; display:block; } .lastPost li { margin-bottom:20px; } /* Captions & aligment */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; margin:0 40px 20px 0; } .alignright { float: right; margin:0 0 20px 40px; } /* gallery */ .gallery { clear:both; list-style:none; } .gallery li { width:190px; float:left; margin-bottom:18px; text-align:center; } /* index */ .postIndex h2 { border:none; } .postIndex .postContent { width:90% } .postIndex .date { padding-top:15px; } .postIndex .blocImg { float: left; margin:0 20px 20px 0; } .postIndex .blocImgEvent { float: left; margin:0 20px 20px 0; height:380px; overflow:hidden; } .postIndex .more { text-transform:uppercase; font-weight:bold; } body.iframe { padding:0; } body.iframe #header { background:#fff; text-align:left; } body.iframe #footer { background:#fff; text-align:left; margin:0; } /* pagination */ .wp-pagenavi { margin-bottom:20px; text-align:right; float:right; text-transform:uppercase; } .wp-pagenavi a { background:#fff; border:1px solid #fff; color:#707070; margin:2px; padding:2px 4px; } .wp-pagenavi a:hover { text-decoration:none; } .wp-pagenavi .current { background:#fff; border:1px solid #d4d4d4; color:#d4d4d4; margin:2px; padding:2px 4px; } /* HACK pour rajouter une marge aux images insérées en masse */ .imgInsertAll { margin-bottom:15px; display:block; } /* ---------------- PRESTASHOP DEFAULT ---------------- */ /* Useful */ .align_center { text-align:center; } .align_right { text-align:right; } .middle { vertical-align: middle; } .align_justify{ text-align: justify; } .uppercase { text-transform:uppercase; } .hidden, .collapsed, .block_hidden_only_for_screen { display:none; } .wrap { white-space: normal; } .bold { font-weight: bold; } .strike { text-decoration:line-through; } .italic { font-style: italic; } .top { vertical-align: top; } .span_link { cursor:pointer; } .span_link:hover { text-decoration:underline; } .clear { clear:both; } br.clear { clear:both; line-height:0; font-size:0; height:0; } /* transfert effect*/ .transferProduct { border: 2px solid #888; } /* simple list inline */ ul.inline_list{ list-style-type:none; margin-top: 1em; } ul.inline_list li { float:left; text-align:center; } ul.inline_list li img{ display:block; } ul.half { width: 45%; margin-right: 1em; float: left; } /* Category tree (i.e. in sitemap) */ div.tree_top { background:url('../img/sitemap-top.gif') no-repeat -1px -3px; padding-left:24px; padding-bottom:5px; padding-top:3px; } ul.tree, ul.tree ul{ list-style-type:none; } ul.tree li{ padding-left:1.2em; border-left:1px gray dotted; background:url(../img/sitemap-horizontal.gif) no-repeat left 10px; margin-left:1em; } ul.tree a{ padding-left:0.2em; } ul.tree a.selected{ font-weight:bold; } ul.tree li.last{ background:url(../img/sitemap-last.gif) no-repeat -12px -2px; border:none; } span.grower{ cursor:pointer; } /* global RTE fields */ div.rte html, div.rte div, div.rte span, div.rte applet, div.rte object, div.rte iframe, div.rte h1, div.rte h2, div.rte h3, div.rte h4, div.rte h5, div.rte h6, div.rte p, div.rte blockquote, div.rte pre, div.rte a, div.rte abbr, div.rte acronym, div.rte address, div.rte big, div.rte cite, div.rte code, div.rte del, div.rte dfn, div.rte em, div.rte font, div.rte img, div.rte ins, div.rte kbd, div.rte q, div.rte s, div.rte samp, div.rte small, div.rte strike, div.rte strong, div.rte sub, div.rte sup, div.rte tt, div.rte var, div.rte dl, div.rte dt, div.rte dd, div.rte ol, div.rte ul, div.rte li, div.rte fieldset, div.rte form, div.rte label, div.rte legend, div.rte table, div.rte caption, div.rte tbody, div.rte tfoot, div.rte thead, div.rte tr, div.rte th, div.rte td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } div.rte h1, div.rte h2, div.rte h3, div.rte h4, div.rte h5, div.rte h6 { margin: 0.75em 0 0.3em 0; color: #374853; } div.rte h1 { font-size: 25px; font-weight:bold; } div.rte h2 { font-size: 20px; background:none; text-transform:none; } div.rte h3 {font-size: 16px;} div.rte h4 {font-size: 14px;} div.rte h5 {font-size: 12px;} div.rte h6 {font-size: 8px;} div.rte ol, div.rte ul { padding-left: 2em; } div.rte ul { list-style-type:square; } div.rte strong { font-weight:bold; } div.rte em { font-style:italic; } /* tables still need 'cellspacing="0"' in the markup */ div.rte table { border-collapse: separate; border-spacing: 1px; width:auto; } div.rte caption, div.rte th, div.rte td, div.rte table { text-align: left; font-weight: normal; background:none; height:inherit; border:1px #e5e6e7 solid; text-align:center; } div.rte th { padding-left:1em; padding-right:1em; background:#e5e6e7; } div.rte p { margin:0.5em 0pt; padding-left:0.7em; } /* /global RTE fields */ /* global table style */ div.table_block { background: transparent url('../img/table_footer.gif') no-repeat bottom left; padding-bottom:6px; margin:0 auto 2em; width:541px; } table.std { border-spacing: 0; border-collapse: collapse; width:100%; } table.std td, table.std th { padding: 0.4em 0.5em; } table.std th { white-space:nowrap; } table.std tr.item td, table.std tr.item th { background-color: white; } table.std tr.alternate_item td, table.std tr.alternate_item th { background-color: #f1f2f4; } table.std tbody tr td, table.std tfoot tr td { border-top: 1px solid #bdc2c9; } table.std thead th { background-color: transparent; background-image: url('../img/table_header.gif'); background-repeat: no-repeat; height:24px; color: #374853; font-weight: bold; text-align: left; white-space: nowrap; } table.std thead th.first_item { background-position: top left; } table.std thead th.last_item { background-position: top right; } table.std thead th.item { background-position: -5px 0; } table.std tfoot td { color: #374853; text-align: right; white-space: nowrap; } /* /global table style */ input, textarea, select, span.editable { font-size: 12px; font-family: Arial, Verdana, Helvetica, Sans-Serif; vertical-align: top; outline: none; } .checkbox input, .radio input { border: none; } form.std .checkbox label, form.std .radio label, form.std span.form_info { margin: 0; float: none; text-align: left; } .required sup { color: #da0f00; } /* START OF BUTTONS SECTION * -tags : input, a, span * -sizes : mini, small, normal, large * -types : button, exclusive * -status : normal, hover, disabled * -rule : the span.button is a a.button disabled */ /* global button */ input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large { background-repeat: no-repeat; background-position: top left; border: none; color:#fff!important; font-weight: bold; font-size: 10px!important; text-align: center; text-decoration: none!important; cursor: pointer; display: block; line-height: 21px; height: 21px; } /* input button */ input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled { padding-bottom:2px; } /* disabled button */ input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large { background-position: left -42px; cursor:default; color:#888!important; } /* exclusive button */ input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large { color:white!important; } /* exclusive disabled button */ input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large { color:#488c40!important; } /* hover button */ input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover, input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover { background-position: left -21px; } /* exclusive hover button */ input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover { color:white!important; } /* classic buttons */ input.button_mini, input.button_mini_disabled, input.exclusive_mini, input.exclusive_mini_disabled, a.button_mini, a.exclusive_mini, span.button_mini, span.exclusive_mini { background-image: url('../img/button-medium_exclusive.gif'); width:150px;} input.button_small, input.button_small_disabled, input.exclusive_small, input.exclusive_small_disabled, a.button_small, a.exclusive_small, span.button_small, span.exclusive_small { background-image: url('../img/button-medium_exclusive.gif'); width:150px; } input.button, input.button_disabled, input.exclusive, input.exclusive_disabled, a.button, a.exclusive, span.button, span.exclusive { background-image: url('../img/button-medium_exclusive.gif'); width:150px; } input.button_large, input.button_large_disabled, input.exclusive_large, input.exclusive_large_disabled, a.button_large, a.exclusive_large, span.button_large, span.exclusive_large { background-image: url('../img/button-medium_exclusive.gif'); width:150px; } /* exclusive button */ input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive { background-image: url('../img/button-medium_exclusive.gif'); width:150px; } input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini { background-image: url('../img/button-mini_exclusive.gif'); } input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small { background-image: url('../img/button-small_exclusive.gif'); } input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large { background-image: url('../img/button-medium_exclusive.gif'); width:150px; } /* add to cart button */ input.exclusive, a.exclusive { line-height: 21px; height: 21px; } input.exclusive:hover, a.exclusive:hover { background-position: left -21px; } input.exclusive_disabled, a.exclusive_disabled { background-position: left -42px; } /* id_state field in managed via JS and is firstly hidden */ form p.id_state { display:none; } /* generic style */ ul.bullet li, .block ul.bullet li { padding-left: 2em; background: transparent url('../img/bullet.gif') no-repeat 0.6em 0.5em; list-style-type:none; } /* errors */ .error { width: 90%; border: 1px solid #da0f00; background-color: #f1f2f4; color: #da0f00; margin: 0.3em auto 1.5em auto; padding: 0.3em 0.8em 1em; } .error p { font-weight: bold; } .error li { list-style-position: inside; list-style-type: decimal-leading-zero; padding-left: 3em; } /* success */ .success { color: green; background-color: #d0d3d8; border: 1px dashed green; font-weight: bold; margin: 0.2em 1em; padding: 0.3em 0.8em 1em; } .success_inline { color:green; font-weight:bold; } /* product-sort.tpl */ form#productsSortForm p{ height: 1em; margin: 0.5em 0 0 0; } form#productsSortForm p label, form#productsSortForm p select{ float:right; } form#productsSortForm p select{ font-size:1em; } /* Header */ #header ul { list-style: none; } #header form { border: none; margin-bottom: 0!important; display: inline; } #header label { margin: 0; float: none; } /* top links */ ul#header_links { margin: 0.4em 0.3em 0 0; list-style-type: none; float: left; } #header_links li { float:left; width: 66px; } #header_links a { display: block; height: 15px; color: #595a5e; padding-top: 19px; text-align: center; text-decoration: none; background-repeat: no-repeat; background-position: top center; background-color: transparent; } #header_links #header_link_sitemap a { background-image: url('../img/icon/sitemap.gif'); } #header_links #header_link_contact a { background-image: url('../img/icon/contact.gif'); } #header_links #header_link_bookmark a { background-image: url('../img/icon/star.gif'); } /* block left column "Quick search" */ #search_block_left input { margin: 2px 0px 0px 0px; } #search_block_left #search_query { width: 11em; } #search_button { display: inline; } /* Default block style */ div.block { margin-bottom: 1em; width: 191px; } #left_column div.block, #right_column div.block { padding-bottom: 6px; background: transparent url('../img/block_footer.gif') no-repeat bottom left; } div.block h4 { text-transform: uppercase; font-family: Helvetica, Sans-Serif; font-weight: bold; font-size: 1.2em; padding-left:0.5em; border-bottom:1px solid #595A5E; padding-top:2px; line-height:1.3em; color: #374853; height: 19px; background: transparent url('../img/block_header.gif') no-repeat top left; } div.block h4 a { color: #374853; } div.block ul { list-style: none; } div.block ul.tree li { padding-left:1.2em; } div.block a:hover { text-decoration: underline; } #left_column div.block .block_content a.button_large, #right_column div.block .block_content a.button_large { margin:0 0 0 -3px; } div.block .block_content { border-left: 1px #d0d3d8; border-right: 1px #d0d3d8; padding:0.5em 0.7em 0pt; background: #f1f2f4 url('../img/block_bg.jpg') repeat-x bottom left; min-height:20px; } div.block li { padding: 0.2em 0 0.2em 0em; list-style-position: outside; } div.block a { color: #595a5e; text-decoration: none; } /* block exclusive */ #left_column div.exclusive, #right_column div.exclusive { background: transparent url('../img/block_exclusive_footer.jpg') no-repeat bottom left; } div.exclusive h4 { background: transparent url('../img/block_header_exclusive.gif') no-repeat top left; color: white; } div.exclusive h4 a { color: white; } div.exclusive li { margin-top: 0; } div.exclusive, div.exclusive a { color: white; } div.exclusive .block_content { background: #bdc2c9 url('../img/block_exclusive_bg.jpg') repeat-x bottom left; border-left: 1px solid #595a5e; border-right: 1px solid #595a5e; } /* block myaccount */ #left_column div.myaccount, #right_column div.myaccount { background: #f6dce8 url('../img/block_footer_myaccount.jpg') no-repeat bottom left; } div.myaccount h4 { background: #971d58 url('../img/block_header_myaccount.jpg') no-repeat top left; } div.myaccount h4 a, div.myaccount h4 { color: white; } div.myaccount, div.myaccount a { color: #5d0630; } div.myaccount ul.bullet { margin-top: 0.6em; } div.myaccount ul.bullet li { background-image: url('../img/bullet_myaccount.gif'); } div.myaccount ul.bullet .icon { display: none; } div.myaccount p.logout { padding: 0.3em 0 0.3em 2em; } div.myaccount p.logout, div.myaccount p.logout a { color: #f00; } div.myaccount p.logout a { text-decoration: underline; } div.myaccount p.logout a:hover { text-decoration: none; } div.myaccount .block_content { background: #f6dce8 url('../img/block_bg_myaccount.jpg') repeat-x bottom left; border-left: 1px solid #f6dce8; border-right: 1px solid #f6dce8; } .account_input { margin-left: 0px; width:15em; } /* block in the center column */ #center_column p { margin: 0.5em 0; padding-left:0.7em;} #center_column div.block { width: 536px; margin:auto;} #center_column div.block h4 { background: transparent url('../img/block_header_large.gif') no-repeat top left; height: 17px; color: white; } /* Styles for products blocks */ /* block products (new, features, viewed, etc...) on left and right column */ .products_block li { clear: left; margin-top: 0.2em; } .products_block li.item img { margin-right: 5px; } .products_block li.last_item { border: none; } .products_block li img { vertical-align: top; float: left; margin-right: 0.2em; } .products_block p img { float: none; margin: 0 0 0 0.4em; } .products_block li h5 { display: inline; font-size: 0.9em; } .products_block li p a { font-weight: bold; font-size: 0.8em; } .products_block dl { clear: both; border-top: 1px solid #374853; padding: 0.2em 0.4em; } .products_block dl dt { margin-top: 0.3em; color: #595a5e; } .products_block p { margin-top: 0.4em; } .products_block a.button_large { margin: 0.4em 0.4em 0 0.4em; } .products_block ul.product_images li { border: none; float: left; clear: none; } /* Special style for block products in center column */ #center_column .products_block { border: none; } #center_column .products_block { color: #595a5e; } #center_column .products_block h4 { line-height: 1.3em; } #center_column .products_block .block_content { background: #d0d3d8 none; padding:0pt; } #center_column .products_block ul li:hover { background-color: #bdc2c9; } #center_column .products_block ul li { border-right: 1px solid white; border-bottom:1px solid white; float: left; clear: none; width:133px; /* height:375px;*/ background-color: #d0d3d8; padding: 0; margin-top:0; } #center_column .products_block ul .product_accessories_description { margin:0; padding:0; } #center_column .products_block ul .product_accessories_description .product_accessories_price{ margin-top:75px !important; margin-top:0px; } #center_column .products_block ul .product_accessories_description { margin:0; padding:0; height:280px; } /*#center_column .products_block li.last_item { float:none; clear:both; }*/ #center_column .products_block li.last_item_of_line { border-right:none; } #center_column .products_block li.first_item_of_line { clear:both; } #center_column .products_block li.last_line { border-bottom:none; } #center_column .products_block p, #center_column .products_block h5 { margin: 0.5em 0.1em; } #center_column div.products_block h5 { display: block; height: 2.57em; } #center_column div.products_block h5 a { color: #374853; font-size:1.1em; } #center_column div.products_block ul li p { margin:0; padding:0; } #center_column div.products_block p.product_desc { height:9.5em; color: #595a5e; } #center_column div.products_block a.product_image { display: block; background-color: transparent; width: 129px; height: 129px; margin-left:2px; } #center_column div.products_block .product_accessories_description a.product_image { width: 118px; height: 85px; } #center_column div.products_block a.product_description { display: block; width: 118px; height: 50px; margin-left:2px; } #center_column div.products_block a.product_image img{ float:none; margin:0; } #center_column div.products_block p.product_desc, #center_column div.products_block h5 { margin-left:0.5em; margin-right:0.5em; } #center_column div.products_block ul li p.product_desc a { font-weight:normal; } #center_column .products_block span.price { text-align: center; font-size: 1.6em; padding: 0.5em 0; display: block; } #center_column .products_block .featured_price { margin-top:2.5em; } #center_column .products_block a.button, #center_column .products_block a.exclusive, #center_column .products_block span.exclusive { margin: 0.5em auto; } /* Special style for block accessories in center column (product page) */ #center_column .products_block.accessories_block .block_content{ background:none; } #center_column div.products_block.accessories_block p.product_desc { height:6.5em; } #center_column .products_block.accessories_block .block_content li{ background:none; } #center_column .products_block.accessories_block .block_content li a.product_image, #center_column .products_block.accessories_block .block_content li a.product_description { border-right:1px solid #d0d3d8; font-weight:bolder; } #center_column .products_block.accessories_block .block_content li.last_item a.product_image{ border:none; } /* Block tags */ div.tags_block .block_content { padding: 0.2em 0.6em; } div.tags_block p { text-align: justify; font-size:0.9em; } div.tags_block p a { margin: 0 0.1em; line-height: 1.5em; } div.tags_block p a:hover { color:white!important; background-color:#5D717E; text-decoration:none; } a.tag_level3 { font-size: 1.8em; font-weight:bold;} a.tag_level2 { font-size: 1.4em;} a.tag_level1 { font-size: 1em; color:#888!important;} /* Block manufacturer */ .blockmanufacturer ul, .blocksupplier ul { margin-bottom: 0.6em; } .blockmanufacturer select, .blocksupplier select { width: 100%; margin: 0; } /* Block specials */ .blockspecials ul { height: 8em; } .blockspecials li { float: left; clear: none; width: 48%; } .blockspecials span { display: block; } .blockspecials p.product_image { margin-right: 0.3em; } .blockspecials p { padding: 0.3em 0 0 0; margin: 0; text-align: center; clear: both; } .blockspecials p a { margin: 0 auto; } /* Block Viewed Products */ div#viewed-products_block_left div.block_content ul.products li { height:85px; } div#viewed-products_block_left div.block_content ul.products li img { margin-right:7px; } /* Block newsletter */ div#newsletter_block_left div.block_content { padding:1em 0; text-align:center; } div#newsletter_block_left div.block_content p{ padding:0.3em 0; text-align:center; } div#newsletter_block_left div.block_content input.button_mini{ margin:1em auto 0em auto;} /* Block RSS */ div#rss_block_left p { margin:0.5em 0; text-align:center; } /* Block logo payment */ div.paiement_logo_block { width: 191px; text-align: center; margin-bottom: 1.5em; } div.paiement_logo_block a { text-decoration: none; } div.paiement_logo_block img { margin: 0 0.5em; } /* Block editorial */ .editorial_block { margin-bottom: 2em; } .editorial_block h2 { background: none; padding: 0; margin-bottom: 1em; } .editorial_block p { text-align: justify; padding-top: 0.4em;} #editorial_block_center p { padding-left:0px; } /* Block advertising */ .advertising_block { width: 191px; margin-bottom: 1em; text-align: center; } /* Block new products */ #new-products_block_right dt a { font-size:0.8em; font-weight:bold; } /* Block categories */ div#categories_block_left ul.tree { padding-left:0.5em; } div#categories_block_left ul.dhtml{ display:none; } div#categories_block_left ul.tree li { border:none; padding-left:15px; background: none; margin-left:0; font-weight:bold; font-size:13px; line-height:13px; margin-top:2px; } div#categories_block_left ul.tree li ul li{ padding-left:15px; background:none; font-size:11px; font-weight:normal; } div#categories_block_left ul.tree li ul li ul li{ padding-left:15px; font-size:9px; } div#categories_block_left ul.tree a{ padding-left:0; color:#374853; } div#categories_block_left ul.tree a:hover{ text-decoration:none; } div#categories_block_left ul.tree a.selected{ color: #488c40; font-weight: bold; } div#categories_block_left span.grower{ display:block; float:left; background-position: 0px 3px; background-repeat: no-repeat; width:9px; height:15px; margin: 0 0 0 -10px!important; margin: 0 0 0 -6px; padding: 0; } div#categories_block_left span.OPEN { background-image: url('../img/icon/less.gif'); } div#categories_block_left span.CLOSE{ background-image: url('../img/icon/more.gif'); } /* steps (like order step) */ ul.step { background: transparent url('../img/step_start.gif') no-repeat bottom left; list-style: none; width: 479px; margin:0.8em auto 2em; padding-left: 40px; height: 25px; width:465px; } ul.step li { height: 25px; float: left; width: 100px; text-align: center; background: transparent url('../img/step_standard.gif') no-repeat bottom left; } ul.step li.step_current { background: transparent url('../img/step_current.gif') no-repeat bottom left; color:#000; font-weight:bold; text-decoration:underline; } ul.step li.step_todo { font-style:italic; } ul.step li#step_end { width: 40px; } ul.step li#step_end { background: transparent url('../img/step_end.gif') no-repeat bottom left; } ul.step li#step_end.step_current { background: transparent url('../img/step_end_current.gif') no-repeat bottom left; } ul#order_step { background-color: white; } /* Special style for block cart*/ #cart_block .block_content { padding: 0.6em; } #cart_block h4 { background-image: url('../img/block_header_exclusive_cart.gif'); } #cart_block h4 span{ text-transform:none; font-size:0.8em; cursor:pointer; background-repeat:no-repeat; background-position:left top; padding-left:10px; } #cart_block h4 span#block_cart_collapse{ background-image: url('../img/icon/sort_asc_white.gif'); } #cart_block h4 span#block_cart_expand{ background-image: url('../img/icon/sort_desc_white.gif'); } #cart_block #cart_block_no_products{ margin: 0.5em 0; } #cart_block dl dt a, #cart_block dl dt span.quantity-formated { float: left; } #cart_block dl { font-size: 0.9em; } #cart_block dt{ padding-top:0.4em; height:1.2em; } #cart_block dl span.quantity-formated{ padding-right:0.3em; } #cart_block dt, #cart_block dd{ clear: both; margin-top:0.2em; } #cart_block dt { width: 175px; } #cart_block dd { width: 155px; } #cart_block dd{ margin-left:1em; margin-right:1em; font-style:italic;} #cart_block dl dt a { font-weight: bold; } #cart_block a.ajax_cart_block_remove_link { width:11px; height:13px; margin-left:4px; float:right; font-size:0; display:block; background: transparent url('../img/icon/delete.gif') no-repeat left bottom; } #cart_block a.ajax_cart_block_remove_link:hover { text-decoration:none; } #cart_block p { clear: both; } #cart_block p span { clear: right; float: left; text-align: right; } #cart_block li { clear: both; } #cart_block span.price { color: white; float: right; } #cart_block dl span.price { font-weight: normal; color: white; float: right; } #cart_block_wrapping_cost, #cart_block_shipping_cost , #cart_block_total{ padding-right:1.3em; } #cart_block table#vouchers, #cart_block p#cart-prices { margin-top:0.5em; border-top:1px solid white; height: 3em; padding-top:0.4em; margin-bottom:0.5em; clear:both; } #cart_block table#vouchers td { padding:0; border:0; height:1.5em; } #cart_block table#vouchers td.price { color:white; font-size:1em; font-weight:normal; width:37%; text-align:right; } #cart_block table#vouchers td.delete { width:9%; text-align:right; } #cart_block table#vouchers td.delete img{ margin:0; } #cart_block p#cart-buttons { height: 1.6em; margin:0 -0.3em; } #cart_block p#cart-buttons a { float: left; } #cart_block p#cart-buttons a#button_order_cart { float: right; } #cart_block .cart_block_customizations { margin-left: 6px; list-style-type: square; } /* authentication.tpl */ #authentication #create-account_form, #authentication #login_form { width: 49%; height: 25em; clear: none; float: left; } #authentication #login_form a{ color:#374853; } #authentication #create-account_form { margin-right: 7px; } #authentication input#SubmitCreate, #authentication input#SubmitLogin{ margin:0; } #authentication p.submit { margin-right: 0; text-align:left; } #authentication p.submit span { padding-right:0.5em; } #authentication #create-account_form label, #authentication #login_form label { float: none; clear: both; display: block; text-align: left; width: 100%; margin-bottom: 0.3em; } form#account-creation_form input.text, form#account-creation_form #id_country, form#account-creation_form #id_state, #authentication textarea { width:17em; } /* discount.tpl */ td.discount_value { white-space: nowrap; } /* shopping cart */ p.cart_navigation { padding: 1em 0!important; clear:both; } p.cart_navigation .button, p.cart_navigation .button_large { float: left; } p.cart_navigation .exclusive, p.cart_navigation .exclusive_large { float: right; } form.std p.cart_navigation span { float:none; text-align:left; width:auto; } #cart_summary tfoot tr td { border-top: none; line-height: 1.5em; } #cart_summary tfoot tr.cart_total_product td { border-top: 1px solid #bdc2c9; } #cart_summary tfoot tr.cart_total_price td { border-bottom: 2px solid #bdc2c9; } #cart_summary .price, #cart_summary .price-discount { color: #595A5E; font-size: 1em; text-decoration: none; } tr.cart_item td { padding:20px 0 10px 0; vertical-align:top; text-align:left; } tr.cart_item td.cart_product { width:200px; padding-top:10px; } td.cart_product a { margin: 0 0.6em; } td.cart_product a img { border: 1px solid #d0d1d5; } td.cart_product a:hover img { border: 1px solid #888; } td.cart_description a { text-decoration: none; } td.cart_description a:hover { text-decoration: underline; } td.cart_description h5 a, td.cart_ref, td.cart_total { color: #000; font-size:9px; text-transform:uppercase; font-weight:bold; } td.cart_unit, td.cart_total, td.cart_discount_price { text-align: right; } td.cart_total .price { font-weight: bold; } tr.cart_item td.cart_unit { padding-right: 1em; } td.cart_quantity { width: 5.5em; text-align: right; } td.cart_quantity p, td.cart_quantity a { float: left; display: inline; } td.cart_quantity p { padding: 0.5em; } td.cart_quantity .icon { margin-top: 0.6em; } td.cart_quantity a.cart_quantity_up, td.cart_quantity a.cart_quantity_down { display: block; } #order tfoot p { margin: 0; float: left; width: 85%; } #order tfoot span { float: right; width: 15%; display: block; } tr.cart_total_price { font-weight: bold; } #order form#voucher fieldset { border: 1px solid #bdc2c9; padding: 0.7em; } #order form#voucher h4, #order form#voucher p, #order form#voucher .button { display: inline; } #order form#voucher h4 { float: left; line-height: 1.5em; margin-right: 6em; } #order #order_carrier { clear: both; margin-top: 1em; border: 1px solid #bdc2c9; padding: 0.5em; } #order #order_carrier h4 { width: 50%; display: inline; } #order #order_carrier img { vertical-align: middle; } #order #order_carrier span { margin: 0 0.2em; } #order #gift_div{ display:none; } #order #gift_div label, #order #gift_div textarea{ display:block; width:100%; margin:1em 0; } /* contact-form.tpl */ body#contact-form div#center_column form input#email, body#contact-form div#center_column form select#id_contact, body#contact-form div#center_column form textarea#message{ width: 50%; } /* history.tpl*/ #block-history { color:#374853; } .color-myaccount{ color: #f00; } #block-history table#order-list { border:none; } #block-history table#order-list thead th { background-image: url('../img/block_myaccount_header_large.gif'); } #block-history table#order-list thead th { color:white; } #block-history table#order-list tbody { background: #D0D1D5 url('../img/form_bg.jpg') repeat-x top left; } #block-history table#order-list tbody tr td { background-color:white; } #block-history table#order-list td.history_link { white-space: nowrap; text-align: right; } #block-history #block-order-detail { border-top:2px #f00 solid; border-bottom:2px #f00 solid; padding:0.5em; background: #D0D1D5 url('../img/form_bg.jpg') repeat-x top left; } #block-history #block-order-detail p { padding-left :0; padding-right :0; } #order-detail-content { clear:both; margin:10px 0; } #order-detail-content tbody tr{ height:3em; } #order-detail-content tfoot td{ border:none; } #order-detail-content table td input.order_qte_input{ display:none; } #order-detail-content table td.order_cb input{ border: none; } #order-detail-content table td span.order_qte_span{ width: 100%; display:block; } #block-history #block-order-detail h4{ font-size:1.4em; } #block-history #block-order-detail #sendOrderMessage p{ padding:0pt 4px 0pt 1px; } #block-history #block-order-detail textarea{ margin:0 auto; width:100%; } #ordermsg textarea{ margin:0; padding:0; width:528px; } /* sitemap.tpl */ #sitemap_content{ margin-left:5em; } div.sitemap_block{ padding:0; float:left; width:30%; } div.sitemap_block ul{ text-align:left; } div.sitemap_block h3, .categTree h3{ margin-top:1em; margin-bottom:1em; } div.categTree { margin-top:25px; margin-bottom:1em; margin-left:5em; } /* manufacturers-list.tpl && suppliers-list.tpl */ ul#manufacturers_list, ul#suppliers_list { margin-top:2em; list-style-type:none; } ul#suppliers_list li, ul#manufacturers_list li { background: #d0d3d8 url('../img/block_category_item_bg.jpg') repeat-x; border: solid 1px #d0d3d8; padding:0.6em; margin-bottom:1.5em; } ul#suppliers_list li a, ul#manufacturers_list li a{ text-decoration:none; color:#374853; } ul#suppliers_list li h3, ul#manufacturers_list li h3{ margin:0.4em 0; } ul#suppliers_list .left_side, ul#manufacturers_list .left_side{ float:left; width:75%; } ul#suppliers_list .logo, ul#manufacturers_list .logo{ border: solid 1px #d0d3d8; float:left; margin-right:0.6em; } ul#suppliers_list li p.description, ul#manufacturers_list li p.description{ font-size:0.92em; } ul#suppliers_list li .right_side, ul#manufacturers_list li .right_side { float:right; text-align:right; } ul#suppliers_list .right_side span, ul#manufacturers_list .right_side span{ font-size:1.7em; color:#da0f00; } ul#suppliers_list li a.button, ul#manufacturers_list li a.button{ margin-top: 4em; } /* adresses */ div.addresses { border: 1px solid #d0d3d8; padding: 0.6em; position:relative; margin-bottom:20px; } div.addresses h3 { margin: 0; } div.addresses p.checkbox input{ margin-top:0!important; margin-top:-3px; } ul.address { background-color:white; float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin-left:0.25em; padding-bottom:0.6em; margin-bottom:1em; position:relative; width:300px; } ul.address li { padding-left: 1.4em; margin-top: 0.6em; } li.address_title { background:#EEEFF3; color:#000; font-weight:normal; font-size: 1.4em; padding:0.5em; } li.address_name, li.address_update a, li.address_delete a { color: #f00; } li.address_name, li.address_company { font-weight: bold; } li.address_update, li.address_delete { background: transparent url('../img/bullet_myaccount.gif') no-repeat 0 0.5em!important; background: transparent url('../img/bullet_myaccount.gif') no-repeat 0 0.4em; margin-left: 1.4em; } #center_column .address_add { padding: 1em 0; } /* conditions & legal */ ul.shop_info { list-style-type: square!important; list-style-position:inside; padding: 0.6em; margin-top: 0.6em; margin-left: 2em; border: 1px solid #888; } ul.shop_info li { padding-left: 0.5em!important; padding-bottom: 0.5em!important; } /* conditions.tpl */ #conditions #right_column { display: none; } #conditions h2 { background: transparent url('../img/title_bg_large.gif') no-repeat top left; } #conditions #center_column { width: 730px; text-align: justify; } #conditions #center_column ul, #conditions #center_column ol { margin-left: 2em; padding: 0.6em; } #conditions #center_column ul { list-style-type: circle; } #conditions #center_column li { padding-bottom: 0.5em; } #conditions #center_column { line-height: 1.3em; } /* identity.tpl */ p#security_informations{ font-size:0.85em; margin: 0 3em; } /* order step 3: PAYMENT */ .payment_module { display: block; width:480px; margin:10px auto; } .payment_module img { vertical-align: middle; margin-right: 1em; } .payment_module a { display: block; border:1px solid #ccc; padding: 0.6em; text-decoration: none; color:#000; } .payment_module a:hover, .payment_module a:focus, .payment_module a:active { border: 1px solid #999; background-color: #fcfcfc; } /* Printable version */ @media print { div#left_column, div#right_column, div#footer, a.button, span.button , .button, ul#usefull_link_block, div#header_user, #languages_block_top, #search_block_top, #currencies_block_top, ul#header_links, ul.idTabs, #availability_statut br { display:none; } div#center_column {width:100%} input.text{border:1px solid gray} .block_hidden_only_for_screen { display:block; margin-top:1em; } #more_info_sheets #idTab1{ width:530px; } * {background:none!important;background-color:white!important;} } /* Customizable product */ #customization_block { width: 556px; } .customization_block_title { margin: 4px 4px 4px 2px; } #customization_block ul { margin: 6px 6px 0px 6px; } .customization_block_input { vertical-align: inherit; } img.customization_delete_icon { margin: 2px; } li.customizationUploadLine { clear: left; padding: 4px; display: block; } div.customizationUploadBrowse { float: left; } div.customizationUploadBrowseDescription { padding: 6px; } img.customizationUploaded { margin: 2px; border: 1px solid #888888; } ul.customizationUploaded { list-style-type: none; margin-left: 4px; } ul.customizationUploaded li { display: inline; } ul.customizationUploaded a { text-decoration: none; } div.customizationUploaded { clear: left; } div.deletePictureUploaded { float: right; } div.deleteCustomizableProduct { float: right; } ul.typedText { padding-left: 6px; list-style-type: none; } /* category Products block */ #productscategory{ margin:2em auto 0pt; height:120px; width:100%; } #productscategory_noscroll{ margin:2em auto 0pt; height:120px; width:100%; } #productscategory_list{ overflow:hidden; float:left; width:96%; } #productscategory_list ul{ padding-left:0px; list-style-type:none; } #productscategory_list li{ float:left; margin:0 3px; cursor:pointer; text-align:center; width:100px; overflow:hidden; } #productscategory_scroll_left, #productscategory_scroll_right{ background: url('../img/thumbs_left.gif') no-repeat center; text-indent:-3000px; display:block; width:9px; height:18px; float:left; margin-top:30px; } #productscategory_scroll_right{ background-image: url('../img/thumbs_right.gif'); } /* module blockwishlist */ #wishlist_block #wishlist_block_list dl.products { font-size: 10px; border-bottom: 1px solid #fff; margin: 0 0 5px 0; padding: 0 0 5px 0; } #wishlist_block div.block_content #wishlist_block_list dl.products dt a.cart_block_product_name { font-weight:bold; } #wishlist_block div.block_content #wishlist_block_list dl.products dt { margin: 4px 0 4px 0; } #wishlist_block div.block_content #wishlist_block_list dl.products dt a.ajax_cart_block_remove_link { float: right; margin:-12px 0 0 0; } #wishlist_block div.block_content #wishlist_block_list dl.products dd{ font-style: italic; margin: 0 0 0 10px; } #wishlist_block div.block_content p select#wishlists{ width: 140px; } #wishlist_block div.block_content p a.exclusive{ margin: 5px auto 0 auto; } /* mywishlist */ div#mywishlist div#block-order-detail form.wl_send fieldset p input{ margin-left:60px; } div#mywishlist div#block-order-detail { margin-top: 10px; display: block; } div#mywishlist form.std fieldset label { width: 30px; } div#mywishlist form.std fieldset input#submitWishlist { display: inline; } div#mywishlist table.std thead th.mywishlist_first{ text-align: center; width: 40px; } div#mywishlist table.std thead th.mywishlist_second{ text-align: center; width: 80px; } div#mywishlist table.std thead th.first_item, div#mywishlist table.std tbody tr td{ width: 200px; } div#mywishlist div#block-order-detail { margin-top: 10px; } div#mywishlist div#block-order-detail ul li span.wishlist_product_detail select { margin: 0; } div#mywishlist #hideBoughtProducts,div#mywishlist #showBoughtProducts{ float:left; margin:-18px 0 0 5px; } div#mywishlist #showBoughtProducts, div#mywishlist #hideBoughtProductsInfos, div#mywishlist #hideSendWishlist{ display:none; } div#mywishlist #showBoughtProductsInfos, div#mywishlist #hideBoughtProductsInfos{ float:right; margin:-18px 118px 0 0; } div#mywishlist #showSendWishlist, div#mywishlist #hideSendWishlist, div#mywishlist div#block-order-detail ul li a.exclusive { float:right; margin:-18px 0px 0 0; } div#mywishlist div#block-order-detail table.wlp_bought_infos thead tr th { text-align: center; } div#mywishlist div#block-order-detail table.wlp_bought_infos thead tr th.first_item { width: 300px; } div#mywishlist div#block-order-detail table.wlp_bought_infos{ margin:0 0 0 10px; } div#mywishlist div#block-order-detail ul li img { float:left; } /* View wishlish */ #view_wishlist #featured-products_block_center ul div li a img { float: left; } #view_wishlist #featured-products_block_center ul div li a, #view_wishlist #featured-products_block_center ul div li span { text-decoration: none; float: left; } #view_wishlist #featured-products_block_center ul div li span.wishlist_product_detail, div#mywishlist div#block-order-detail ul li span.wishlist_product_detail { margin-left: 35px; float: left; } div#mywishlist div#block-order-detail ul li span.wishlist_product_detail { margin-bottom:5px; } #view_wishlist #featured-products_block_center ul div li a.exclusive, #view_wishlist #featured-products_block_center ul div li span.exclusive { margin-left:55px; } #view_wishlist #featured-products_block_center ul div li.address_name input.text { color: #999; font-weight: bold; font-size: 11px; border:0; } /* module productcomments */ .rating { cursor: pointer; margin: 2em; clear: both; display: block; } .rating:after { content: '.'; display: block; height: 0; width: 0; clear: both; visibility: hidden; } .cancel, .star { float: left; width: 17px; height: 15px; overflow: hidden; text-indent: -999em; cursor: pointer; } .cancel, .cancel a {background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px;} .star, .star a {background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0px;} .cancel a, .star a { display: block; width: 100%; height: 100%; background-position: 0 0px; border: 1px solid #FF0000; } div.star_on a{ background-position: 0 -16px; } div.star_hover a, div.star a:hover{ background-position: 0 -32px; } .confirmation { color: forestgreen; font-weight: bold; };