/* ################################################################################################## PRESTASHOP CSS ################################################################################################## */ @import url("grid_prestashop.css"); /* importowanie czcionki przezucone do header @import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin-ext'); */ .pt-sans caption-regular { font-family: "PT Sans Narrow", sans-serif; font-weight: 400; font-style: normal; } .pt-sans caption-bold { font-family: "PT Sans Narrow", sans-serif; font-weight: 700; font-style: normal; } /* **************************************************************************** reset **************************************************************************** */ html{color:#000;background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0} table{border-collapse:collapse;border-spacing:0} fieldset,img{border:0} address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit} del,ins{text-decoration:none} caption,th{text-align:left} h1,h2,h3,h4,h5,h6{font-size:100%} q:before,q:after{content:''} abbr,acronym{border:0;font-variant:normal} sup{vertical-align:baseline} sub{vertical-align:baseline} legend{color:#000} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit} input,button,textarea,select{font-size:100%} a {cursor:pointer} .clearfix:before, .clearfix:after { content: "."; display: block; height: 0; overflow: hidden } .clearfix:after {clear: both} .clearfix {zoom: 100%;} /* ************************************************************************************************ struture ************************************************************************************************ */ #page { /* background-color: #F2F2C2; border: 3px double #770404; border-radius: 9px 9px 9px 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; box-shadow: 0 0 13px 6px #564D49; -moz-box-shadow: 0 0 13px 6px #564D49; -webkit-box-shadow:0 0 13px 6px #564D49; */ } #header {z-index:10} #columns { margin-top: 50px; z-index: 1; } #left_column {} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } #page .rte { font-family: 'PT Sans Narrow',Arial,Verdana,Sans-serif; } #center_column, #center_column a { color: #884b22; font-size: 16px; line-height: 1.1; text-shadow: none; } #right_column {} #footer {} /* ************************************************************************************************ generic style ************************************************************************************************ */ body { /* background: url("../img/bg-body2.gif") repeat scroll 0 0 #FFFFFF; */ color: #222222; font: 12.5px/14px 'PT Sans Narrow',Arial,Verdana,sans-serif; padding: 16px 0 36px; background-color: white; } /* positionnement ****************************************************************************** */ .hidden {display:none} .f_right {float:right} p.center {text-align:center} .clearBoth {clear:both} /* title *************************************************************************************** */ h1 { margin-bottom:10px; font-size:24px; line-height: 22px } h2 { padding-bottom:20px; font-size:18px } h3 { font-size: 19px; padding-bottom: 17px; } h4 { padding-bottom:20px; font-size:14px } .hide-left-column #left_column {display:none} .hide-left-column #center_column {width:757px} /* text **************************************************************************************** */ p {padding-bottom:20px} .warning { margin:0 0 10px 0; padding:10px; border:1px solid #e6db55; font-size:13px; background:#ffffe0 } .success { margin:0 0 10px 0; padding:10px; border:1px solid #5cff74; font-size:13px; background: #d3ffab } .error { margin:0 0 10px 0; padding:10px; border:1px solid #990000; font-size:13px; background:#ffcccc } .error ol {margin-left:20px} .error p.lnk { margin-top:20px; padding:0; font-size:11px } .required {color:#990000} /* link **************************************************************************************** */ a, a:active, a:visited { color:#333; text-decoration:none; outline: medium none } a:hover {text-decoration:underline} /*buttons ************************************************************************************** */ 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, span.exclusive_large_disabled { position:relative; display:inline-block; padding:5px 7px; border:1px solid #cc9900; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-weight:bold; color:#000; background:url(../img/bg_bt.gif) repeat-x 0 0 #f4b61b; cursor: pointer; } *:first-child+html input.button_mini, *:first-child+html input.button_small, *:first-child+html input.button, *:first-child+html input.button_large, *:first-child+html input.button_mini_disabled, *:first-child+html input.button_small_disabled, *:first-child+html input.button_disabled, *:first-child+html input.button_large_disabled, *:first-child+html input.exclusive_mini, *:first-child+html input.exclusive_small, *:first-child+html input.exclusive, *:first-child+html input.exclusive_large, *:first-child+html input.exclusive_mini_disabled, *:first-child+html input.exclusive_small_disabled, *:first-child+html input.exclusive_disabled, *:first-child+html input.exclusive_large_disabled { border:none } /* 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, span.exclusive_large_disabled { /*background-position: left -36px; 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, span.exclusive_large_disabled { /*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 { text-decoration:none; background-position: left -50px } /* 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*/ } /* active button */ input.button_mini:active, input.button_small:active, input.button:active, input.button_large:active, input.exclusive_mini:active, input.exclusive_small:active, input.exclusive:active, input.exclusive_large:active, a.button_mini:active, a.button_small:active, a.button:active, a.button_large:active, a.exclusive_mini:active, a.exclusive_small:active, a.exclusive:active, a.exclusive_large:active { background-position: left -100px } /* 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 { /*width: 30px; background-image: url('../img/button-mini.png')*/ } 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 { /*width: 60px; background-image: url('../img/button-small.png')*/ } input.button_disabled, input.exclusive_disabled, span.exclusive { border:1px solid #ccc; color:#999; background:url(../img/bg_bt_2.gif) repeat-x 0 0 #f4b61b; cursor:default; } 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, span.exclusive_large_disabled { /*width: 180px; background-image: url('../img/button-large.png')*/ } /* exclusive button */ /*input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive { background-image: url('../img/button-medium_exclusive.png') } 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, span.exclusive_large_disabled { background-image: url('../img/button-large_exclusive.gif') }*/ /* form **************************************************************************************** */ form.std fieldset { margin:20px 0; border:1px solid #ccc } /* table *************************************************************************************** */ table.std, table.table_block { margin-bottom:20px; width:100%; border:1px solid #999; border-bottom:none; background:white; } table.std th, table.table_block th { padding:14px 12px; font-size:12px; color:#fff; font-weight:bold; text-transform:uppercase; text-shadow:0 1px 0 #000; background:url(../img/bg_table_th.png) repeat-x 0 0 #999 } table.std tr.alternate_item, table.table_block tr.alternate_item {background-color: #f3f3f3} table.std td, table.table_block td { padding:12px; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; font-size:12px; vertical-align:top } /* BLOCK .block ******************************************************************************** */ .block { margin-bottom:20px; } #footer .block {margin-bottom:0} .block h4 { /* background: #e2e3b9 none repeat scroll 0 0; */ clear: both; color: #000000; font-size: 21px; /* padding: 6px 11px; */ text-shadow: 1px 1px 3px #ffffff; text-transform: uppercase; } .block h4 a { color: #000000; } .block ul { font-size: 16px; list-style-type: none; } .block li.last { border:none} .block li a { display:block; color:#333 } /* BLOCK .products_block *********************************************************************** */ .products_block {} .products_block li {float:left } .products_block li img { border: 1px solid #D1D1D1; height: auto; width: auto; } /* BLOCK customer privacy ******************************************************************* */ .account_creation label{ float:left; padding-top:5px; width:80%; text-align:left; cursor:pointer } /* BLOCK .footer_links (cms pages) ************************************************************* */ ul.footer_links { list-style-type:none; margin-bottom:20px } ul.footer_links li {float:left} ul.footer_links li.f_right {float:right} ul.footer_links li .icon { position:relative; top:6px; left:0 } /* barre comparaison / tri ********************************************************************* */ .content_sortPagiBar {margin:20px 0;} #center_column .sortPagiBar { padding:10px; font:normal 11px Arial, Verdana, sans-serif; color:#666; background:#eee; } #center_column .sortPagiBar strong {color:#000;} #center_column .sortPagiBar p {padding:0;} #center_column .sortPagiBar form {display:inline-block;} .sortPagiBar #productsSortForm {float:right;} .sortPagiBar select#selectPrductSort { margin:0 0 0 10px; color:#000; border:1px solid #ccc } .sortPagiBar #bt_compare { padding:3px 7px; border:none; color:#fff; text-shadow:0 1px 0 #000; background:url(../img/bg_bt_compare.gif) repeat-x 0 0 #111; } .sortPagiBar .nbrItemPage {margin-left:40px;} .sortPagiBar .PrductSort {float:left;} .sortPagiBar .nbrProduct { display:inline-block; padding:0 10px; } .sortPagiBar #nb_item {border:1px solid #ccc} /* pagination ********************************************************************************** */ form.pagination {display:none;} div.pagination { margin:10px 0; text-align: center } ul.pagination {list-style-type:none} ul.pagination li {display: inline;} ul.pagination a, ul.pagination span { display:inline-block; height:24px; width:24px; border:1px solid #eee; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; font:11px/24px Arial,Verdana,sans-serif; color:#999 } ul.pagination a { text-align:center; } ul.pagination a:hover { color:#333; border:1px solid #333 } ul.pagination .current span { color:#000; border:1px solid #fff } ul.pagination li.disabled span {color:#ccc} #pagination_previous {float:left} #pagination_next {float:right} #pagination_previous a, #pagination_previous span, #pagination_next a, #pagination_next span { padding:0 8px; width:auto; } #pagination_previous span, #pagination_next span { color:#ccc; border:1px solid #eee } /* CART steps *********************************************************************** */ ul#order_step { background-color: white;} ul.step { list-style-type:none; margin-bottom:30px; height:52px; width:757px } ul.step li { float:left; height:52px; width:151px; text-align:center; text-transform:uppercase; background:url(../img/step_standard.gif) no-repeat center bottom transparent } ul.step li a, ul.step li.step_current span { display:inline-block; padding:8px 10px 12px; color:#000; background:url(../img/step_current_span.gif) no-repeat center bottom transparent } ul.step li.step_current { font-weight:bold; background:url(../img/step_current.gif) no-repeat center bottom transparent } ul.step li.step_todo span { display:inline-block; padding:8px 10px 6px; color:#999; text-shadow:0 1px 0 #fff; background:#eee } ul.step li.step_done { font-weight:bold; background:url(../img/step_done.gif) no-repeat center bottom transparent } ul.step li#step_end {background:url(../img/step_end.gif) no-repeat center bottom transparent} /* module productcomments ********************************************************************** */ .rating { clear: both; display: block; margin: 2em; cursor: pointer; } .rating:after { content: '.'; display: block; height: 0; width: 0; clear: both; visibility: hidden } .cancel, .star { overflow: hidden; float: left; margin:0 1px 0 0; width: 16px; height: 16px; text-indent: -999em; cursor: pointer } .cancel, .cancel a { background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px !important } .star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0 } .cancel a, .star a { display: block; width: 100%; height: 100%; background-position: 0 0 } div.star_on a { background-position: 0 -16px } div.star_hover a, div.star a:hover { background-position: 0 -32px } .pack_content { margin: 10px 0 10px 0 } .pack_price { float: right; margin-right: 3px; font-size: 12px } .confirmation { margin: 0 0 10px; padding: 10px; border: 1px solid #e6db55; font-size: 13px; background: none repeat scroll 0 0 #ffffe0; } #page .rte { background: none repeat scroll 0 0 transparent; font-family: 'PT Sans Narrow',Arial,Verdana,Sans-serif; } .listcomment { list-style-type:none; margin:0 0 20px 0 !important; } .listcomment li { padding:10px 0; border-bottom:1px dotted #ccc; color:#666 } .listcomment .titlecomment { display:block; font-weight:bold; font-size:12px; color:#333 } .listcomment .txtcomment { display:block; padding:5px 0; color:#333 } .listcomment .authorcomment {} /* ************************************************************************************************ HEADER ************************************************************************************************ */ #header { background-color: black; height: 160px; position: relative; width: 1080px; } #header_logo { display: inline-block; float: left; margin-top: 39px; position: absolute; z-index:1000; } #header_right { color: #bba937; float: right; position: relative; } #header_right a{} /* ************************************************************************************************ BREADCRUMB ************************************************************************************************ */ .breadcrumb { margin-bottom:20px; font-size:12px } .breadcrumb .navigation-pipe {margin:0 3px 0 5px} .breadcrumb img { position:relative; top:5px } /* ************************************************************************************************ FOOTER ************************************************************************************************ */ #footer { background: url("../img/kominki-marki-stopka-ogien.jpg") no-repeat scroll 630px 89px #51230a; color: #a56316; height: 450px; text-shadow: 0 1px 0 #000000; } .blockcategories_footer, #footer .myaccount , #block_various_links_footer, #social_block, #block_contact_infos { float:left; width:175px } .blockcategories_footer {margin-left:0} #footer h4 { padding-bottom: 10px; text-transform:uppercase } #footer h4, #footer h4 a { color: #E7A015; font-size: 14px; font-weight: normal; } #footer a {color:#fff} #footer a:hover {text-decoration:underline} #footer ul {list-style-type:none; float:left; display: inline-block; position: relative; } #footer li {padding:7px 0} #footer li a { color: #B8B06D; } #footer .myaccount {padding: 15px 10px} #footer .myaccount h4 { padding:0 0 10px 0; background:none; text-shadow:none } #footer .myaccount .favoriteproducts img, #footer .myaccount .lnk_wishlist img {display:none} /* ************************************************************************************************ PRODUCT PAGE ************************************************************************************************ */ /* BLOCK idTabs ******************************************************************************** */ .idTabs { list-style-type: none; margin-top: 20px; padding:0 5px; border-bottom: 8px solid #f7b900 } ul.idTabs li { float: left; margin-right: 1px } .idTabs a { display:block; padding:10px 10px 7px 10px; font-weight:bold; text-decoration:none; color:#fff; background: none repeat scroll 0 0 #E6E28F; } .idTabs .selected { color:#000; background: url(../img/bg_li_idTabs.png) repeat-x 0 0 } #more_info_sheets {padding-top:10px} #more_info_sheets ul, #more_info_sheets ol, #more_info_sheets dl {margin-left:20px} #more_info_sheets em {font-style:italic} /* Make sure lists are correctly displayed in tinyMCE BO edition mode too */ #short_description_content ul, #short_description_content ol, #short_description_content dl, #tinymce ul, #tinymce ol, #tinymce dl {margin-left:20px} .block_hidden_only_for_screen {display:none} /* ************************************************************************************************ PAGE AUTHENTIFICATION ************************************************************************************************ */ #authentication #left_column {display:none} #authentication #center_column{width:757px} /* ************************************************************************************************ PAIMENT - PAGE ORDER ************************************************************************************************ */ /* nav bottom ********************************************************************************** */ #order #left_column , #order-confirmation #left_column {display:none} #order #center_column, #order-confirmation #center_column{width:757px} .cart_navigation {margin:20px 0} .cart_navigation .exclusive, .cart_navigation .exclusive_large { float:right } .cart_navigation .button, .cart_navigation .button_large { border-color:#ccc; background-image:url(../img/bg_bt_2.gif) } /* step 1 - cart ******************************************************************************* */ .cart_last_product {display:none} /*p.cart_navigation .multishipping-button { margin-right: 10px }*/ #order-detail-content {margin-bottom:20px} table#cart_summary th { padding:14px 12px; color:#fff; font-weight:bold; text-transform:uppercase; text-shadow:0 1px 0 #666; background:url(../img/bg_table_th.png) repeat-x 0 -15px #999 } table#cart_summary th.cart_product {text-align:center} table#cart_summary td { padding:12px; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; font-size:13px; vertical-align:top } table#cart_summary td.cart_delete, table#cart_summary td.price_discount_del {border-right:none;text-align: center} table#cart_summary .last_item td {border-bottom:1px solid #999} table#cart_summary tr.cart_item.odd, table#cart_summary tr.cart_total_delivery, table#cart_summary tr.cart_total_price, table#cart_summary tr.cart_total_voucher{ background-color: #fff } table#cart_summary tr.cart_item.even { background-color: #f3f3f3 } table#cart_summary tr.customization.odd { background-color: #fff } table#cart_summary tr.customization.even { background-color: #f3f3f3 } table#cart_summary tr ul { list-style: none; } table#cart_summary .cart_product { width:80px; text-align:center }table#cart_summary tbody tr:last-child td { border-bottom: 1px solid #999; } table#cart_summary .cart_product img {border:1px solid #ccc} table#cart_summary .cart_description { width:230px; } table#cart_summary .cart_description a { font-size: 14px; font-weight: normal; color: #C87E59; } table#cart_summary .cart_unit {width:130px;text-align: center} table#cart_summary td.cart_unit {text-align: right} table#cart_summary .cart_quantity {width:130px} table#cart_summary .customization .cart_quantity {padding: 8px 12px 0;} .cart_quantity .cart_quantity_input { background-color: #CFCECE; border: 1px solid #000000; float: left; margin-left: 5px; width: 30px; } .cart_quantity .cart_quantity_button { float:left; position: relative; top: -5px } table#cart_summary .cart_total {width:120px;text-align: center} table#cart_summary td.cart_total {text-align: right} table#cart_summary .cart_delete { width:64px; text-align:center } table#cart_summary .cart_discount_price {text-align: right} .cart_delete a.cart_quantity_delete, a.price_discount_delete { display:inline-block; padding:1px 2px; font-size:8px; color:#666; text-transform:uppercase; text-shadow:0 1px 0 #fff; background:#ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px } .cart_total_price .total_price_container { border-right:none; } table#cart_summary .cart_total_price td.cart_voucher { border-bottom:1px solid #999; vertical-align:middle } table#cart_summary #total_price_container { border-bottom:1px solid #999; } .cart_voucher h4, .cart_voucher p {float:left;} .cart_voucher h4 { margin-right:12px; padding:5px 0; font-size:13px } .cart_voucher p {padding-bottom:0;} .cart_voucher #display_cart_vouchers { clear:both; line-height: 16px; color:#666; font-weight:normal; border-top:1px dotted #ccc } .cart_voucher #display_cart_vouchers .title_offers {margin-top:10px} .cart_voucher #display_cart_vouchers span {font-weight:bold} .cart_voucher input.discount_name { padding:0 5px; height:22px; width:170px;/* 180 */ border:1px solid #ccc; font-weight:normal; background:url(../img/bg_discount_name.png) repeat-x 0 0 #fff } .cart_voucher .submit input.button { margin-left:2px; padding:2px; height:24px; border:1px solid #000; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; color:#fff; text-transform:uppercase; text-shadow:0 -1px 0 #333; background:url(../img/bg_cart_voucher_submit.png) repeat-x 0 0 #000 } #cart_summary .price { border-right:none; text-align: right; white-space: nowrap; } .total_price_container p {text-align: left} table#cart_summary .cart_total_price .total_price_container { padding:0; border-bottom:1px solid #999; border-right:1px solid #999; } .cart_total_price .total_price_container p { display:block; padding:8px; font-weight:bold; color:#fff; text-transform:uppercase; background:#333 } .cart_total_price .total_price_container span { display:block; padding:15px; font-weight:bold; font-size:18px; text-align:center } #order_carrier { clear:both; margin-top:20px; border:1px solid #999; background:#fff } #order_carrier h4 { padding:0 15px; height: 29px; font-weight: bold; line-height:29px; color:#fff; font-weight:bold; text-transform:uppercase; background:url(../img/bg_table_th.png) repeat-x 0 -10px #999 } #order_carrier span { display:block; padding:15px; font-weight:bold } .order_delivery .first_item {margin-right:35px;} .multishipping_close_container { text-align: center; } table#cart_summary .gift-icon { color: white; background: #0088CC; line-height: 20px; padding: 2px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* step 2 - authentification ******************************************************************* */ #create-account_form, #authentication #login_form { clear: none; float: left; height: 20em; width: 49%; } #create-account_form {margin-right: 11px;} #authentication #create-account_form fieldset, #authentication #login_form fieldset { height: 200px } #authentication #create-account_form .form_content, #authentication #login_form .form_content { padding:15px 10px } #create-account_form h3, #authentication #login_form h3 { padding:8px; border-bottom:1px solid #ccc; font-weight:bold; font-size:12px; color:#fff; text-transform:uppercase; background:url(../img/bg_form_h3.png) repeat-x 0 0 #989898 } #create-account_form h4 { padding-bottom:22px; font-size:11px; color:#333 } #create-account_form label, #login_form label { display:inline-block; width:110px; color:#666 } #order-opc #login_form_content label { display:block; margin:0 0 10px 0 } #create-account_form #email_create, #login_form #email, #login_form #passwd, #login_form #login_email, #login_form #login_passwd { padding:0 5px; height:20px; width:220px;/* 230 */ border:1px solid #ccc; color:#666; background:url(../img/bg_discount_name.png) repeat-x 0 0 #fff } #create-account_form #SubmitCreate, #login_form #SubmitLogin { float:right } .lost_password { float:left; width:200px } .lost_password a {color:#666} #order-opc .lost_password { display:block; float:none; margin:5px 0 10px; width:auto; font-size:11px; color:#666 } #ordermsg p {padding-bottom:0} #ordermsg p.txt { float:left; margin-right:25px; width:220px } /*#ordermsg .textarea {float:right}*/ #ordermsg .textarea textarea { height:90px; width:475px; border:1px solid #ccc } /* step 3 - address ************************************************************************** */ .address-form-multishipping { padding: 10px 0px; } #multishipping_mode_box { border: 1px solid #D0D3D8; background: url("../img/form_bg.jpg") repeat-x scroll left top #D0D1D5; margin-bottom: 10px; padding: 5px; } #multishipping_mode_checkbox { vertical-align: middle; margin-right: 5px; } #multishipping_mode_box.on { border: 1px solid #ddd; } #multishipping_mode_box .title { padding: 5px; font-weight: bold; } #multishipping_mode_box .description, #multishipping_mode_box .description_off { padding: 5px; } #multishipping_mode_box .description_off { display: none; padding: 5px; } #multishipping_mode_box .description_off div { margin-bottom: 10px; } #multishipping_mode_box .description_off a, #multishipping_mode_box .description a { display: block; text-align: center; text-decoration: none; padding: 5px 10px; margin: 0 160px; border: 1px solid #ccc; background: #ddd; } #multishipping_mode_box .description_off a:hover, #multishipping_mode_box .description a:hover { background: #f3f3f3; border: 1px solid #ccc; } #multishipping_mode_box.on .description_off { display: block; } /* step 4 - paiement ************************************************************************** */ .delivery_options { border: 1px solid #BDC2C9; border-top: 0; } #order .delivery_options_address h3, #order-opc .delivery_options_address h3 { /*background: url("../img/table_header.gif") no-repeat; color: #374853; font-weight: bold; height: 14px; padding: 5px 10px; margin: 10px 0 0 0;*/ padding: 6px 11px; font-size: 12px; color: #fff; text-shadow: 0 1px 0 #000; text-transform: uppercase; background: none repeat scroll 0 0 #383838; } #order .delivery_option_radio, #order-opc .delivery_option_radio { float: left; margin: 21px 12px; } #order .delivery_option label, #order-opc .delivery_option label { display: block; padding-bottom: 5px; padding-top: 5px; } #order .delivery_option label > table.resume, #order-opc .delivery_option label > table.resume { height: 46px; width: 685px; } #order .delivery_option.item, #order-opc .delivery_option.item { background: #fafafa; } #order .delivery_option.alternate_item, #order-opc .delivery_option.alternate_item { border-top: 1px solid #bdc2c9; background: #f1f2f4; border-bottom: 1px solid #bdc2c9; } #order .delivery_option label > table.resume td, #order-opc .delivery_option label > table.resume td { padding: 0 8px; } #order .delivery_option label > table.resume td + td, #order-opc .delivery_option label > table.resume td + td { width: 300px; } #order .delivery_option label > table.resume td + td + td, #order-opc .delivery_option label > table.resume td + td + td { width: 100px; text-align: right; } #order .delivery_option_carrier td {width:200px} #order .delivery_option_carrier td + td {width:280px;} #order .delivery_option_carrier td + td + td {width:200px} #order .delivery_options_address .delivery_option_logo, #order .delivery_option_carrier .delivery_option_logo, #order-opc .delivery_options_address .delivery_option_logo { padding-left:10px; width: 160px; } #order .delivery_options_address .delivery_option_logo img, #order-opc .delivery_options_address .delivery_option_logo img { /*height: 40px;*/ } #order .delivery_option_carrier .first_item, #order-opc .delivery_option_carrier .first_item { padding: 3px 5px 3px 12px; background:url(../img/arrow_right_2.png) no-repeat 3px 7px } .order_carrier_content { padding:15px; border:1px solid #ccc; font-size:12px; color:#000; background:#f8f8f8 } .order_carrier_content h3 { padding:15px 0 10px 0; font-size:13px; color:#000 } .order_carrier_content h3.carrier_title {padding-top:0} .order_carrier_content input { position:relative; top:1px } #carrierTable { border:1px solid #999; border-bottom:none; background:#fff } #carrierTable tbody{ border-bottom:1px solid #999; } #carrierTable th { padding:0 15px; height: 29px; font-weight: bold; line-height:29px; color:#fff; text-transform:uppercase; background:url(../img/bg_table_th.png) repeat-x 0 -10px #999 } #carrierTable td { padding:15px; font-weight:bold; border-right:1px solid #e9e9e9 } #carrierTable td.carrier_price {border:none} #gift_div { display:none; padding-bottom:10px } #gift_div label { display:block; margin-bottom:5px } #gift_div #gift_message { height:50px; width:720px; border:1px solid #999 } a.iframe {font-weight:bold} .hook_extracarrier { margin-top: 5px; padding: 5px; } /* step 5 - paiement ************************************************************************** */ .paiement_block { padding:15px; border:1px solid #ccc; font-size:12px; color:#000; background:#f8f8f8 } .payment_module { position:relative; padding-top:20px; border-top:1px dotted #ccc; text-transform:uppercase; } .payment_module a {display:block;} .payment_module img { float:left; margin-right:10px } /*.payment_module span { position:absolute; top:50px; left:145px }*/ .payment_module:before, .payment_module:after { content: "."; display: block; height: 0; overflow: hidden } .payment_module:after {clear: both} .payment_module {zoom: 1} /* ************************************************************************************************ PAGE ORDER-OPC ************************************************************************************************ */ #order-opc #left_column {display:none} #order-opc #center_column{width:757px} #order-opc h2 {} #order-opc h2 span { display:inline-block; padding:5px 7px; color:#fff; background:#333; } #order-opc #login_form fieldset { background: none repeat scroll 0 0 #FFFFE0; border: 1px solid #E6DB55; font-size: 13px; margin: 0 0 10px; padding: 10px; } #order-opc #login_form fieldset p {padding:0} #order-opc #login_form fieldset p a {padding:0} #order-opc #new_account_form p.submit { margin-right: 120px; text-align:right } #order-opc #new_account_form p.opc-required {margin-left:20px} #order-opc .addresses {margin-bottom:20px} #order-opc #opc_delivery_methods h3 {margin-top:20px;} #order-opc #opc_delivery_methods textarea { height:60px; width:755px; border:1px solid #ccc } #order-opc #opc_payment_methods {margin-bottom:20px} #order-opc #opc_payment_methods #opc_payment_methods-content p{margin:0} .delivery_option_carrier td {width:200px} .delivery_option_carrier td + td {width:280px;} .delivery_option_carrier td + td + td {width:200px} .delivery_option_carrier { margin: 5px 0 0 45px; width: 670px; display: none; } .delivery_option_carrier tr td { padding: 5px; } .delivery_option_carrier.selected { display: table; } .delivery_option_carrier.not-displayable { display: none; } .delivery_option_title { font-weight: bold; } /* ************************************************************************************************ express checkout ************************************************************************************************ */ #new_account_form {clear:both;margin-bottom: 20px} #new_account_form h3 { margin-bottom:20px; padding:8px; border-bottom:1px solid #ccc; font-weight:bold; font-size:12px; color:#fff; text-transform:uppercase; background:url(../img/bg_form_h3.png) repeat-x 0 0 #989898 } #center_column #new_account_form p { margin:0; padding:0 0 10px 0 } #new_account_form p.required {color:#222} #new_account_form p.required sup {color:#990000} #new_account_form p.radio span, #new_account_form p.text label, #new_account_form p.password label, #new_account_form p.select label, #new_account_form p.select span, #new_account_form p.textarea label { display: inline-block; padding: 6px 15px; width: 230px; font-size: 14px; text-align: right } #new_account_form p.radio label { float:none; padding-right:10px; width:auto; font-size:14px; } #new_account_form p.checkbox label { float: none; width: auto; font-size: 12px; } #new_account_form p.text input, #new_account_form p.password input, #new_account_form p.select input { height:22px; padding:0 5px; width:360px; border:1px solid #ccc; font-size:12px; color:#666 } #new_account_form p.checkbox input {margin-left: 260px;} #new_account_form #submitGuestAccount {float: right} /* ************************************************************************************************ */ /* ************************************************************************************************ paiment - CONFIRMATION ************************************************************************************************ */ #orderconfirmation #left_column {display:none} #orderconfirmation #center_column{width:757px} /* ************************************************************************************************ PAGE PASSWORD ************************************************************************************************ */ #form_forgotpassword fieldset { padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #eee } #form_forgotpassword p.text label { display: inline-block; padding-right: 10px; width: 174px; font-weight: bold; font-size: 12px; text-align: right } #form_forgotpassword p.text input { padding: 0 5px; height: 20px; width: 288px; border: 1px solid #ccc; background: url(../img/bg_input.png) repeat-x 0 0 #fff } #form_forgotpassword p.submit { margin-right:25px; padding-bottom:5px; text-align:right } #password .icon { position:relative; top:6px; } /* ************************************************************************************************ PAGE ADRESSES ************************************************************************************************ */ #addresses #left_column {display:none} #addresses #center_column{width:757px} #address p.inline-infos { margin:0 0 0 100px !important; font-size:12px; color:#666; } /* ************************************************************************************************ PAGE ADD ADRESS ************************************************************************************************ */ #address #left_column {display:none} #address #center_column{width:757px} form#add_adress {} #add_adress fieldset { margin:0; border:1px solid #ccc; background:#F8F8F8 } #add_adress h3 { margin:0 0 15px 0; padding:8px; font-size:14px; color:#fff; text-transform:uppercase; background:url(../img/bg_form_h3.png) repeat-x 0 0 #989898 } #center_column #add_adress p {margin:0; padding:0 0 10px 0} #add_adress p.required {color:#222} #add_adress p.required sup {color:#990000} #add_adress p.text label, #add_adress p.password label, #add_adress p.select label, #add_adress p.select span, #add_adress p.textarea label { display:inline-block; padding:6px 15px; width:230px;/* 260 */ font-size:14px; text-align:right } #add_adress p.text input, #add_adress p.password input, #add_adress p.select input { padding:0 5px; height:22px; width:360px;/* 370 */ border:1px solid #ccc; font-size: 12px; color:#666 } #add_adress p.checkbox input { margin-left:260px; } #add_adress p.select select { margin-right:10px; border:1px solid #ccc; font-size: 12px; color:#666 } #add_adress p.textarea label {vertical-align:top} #add_adress p.textarea textarea { height:80px; width:370px; border:1px solid #ccc; font-size: 12px; color:#666 } #center_column #add_adress p.submit2 { margin-top:20px; text-align:right } #add_adress span.form_info, #add_adress span.inline-infos { display:block; margin:5px 0 0 265px; color:#666 } /* ************************************************************************************************ PAGE ORDER-SPLIP ************************************************************************************************ */ #order-slip #left_column {display:none} #order-slip #center_column{width:757px} #order-slip #order-list {border-bottom:1px solid #999} #order-slip #order-list td { border-top: 1px solid #ccc; border-bottom:none } #order-slip #order-list td.history_invoice {border-right:none} /* ************************************************************************************************ PAGE DISCOUNT ************************************************************************************************ */ #discount #left_column {display:none} #discount #center_column{width:757px} #discount .table_block tr.last_item td {border-bottom:1px solid #999} #discount .table_block td.discount_expiration_date {border-right:1px solid #999} #discount .table_block td.discount_value {white-space:nowrap} /* ************************************************************************************************ PAGE ORDER FOLLOW ************************************************************************************************ */ #order-follow #left_column {display:none} #order-follow #center_column{width:757px} /* ************************************************************************************************ PAGE NEW-PRODUCTS ************************************************************************************************ */ #newproducts .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE BEST SALES ************************************************************************************************ */ #bestsales .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE PRICES DROP SALES ************************************************************************************************ */ #pricesdrop .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE MANUFACTURER ************************************************************************************************ */ #manufacturer .nbrmanufacturer { margin: 15px 0 10px; padding: 8px 7px; font-size:12px; color: #000; background: none repeat scroll 0 0 #f0f0f0 } #manufacturer #product_list {margin-top:15px} ul#manufacturers_list {list-style-type:none} ul#manufacturers_list li { margin-bottom: 14px; padding: 12px 8px; border: 1px solid #eee; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; } ul#manufacturers_list li a.lnk_img { display: block; float: left; } ul#manufacturers_list li img { display: block; float: left; margin-right: 14px; border: 1px solid #ccc; vertical-align: bottom } ul#manufacturers_list li h3 { padding: 0 0 10px; font-size: 13px; color: #000 } ul#manufacturers_list li .description { overflow: hidden; padding: 0; font-size:12px; color:#666 } ul#manufacturers_list li .right_side {float:right;} .description_box { border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 1px #E2E2E2; -moz-box-shadow: 0 1px 1px #E2E2E2; -webkit-box-shadow:0 0 1px 1px #E2E2E2; padding: 5px; margin-bottom: 1px; font-size: 12px; line-height: 18px; background-color: white; } .description_box p { margin: 0; padding: 0 10px 5px; } .description_box .hide_desc { display: none; } .description_box .lnk_more { background: url("../img/arrow_right_1.png") no-repeat scroll 100% 4px transparent; color: #0088CC; padding: 0 10px; } .description_box ul { padding-left: 30px; padding-bottom: 10px; } /* ************************************************************************************************ PAGE SUPPLIER ************************************************************************************************ */ #supplier .nbrmanufacturer { margin: 15px 0 10px; padding: 8px 7px; font-size:12px; color: #000; background: none repeat scroll 0 0 #f0f0f0 } ul#suppliers_list {list-style-type:none} ul#suppliers_list li { margin-bottom: 14px; padding: 12px 8px; border: 1px solid #eee; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; } ul#suppliers_list li a.lnk_img { display: block; float: left; } ul#suppliers_list li img { display: block; float: left; margin-right: 14px; border: 1px solid #ccc; vertical-align: bottom } ul#suppliers_list li h3 { padding: 0 0 10px; font-size: 13px; color: #000 } ul#suppliers_list li .description { overflow: hidden; padding: 0; font-size:12px; color:#666 } ul#suppliers_list li .right_side {float:right;} /* ************************************************************************************************ PAGE SEARCH ************************************************************************************************ */ #search h3.nbresult { margin:0 0 10px 0; padding:10px; border:1px solid #e6db55; font-size:13px; background:#ffffe0 } #search .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE 404 ************************************************************************************************ */ #pagenotfound #left_column, #pagenotfound #right_column, #pagenotfound #footer {display:none} #pagenotfound #left_column, #pagenotfound #right_column, #pagenotfound #footer {display:none} #pagenotfound #center_column {width:940px;} #pagenotfound .pagenotfound { padding:30px 300px 0 0; height:330px; font-size:14px; background:url(../img/bg_404.png) no-repeat 100% 0 } #pagenotfound h3 { font-weight:normal; font-size:14px } #pagenotfound fieldset {border:none} #pagenotfound fieldset label {color:#333} #pagenotfound #search_query { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-bottom: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #fff !important; border-top: 1px solid #666; padding: 0 5px; height: 24px; width: 200px; color: #ccc; background: url(../../../img/bg_search_input.png) repeat-x scroll 0 0 #fff } #pagenotfound .button_small { padding: 4px 7px; border: medium none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; color: #fff; text-transform: uppercase; background: url("../../../img/bg_search_submit.png") repeat-x scroll 0 0 #101010 } #pagenotfound .pagenotfound a { font-weight:bold; color:#333 } #pagenotfound .pagenotfound .icon { position:relative; top:3px } /* ************************************************************************************************ addons payment cheque ************************************************************************************************ */ #module-cheque-payment #left_column {display:none} #module-cheque-payment #center_column{width:757px} /* ************************************************************************************************ addons payment bankwire ************************************************************************************************ */ #module-bankwire-payment #left_column {display:none} #module-bankwire-payment #center_column{width:757px} /* ************************************************************************************************ addons google checkout ************************************************************************************************ */ #module-gcheckout-payment #left_column {display:none} #module-gcheckout-payment #center_column{width:757px} /* ************************************************************************************************ addons paypal ************************************************************************************************ */ #module-payment-submit #left_column {display:none} #module-payment-submit #center_column{width:757px} /* ************************************************************************************************ addons cashondelivery validation ************************************************************************************************ */ #module-cashondelivery-validation #left_column {display:none} #module-cashondelivery-validation #center_column{width:757px} /* ************************************************************************************************ addon RerversoForm ************************************************************************************************ */ #account-creation_form fieldset.reversoform {padding:10px !important} #account-creation_form fieldset.reversoform .text label{ display:block; padding:0 0 10px 0; width:100%; text-align:left; } #account-creation_form fieldset.reversoform .infos-sup { padding:0 !important; font-size:10px; font-style:italic; text-align:right } /* ************************************************************************************************ addon customer privacy ************************************************************************************************ */ #account-creation_form fieldset.customerprivacy label{ padding-bottom:0; font-size:14px; text-align:left; cursor:pointer } /* ************************************************************************************************ addon referralprogram ************************************************************************************************ */ #module-referralprogram-referralprogram-program #left_column {display:none} #module-referralprogram-referralprogram-program #center_column{width:757px} #footer .myaccount li.referralprogram img {display:none} #module-referralprogram-referralprogram-program .sheets {padding-top:10px} #module-referralprogram-referralprogram-program form p.checkbox {font-weight:bold} #module-referralprogram-referralprogram-program form p.checkbox a {text-decoration:underline} #module-referralprogram-referralprogram-program form p.submit {text-align:right} #module-referralprogram-referralprogram-program form p.see_email { padding-left:10px; color: #0088cc; background:url(../img/arrow_right_1.png) no-repeat 0 4px; } #module-referralprogram-referralprogram-program form p.see_email a { color: rgb(0, 136, 204); text-decoration: underline; } #module-loyalty-default #left_column { display: none; } #module-loyalty-default #center_column { width: 757px; } #product p#loyalty { background: url("../img/icon/info.png") no-repeat 0px 8px; padding: 10px 0px 0px 20px; margin-top: 10px; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid; } #footer .myaccount li.loyalty img { display: none; } #livezilla_lnk { margin: 10px 0px; text-align: right; } #livezilla_lnk a { background: url("../img/bg_bt_compare.gif") repeat-x 0px 0px rgb(0, 0, 0); font: bold 10px/normal Arial, Verdana, sans-serif; padding: 6px 8px 8px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: rgb(255, 255, 255); display: inline-block; font-size-adjust: none; font-stretch: normal; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow: 0 -1px 0 #000; } #livezilla_lnk a:hover { text-decoration: none; } form#sendComment fieldset { background: rgb(238, 238, 238); padding: 10px; border: 1px solid rgb(204, 204, 204); } form#sendComment h3 { font-size: 14px; } #new_comment_form p.text { padding-bottom: 0px; margin-bottom: 0px; } #sendComment p.text label { margin: 12px 0px 4px; font-size: 12px; font-weight: bold; display: block; } #sendComment p.textarea label { margin: 12px 0px 4px; font-size: 12px; font-weight: bold; display: block; } #sendComment p.text input { background: url("../img/bg_input.png") repeat-x 0px 0px rgb(255, 255, 255); padding: 0px 5px; border: 1px solid rgb(204, 204, 204); width: 498px; height: 28px; } #sendComment p.textarea textarea { border: 1px solid rgb(204, 204, 204); width: 508px; height: 80px; } #sendComment p.submit { padding: 0px; text-align: right; } #sendComment p.closeform { background: url("../img/icon/delete.gif") no-repeat 0px 0px; padding: 0px; width: 12px; height: 12px; text-indent: -5000px; float: right; } .star { top: 2px; width: 12px; height: 12px; text-indent: -999em; overflow: hidden; float: left; position: relative; cursor: pointer; } .star { background: url("../../../modules/productcomments/img/star.gif") no-repeat 0px 0px; } .star a { background: url("../../../modules/productcomments/img/star.gif") no-repeat 0px 0px; } div.star_on a { background-position: 0px -12px; } div.star_hover a { background-position: 0px -12px; } div.star a:hover { background-position: 0px -12px; } #guest-tracking fieldset p:first-child { padding-top: 10px; } #guest-tracking fieldset p:last-child { padding-bottom: 10px; } .advertising_block { width: 191px; text-align: center; margin-bottom: 1em; } #categories_block_left li { border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dotted; } #categories_block_left li.last { border: currentColor; } #categories_block_left li a { background: url("../../../modules/blockcategories/img/arrow_right_2.png") no-repeat 10px 10px; padding: 7px 11px 5px 22px; color: rgb(51, 51, 51); display: block; } #categories_block_left li ul { margin-left: 40px; } #categories_block_left li ul li { border: currentColor; } #categories_block_left li ul li a { padding-left: 0px; } #categories_block_left li .OPEN { background: url("../../../modules/blockcategories/img/icon/open-close.png") no-repeat 0px -9px; margin: 10px 10px 0px; width: 9px; height: 9px; float: right; display: block; cursor: pointer; } #categories_block_left li .CLOSE { background: url("../../../modules/blockcategories/img/icon/open-close.png") no-repeat 0px -9px; margin: 10px 10px 0px; width: 9px; height: 9px; float: right; display: block; cursor: pointer; } #categories_block_left li .CLOSE { } .blockcategories_footer { padding: 15px 10px; } .blockcategories_footer ul ul { display: none !important; } #footer .block_various_links { padding: 15px 10px; } .informations_block_left li { border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: dotted; } .informations_block_left li.last { border: currentColor; } .informations_block_left li a { background: url("../../../modules/blockcms/img/arrow_right_2.png") no-repeat 10px 10px; padding: 7px 11px 5px 22px; color: rgb(51, 51, 51); display: block; } tr.subitem > td:first-child + td { padding-left: 10px; } #block_contact_infos { padding: 15px 10px; } #block_contact_infos li { padding: 0px !important; line-height: 20px; } #block_contact_infos li strong { font-size: 13px; font-weight: normal; } #block_contact_infos li pre { font: 11px/20px Arial, Verdana, sans-serif; font-size-adjust: none; font-stretch: normal; } #links_block_left .block_content li { border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: dotted; } #links_block_left .block_contentt li.last { border: currentColor; } #links_block_left .block_content li a { background: url("../../../modules/blocklink/img/arrow_right_2.png") no-repeat 10px 10px; padding: 7px 11px 5px 22px; color: rgb(51, 51, 51); display: block; } .blockmanufacturer li { border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dotted; } .blockmanufacturer li.last { border: currentColor; } .blockmanufacturer li a { background: url("../../../modules/blockmanufacturer/img/arrow_right_2.png") no-repeat 10px 10px; padding: 7px 11px 5px 22px; color: rgb(51, 51, 51); display: block; } .blockmanufacturer form { margin-top: 10px; } .blockmanufacturer p { padding: 0px; text-align: center; } .paiement_logo_block { width: 191px; text-align: center; margin-bottom: 1.5em; } .paiement_logo_block a { text-decoration: none; } .paiement_logo_block img { margin: 0px 0.5em; } #rss_block_left p { margin: 0px; padding: 10px; } #rss_block_left li { border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dotted; } #rss_block_left li.last { border: currentColor; } #rss_block_left li a { background: url("../../../modules/blockrss/img/arrow_right_2.png") no-repeat 10px 10px; padding: 7px 11px 5px 22px; color: rgb(51, 51, 51); display: block; } #social_block { padding: 15px 10px; } #social_block li { padding-left: 22px !important; } #social_block li.facebook { background: url("../../../modules/blocksocial/img/sprite_pict_social_block.png") no-repeat 0px 6px; } #social_block li.twitter { background: url("../../../modules/blocksocial/img/sprite_pict_social_block.png") no-repeat 0px -26px; } #social_block li.rss { background: url("../../../modules/blocksocial/img/sprite_pict_social_block.png") no-repeat 0px -56px; } .blockstore img { margin: 10px 0px 0px; } .blockstore p { text-align: right; padding-bottom: 0px; font-weight: bold; } .blockstore p.store_image { text-align: center; padding-bottom: 10px; } .blocksupplier li { border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dotted; } .blocksupplier li.last { border: currentColor; } .blocksupplier li a { background: url("../../../modules/blocksupplier/img/arrow_right_2.png") no-repeat 10px 10px; padding: 7px 11px 5px 22px; color: rgb(51, 51, 51); display: block; } .blocksupplier form { margin-top: 10px; } .blocksupplier p { padding: 0px; text-align: center; } #header_user { margin-right: 0px; margin-bottom: 58px; } #mojelogo img { height: 155px; margin-left: 740px; opacity: 0.8; filter: alpha(opacity=80);/* This works in IE 8 & 9 too */ -moz-opacity:0.8;/* Older than Firefox 0.9 */ -khtml-opacity: 0.8;/* Safari 1.x (pre WebKit!) */ position: absolute; top: 36px; width: 116px; z-index: 100; } #right-listwa { left: 980px; top: 0px; width: 100px; clear: none; display: block; position: relative; background-color: transparent; } .logmark { background-position: center center; background-repeat: no-repeat; background-size: 100px auto; margin-bottom: 5px; max-height: 120px; min-height: 100px; width: 100px; } #edilk { background-image: url("../../../../img/loga-marek/szer100pix----logo-edilkamin.png"); } #invic { background-image: url("../../../../img/loga-marek/szer100pix----logo-invicta.png"); } #supra { background-image: url("../../../../img/loga-marek/szer100pix----logo-supra.png"); } #unifl { background-image: url("../../../../img/loga-marek/szer100pix----logo-uniflam.png"); } #tatar { background-image: url("../../../../img/loga-marek/szer100pix----logo-tatarek.png"); } #grund { background-image: url("../../../../img/loga-marek/szer100pix----logo-grundfos.png"); } #laude { background-image: url("../../../../img/loga-marek/szer100pix----logo-laudel.png"); } #piazz { background-image: url("../../../../img/loga-marek/szer100pix----logo-piazzetta.png"); } #seces { background-image: url("../../../../img/loga-marek/szer100pix----logo-secespol.png"); } #lechm { background-image: url("../../../../img/loga-marek/szer100pix----logo-lechma.png"); } #silca { background-image: url("../../../../img/loga-marek/szer100pix----logo-silca.png"); } #thorm { background-image: url("../../../../img/loga-marek/szer100pix----logo-thorma.png"); } #reinsurance_block { width: 1080px; height: 90px; position: relative; background-image: url("/shop-img/themes/default/blockreinsurance/bg_reinsurance_block.gif"); background-repeat: repeat-x; background-color: grey; } #reinsurance_block li { padding: 15px 10px !important; color: rgb(51, 51, 51); text-transform: uppercase; font-size: 13px; float: left; text-shadow: 0 1px 0 #fff; } #reinsurance_block .width1 li { width: 960px; } #reinsurance_block .width2 li { width: 470px; } #reinsurance_block .width3 li { width: 305px; } #reinsurance_block .width4 li { width: 224px; } #reinsurance_block .width5 li { width: 175px; } #reinsurance_block li img { margin-right: 10px; float: left; } #reinsurance_block li span { width: 65%; padding-top: 12px; float: left; } /* ############################################### */ /* supersish-modified.css style z blocktopmenu */ .container_9 .grid_6 { width: 1080px; } /*** ESSENTIAL STYLES ***/ .sf-contener {clear: both;} .sf-right { float:right; margin-right:14px; width:7px; } .sf-menu, .sf-menu * {list-style: none;} .sf-menu li{display:inline-block;} .sf-menu { border-radius: 3px 3px 3px 3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0 2px 4px #0B0B0A; -moz-box-shadow: 0 2px 4px #0B0B0A; -webkit-box-shadow:0 2px 4px #0B0B0A; // background: url("/shop-img/themes/default/blocktopmenu/tlo-menu.png") repeat-x scroll 0 0 #321F13; background: #321F13; margin: 10px 0; padding: 0 5px; width: 1070px; } .sf-menu ul { position:absolute; top:-999em; width:10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width:100%; } .sf-menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { background: none no-repeat scroll 100% 0 transparent; float: left; position: relative; /* wcześniej byl background:transparent url("kominki.francuskie.com/shop-img/themes/default/blocktopmenu/bg_li_blocktopmenu.png") no-repeat 100% 0; */ } .sf-menu a { display:block; position:relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:34px; /* match top ul list item height */ z-index:99; width:auto } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:100%; /* match ul width */ top:0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:100%; /* match ul width */ top:0; } /*** DEMO SKIN ***/ .sf-menu { float:left; margin-bottom: 1em; } .sf-menu a { display:block; margin-right:2px; padding: 0 22px 0 20px; line-height:34px; border:0; text-decoration:none; } .sf-menu a, .sf-menu a:visited { color: #D26800; font-size: 19px; font-weight: 400; // text-shadow: 0 1px 0 #DCFC00; white-space: nowrap; } .sf-menu a:hover { color: #FFAA03; } .sf-menu li li { background: none repeat scroll 0 0 rgba(84, 41, 8, 0.91); } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right:2.25em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { overflow:hidden; display:block; position:absolute; top:1.05em; /* IE6 only */ right:10px; width:10px; height:10px; text-indent:-999em; background:url("/modules/blocktopmenu/img/arrows-ffffff.png") no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top:11px; background-position:0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } .sf-menu ul li a , .sf-menu ul li li a, .sf-menu ul li li li a /* wielkosc czcionki 1,2 i 3 podmenu */ { font-size: 15px; color: white; text-shadow: none; line-height: 28px; } /*** shadows for all but IE6 ***/ .sf-shadow ul { padding:0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; background:url("/shop-img/themes/default/blocktopmenu/shadow.png") no-repeat bottom right; } .sf-shadow ul.sf-shadow-off {background:transparent;} li.sf-search { float:right; line-height: 25px; background:inherit; } li.sf-search input { margin-top:4px; padding:3px 0 3px 20px; -moz-border-radius:0 5px 5px 0; border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; background:url("/shop-img/themes/default/blocktopmenu/search.gif") no-repeat left center #fff; } /* ######################## KONIEC blocktopmenu ############# */ h2.productscategory_h2 { margin: 40px 0px 20px; padding: 10px 0px; color: rgb(51, 51, 51); font-size: 18px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; } #productscategory { background-color: transparent; max-height: 80px; overflow: hidden; font-size: 12px; } #productscategory_list { width: 96%; overflow: hidden; float: left; } #productscategory_list ul { margin: 0px 0px 0px 14px; list-style-type: none; } #productscategory_list li { margin-right: 26px; float: left; } #productscategory_list li a.lnk_img { display: block; } #productscategory_list li a img { border: 1px solid rgb(204, 204, 204); } #productscategory_list li p.product_name { text-align: center; } #productscategory_noscroll { width: 100%; height: 120px; margin-bottom: 30px; } #productscategory_scroll_left { background: url("/shop-img/themes/default/thumbs_left.gif") no-repeat center; width: 9px; height: 18px; text-indent: -3000px; margin-top: 30px; float: left; display: block; } #productscategory_scroll_right { background: url("/shop-img/themes/default/thumbs_left.gif") no-repeat center; width: 9px; height: 18px; text-indent: -3000px; margin-top: 30px; float: left; display: block; } #productscategory_scroll_right { background-image: url("/shop-img/themes/default/thumbs_right.gif"); } #more_info_tabs li a { text-shadow: 0px 1px 0px #F8FF00; color: #A02525; font-size: larger; line-height: 0.8; } /* plik css modułu delffbslider skopiowany do global aby slider wyswitlal się ok w ie */ .slider-box{display:none;position:fixed;z-index:9999;} .slider-left{left:0;top:150px;} .slider-right{right:0;top:150px;} .slider-top{top:0;left:50px;} .slider-bottom{bottom:0;left:50px;} .slider-content{background-color:#3B5998;overflow:auto!important;padding:3px;border-color:#3b5998;border-style:solid;border-width:1px;} .slider-logo{position:absolute;z-index:110;cursor:pointer;font-size:0} .slider-float-left{float:left} .slider-float-right{float:right} .clr{clear:both} /* koniec kopii pliku jw */ #wish-produkt { display: block; } #wish-produkt li { display: block; padding: 3px; } #wish-produkt ul { background-color: #FBFBFB; float: right; margin-bottom: 7px; margin-right: 8px; text-align: justify; width: 256px; border: 1px solid #69590A; border-radius: 15px; -moz-border-radius:15px; -webkit-border-radius:15px; padding: 9px 0px; box-shadow: 1px 2px 6px; -moz-box-shadow:1px 2px 6px; -webkit-box-shadow:1px 2px 6px; } #wish-produkt li .wishlist_product_detail { background-color: transparent; float: left; text-align: left; width: 100px; } #wish-link-produktu a { color: black; font-size: 20px; } #wish-produkt h3 { line-height: 1.3; color: #844D2D; text-shadow: 0px 1px 0px white; } .blockspecials H4 a { } .home-art { float: left; width: 270px; } #startowka { border-radius: 20px; box-shadow: 1px 2px 3px 1px; clear: both; float: left; font-size: 13px; margin: 0 4px 9px -7px; padding: 7px 2px 0 6px; position: relative; width: 540px; } .home-art-foto img { border-radius: 20px 0 0 0; margin-bottom: 3px; width: 250px; } .home-art-foto a img:hover { box-shadow: 2px 2px 4px black; } .home-art p { text-align: justify; width: 255px; } #startowka .home-art:first-child, #startowka .home-art:last-child { height: 90px; margin-bottom: 5px; width: 535px; } #startowka .home-art:first-child .home-art-foto img, #startowka .home-art:last-child .home-art-foto img { float: left; height: 80px; width: 125px; } #startowka .home-art:first-child p { float: right; height: 70px; position: relative; top: -16px; width: 390px; } #startowka .home-art:last-child p { float: left; position: relative; top: -16px; width: 390px; } #startowka .home-art:last-child .home-art-foto img { float: right; border-radius: 0 0 20px 0; } #startowka p:first-letter { font-weight: bold; font-size: larger; } #subcategories ul li { display: inline-table; background-color: rgba(220, 220, 220, 0.6); border-radius: 10px; padding: 10px; margin: 4px; } #subcategories ul { text-align: center; } #subcategories ul li a { color: #6d5016; font-size: 32px; font-weight: normal; text-shadow: 2px 2px 1px white; } #subcategories .inline_list .clearfix { width: 230px; height: 101px; border: 2px dashed #FFFFFF; box-shadow: 1px 1px 3px black; } #subcategories ul li:hover { color: #A9A7A7; background-color: #D2CFCF; } #subcategories ul li a:hover { color: #030303; text-decoration: none; } #producent p{ color: #000000; font-size: 15px; line-height: 17px; margin: 0; padding: 0; text-shadow: 0 1px 0 #FFFEFE; } .manufacturerlogos{ float: left; margin-right: 5px; } .minimanufacturerlogos { position: absolute; top: 166px; left: 6px; opacity: 0.5; filter: alpha(opacity=50);/* This works in IE 8 & 9 too */ -moz-opacity:0.5;/* Older than Firefox 0.9 */ -khtml-opacity: 0.5;/* Safari 1.x (pre WebKit!) */ } .geotags { background-color: red; color: yellow; display: none; font-size: 12px; visibility: visible; } #color_to_pick_list li a img{ width:20px; height:20px; } #color_to_pick_list li a:hover img { margin-top:20px; width: 120px; height: 120px; position: absolute; border: 1px solid; box-shadow: 1px 1px 9px 3px grey; } #idTab2 li { font-size: 20px; list-style: none; line-height: 1.4em; color: #EA4600; } #gplus { position: fixed; left: -1px; top: 112px; z-index:1000; } #krdpl { clear: both; opacity: 0.5; } #krdpl:hover { opacity: 1; } /* BLOK /modules/blockpermanentlinks/blockpermanentlinks.css */ #header_links a { color: #bebd66; font-size: 15px; text-decoration: none; } #header_user_info a { line-height: 11px; color: #CDA22E; font-size: 14px; padding-right: 6px; } .szt-cm2{ font-size:13px; } .cenanatelefon{ font-size: 30px; color:white; padding: 15px 20px; position: relative; background-color: green; } .cenanatelefon-plist{ font-size: 16px; color:white; padding: 5px 5px; position: relative; background-color: green; } .kontaktforminfo{ color:#050505; margin:30px 30px 0px 30px; }