/* Default override block style */ div.block li {padding: 0px; list-style-position: outside;} #left_column div.block, #right_column div.block {width: 200px; margin:7px 0px 12px 0px; padding-bottom: 0px; background-image: none;} #left_column {clear:none; width:200px; padding: 0px 5px 5px 5px;} #center_column{width:720px; margin: 0px 0px 30px 0px;} #right_column {width: 0px; padding: 0px; overflow:hidden; } .icon, /* my account */ .breadcrumb, .footer_links, table.std thead th, #more_info_block, /* product */ #order #center_column .order_delivery,/* cart */ #my-account #center_column p /* liens accueil */ { display:none; } form.std fieldset, div.table_block, div.addresses, ul.address li.address_update, ul.address li.address_delete, ul.item li.address_title, ul.alternate_item li.address_title, ul.pagination, ul.pagination a, #pagination_previous, #pagination_previous a, #pagination_previous span, #pagination_next, #pagination_next a, #pagination_next span, ul.pagination li.current span { background-image:none!important; }/* merci presta */ img, div, body { behavior: url('_skateandthecity_/html/iepngfix.htc'); } /* custom layout */ html{ background-color:white; background-image:none; background-repeat:no-repeat; background-position:top center; } body { text-align:center; overflow:visible; background-color:transparent; background-image:url('./images/backgroundbody.png'); background-repeat:repeat-y; background-position:top center; } body, input, select, textarea{ font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:12px; color:#5d717e; } #page_top { width:930px; margin:0px auto; background-color:transparent; margin-bottom:-10px; } #page { margin:0px auto; /* <= merci presta */padding-top:10px; width:930px; background-color:white; min-height:700px; } h1#logo { position:absolute; float:none; margin:35px 0px 0px 40px; width:auto; } #header { width:930px; text-align:left; float:none; clear:both; margin-bottom:10px; background-color:transparent; background-position:center center; } #header_layer1 { position:absolute; width:930px; top:0px; background-image:url('./images/backgroundheader.png'); background-repeat:repeat-x; display:none; } #header_layer2 { position:absolute; width:930px; top:0px; background-color:#00008B; opacity:0.03; filter:alpha(opacity:3); display:none; } #header_layer3 { position:absolute; width:110px; top:0px; height:70px; margin-top:55px; margin-left:90px; z-index:100; } #header, #header_layer1, #header_layer2 { height:260px; } #footer_layer { background-color:transparent; background-image:url('./images/backgroundfooter.png'); background-repeat:repeat-x; background-position:bottom center; margin:0px auto; } #footer { border:0px; padding:10px; color:#aaaaaa; text-align:center; } /* blocks */ #block_languages_top { position:absolute; margin-left:895px; text-align:right; color:white; font-size:10px; text-shadow:0px 0px 2px #000000, 1px 1px 1px #000000; } #block_categories_top, #block_categories_left { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:11px; line-height:13px; } #block_categories_top_layer { position:absolute; width:930px; height:25px; margin-top:10px; background-color:black; opacity:0.30; filter:alpha(opacity:30); } #block_categories_top { position:absolute; width:930px; top:225px; height:51px; background-image: url('./images/backgroundcategorytop.png'); background-repeat:repeat-x; text-align:left; } #block_categories_top ul { position:absolute; width:905px; margin-top:11px; margin-left:13px; } #block_categories_top ul li { float:left; } #block_categories_top ul li a, #block_categories_left ul li a { display:block; text-transform:uppercase; font-weight:100; text-decoration:none; color:white; background-color:transparent; } #block_categories_top ul li a { padding:5px 9px 5px 9px; } #block_categories_top ul li a:hover { background-color:#990000; color:white; } #block_categories_top ul li a.selected { background-color:white; color:black; padding-bottom: 16px; } #block_categories_top ul li a.selected:hover { background-color:white; color:#990000; } #block_categories_top .block_categories_top_more { float:right;color:white; margin-top:4px; } #block_categories_top .block_categories_top_more a { text-transform:none; display:inline; font-size:10px; } #block_categories_top .block_categories_top_more a:hover { background-color:transparent; text-decoration:underline; } #block_categories_top li:first-child { width:30px; overflow:hidden; } #block_categories_top li:first-child a { padding-left:30px; background-image: url('./images/homecategorytop.png'); background-position:7px 3px; background-repeat:no-repeat; } #block_categories_top li:first-child a.selected { background-position:7px -21px; } #block_categories_left ul li a { padding:8px 5px 8px 12px; color:black; border-left:2px solid #ffffff; } #block_categories_left ul li a.selected { color:#CC0000; font-weight:bold; border-left:2px solid #CC0000; } #block_categories_left ul li a:hover{ background-color:#f7f7f7; border-left:2px solid #CC0000; } #block_categories_left ul li ul li a { padding-left:30px; } #block_categories_left ul li ul li ul li a { padding-left:40px; } #block_pros_left, #block_manufacturers_left { text-align:justify; letter-spacing:0px; line-height:13px; font-weight:100; } #block_manufacturers_left a { color:#CCCCCC; } #block_manufacturers_left a.selected { color:#CC0000; } #block_manufacturers_left a:hover { color:#CC0000; text-decoration:none; } #block_pros_left a { color:#bbbbbb; } #block_pros_left .pros_poor a { color:#cfcfcf; } #block_pros_left a.selected { background-color:#CC0000; color:white; } #block_pros_left a:hover { background-color:#CC0000; color:white; text-decoration:none; } #product_footer_productscategory { margin-top:50px;margin-right:10px; } #product_footer_productsmanufacturer { margin-top:35px;margin-right:10px; } #product_footer_productspro { margin-top:35px;margin-right:10px; } #footer #block_various_links_footer li { border-width:0px; padding:0px 10px; } #footer #block_various_links_footer a, #block_languages_footer a { color:#000000;text-decoration:none; } #footer #block_various_links_footer a:hover, #block_languages_footer a:hover { color:#CC0000; text-decoration:underline; } /* product list */ ul.products_list { list-style-type: none; margin-top:10px; } ul.products_list li { border-bottom:1px solid #eeeeee; border-right:1px solid #eeeeee; cursor:pointer; width:167px; height:256px; float:left; text-align:center; margin:0px 5px 10px 5px; padding-top:4px; background-color:#fbfbfb; } ul.products_list li a { font-size:11px; text-decoration:none; } ul.products_list li a span { text-transform:uppercase; font-weight:bold; color:#990000; }/* manufacturer */ ul.products_list li .price, #product .price{ font-size:12px; color:#444444; } .product_list_cart_line { clear:right; color:white; font-size:11px; text-align:center; } .product_list_cart_line a { display:block; background-color:black; color:white;padding:4px 8px; } .product_list_cart_line a:hover { background-color:#990000; color:white; } ul.products_list li .product_list_cart_line a span { text-transform:lowercase; font-size:9px; font-weight:normal; color:#dddddd; } ul.products_list_small li { display:inline; border:0px solid #eeeeee; text-align:center; height:190px; width:128px; margin:0px 7px 0px 6px; padding-top:4px; float:right; } /* titles */ h2 { padding:0px 10px 0px 0px; margin:5px 0px 10px 0px; font-size:28px; height:auto; line-height:35px; font-weight:100; text-transform:uppercase; background-image:none; color:#CCCCCC; text-align:right; } #index h2, #category h2 { margin-top:15px; margin-left:10px; padding-left:8px; font-size:32px; line-height:auto; letter-spacing:-1px; color:#333333; text-transform:capitalize; text-align:left; border-left:4px solid #CC0000; } #index h2 { font-size:36px; margin-top:15px; color:#cccccc; } #index h3, #index h3 a { margin-left:5px; display:inline; font-size:11px; font-weight:100; text-decoration:none; text-transform:uppercase; color:#666666; } #index h3 a:hover { color:#CC0000; } #manufacturer h2, #search h2, #cms #center_column h1 { margin-top:0px; margin-bottom:0px; font-size:60px; line-height:70px; letter-spacing:-7px; font-weight:100; text-transform:capitalize; text-align:left; color:#ccccd0; } #cms #center_column h1 { letter-spacing:-3px; margin-right:13px; text-align:right; } #manufacturer h2 { margin-top:0px; font-size:90px; line-height:100px; color:#dfdfdf; /*text-align:right;*/ } #product h2 { margin-top:0px; font-size:22px; line-height:26px; letter-spacing:-2px; text-transform:capitalize; color:#aaaaaa; text-align:left; } #product h2 span { margin-left:0px; font-size:18px; letter-spacing:-1px; font-style:normal; color:#990000; text-transform:uppercase; } #product h3 { margin:0px 15px 5px 0px; font-size:22px; line-height:26px; letter-spacing:-1px; text-transform:none; color:#cccccc; text-align:right; font-weight:100; } #product h3 a { text-decoration:none; text-transform:capitalize; color:#990000; } #product h3 a:hover { color:#CC0000; } #product_footer_productscategory h3 a { text-transform:none;color:#777777; } #product_footer_productspro h3 a { color:#000000; } h1 a { color:#990000; } h1 a:hover { color:#CC0000; }/* snif */ h1 a { text-decoration:none; color:inherit; } h1 a:hover{color:#CC0000;} h2 a { color:#990000; } h2 a:hover { color:#CC0000; }/* snif */ h2 a { text-decoration:none; color:inherit; } h2 a:hover { color:#CC0000; } #cms h2 { color:#AA0000; margin:15px 0px 20px 0px; font-size:34px; line-height:auto; text-transform:none; text-align:left; } #cms p { line-height:20px; margin-bottom:10px; } #cms h3 { color:#000000; background-color:#fafafa; padding:2px 0px 2px 10px; border-left:3px solid #AA0000; border-top:1px solid #dddddd; } #news h1 { font-size:30px; color:#cccccc; font-weight:100; } /* pagination */ ul.pagination, ul.pagination a, ul.pagination li.current span, #pagination_previous, #pagination_previous a, #pagination_previous span, #pagination_next, #pagination_next a, #pagination_next span { background-color:transparent; border-width:0px; font-weight:normal; line-height:17px; } ul.pagination { float:right; border:1px solid #ffffff; } ul.pagination a, ul.pagination li.current span { border:1px solid #ffffff; } ul.pagination a:hover { border:1px solid #eeeeee; } ul.pagination li.current span { background-color:black; color:white; cursor:default; } #pagination_previous a:hover, #pagination_next a:hover { text-decoration:underline; } ul.pagination span, #pagination_previous span, #pagination_next span { color:#dddddd; cursor:default; } /* search box */ #left_column #block_search_left { width:200px; padding:7px 0px 8px 5px; } #search_query { width:140px; height:18px; margin:0px; padding:3px 5px; font-size:14px; color:#aaaaaa; } #search_query:focus { color:#000000; border-color:#666666; } #search_button { height:26px; line-height:24px; margin-left:5px; } /* alert */ .error { width:auto; } .warning, .error, .success { background-color:#FAFAFA; border:1px solid #eeeeee; } .required sup{ font-weight:bold; } /* forms */ form.std fieldset, div.addresses { background-color:#FAFAFA; margin:0px; border:1px solid #eeeeee; } /* order steps */ ul.step { margin:0px 0px 30px 120px; background-image:none; } #step_start { background:url('./images/step_start.gif') no-repeat right bottom; } ul.step li.step_todo { font-style:normal; color:#cccccc; } .step_current { color:black; } .step_done a { text-decoration:none; } .step_done a:hover { text-decoration:none; color:black; } /* panier */ #order table.std td { padding-left:0px; } /*#order #order-detail-content, #cart_voucher{width:561px; margin-left:10px;} /* div.table_block */ #cart_summary{ border:1px solid #eeeeee; background-color:#FAFAFA; } #cart_summary .price { color:#999999; } /* div.table_block mis à la place de #cart_summary là où c'est possible */ div.table_block tbody tr td { border-top:1px solid #eeeeee; } div.table_block tr.cart_item { background-color:#FFFFFF; } div.table_block td.cart_product a img { border:1px solid #F0F0F0; padding-top:0px; margin-top:7px; } div.table_block td.cart_description a { font-size:11px; } div.table_block td.cart_total { padding-right:5px; } #cart_summary td.cart_unit span.price { color:#bbbbbb; font-weight:normal; } #cart_summary td.cart_quantity p { margin: 0px 0px; padding:0px 5px; } #cart_summary td.price { color:#000000; }/*tfoot */ #cart_summary tfoot tr.cart_total_price td { border-bottom:1px solid #F0F0F0; } #cart_summary tfoot tr.cart_free_shipping td { color:#aaaaaa; } a.cart_quantity_up, a.cart_quantity_down { border:1px solid #eeeeee; display:block; width:5px; padding:0px 6px; text-decoration:none; } a.cart_quantity_up:hover, a.cart_quantity_down:hover { background-color:#444444; color:white; } div.cart_quantity_full{ float:left; display:block; width:20px; height:20px; background-color:#FAFAFA; } #order form#voucher fieldset{ border:1px solid #eeeeee; background-color:#FAFAFA; } #order form#voucher h4 { margin-right:180px; } /* panier adresses */ #order div.addresses { border:1px solid #eeeeee; } #order #address_invoice_form a { margin-left:0px !important; } #ordermsg textarea { width:580px; } /* panier transporteur */ #order form #gift_message { width:600px; } #order table.std tr.alternate_item td { background-color:white; } #order label img { behavior: url(_skateandthecity_/html/label_img.htc); } label .checked { background-color:red; } #order .carrier_infos { color:black; } /* panier paiement... */ #order h4 { text-align:center; } #order p.payment_module { margin:20px 0px; } p.payment_module a, p.payment_module a:hover, p.payment_module a:focus, p.payment_module a:active { border:1px solid #eeeeee; background-color:#fafafa; } p.payment_module a { background-color:transparent; } /* toutes les largeurs sur "mon compte" */ #order div.table_block { width:620px; margin-left:0px; } #order #center_column, #my-account #center_column, #history #center_column, #order-slip #center_column, #addresses #center_column, #identity #center_column, #discount #center_column, #address #center_column, #payment #center_column, #authentication #center_column, #order-confirmation #center_column, #contact-form #center_column, #cms #center_column { width:620px; margin-left:50px; } /* contact */ #contact-form p.bold { display:none; } /* login + création de compte + address */ #authentication h3 { border-bottom:1px solid #eeeeee; } #address #center_column input, #address #center_column select, #identity #center_column input, #identity #center_column select, #authentication input.text, #authentication select { font-size:14px; padding:1px; } input.account_input { font-size:14px; padding:4px; } input.account_input:focus, #address #center_column input:focus, #identity #center_column input:focus, #authentication input.text:focus { color:#000000; border-color:#000000; } #address #center_column sup, #identity #center_column sup, #authentication sup { font-size:13px; } .required label { font-weight:bold; } /* mon compte */ #my-account #center_column ul { margin:20px 50px; } #my-account #center_column ul li { list-style-type:square; margin:7px 0px; } #my-account #center_column ul li a { text-decoration:none; } #my-account #center_column ul li a:hover { text-decoration:underline; } /* mon compte historique */ #history ul.address { margin:0px 5px 10px 0px; } #history ul.address.alternate_item { margin:0px 0px 10px 0px; } #history div.table_block { margin:0px; } #history div.table_block { margin:0px; } #block-history #block-order-detail { border-color:#cccccc; } .color-myaccount{ color: #cc0000; } /* mon compte adresses */ ul.address li { padding-left:10px; } li.address_update, li.address_delete { margin-left:0px; } li.address_name, li.address_update a, li.address_delete a { color: #000000; } /* mon compte infos personnelles */ #identity #center_column h3 { display:none; } /* texte nul */ /* ajout/modif adresse */ #address #center_column h3 { display:none; } /* texte nul */ #address #center_column form.std h3 { display:block; } /* on remet le chapeau */ #address #center_column form.std p.submit2 { padding-left:190px; } /* adresses globales */ #address #center_column form.std h3, li.address_title { font-size:13px; background-color:black; color:white; font-weight:normal; } div.addresses{ width:603px; margin-left:0px; } #order ul.address, #addresses ul.address { width: 297px; } /* pas history */ /* product */ #product #primary_block { margin-top:10px; } #product #primary_block #image-block { border:1px solid #f0f0f0; } #product #primary_block #image-block { width:350px; height:350px; } #product #primary_block #image-block #bigpic { width:350px; height:350px; } #product #primary_block #views_block { width:auto; } #product #primary_block #views_block #thumbs_list { width:350px; } #product #primary_block #views_block #thumbs_list li { width:auto; height:auto; margin-right:-4px; } #product #primary_block #pb-left-column { width:auto; margin-left:0px; } #product #primary_block #pb-right-column{ width:auto; margin-right:10px; } #product #primary_block #short_description_content { margin:0px; } #product #primary_block #short_description_block { background-image:none; background-color:#fafafa; margin-top:5px; margin-bottom:14px; width:332px; } #product #quantity_wanted { width:20px; text-align:center; } /* minimizing column for the pipeline */ #order #block_search_left, #payment #block_search_left, #authentication #block_search_left { padding-top:58px; } #history #block_search_left, #address #block_search_left, #address #block_search_left, #discount #block_search_left, #identity #block_search_left, #addresses #block_search_left, #my-account #block_search_left, #validation #block_search_left, #contact-form #block_search_left, #order-confirmation #block_search_left { padding-top:42px; } #order #block_manufacturers_left, #payment #block_manufacturers_left, #history #block_manufacturers_left, #address #block_manufacturers_left, #discount #block_manufacturers_left, #identity #block_manufacturers_left, #addresses #block_manufacturers_left, #my-account #block_manufacturers_left, #validation #block_manufacturers_left, #contact-form #block_manufacturers_left, #authentication #block_manufacturers_left, #order-confirmation #block_manufacturers_left, #order #block_pros_left, #payment #block_pros_left, #history #block_pros_left, #address #block_pros_left, #discount #block_pros_left, #identity #block_pros_left, #addresses #block_pros_left, #my-account #block_pros_left, #validation #block_pros_left, #contact-form #block_pros_left, #authentication #block_pros_left, #order-confirmation #block_pros_left { display:none; } /* left / right flipped */ #index #left_column, #search #left_column, #manufacturer #left_column { float:right; padding-left:0px; } #index #center_column, #search #center_column, #manufacturer #center_column { margin-left:5px; } /* jesus christ, merci presta */ /* 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 { font-family:"Trebuchet MS", Helvetica, sans-serif; font-size: 11px!important; text-transform:uppercase; font-weight: 100; border:1px solid #eeeeee; background-color:#ffffff; line-height: 19px; height: 19px; } /* 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-color:#FAFAFA; } /* 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; background-color:#CC0000; } input.button { border:0px solid #eeeeee; } #address input.button { border:1px solid #eeeeee; } 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, 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, input.button, input.button_disabled, input.exclusive, input.exclusive_disabled, a.button, a.exclusive, span.button, span.exclusive, 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:none; } /* exclusive button */ input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive, input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini, input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small, input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large { background-color:#AA0000; background-image:none; border:0px solid #eeeeee; } .ac_results { border: 0px solid #eeeeee; background-color: #eeeeee; } .ac_results li { font-size:11px; margin:1px; padding:3px 5px; text-transform:capitalize; } .ac_loading { background-color:#dddddd; } .ac_even, .ac_odd { background-color:white; color:#333333; } .ac_over { background-color:#990000; color:white; } #TB_window { text-align:center; } #TB_window img#TB_Image { margin:10px 0px; border:0px; display:inline; } #TB_caption, #TB_closeWindow { display:none; } div.rte table { font-size:12px; border-width:0px; background-color:#eeeeee; } div.rte th { border-width:0px; background-color:#CC0000; color:white; padding:2px 4px; } div.rte thead th { background-color:#000000; } div.rte td { border-width:0px; background-color:white;padding:2px 4px; vertical-align:middle; } div.rte thead td { background-color:#CC0000; color:white; } #news #left_column { display:none; } #news #center_column{ width:600px; margin-left:170px; } #news .rte { font-size:13px; color:#666666; margin-bottom:40px; padding-left:10px; padding-bottom:10px; border-left:1px solid #eeeeee; border-bottom:1px dashed #dddddd; }