@import url("/eshop/themes/observatoire/css/grid_prestashop.css"); /* ************************************************************************************************ GENERAL STYLE ************************************************************************************************ */ * { margin:0; padding:0; } ul, ol { list-style:none; margin:0;} html {margin: 0;padding: 0; outline: 0!important;} body {font:13px/1.6 'Open Sans', sans-serif; color:#7a7a7a;margin: 0;padding: 0; background: #EAEAEA; } body{ min-width:320px; position: relative;} h1 {font-size: 26px;line-height:1.5;margin-bottom: 14px;color:#1c1c1c; } h2 {font-size: 20px;line-height:1.5;margin-bottom: 12px;color:#1c1c1c;} h3 {font-size: 18px;line-height:1.5;margin-bottom: 10px;color:#1c1c1c;} h4 {font-size: 14px;line-height:1.5;margin-bottom: 8px;color:#1c1c1c;} h5 {font-size: 12px;line-height:1.5;margin:0px;color:#1c1c1c;} h6 {font-size: 11px;line-height:1.5;margin-bottom: 4px;color:#1c1c1c;} p {font-size: 12px; margin:0 0 20px 0;} a, a:visited,a:active,a:link, a:focus {cursor: pointer;text-decoration: none;color:#333;outline:none;} a:hover {text-decoration: none;color:#a62c41;} a.btn { color:#fff;} .btn i{ margin-right:7px;} ol {counter-reset: item;list-style-type: none;margin: 0 0 0 15px;} ol li:before {content: counter(item, decimal) " ";counter-increment: item;} legend {color:#000} sup{ color:#F00;font-size:100%;top: -4px;} .clearfix:before, .clearfix:after {content:".";display:block;height:0;overflow:hidden} .clearfix:after {clear:both} .clearfix {zoom:1} html {width: 100%;} /* ************************************************************************************************ STRUCTURE ************************************************************************************************ */ #wrapp{ position:relative; overflow:hidden; width:100%;} #wrapp_2{ margin:0 auto; padding: 0;text-align: left;} #right_column{padding:11px 0px 0px 0px; margin-top: 20px;} #product #right_column {padding:35px 0 0 0; margin-top: 20px;} #left_column{ display:none;} /*body#index #right_column{ display:none;}*/ body#index .instant + #right_column{ display:block;} #center_column{ padding-bottom:30px; margin-top: 20px;} #product #center_column{ padding-bottom:30px; margin-top: 20px;} body#index #center_column {padding-bottom:0px;} #columns { background: #fff; } /* ************************************************************************************************ MAIN STYLE STORE ************************************************************************************************ */ h1 {color:#1c1c1c; text-transform:uppercase;font-weight:bold;padding:15px 0px 2px 0px; font-family:"Economica", sans-serif; margin:0 0 20px 0; border-bottom: 3px double #A62C41; } h1 span{ padding-right:5px;} h1 strong{float:right;padding:5px 0 0 0;font-size:14px; line-height:20px;font-weight:normal;color:#333; font-style:italic; display:block;white-space:nowrap;} .notification {font-sise:16px;font-family:Georgia, "Times New Roman", Times, serif;letter-spacing:1px;padding: 20px 20px 20px 60px;border-radius: 4px;} .notification strong {margin-right: 5px;} .notification p {font-size: 11px;padding: 0px;margin: 0px;color: #333333;} .notification_warning {background-image: url(/eshop/themes/observatoire/img/error.png);background-position: 15px center;background-repeat: no-repeat;border: 2px solid #FFC237;background-color: #FFEAA8;color: #826200;} a.product_link {font-size:13px;color:#a62c41;font-weight:bold; text-transform:uppercase;} a.product_link:hover{color:#1c1c1c;} span.price {color:#7a7a7a;font-weight:bold;font-size:12px; font-family:"Economica", sans-serif;} .columns .bordercolor, #columns .bordercolor {border-color: #ccc;} #carouselproduct .price, #carouselproductcross .price { font-size:16px;} /* ************************************************************************************************ ERRORS ************************************************************************************************ */ div.error {margin:20px 0 20px 0; padding:20px;} div.error p {padding:0; margin:0 0 0px 0; font-size:14px; text-transform:uppercase;} div.error ol{ margin:0px 0 0 0} div.error p.lnk{ float:right; margin-top:7px;} div.error p.lnk .btn{ color:#fff; font-weight:normal;} div.error li {padding:0px 0 0 0;list-style-position:inside;list-style-type:decimal;} p.warning {background:#d4eeff;border: 1px solid #34acf9;margin:20px 0 20px 0;padding:12px 10px 12px 20px;font-size:14px;color:#0473b9; } p.warning i{ font-size:25px; vertical-align:-3px; margin-right:20px;} p.warning a{ color:#0C0} p.warning a:hover{ color:#333;} .warning_inline {color:#ff0000;font-weight:bold;} .alert-error,div.error {background:url(/eshop/themes/observatoire/img/warning.png) 20px center no-repeat #fde4e1; padding-left:70px; font-size:14px; font-weight:bold; border:1px solid #ebbcb5; font-size:12px; font-weight:bold; color:#df0505;} .modal.notification.notification_warning{margin-left: -321px;} /* ************************************************************************************************ SUCCESS CNFIRMATION ************************************************************************************************ */ p.success, p.confirmation {margin:20px 0 0 0;padding:12px 10px 12px 20px;font:bold 12px "Arial";color:#95bc01; background:#f7fde1; border:1px solid #dfebb5; border-radius:5px;} p.success i{ font-size:25px; vertical-align:-3px; margin-right:20px;} .success_inline {color:#33a33b;font-weight:bold;} .required {color:#FF0000} #order-confirmation p.success{ margin-bottom:20px;} a.cus-suport{ margin-left:10px; color:#a62c41;} a.cus-suport:hover{ color:#333;} .cus-suport i { margin-right:5px; font-size:13px;} /* ************************************************************************************************ CMS PAGE ************************************************************************************************ */ #cms #center_column div.rte {padding:0 0px 0px 0px;} #cms #center_column h1{ margin-bottom:2px;} #cms #center_column h2{ padding-bottom:9px;} #cms #center_column .titled_box p{ margin-bottom:4px;} #cms #center_column .titled_box.titled_box_center p{ margin-bottom:20px;} #cms #center_column .titled_box h2{ margin-top:6px;} #cms #center_column .titled_box.titled_box_center h2{ margin-top:0; text-align:center;} #cms #center_column .titled_box.titled_box_center h2 span { padding:4px 10px 0px 10px; display:inline-block;} .center_column .rte ul {margin:-15px 0 -3px 0px;padding:0px 0 0 0; list-style:none;} #cms #center_column .titled_box .img_cms{ margin-bottom:9px;} /* ************************************************************************************************ 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 {padding:8px 12px;font-weight:bold;font-size:12px;color:#2d2d2d;line-height:15px;border:1px solid #d4d4d4; border-bottom:1px solid #a5a5a5; border-right:1px solid #a5a5a5;display: inline-block;*display: inline;margin-bottom: 0;vertical-align: middle;cursor: pointer;*border: 0;*zoom: 1;background: rgb(255,255,255);background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,235,235,1)));background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 );} 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 {cursor:default;color:#7c7c7c;background:#ccc;} input.button_mini:hover, a.button_mini:hover, input.button_small:hover, a.button_small:hover, input.button:hover, a.button:hover, input.button_large:hover, a.button_large:hover, input.exclusive_mini:hover, a.exclusive_mini:hover, input.exclusive_small:hover, a.exclusive_small:hover, input.exclusive:hover, a.exclusive:hover, input.exclusive_large:hover, a.exclusive_large:hover {background: rgb(235,235,235);background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,235,235,1)), color-stop(100%,rgba(255,255,255,1)));background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%);background: -o-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%);background: -ms-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 );} a.btn_add_cart{ border:1px solid #464646; border-right:1px solid #262626; border-bottom:1px solid #262626; color:#fff; margin-right:2px;padding:7px 14px 6px 14px;background: rgb(70,70,70);background: -moz-linear-gradient(top, rgba(70,70,70,1) 0%, rgba(38,38,38,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70,70,70,1)), color-stop(100%,rgba(38,38,38,1)));background: -webkit-linear-gradient(top, rgba(70,70,70,1) 0%,rgba(38,38,38,1) 100%);background: -o-linear-gradient(top, rgba(70,70,70,1) 0%,rgba(38,38,38,1) 100%);background: -ms-linear-gradient(top, rgba(70,70,70,1) 0%,rgba(38,38,38,1) 100%);background: linear-gradient(to bottom, rgba(70,70,70,1) 0%,rgba(38,38,38,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#262626',GradientType=0 );} a.btn_add_cart span{background:url(/eshop/themes/observatoire/img/btn-marker.png) left 1px no-repeat; line-height:18px;padding:2px 0 2px 20px;} a.btn_add_cart:hover{ border:1px solid #fc381d; border-right:1px solid #fc381d; border-bottom:1px solid #fc381d;background:#a62c41} .btn-img{padding:2px 12px 1px 3px!important;} /* ************************************************************************************************ FORM ************************************************************************************************ */ form {margin: 0 0 20px 0;padding: 0;} input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; border-radius: 0px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-appearance: none;color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear;outline:none;} input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 17px; padding: 4px 6px; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; outline: none !important; border-color: #b3b3b3; box-shadow:none; } input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd;box-shadow:none; } textarea {height: auto;resize: none; } select,select:focus,select:focus {width: 100%;outline:none;} select {background:#FFFFFF;border-color: #cccccc #cccccc #cccccc #cccccc;border-radius:0px 0px 0px 0px;border-style: solid;border-width: 1px;height: auto;padding: 6px 6px 6px 2px;width: auto;} .product_sort .btn{ width:177px; text-align:left;} .btn{ border-radius:0;} .product_sort .dropdown-menu .active > a,.product_sort .dropdown-menu .active > a:hover{ background:#333;} select.btn-mini {height: auto;line-height: 14px;} select.btn {-webkit-appearance: button;-moz-appearance: button;appearance: button;padding-right: 16px;} select.btn-mini + .caret {margin-left: -20px;margin-top: 9px;} input[type=submit],input[type=button] {-webkit-border-radius:0px;} .modal-footer input[type=submit]{-webkit-border-radius:3px; line-height:23px;} label{font-size:13px;display:inline-block;color:#333;margin-bottom:5px;cursor: default;} input, textarea, select{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%;} input:before, textarea:before, select:before,input:after, textarea:after, select:after{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} input, textarea, select, .uneditable-input {margin-bottom: 0;} .radio input[type="radio"], .checkbox input[type="checkbox"] {float: left;margin-left:0px;} input[type="radio"], input[type="checkbox"] {line-height: normal;margin: 4px 0 0;} .checkbox label, .radio label {display:inline-block;} input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {outline: 0 none;} form p.id_state {display:none;} form.std fieldset,form fieldset { border:none;} form.std .text label,form.std .password label,form.std .textarea label,form.std .select label{ display:block;} form.std .select span,form.std .radio span,form.std .checkbox span {text-align:left;padding:4px 0px 0 0; color:#333;} form.std span.inline-infos {display:block;margin:0 0 -3px 0;padding:2px 0 0 157px;font:normal 11px "Arial";color:#3a3a3a;} span.editable {padding:0 0 0 7px;font:normal 12px "Arial";color:#3a3a3a; margin:0; float:none;} span.form_info {padding:0 0 0 5px;color:#333; font-style:italic;} form.std .text,form.std .password,p.textarea {margin:0;} form.std .text input,form.std .password input {width:400px;} select#days {width:94px;margin:0 8px 10px 0;} select#months {width:95px;margin:0 8px 10px 0;} select#years {width:95px;margin:0 0px 10px 0;} input:focus{ outline:none;} form.std p.checkbox, form.std p.radio {margin:0;padding:15px 0 0 0;overflow:hidden;} #identity form.std p.checkbox input{ margin-right:7px;} form.std p.submit {margin:0;padding:20px 0 0 0px;} form.std .required_desc {margin:0 0 -3px 0;padding-left:157px;} #order-detail-content-table td:first-child{ padding-left:10px;} #block-order-detail .adresses_bloc ul { padding:20px; border:1px solid #ccc; background:#fefefe; display:inline-block; margin-right:18px; margin-bottom:20px;} .tit-ord{ margin-bottom:7px;} #order-detail-content-table input{ text-align:center; width:50px;} #order-detail-content-table tfood td strong{ margin-right:10px;} /* Time css */ #pagenotfound #right_column,#pagenotfound #left_column{ padding:0;} #pagenotfound form{ margin-bottom:0;} #pagenotfound form #search_query{ margin-bottom:20px;} #pagenotfound h2{ margin-bottom:10px;} #authentication form.std .text input,#authentication form.std .password input, #identity input[type="text"], #identity input[type="password"] {width:100%;} #add_address h2{ margin-bottom:12px;} #add_address .submit2{ padding:0; margin:10px 0 0 0} #add_address input[type="text"],#add_address input[type="password"],#add_address input[type="date"],#add_address input[type="datetime"],#add_address input[type="email"],#add_address input[type="number"],#add_address input[type="search"],#add_address input[type="tel"],#add_address input[type="time"],#add_address input[type="url"]{ width:100%;} #add_address textarea{ margin-bottom:20px; height:100px;} #add_address .inline-infos.required{ margin-bottom:5px;} .order_qte_input + label{ float:left; margin-left:5px;} #order-detail-content td{ padding:10px;} /* ************************************************************************************************ TABLE ************************************************************************************************ */ div.table_block {padding:20px 0 0 0;} table.std th, table.std td {vertical-align:middle;} table.std th {white-space:nowrap; background:#f5f5f5;} table.std tfoot td {color:#333;text-align:right;white-space:nowrap;} table,table.std{background:#fdfdfd;border-spacing: 0;margin-bottom: 20px;vertical-align: middle;border: 1px solid #ccc;width:100%;} table th { border: 1px solid #ccc;color: #7a7a7a;font-size: 13px;font-weight:bold;padding:10px;text-align: center;vertical-align: middle;text-transform: uppercase;} table td {border: 1px solid #ccc;padding:10px;} .delivery_option table td{ text-align:center;} /* ************************************************************************************************ FOOTER LINK PAGE ************************************************************************************************ */ ul.footer_links {padding:20px 0 0 0;} ul.footer_links li {float:left;margin:0 25px 0 0;} ul.footer_links li img.icon {margin:-3px 5px 0 0;} ul.footer_links li a{ font-size:15px;} ul.footer_links li a i{ font-size:25px; vertical-align:-3px;} .footer_link_bottom i{ font-size:25px; vertical-align:-3px;} .footer_link_bottom a{ font-size:14px;} /* ************************************************************************************************ PRODUCT SORT ************************************************************************************************ */ .sortPagiBar .btn,.sortPagiBar .btn-group > .btn:first-child{ padding-right:27px;border-radius:0;} .sortPagiBar .caret{position: absolute;right: 10px;} .sortPagiBar{ padding:20px 0 10px 0; margin-bottom: 10px;} .sortPagiBar p{padding:0;margin:0} .nbrItemPage{ float:left;} .nbrItemPage label{ float:left;} .dropdown-menu li > a{ padding:6px 10px 6px 10px;} .dropdown-menu li > a:hover{ background:#333;} .dropdown-menu{ padding:0; border-radius:0;min-width:215px;} #itempage{float:left; margin:0;} .nbrItemPage label { padding:8px 10px 0 0;} .nbrItemPage.nbr_page{ margin:0 0 10px 0; position:relative;} .nbrItemPage.nbr_page .b-core-ui-select{ width:50px;} .product_sort form{ margin:0 20px 0 0;} .product_sort {float:left; margin-right:50px;min-width:210px;} .product_sort #productsSortForm label {float:left;padding:5px 10px 0 0;} .product_sort #productsSortForm select {width:190px;margin:0px 0 0 0;padding: 4px 6px 5px 2px; position:absolute; z-index:5;} .product_view {float:right; margin-top:2px;} .product_view li {width:20px;height:19px;float:left;background: url(/eshop/themes/observatoire/img/sprite_clothes.png) no-repeat -38px -50px;cursor:pointer; } .product_view li#product_view_grid {background-position:-38px 7px;} .product_view li#product_view_grid:hover,.product_view li#product_view_list:hover{-webkit-box-shadow:1px 1px 9px rgba(178, 178, 178, 0.3);box-shadow:1px 1px 9px rgba(178, 178, 178, 0.3);} .product_view li#product_view_grid.current {background-position:-38px -22px; cursor:default; border: 1px solid #000;} .product_view li#product_view_list, .product_view li#product_view_grid{ cursor: pointer;-webkit-box-shadow: inset 1px 1px 9px rgba(178, 178, 178, 0.3);box-shadow: inset 1px 1px 9px rgba(178, 178, 178, 0.3); border:1px solid #b2b2b2;width:31px;height:29px;} .product_view li#product_view_list { margin-left:10px;} .product_view li#product_view_list.current {background-position:-38px -77px; cursor:default; border: 1px solid #000;} #productsSortForm{ float:left; margin-right:30px; margin-bottom:10px; position:relative;} #productsSortForm .dropdown-toggle{ float:left;} /* ************************************************************************************************ PAGINATION AND COMPARE ************************************************************************************************ */ .bottom_pagination{ padding:20px 0 20px 0; margin-top:20px; border: none !important; } .bottom_pagination > form > p{ margin:0;} .bottom_pagination > form{ float:right;margin:0;} #pagination {padding:0px 0 0 0;float:left;border-radius: 0px 0px 0px 0px;} #pagination_form {float:left;} #pagination_form select {float:left;margin:0px 0 0 0;} #pagination_form label {display:inline-block;float:left;padding:3px 12px 0 20px;} #pagination li.disabled {cursor:default;} #pagination li { float:left; margin-right:10px;} .pagination{list-style-type:none; float:left;margin:0;} .pagination ul {border-radius:0px;box-shadow: 0 0px 0px rgba(0, 0, 0, 0);} .pagination ul > li:first-child > a, .pagination ul > li:first-child > span {border-radius:0px;} .pagination ul > li:last-child > a, .pagination ul > li:last-child > span {border-radius:0px;} .pagination ul > li > a, .pagination ul > li > span {background-color:transparent;border:none;line-height: 30px;padding: 0 10px;border-color: #D4D4D4 #A5A5A5 #A5A5A5 #D4D4D4;border-style: solid;border-width: 1px;} /* ************************************************************************************************ SUBCATEGORIES ************************************************************************************************ */ .center_column .cat_desc {margin:0px 0px 0px 0px;padding:0px; font-size:13px; color:#333; font-family:"Economica", sans-serif; font-style:italic; font-weight:normal;position:relative;} .row_category .category_image{ float:left; margin-right:20px;} .row_category{ padding-bottom:20px; margin-bottom:0px;} .center_column .cat_desc .lnk_more{ margin-left:10px; font-size:13px; font-weight:bold; font-family:"Economica", sans-serif; font-style:normal;} #subcategories { margin:0px 0 0px 0; padding:8px 0px 15px 0px;border-top: 1px dotted #B2B2B2;} #subcategories h2 {color:#7a7a7a;font-weight:bold; font-size:13px; background:none;padding:10px 0px 0px 0px; margin:0;} #subcategories h2 span{ background:#fff; padding-right:5px;} #subcategories ul{ margin-bottom:0px;} #subcategories ul li {margin:15px 20px 0px 0px;width:158px; float:left; border:none;} #subcategories ul li.product_list_5{ margin-right:0;} #subcategories ul li a{ display:block;} #subcategories ul li.product_list_6{ margin-right:0;} #subcategories ul li .lnk_more_sub{ margin:12px 0 0px 0; font-size:13px; display:inline-block; font-weight:bold; font-style:italic; padding-left:12px; color:#A62C41;background: url(/eshop/themes/observatoire/img/sprite_clothes.png) no-repeat 0 -925px;} #subcategories ul li .lnk_more_sub:hover{ color:#000; background-position:0 -895px;} .center_column .cat_desc .lnk_more_cat{ font-weight:bold; font-style:normal;background:url(/eshop/themes/observatoire/img/sprite_clothes.png) 0 -1091px no-repeat; padding-left:22px; color:#000; margin-left:5px; } .center_column .cat_desc .lnk_more_cat:hover{ color:#A62C41; background-position:0 -1115px} .center_column .cat_desc .lnk_more_cat.close_cat{background-position:0 -1143px} .center_column .cat_desc .lnk_more_cat.close_cat:hover{background-position:0 -1175px} /* ************************************************************************************************ HEADER ************************************************************************************************ */ #header {position:relative;z-index:101;padding:0px 0px 30px 0px; height: 200px; background: url('/images/design/fond-tetiere-gp-v2.png') no-repeat top left; background-size: cover;} #header_logo { position: absolute; top: 61px; text-align:center;width: 100%; } #header_logo img { margin-left: -250px; } #header-inner{ padding: 217px 0px 0px 0px; position:relative; } #header .social_icons { display:block; position: absolute; top:65px; width: 22px; margin-left: 5px; } #header .social_icons img { margin-bottom: 4px !important; } /* Iframed content */ .content_only { background: #fff !important;} /* Obscos pub top */ #pub-top { margin-top: 5px; padding: 5px 0; text-align:center; } /* ************************************************************************************************ BLOCKPERMANENTLINKS ************************************************************************************************ */ .blockpermanentlinks-header {position:absolute;right:139px;top:39px; } #header_links li {float:left; padding:0px 15px 0px 0px; margin:0;} #header_links li a {color:#7a7a7a;text-decoration:none;font-size:17px;font-weight:bold;font-family:"Economica", sans-serif; line-height:1.2em;text-transform: uppercase;} #header_links li a:hover, body#index a.header_links_home, #sitemap a.header_links_sitemap, #contact a.header_links_contact, #cms a.header_links_delivery, #stores a.header_links_store{color:#f83114; } .mobile-link-top{ display:none;} /* ************************************************************************************************ LANGUAGES AND CURRENCIES ************************************************************************************************ */ #currencies_block_top,#languages_block_top{position:absolute;right:80px;top:35px;width:32px;} #currencies_block_top form{ margin-bottom:0;} #languages_block_top:hover,#currencies_block_top:hover,.mobile-link-top h4{ cursor:pointer;} #countries_2 .countries_ul,#setCurrency .currencies_ul{display:none;z-index:999;width:140px;position:absolute;right:0px;top:33px; list-style:none;} #countries_2 .countries_ul{ right:-11px;} #currencies_block_top p.inner-carrencies, #languages_block_top p, .mobile-link-top h4 {color:#7a7a7a;font-size:17px;position:relative;font-weight:bold;text-transform: uppercase;font-family:"Economica", sans-serif; margin-bottom:0;} #countries_2 .countries_ul li.selected{ padding:8px 0 8px 10px; cursor: default;} #countries_2 .countries_ul li.selected span{ cursor: default; font-weight:bold;} #currencies_block_top p.inner-carrencies:hover, #languages_block_top p:hover, .mobile-link-top h4:hover { color:#a62c41} .arrow_header_top{background:url(/eshop/themes/observatoire/img/sprite_clothes.png) 0 -77px no-repeat; width:13px; height:7px; position:absolute; right:4px; top:11px;} #currencies_block_top.mobile-open .arrow_header_top, #languages_block_top p.mobile-open .arrow_header_top, .mobile-link-top h4.act .arrow_header_top{ background-position:0 -84px;} #currencies_block_top p.inner-carrencies.mobile-open, #languages_block_top p.mobile-open, .mobile-link-top h4.act {color:#a62c41;} /* languages */ #languages_block_top { right:101px;} #languages_block_top .arrow_header_top{right:-10px;} #countries_2 .countries_ul li img{ float:left;margin:2px 10px 0px 0px} #countries_2 .countries_ul li span .firstWord{ display:none;} #countries_2 .countries_ul li span {display:block;} /* currencies */ #currencies_block_top {right:39px;} #setCurrency .currencies_ul li span{ padding-right:10px; display:inline-block; font-weight:bold} #setCurrency .currencies_ul li.selected{ padding:8px 5px 8px 10px;font-weight:bold; cursor:default} /* ************************************************************************************************ BLOCK HEADER USER INFO LOGIN/LOGOUT = OVERRIDE ************************************************************************************************ */ .blockuserinfo { } .blockuserinfo a span i{ font-size:25px;} /* ************************************************************************************************ BLOCK HEADER USER INFO SHOPPING CART ************************************************************************************************ */ #header_user {position:absolute; right:0;top:0px;z-index:99;} #header_user #shopping_cart{padding:5px 45px 5px 30px; display:inline-block;background:url(/eshop/themes/observatoire/img/bg-cart.png) left center no-repeat;} #header_user #shopping_cart .shopping_cart_title{ font-size:17px;padding:0 0px 0 0;color:#000000; font-weight:bold;display: inline-block;text-transform:uppercase;float:left;} #header_user #shopping_cart span{color:#7a7a7a;font-size:17px;font-weight:bold;font-family:"Economica", sans-serif;margin-right:3px;} #header_user #shopping_cart .ajax_cart_total{font-family:"Economica", sans-serif;font-style:italic;} #header_user #shopping_cart .opancart{background:url(/eshop/themes/observatoire/img/sprite_clothes.png) 0 -77px no-repeat;width:13px;height:7px;position:absolute;top:27px;right:0px;display:block;} #header_user.close-cart #shopping_cart .opancart{background-position:0 -84px;} #header_user:hover span, #header_user:hover #shopping_cart .shopping_cart_title, #header_user:hover #shopping_cart span, #header_user.close-cart #shopping_cart span, #header_user.close-cart #shopping_cart .shopping_cart_title, #header_user:hover{cursor:pointer;color:#a62c41;} .hidden{ display:none;visibility:inherit;} /* ************************************************************************************************ SEARCH ************************************************************************************************ */ #search_block_top {position:absolute;top:87px;right:345px; margin:0px 0px 0px 0px;} #search_block_top label {display:none;} #search_block_top form,#search_block_top p{ margin:0;} #search_block_top input.search_query {margin:0px;float:left;height:42px;line-height:20px;background:#fff;padding:0px 10px 0px 10px;width:227px;position:relative;vertical-align:middle;border:1px solid #cccccc;box-shadow:none;border-right:none;} #search_block_top a { padding:0;background:url(/eshop/themes/observatoire/img/btn-search.gif) 0px 0px no-repeat;display:block;float:left;width:43px;height:42px; } #search_block_top a:hover {background-position:0 -42px;} .ac_results { width:225px!important;border:1px solid #ddd!important;} .ac_over {background:#333!important;} #instant_search_results .title_shop{ float:right;color:#a62c41;opacity:1;} #instant_search_results .title_shop:hover{ color:#000; } /* ************************************************************************************************ MAIN STYLE BOX COLUMN ************************************************************************************************ */ .column .block { background-color: #F5F5F5; border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; margin:0 0 20px 0; min-height: 20px; } .column .block h4 { color:#1c1c1c; font-size:17px; text-transform:uppercase; font-weight:bold; padding:15px 0px 10px 40px; font-family:"Economica", sans-serif; background: url('/eshop/themes/observatoire/img/fond-box-pro.png') no-repeat top left; } .column .block h4 span{ padding-right:5px;color:#333333;font-weight:bold;} .column .block h4 a:hover {color:#8b12a0;} .column .block .block_content .button_large {margin:20px 0px 0px 0;} .column .block h4 span.column_icon_toggle{ display:none;} .column .block.myaccount ul li a img{ display:none;} #layered_block_left h4.toggle{ margin-bottom:18px;} .column .block .store_list{ margin-top:-11px;} .column .block form p{ margin-bottom:12px;} .column .block form { margin-bottom:2px;} .column .block .store_list form p{ margin-bottom:9px;} /* ************************************************************************************************ CATEGORIES ************************************************************************************************ */ #categories_block_left .block_content {padding:0 0px 0px 0px;} #categories_block_left ul.tree {padding:0px 0 0 0; list-style:none;} #categories_block_left ul.tree li {position:relative;} #categories_block_left ul.tree li a:hover,#categories_block_left ul.tree a.selected {color:#666;} #categories_block_left ul.tree li ul li a { padding-left:32px;background:url(/eshop/themes/observatoire/img/icon-style.png) 20px 13px no-repeat;} #categories_block_left ul.tree li ul li ul li a { padding-left:42px;background:url(/eshop/themes/observatoire/img/icon-style.png) 30px 13px no-repeat;} #categories_block_left span.grower {width:13px;height:13px;display:block;cursor:pointer;position:absolute;right:8px;top:11px;} #categories_block_left span.OPEN {background:url(/eshop/themes/observatoire/img/plus_minus.png) 0px -13px no-repeat;} #categories_block_left span.CLOSE {background:url(/eshop/themes/observatoire/img/plus_minus.png) 0px 0px no-repeat;} /* ************************************************************************************************ Filter ************************************************************************************************ */ #layered_block_left ul {padding: 5px 0;} #layered_block_left ul li .disabled {color: #666;} #layered_block_left h2{ background:none;color:#8B12A0; padding:0px 0 0px 0; margin:0;} #layered_block_left h2 span{ padding:0 10px 5px 0px; font-size:13px; color:#7a7a7a; font-weight: bold; background:#fff; text-transform:uppercase;} #layered_block_left input{ margin:-1px 10px 0 0; text-align:center;} #layered_block_left span.layered_close {float: right;margin:2px -1px 0px 10px; padding:0 0 0 13px;} #layered_block_left .layered_price span.layered_close{ margin-top:10px;} #layered_block_left .layered_price{ margin-top:-10px; margin-bottom:5px;} #layered_block_left .layered_price ul{ padding-bottom:11px; padding-top:13px;} #layered_block_left .hide-action {display: block;text-align: right;padding-right: 5px;} #layered_block_left .hide-action:hover {text-decoration: underline;} #layered_block_left .layered_close {float: right;padding-right: 5px;} .center_column .cat_desc .lnk_more_cat{ font-weight:bold; font-style:normal;background:url(/eshop/themes/observatoire/img/sprite_clothes.png) 0 -1091px no-repeat; padding-left:22px; color:#000; margin-left:5px; } .center_column .cat_desc .lnk_more_cat:hover{ color:#A62C41; background-position:0 -1115px; cursor:pointer;} .center_column .cat_desc .lnk_more_cat.close_cat{background-position:0 -1143px} .center_column .cat_desc .lnk_more_cat.close_cat:hover{background-position:0 -1175px;cursor:pointer;} #layered_block_left span.layered_close a{display:block;height:14px;width:14px;text-indent:-5000px;background: url(/eshop/themes/observatoire/img/sprite_clothes.png) no-repeat 0 -1143px;outline:none;} #layered_block_left span.layered_close a:hover{background: url(/eshop/themes/observatoire/img/sprite_clothes.png) no-repeat 0 -1175px;} #layered_block_left span.closed a { background: url(/eshop/themes/observatoire/img/sprite_clothes.png) no-repeat 0 -1091px;} #layered_block_left span.closed a:hover{background: url(/eshop/themes/observatoire/img/sprite_clothes.png) no-repeat 0 -1115px;} #layered_block_left .nomargin a {display: inline; font-size:14px; font-style:italic;} #layered_block_left div.radio {margin-right: 11px;margin-top: 1px;} #layered_block_left div.checker {margin-right: 12px;} #layered_block_left .nomargin a span{ color:#A62C41; font-weight:bold;} #layered_block_left .color-option {border: 1px solid #666666;height: 16px;margin-left: 0;padding: 0;width: 16px;} #layered_block_left .color-option.disable {opacity: 0.5;filter:alpha(opacity=50);-moz-opacity:0.5; } .layered_slider {margin-top:5px;} .layered_price_range {margin-left: 7px;} .layered_price_range_unit {margin-right: 7px;} .layered_slider_container {margin: 6px 0 6px 6px; width: 93%;} .layered_input_range_min {width:30px;} .layered_input_range_max {width:40px;} .layered_list_selected {font-weight: bold;} .layered_ajax_loader p {margin: 20px 0;text-align: center;} .hide-action {text-align: center;text-align: right;display: block;cursor: pointer;} .layered_list {display: block;cursor: pointer; background: url(http://www.observatoiredescosmetiques.com/eshop/themes/observatoire/img/marker-footer.png) left 6px no-repeat; padding:0 0 5px 12px;} .layered_list:hover{ color:#333;} #layered_form .b-core-ui-select__dropdown__list ul{ padding:0;} #layered_form div div ul{ padding:16px 0 0 0;} #layered_form .b-core-ui-select{ width:248px;} #layered_form #enabled_filters{ margin-top:-15px; margin-bottom:16px;} #enabled_filters h2{ text-align:center; background: url(/eshop/themes/observatoire/img/line-bg.gif) repeat-x left 20px; font-style:italic; color:#333; padding:13px 0 10px 0;} #enabled_filters h2 span{ padding:0 10px 0 10px} #layered_form #enabled_filters ul{ padding-bottom:15px; padding-top:0; border-bottom:1px dotted #ccc; margin-bottom:8px;} #enabled_filters ul li {padding:5px 0; color:#333; line-height:24px; font-style:italic;} #enabled_filters ul li.enabled_filters_extra{ color:#a62c41;} #enabled_filters li a {float: right; width:19px; height:24px;display:block;text-indent: -5000px;background:url(/eshop/themes/observatoire/img/sprite_clothes.png) -76px 0px no-repeat; margin:0px 0px 0 10px;outline:none; font-size:13px; } #enabled_filters li a:hover{ background-position:-76px -24px;} #layered_form .color-option {margin-left: 0;width:25px;height:25px;padding:0; border-radius:25px; border:none;} #ul_layered_id_attribute_group_2 li{ float:left; padding:0px 0 8px 0;} #layered_block_left #ul_layered_id_attribute_group_2{ padding-bottom:0;} #ul_layered_id_attribute_group_2 li label { display:none;} #ul_layered_id_attribute_group_2 li input{ margin-right:20px;} #ul_layered_id_attribute_group_2 li:first-child{ } #layered_form .color-option.on { box-shadow:0px 0px 5px 0px #FF743D; } #layered_form > div > div { margin-bottom:9px;} #layered_form > div > div .b-core-ui-select__dropdown ul{ padding:0;} #layered_form > div{ margin-bottom:-6px; } #layered_form div div ul {padding:15px 0px 8px 0px;} #layered_form input[type=radio] {} #layered_form .select {width:270px; height:32px; opacity:0;filter:alpha(opacity=0);} #layered_block_left .color-option.disable {opacity: 0.5;filter:alpha(opacity=50);-moz-opacity:0.5; } #product_list .warning {margin-top: 13px;} #layered_price_range_min,#layered_price_range_max{ display:inline-block; float:left; width:50px;} #ul_layered_price_0 span{ float:left; color:#333; margin:5px 10px 0 0} .layered_price_range_unit{ float:left;} .layered_price ul{ width:100%;} #ul_layered_id_attribute_group_3 li:first-child{ padding-bottom:10px;} /* ************************************************************************************************ TAGS BLOCK ************************************************************************************************ */ #tags_block_left p {text-align: justify;font-size: 0.9em; margin-bottom:4px; padding-right:30px;} #tags_block_left p a {margin: 0 0.1em;line-height: 1.5em;padding:2px 2px 5px 2px;} a.tag_level3 {font-size:1.5em;font-weight:bold} a.tag_level2 {font-size:1.4em} a.tag_level1 {font-size:1em;} #tags_block_left p a i{ margin-right:7px;} /* ************************************************************************************************ BLOCK PRODUCT COLUMN ************************************************************************************************ */ .products_block ul { padding-top:0px; } .products_block .block_content{padding-bottom:9px;} .products_block ul li:first-child{margin-top:0px;} .products_block ul li {padding:0px 0px 20px 0px;margin-top:20px;} .products_block ul li a.products_block_img {display:block;float:left; margin-right:10px; margin-left: 4px;} /*width:70px;*/ .products_block ul li > div {width:190px;float:left;padding:0 0px 0 0px; margin-top:-4px;} .products_block ul li > div .more_lnk i{ vertical-align:-1px; margin-left:4px;} .products_block ul li p {padding:7px 0 0 0; margin-bottom:6px;} .products_block ul li .reduction{ color:#A62C41;font-style:italic; margin-left: 14px; margin-right: 15px;} .products_block ul li span.price-discount {text-decoration:line-through;margin-top:0px; display:inline-block;} .products_block ul li .price{ font-size:14px; float:left;} #special_block_right h5 {padding:12px 0 9px 0;} #special_block_right span.price-discount {text-decoration:line-through;} /* ************************************************************************************************ BLOCK NEWSLETTER ************************************************************************************************ */ #newsletter_block_left{} #newsletter_block_left div.block_content { padding:0px 0 0px 0; text-align:center;} #newsletter_block_left input.inputNew{width:100%;margin:0px 0 10px 0;position:relative;} #newsletter_block_left input.button_form {margin:0px auto; display:block; width:100%;} #newsletter_block_left .warning_inline{ padding-top:10px;} #newsletter_block_left p.success_inline {color: #418B19;text-align: center;font-weight: bold;} #newsletter_block_left p.warning_inline {color: #DA0F00;text-align: center;font-weight: bold;} /* ************************************************************************************************ BLOCK STORE ************************************************************************************************ */ #stores_block_left div.block_content { padding-bottom:20px;} #stores_block_left p {text-align:left; margin:0;} #stores_block_left p a img {margin:0 0 20px 0;} /* ************************************************************************************************ BLOCK MANUFACTURE AND SUPPLIER ************************************************************************************************ */ .blockmanufacturer select, .blocksupplier select {width:100%;margin:10px 0 0 0;} .blockmanufacturer li.last{ border:none;} /* ************************************************************************************************ HOMEFEATURED and Home Block best sellers ************************************************************************************************ */ .homefeatured h4{ padding:0; margin:0 0 10px 0;} .homefeatured:before, .homefeatured:after {content:"";display:table} .homefeatured:after {clear:both} .homefeatured ul {list-style-type:none;padding-left:0;margin:0} .homefeatured ul li {float:left;width:25%;padding:0 2%;position:relative} .homefeatured img {margin:0 auto;display:block;max-width:100%} .homefeatured p {overflow:hidden; padding:0 0 0 0; margin:0 0 0 0;} .homefeatured .price {display:block;padding-bottom:1em} .homefeatured .label {margin-left:20px} #viewed-products_block_left ul li.last{ border:none; padding-bottom:0;} /* ************************************************************************************************ BLOCK HEADER CART ************************************************************************************************ */ #header #cart_block h4 { display:none;} #header #cart_block {z-index:999;display:none;position:absolute;right:0px;top:55px;width:260px; padding:0px 10px 10px 10px; border:1px solid #ccc;background:#fff;} /* ************************************************************************************************ BLOCK CART ************************************************************************************************ */ #cart_block.cart_block_hover {display:block} #cart_block #cart_block_no_products {padding:15px 0 5px 0px;color:#333; margin:0;} #cart_block #cart_block_no_products.cart_no_products + .cart-prices,#cart_block #cart_block_no_products.cart_no_products + .cart-prices + #cart-buttons{ display:none;} #cart_block #cart_block_summary {padding:10px 0 0 0; display:none;} #cart_block #cart_block_summary span {color:#000;} #cart_block #cart_block_summary span.ajax_cart_total {margin:0 0 0 5px;font-weight:bold;} #cart_block .quantity-formated {display:inline-block;margin-right:5px;float:left; line-height:16px;color:#343336; } #cart_block #cart_block_list dl { margin:0;} #cart_block #cart_block_list dt:first-child{ border:none;} #cart_block .cart-images{ width:70px; margin-right:10px;} #cart_block #cart_block_list dt {padding:10px 0 0px 0;border-top:1px dotted #ccc; position:relative; clear:both; } #cart_block #cart_block_list dt a{ display:inline-block; float:left; line-height:17px;} #cart_block #cart_block_list dt a img{ display:inline-block; margin-right:10px;margin:0px 0 10px 0;} #cart_block #cart_block_list dd {position:relative; margin:0px 0 10px 0px;} #cart_block #cart_block_list dd a{ font-style:italic;} #cart_block .remove_link {position:absolute; right:7px; top:15px;height:24px;width:19px;} #cart_block .remove_link a{background:url(/eshop/themes/observatoire/img/sprite_clothes.png) -76px 0px no-repeat;z-index:9;display:block;height:24px;width:19px; margin-top:5px; margin-left:5px;} #cart_block .remove_link a:hover{ background-position:-76px -24px;} #cart_block .products .price{ display:inline-block; padding:15px 0 5px 0; width:150px; font-size:17px;} #cart_block table#vouchers {clear: both;width:100%; position:relative;} #cart_block table#vouchers tr td{padding: 2px;} #cart_block table#vouchers tr td.quantity{margin-right:5px;min-width:18px} #cart_block table#vouchers tr td.delete a{padding:0;width:9px; height:9px; position:absolute; right:0; top:7px; } #cart_block ul.cart_block_customizations {padding:0 0 0 13px; list-style:none;} #cart_block ul.cart_block_customizations li {font:11px/15px "Arial";} #cart_block ul.cart_block_customizations li .quantity-formated{ line-height:14px;} #cart_block ul.cart_block_customizations div.deleteCustomizableProduct {width:9px;height:9px;position:absolute; right:3px; top:3px;} #cart_block ul.cart_block_customizations div.deleteCustomizableProduct a {background:url(/eshop/themes/observatoire/img/icon/delete.gif) no-repeat 0 0;display:block;height:9px;width:9px;} #cart_block ul.cart_block_customizations div.deleteCustomizableProduct a:hover{ } #cart_block .cart-prices div{ border-top:1px dotted #b2b2b2; padding:7px 0px 7px 0px;} #cart_block #cart_block_shipping_cost,#cart_block #cart_block_total {float:right} #cart_block #cart-buttons { display:block;} #cart_block #cart-buttons #button_order_cart {float:left;} #cart_block #cart-buttons #button_order_cart span {} #cart_block p#cart-buttons {padding:10px 0 0 0px; margin:0;border-top:1px dotted #b2b2b2;} #cart_block p#cart-buttons a.button_mini {float:left;margin-right:10px;} .page_product_box h3{ padding:0px 50px 9px 20px; position:relative;display:block;margin:20px 0 0 0;border-bottom:2px solid #a62c41;font-weight:normal;font-size:20px;line-height: 1.5;color: #333; font-family:"Economica", sans-serif;} .page_product_box.blockproductscategory h3{ margin-top:17px;} .page_product_box.accordion h3.active{background:#000} .page_product_box.accordion h3 .icon-toggle{width:26px; height:26px; position:absolute; right:12px; top:10px;background: url(/eshop/themes/observatoire/img/sprite_clothes.png) no-repeat 0 -797px;} .page_product_box.accordion h3.active .icon-toggle{background: url(/eshop/themes/observatoire/img/sprite_clothes.png) no-repeat 0 -749px;} .mousetrap{ width:100%!important; height:100%!important;} /* ************************************************************************************************ CROSSELING AND CATEGORY PRODUCTS ************************************************************************************************ */ .crossselling.page_product_box h3, .tab-video.page_product_box h3{ margin-top:10px;} .page_product_box .carusel-inner li.item{ float:left;display: block; text-align:center;} #carouselproduct{width:100000px;} #row-2-extra{} #carouselproductcross{ width:100000px;} .page_product_box .carusel-inner{ padding:20px 0 0px 0; position: relative; margin:0 0 -10px -20px;display:block;} .page_product_box .carusel-inner .caroufredsel_wrapper{ cursor:pointer!important;} .page_product_box{ overflow:hidden; margin:0;} .page_product_box .carousel-ul { display: block; padding:0; margin:0; width:10000px;} .page_product_box{ position:relative; } .page_product_box .carusel-inner li a{ display:block;} .page_product_box .carusel-inner li {display:block; float:left; margin-left:20px; height:270px; width:146px;} .page_product_box .carusel-inner li .price_display{ margin:0;} .page_product_box .carusel-inner .product_link{ display:block; margin:5px 0px -1px 0px} .page_product_box a.prev,.page_product_box a.next {background: url(/eshop/themes/observatoire/img/slider-arrow.png) no-repeat transparent;width: 27px;height: 27px;display: block;position: absolute;top:105px;display:none; opacity:0; filter:alpha(opacity=0); -moz-transition: opacity 300ms ease, left 300ms ease, right 300ms ease; -webkit-transition: opacity 300ms ease, left 300ms ease, right 300ms ease; -o-transition: opacity 300ms ease, left 300ms ease, right 300ms ease; transition: opacity 300ms ease, left 300ms ease, right 300ms ease;} .page_product_box .carusel-inner:hover,.page_product_box .carusel-inner img:hover{ cursor:move; cursor: pointer;} .page_product_box .carusel-inner:hover a.prev{opacity:1;filter:alpha(opacity=100); left:40px;} .page_product_box .carusel-inner:hover a.next{opacity:1;filter:alpha(opacity=100); right:22px;} .page_product_box a.prev {left:-27px;background-position: 0 0; } .page_product_box a.prev:hover { background-position: 0 -27px;} .page_product_box a.next {right:-27px;background-position: -27px 0; } .page_product_box a.next:hover { background-position: -27px -27px; } .page_product_box a.next.disabled,.page_product_box a.prev.disabled {opacity:0.2;} .page_product_box a.prev.disabled,.page_product_box a.next.disabled {cursor: default;} /* ************************************************************************************************ BREADCRUMB ************************************************************************************************ */ .breadcrumb {margin:-10px 0 0px 0px;background:none;padding:3px 0 3px 0px; font-size:14px; } .breadcrumb span{ display:inline;} .breadcrumb a {font-size:14px;line-height:22px;} .breadcrumb a i{ vertical-align:-4px;} .breadcrumb-home{ } .breadcrumb-home i{ font-size:25px;} .breadcrumb-home:hover { } .breadcrumb .navigation-pipe {margin:0 10px 0 10px;font-size:14px;line-height:22px;} .breadcrumb .navigation_page{font-size:14px;line-height:22px;} .breadcrumb_inset{ padding-left:10px;} /* ************************************************************************************************ CONTACT PAGE ************************************************************************************************ */ #contact_form p#desc_contact0,#contact_form p#desc_contact1,#contact_form p#desc_contact2 {padding:0; margin-bottom:10px; color:#09F} #contact_form p.file_input label {padding-top:3px;} #contact_form {padding:0px 0px 20px 0px;margin:0px 0 0 0;} #contact_form p{ margin-bottom:20px;} #contact_form p.textarea{margin:0;} #contact_form h2 { margin-bottom:10px;} #desc_contact0 {display:none;} #contact_form textarea#message { height:150px; margin:0;} #contact_form .select select {width:400px;} #contact_form .text input, #contact_form .password input {width:400px;} #contact-form .submit {padding-top:15px;} .title-pagecontact{ padding:0; margin:0 0 5px 0;display:inline-block;} .title-pagecontact i { margin-right:7px;} /* ************************************************************************************************ HISTORY ************************************************************************************************ */ #order-list td{ text-align:left;} #order-list td.history_invoice i{ font-size:25px; vertical-align:-1px;} .myaccount ul{ padding-bottom:10px;} .favoriteproducts img{ width:16px; height:16px;} div#block-history { padding:0px;} div#block-history textarea {height:100px; margin-bottom:20px;} table#order-list{ margin-bottom:0; border:none;} table#order-list td.history_link a {font-weight:bold; color:#a62c41;} table#order-list td.history_detail .btn{display:block;} table#order-list td.history_detail .btn + a{ margin-top:10px;} table#order-list td.history_detail a.details_link {text-transform:capitalize;} #block-history #block-order-detail table.std td.inputs input.order_qte_input {height:15px;padding:1px;float:left;} #block-history #block-order-detail table.std td.inputs label {display:block;float:left;padding:2px 0 0 7px;font-weight:bold;} #block-history h3 {padding:17px 0 0 0;} #block-history #block-order-detail {padding:3px 0 0 0;} #block-history #block-order-detail h4 {overflow:hidden;} div#order-detail-content table.std th {padding:15px 12px;} form#sendOrderMessage p.submit {padding:0px 0 0 0;} #sendOrderMessage{ margin-bottom:0;} #sendOrderMessage label{ display:block; padding-bottom:6px;} #sendOrderMessage select{ width:300px;} .info-order strong{ color:#333} .addresses #sendOrderMessage label{ display:block; padding-bottom:4px;} .addresses .address_delivery label{ display:block; padding-bottom:4px;} .addresses .address_delivery,.addresses .addressesAreEquals{ padding:20px 0 0 0; margin:0;} .addresses .address_delivery select,.addresses #address_invoice_form select{ width:416px;} .addresses .addressesAreEquals input{ margin:3px 7px 0 0} table.discount {margin:17px 0 0 0;} table.discount td.discount_code {font-weight:bold;} table.discount td.discount_value {white-space:nowrap;} body#discount div.center_column sup {vertical-align:top;} .delivery_options{ padding-top:20px;} .delivery_options_address .delivery_option_radio{ margin:0px auto 0px auto;} .delivery_options_address table td:first-child{ text-align:left; padding-left:12px;} .delivery_options_address label{ display:block;} table.delivery_option_carrier{ background:#D9EDF7; border:1px solid #BCE8F1;} table.delivery_option_carrier td{border:1px solid #BCE8F1; color:#3A87AD; text-transform:none; font-size:12px;} .order_carrier_content .carrier_title{ text-align:center; margin-bottom:20px;} .carrier_title span{ padding-left:10px; padding-right:10px;} .addresses #address_delivery{ padding:20px; border:1px solid #ccc; background:#F8F8F8; margin-bottom:20px;} .addresses #address_invoice{ padding:20px; border:1px solid #ccc; background:#F8F8F8; margin-bottom:20px;} #order-detail-content-table .td-3 { text-align:center;} #order-detail-content-table tbody td:first-child{ padding-left:40px;} .cart_total_price.cart_last_tr .price{ font-size:17px; color:#a62c41;} /* ************************************************************************************************ MY ACCOUNT ************************************************************************************************ */ body#my-account ul.footer_links li{ float:none;} body#my-account div#center_column ul.myaccount_lnk_list {padding:3px 0 0 0; list-style:none;} body#my-account div#center_column ul.myaccount_lnk_list li {padding:12px 0 0 0;} body#my-account div#center_column ul.myaccount_lnk_list li img {margin:0 5px 0 0;display:inline-block; width:16px;} .account_creation .select span{ display:block; margin-bottom:7px;} .account_creation .after-box{ padding:20px 0 0 0;} #account-creation_form #passwd{ float:left; margin-right:20px;} #account-creation_form fieldset h2{margin:10px 0 15px 0;} #account-creation_form fieldset:first-child h2{ margin:0;} #center_column #account-creation_form .titled_box p {margin:0; padding:0 0 20px 0} #center_column #account-creation_form .account_creation.customerprivacy p{ padding:0; float:left;} #center_column #account-creation_form .titled_box p input{ margin-right:10px;} #account-creation_form p.radio span, #account-creation_form p.select span,#identity p.radio span{display:block;margin-bottom:7px; padding:6px 0px;text-align:left} #account-creation_form p.radio label {padding-right:10px;} #center_column #account-creation_form p.cart_navigation {margin:0; padding:20px 0 0 0;} form#account-creation_form p.radio input,#identity p.radio input,#new_account_form p.radio input { margin:2px 5px 0 0;float:left;} form#account-creation_form p.radio label,#identity p.radio label,#new_account_form p.radio label {padding:0px 25px 0 3px; float:left;display:inline-block;} form#account-creation_form textarea {width:210px;max-width:563px;} #identity p.radio { padding:0;} #my-account .solde_box { float: left; margin-bottom: 20px;text-align:center; font-size:15px; } #my-account .solde_abo { float: left;width: 220px; min-height: 110px;background: #eaeaea; border: 2px solid #eaeaea; margin-left: 200px; } #my-account .solde_credit { float: left;width: 220px; min-height: 110px;background: #eaeaea; border: 2px solid #eaeaea;margin-left: 40px; } /* ************************************************************************************************ Product Comparison ************************************************************************************************ */ #product_comparison { margin-top:20px;} #product_comparison span.price{ font-size:17px; padding-bottom:0px; display:block;} .comparison_product_infos{ padding-top:10px;} #product_comparison #availability_label{ font-weight:bold; color:#333;} #product_comparison #availability_value{ color:#0C6;} #product_comparison .comparison_availability_statut{ padding:0px; margin:0; display:none;} #product_comparison.breakpoint .comparison_product_infos,#product_comparison.breakpoint .comparison_product_infos .product_link,#product_comparison.breakpoint .comparison_product_infos .row-compare-button { text-align:left;} #product_comparison .product_image_div{ position:relative; margin-bottom:13px;} #product_comparison .product_image_div a{ display:block;} #product_comparison th:first-child, #product_comparison td:first-child{ text-align:left; padding:5px 10px 5px 10px; font-weight:bold;} #product_comparison .product_image_div a.product_image{ position:relative; display:inline-block;} .shop_table .title_compare{ font-size:13px;color:#333;} #product_comparison .comparison_header .price{ font-size:32px; font-weight:normal;} #product_comparison .on_sale, #product_comparison .discount{width:54px; height:48px; display:block; position:absolute; left:-26px; top:-7px;} #product_comparison .product_link { padding:0 0 0px 0; display:block; text-align:center;} #product_comparison .comparison_product_infos a.cmp_remove {background:url(/eshop/themes/observatoire/img/sprite_clothes.png) -76px 0px no-repeat; width:19px; height:24px; display:block; position:absolute; right:-8px; top:0; z-index:5;} #product_comparison .comparison_product_infos a.cmp_remove:hover{ background-position:-76px -24px;} #product_comparison .product_desc{ margin:0 0 9px 0; } #product_comparison .row-compare-button{ text-align:center;margin-top:-9px;} #product_comparison .comparison_product_infos a.button { margin-right:8px; margin-bottom:20px;} #product_comparison .comparison_product_infos .exclusive {margin:0px 0 20px 0;} #product_comparison td:first-child{ background:#F5F5F5; color:#888;} #product_comparison td.ajax_block_product{ padding-bottom:0;} .shop_table td.comparison_feature_even.comparison_infos,.shop_table td.comparison_feature_odd.comparison_infos{ text-align: center;} #product_comparison .comparison_feature_odd.comparison_infos.ajax_block_product{ padding:10px 20px} /* ************************************************************************************************ Identity ************************************************************************************************ */ form.identity p.radio input {top:3px;} form.identity p.radio label {padding:0 15px 0 3px;line-height:19px;display:inline-block;} form.identity p.required_desc {padding:20px 0 0 157px;} p#security_informations {padding:20px 0 0 0px; font-style:italic; margin:0;} /* ************************************************************************************************ Orderopc ************************************************************************************************ */ #orderopc #left_column {display:none} #orderopc #center_column{width:757px} #orderopc #left_column h2 {margin-top:20px} #opc_account_choice {padding:0 15px;} #opc_account_choice .opc_float {float:left;width:350px} #opc_account_choice .opc_float ul {margin:0 0 20px 30px} form#new_account_form { padding-top:10px; } form#new_account_form h4{ margin-bottom:10px;} #new_account_form fieldset {padding:0 0 15px 0;} #center_column #new_account_form p {margin:0; padding:0 0 10px 0;} #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;text-align:right} #new_account_form p.textarea textarea {height:80px;width:205px;} #new_account_form span.form_info,#new_account_form span.inline-infos {display:block;margin:5px 0 0 0px;color:#666} /* ************************************************************************************************ PDODUCT PAGE ************************************************************************************************ */ /* pb-left-column*/ #pb-left-column {} #pb-left-column h1, .pb-right-colum-h {background:none;border:none;color:#333333;font-size: 23px;margin:-6px 0 15px 0;padding: 0 0px 0 0;text-transform: none; line-height:27px;} .pb-right-colum-h { display:none;} #pb-left-column #short_description_block #short_description_content {margin-top:2px;margin-bottom:-2px;} #pb-left-column #short_description_block #short_description_content p{ margin-bottom:0;} /* buy_block */ #buy_block{ margin-bottom:10px; padding-top:5px;} .extra-box-product{} #product p#loyalty {border-top: 1px dotted #ccc;margin-top:4px;padding:16px 0 14px 0px; margin-bottom:0;} #product p#loyalty em{ display:inline;} #product p#loyalty i{ font-size:25px; float:left; margin-right:10px; margin-top:7px;text-align:left;} #order #loyalty{ margin:20px 0 12px 0; font-size:13px;padding:20px 0 20px 0;border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc;} #order #loyalty img{ margin-right:10px;} #buy_block p{margin:0;padding:0;} #buy_block #product_reference{ padding-bottom:5px;} #buy_block span.online_only {font-weight:bold; color:#a62c41; padding:0px 0 14px 0; display:block;} #buy_block #product_reference label { font-weight:bold; color:#333;} #buy_block #product_reference span{ font-weight:bold; color:#00CC00} #primary_block .buttons_bottom_block a.exclusive{ border:1px solid #464646; border-right:1px solid #262626; border-bottom:1px solid #262626; color:#fff; margin-right:2px;padding: 10px;background: rgb(70,70,70); background: -moz-linear-gradient(top, rgba(70,70,70,1) 0%, rgba(38,38,38,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70,70,70,1)), color-stop(100%,rgba(38,38,38,1))); background: -webkit-linear-gradient(top, rgba(70,70,70,1) 0%,rgba(38,38,38,1) 100%);background: -o-linear-gradient(top, rgba(70,70,70,1) 0%,rgba(38,38,38,1) 100%);background: -ms-linear-gradient(top, rgba(70,70,70,1) 0%,rgba(38,38,38,1) 100%);background: linear-gradient(to bottom, rgba(70,70,70,1) 0%,rgba(38,38,38,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#262626',GradientType=0 );} #primary_block .buttons_bottom_block a.exclusive span{background:url(/eshop/themes/observatoire/img/btn-marker.png) left top no-repeat; line-height:18px;padding:2px 0 2px 20px;} #primary_block .buttons_bottom_block a.exclusive:hover{ border:1px solid #fb5f49; border-right:1px solid #f82b0f; border-bottom:1px solid #f82b0f;background:#a62c41;} .list-radio{ margin-right:25px; float:left;} .row_1 {overflow:hidden;text-align:left;padding: 20px 0;border-top: 1px dotted #dadad9;border-bottom: 1px dotted #dadad9;} .row_1 p {float:right;padding:0;} .row_1 p.our_price_display{padding-top:13px;display:inline-block; float:left; padding-bottom:3px;} .row_1 p.our_price_display span{font-size:24px;line-height:18px; color:#333;padding-top: 13px; display:inline-block;} .row_1 p#quantity_wanted_p {padding-right:12px; padding-top:7px;} .row_1 p#quantity_wanted_p input {float:right;height:28px;padding:5px;text-align:center;width:40px; margin:0;} .row_1 p#quantity_wanted_p label {float:right;padding:4px 10px 0 0;text-align:right;} .row_1 input#add2cartbtn {display: none;} .row_1 span.exclusive {float:right;} #buy_block .row-2 {overflow: hidden;text-align: left; margin-top:1px; padding-top:10px; border-top:1px dotted #ccc;} #buy_block .row-2 .on_sale_img{ float:right; margin-bottom:8px;} #buy_block .row-2.bordered {border-top: 1px dotted #ccc; padding-top:20px;} #buy_block .row-2 span.on_sale,#buy_block .row-2 span.discount {display:block;float:left;color:#333;padding:7px 6px 0px 30px;font-size:18px; font-style:italic;font-weight:normal;color:#ff743d;} #buy_block .row-2 #reduction_percent,#buy_block .row-2 #reduction_amount {padding:12px 0 0px 0; float:left; margin-right:12px; font-size:14px;font-style:italic;font-weight:normal; color:#333;} #buy_block .row-2 #reduction_percent span,#buy_block .row-2 #reduction_amount span {display: block;float:right;font-size:14px;font-style:italic;font-weight:normal;color:#333;} #buy_block .row-2 #old_price {padding:12px 0 0px 0;font-size:14px; display:inline-block; font-style:italic;font-weight:normal;color:#333;float:left; margin-right:7px;} #buy_block .row-2 #old_price .price{ font-size:14px;font-style:italic;font-weight:normal; color:#333;} #buy_block .row-3 {overflow: hidden;text-align:left;} #buy_block .row-3 #pQuantityAvailable {padding-bottom:7px;} #buy_block .pack_price{ padding:0 0 10px 0;margin:0;} #buy_block p#old_price {padding-bottom: 15px;font-size:14px;text-decoration:line-through;} #buy_block #pQuantityAvailable {font-weight:bold; color:#0C0;} #view_scroll_right,span.view_scroll_spacer{ top:70px;} #thumbs_list li + li {margin-right: 9px;} /*atributes*/ .product_attributes #attributes {padding:11px 0 7px 0;border-top: 1px dotted #ccc;} .product_attributes #attributes label {vertical-align:top;position:relative; display:block; padding-bottom:6px; font-weight:bold; color:#333; padding-top:5px;} .product_attributes #color_to_pick_list {list-style-type: none;} .product_attributes #color_to_pick_list li {float: left;margin: 0 20px 0px 0;border-radius:25px;} .product_attributes #color_to_pick_list li.selected { box-shadow:0px 0px 5px 0px #FF743D; } .short_description_pack{padding:10px 0px 0px 0;} .short_description_pack h3{padding:5px 0 0 0;margin:0;} .short_description_pack p{padding:5px 0 0 0;} .short_description_pack .pack_content {padding: 10px 0 0 0;} .pack_content {margin:5px 0 5px 0;} #blockpack{ padding-top:10px; padding-bottom:10px;} #pb-left-column #color_picker p {padding-bottom: 5px;font-weight: bold;} #attributes fieldset { padding-bottom:11px;} #attributes .attribute_list {display:block;color:#333; font-style:italic;} #attributes .attribute_list .attribute_radio{ margin:-1px 5px 0 0;} .attribute_list #color_to_pick_list a.color_pick {display: block;height:25px;width:25px;border-radius:25px; } .attribute_list #color_to_pick_list a.color_pick img{ border-radius:25px;} .product_attributes {padding:10px 0 0 0;} #attributes select {width:100%; display:block;} #availability_statut {padding-bottom:10px; float:left;} #availability_statut span#availability_label{font-weight:bold; color:#333;} #availability_statut span#availability_value{display:inline-block; margin-right:7px; padding-left:7px;color:#00CC00;font-weight: bold;} span.our_price_display{padding-top:7px;font-size:24px;line-height:18px;display:inline-block;} *:first-child + html .content_prices #add_to_cart .exclusive {padding: 4px 3px 4px 11px;} /*send_friend_form*/ #send_friend_form .modal-body img{float:left; margin:7px 14px 8px 0; padding:4px; border:1px solid #fff;-moz-box-shadow: 0px 0px 9px #ddd;-webkit-box-shadow:0px 0px 7px #ddd;box-shadow:0px 0px 7px #ddd;} #send_friend_form h1 {color:#333;font-weight:normal;padding:15px 0px 0px 0px; margin:0;background:url(/eshop/themes/observatoire/img/line-bg.gif) left 38px repeat-x;} #send_friend_form h1 span{ background:#fff; padding-right:5px;} #send_friend_form .modal-header { border:none; padding:10px 20px 0px 20px} .modal-body { padding:10px 20px 20px 20px; margin-top:10px;} #send_friend_form .product_desc{text-align:left;} #send_friend_form_error{color:#F00} #send_friend_form .product_name{ margin-bottom:10px;} #send_friend_form label { display:block; padding-bottom:4px;} #send_friend_form .txt_required{ padding-top:7px; display:block;} #send_friend_form .form_container{ margin-top:0px;} .form_container .intro_form{ font-weight:bold; padding-top:10px; color:#333} /* usefull links */ #usefull_link_block {margin:0px 0 0 0;padding:18px 0 13px 0px;border-top:1px dotted #DADAD9;} #usefull_link_block li {padding:2px 0 0 0px;float:left;margin:0 30px 16px 0;} #usefull_link_block li.sendtofriend a i, #usefull_link_block #left_share_fb a i, #usefull_link_block li.print a i{ font-size:25px; vertical-align:-4px; margin-right:5px;} #usefull_link_block li.view-size {background:url(/eshop/themes/observatoire/img/view-size.png) 0px 1px no-repeat;padding-left:19px;} #usefull_link_block li a,#usefull_link_block span.span_link {display:inline-block; line-height:22px;font-size:14px;} /* ************************************************************************************************ FOOTER ************************************************************************************************ */ .block.blockcms_footer{ margin-left:0;} footer .modules{ position:relative; padding-bottom:70px;border-top:6px solid #000000; margin:0;} footer .block h4{ font-size:17px; color:#1c1c1c; font-weight:bold; font-family:"Economica", sans-serif; text-transform:uppercase; padding:0; margin:25px 0 15px 0; border-bottom:3px solid #000000} footer .block h4 a{color:#1c1c1c; font-weight:bold;} footer .block a{color:#7a7a7a;} footer .block a:hover{color:#ff5b44;} footer .block .list-footer li{padding:0px 0 4px 0; width:50%; float:left;} footer .block .list-footer li a {font-size:13px; font-weight:bold; text-transform:uppercase; padding-right:5px;} footer .block .list-footer li img{ display:none;} footer .footer-text{ padding:0px 0 0 0;} .bottom_footer {color:#7a7a7a;position:absolute;bottom:22px;left:0px; font-size:13px; font-weight:bold; border-top:1px solid #cccccc; width:100%; padding-top:15px;} .bottom_footer a {color:#494949;} .bottom_footer a:hover{color:#a62c41;} .block.block_category_footer{ clear:both;} .block.block_category_footer ul ul{ margin-left:20px;} /*blocksocial */ .blocksocial li a{ display:inline-block; font-size:14px;} .blocksocial li {vertical-align:middle; padding-top:0px;} .blocksocial li.facebook a{background:url(/eshop/themes/observatoire/img/sprite_pict_social_block.png) no-repeat 0 0px;padding:6px 0 0px 40px;height:40px;} .blocksocial li.twitter a{background:url(/eshop/themes/observatoire/img/sprite_pict_social_block.png) no-repeat 0 -61px;padding:6px 0 0px 40px;height:40px;} .blocksocial li.rss a{background:url(/eshop/themes/observatoire/img/sprite_pict_social_block.png) no-repeat 0 -121px;padding:6px 0 0px 40px;height:40px;} /* ************************************************************************************************ PAIMENT - PAGE ORDER ************************************************************************************************ */ #order .p-cart{ font-size:13px; text-transform:uppercase; color:#535353; padding-bottom:15px; border-bottom:1px solid #e5e5e5;} .ordercart-title{ font-weight:bold; color:#333; margin:0; padding:6px 0 14px 0;} .ordercart-title #summary_products_quantity{ color:#95bc01} #order_steps {overflow:hidden;margin:20px 0 10px 0px;} #order_steps li.even:first-child{background:#9c9c9c;} #order_steps li.even.step_current:first-child { background:#A62C41;} #order_steps li.even{ background:url(/eshop/themes/observatoire/img/marker-order.png) 0px 29px no-repeat #9c9c9c;} #order_steps li.odd{background:url(/eshop/themes/observatoire/img/marker-order.png) 0px 29px no-repeat #777777;} #order_steps li {width:20%;float:left; text-align:center;} #order_steps li span {display:block;padding:5px 0 5px 0px;} #order_steps li span {color:#fff; font-weight:bold;} #order_steps li span span{color:#fff; font-weight:bold; font-size:27px; line-height:27px;} #order_steps li.step_current { background:#A62C41;} #order_steps li a {font-weight:bold;color:#ccc;text-decoration:none;} #order_steps li a:hover {color:#fff;} /* step 1 - cart ******************************************************************************* */ #cart_summary { background:none; border:none; margin-bottom:0;} #order #HOOK_SHOPPING_CART{padding-bottom:0px; margin-bottom:10px;} table#cart_summary h5{ padding-bottom:10px; margin-top:-4px; display:block;} table#cart_summary .cart-atr{ padding-bottom:5px; display:inline-block;} #order-detail-content .title-th{ float:left;padding-right:10px; display:inline-block; font-weight:bold;color:#333} table#cart_summary tr{ border-width:0px 0px 1px 0px; border-style:dotted; border-color:#ccc} table#cart_summary tr.cart_last_tr{ border:none;} #seperated_packag{ padding:0;} #seperated_packag input{ margin:-3px 10px 0 0;} table#cart_summary .insset-bottom{ padding-bottom:16px; padding-top:0px;} .cart_quantity_title{ padding:3px 10px 0 0;} table#cart_summary tbody tr{border-top:1px dotted #ccc;} table#cart_summary td {padding:20px 0 20px 0; border:none; vertical-align:top;} table#cart_summary .customization{ border-color:#ccc} table#cart_summary td.cart_product{ width:162px;} table#cart_summary tr ul {list-style: none;} table#cart_summary .customizationUploaded{ margin-bottom:10px;} table#cart_summary .cart_quantity .cart_quantity_down{ float:left;} table#cart_summary .cart_discount_name{ color:#333; text-transform:uppercase; vertical-align:middle;} table#cart_summary .cart_discount{ border-width:1px 0 1px 0; border-style:solid;} table#cart_summary .cart_discount_price .div_cart_quantity_delete{ float:none; margin-left:7px; display:inline-block;} table#cart_summary .div_cart_quantity_delete{ float:left;} table#cart_summary .div_cart_quantity_delete a{ width:19px; height:24px; display:block;background:url(/eshop/themes/observatoire/img/sprite_clothes.png) -76px 0px no-repeat; margin:5px 0 0 10px} table#cart_summary .div_cart_quantity_delete a:hover{ background-position:-76px -24px;} table#cart_summary .customization .cart_quantity {padding:20px 0px 20px 0; border:none; margin-bottom:0;} table#cart_summary .cart_quantity .cart_quantity_input {float:left;border-left:none;border-right:none;display: inline-block;height:24px;text-align: center;width: 40px; margin:0;} table#cart_summary .cart_quantity .cart_quantity_button {float:left;} table#cart_summary a.price_discount_delete { margin-top:3px} table#cart_summary .cart_total_price .total_price_container {border-right:none;} table#cart_summary .cart_total_price td.cart_voucher {vertical-align:middle} table#cart_summary #total_price_container { vertical-align:middle;} #cart_summary tfoot{ font-weight:bold} #cart_summary .cart_last_tr #total_price{ font-size:22px; font-weight:normal;} table#cart_summary tfoot td {padding:16px 0 14px 0; border:none; text-align:left;} table#cart_summary tfoot td + td{ text-align:right;} #total_price_container{ vertical-align:middle;} #cart_summary .price {border:none;white-space: nowrap;} .total_price_container p {text-align: left} table#cart_summary .cart_total_price .total_price_container {padding:0;} .cart_total_price .total_price_container p {display:block;padding:8px;} .cart_total_price .total_price_container span {display:block;padding:15px;font-weight:bold;font-size:18px;text-align:center} table#cart_summary .gift-icon {color: white;background: #0088CC;line-height: 20px;padding: 2px 5px;border-radius: 5px;} table#cart_summary .min-with-td {display: inline-block;font-weight: normal;min-width:50px;} table#cart_summary #cart_quantity_button .cart_quantity_down {background:url(/eshop/themes/observatoire/img/quantity_down_mob.png) 0 0px no-repeat ;height:43px;width:45px;} table#cart_summary #cart_quantity_button .cart_quantity_up {background:url(/eshop/themes/observatoire/img/quantity_up_mob.png) 0 0px no-repeat ;height:43px;width:45px; float:left;} table#cart_summary #cart_quantity_button .cart_quantity_up img,table#cart_summary #cart_quantity_button .cart_quantity_down img,.address-form-multishipping{ display:none;} table#cart_summary #cart_quantity_button span {line-height:43px;} table#cart_summary .cart_quantity .cart_quantity_input {height:43px;} .cart_quantity_title {padding: 11px 10px 0 0;} table#cart_summary .div_cart_quantity_delete a { margin-top:9px; margin-left:20px;} table#cart_summary .cart_discount_price .div_cart_quantity_delete a { margin-top:3px;} /*cart_voucher******************************************************************************* */ form#voucher fieldset {padding:25px 0px 0px 0px; border-top:2px solid #3a3a3a;} form#voucher fieldset h4 { padding:6px 10px 0 0; margin:0; float:left;} form#voucher fieldset p {float:left;margin:0;padding:0px 0px 0 0;} form#voucher fieldset p.submit {padding:0px 0 0 0;} form#voucher fieldset p label {float:left;text-align:right;padding:2px 7px 0 0;} form#voucher fieldset p input.discount_name {width:330px; margin-bottom:0;} #cart_voucher{ padding-top:9px;} #cart_voucher .btn.btn-inverse{ padding-top:6px; padding-bottom:7px; line-height:1.25em;} form#voucher fieldset div#display_cart_vouchers h4 {margin:10px 0 0 0;padding:10px 0 0 0;border-top:1px solid #eee;} form#voucher fieldset div#display_cart_vouchers div {padding:4px 0 0 0;} form#voucher fieldset div#display_cart_vouchers span.voucher_name {font-weight:bold;text-decoration:underline;cursor:pointer;} form#voucher fieldset div#display_cart_vouchers span.voucher_name:hover {text-decoration:none;} #order_carrier {clear:both;margin-top:20px;border:1px solid #999;} #carrier_area .checkbox a{ color:#a62c41;} #carrier_area a:hover{} #carrier_area .checkbox{ margin:0; padding:12px 0 0 0} #carrier_area .checkbox input{ margin:3px 7px 0 0;} #carrier_area .checkbox label{ display:inline;} #order_carrier h4 {padding:0 15px;} #order_carrier span {display:block;padding:15px;font-weight:bold} .order_delivery{ padding-top:7px; padding-bottom:20px; } .order_delivery .first_item {margin:0 20px 20px 0; float:left;} .address_select{ width:100px;} .multishipping_close_container {text-align: center; padding-top:10px;} /* ————— carriercompare.tpl ————— */ #compare_shipping_form p {margin:0;} #compare_shipping #availableCarriers{} #compare_shipping ul#carriercompare_errors_list li{ background: url("/eshop/themes/observatoire/img/warning.png") no-repeat 20px center #FDE4E1;border: 1px solid #EBBCB5;color: #DF0505;font-size: 12px;font-weight: bold;padding-left: 70px; margin-left:0!important; margin-bottom:0px; margin-top:20px;} #compare_shipping_form p label {padding:5px 7px 5px 0; display:block;} #compare_shipping_form p select{ margin-bottom:10px; width:395px;} #compare_shipping_form p input{ margin-bottom:2px; width:394px; margin-right:10px;} #compare_shipping_form{padding:16px 0px 0px 0px; border-top:2px solid #3a3a3a; margin-top:20px; margin-bottom:10px;} #compare_shipping_form #compare_shipping{ padding:0;} #compare_shipping_form #compare_shipping h3{ padding-top:0; border-bottom:3px solid #000; text-transform:uppercase; color:#333; font-weight:bold; padding-bottom:4px; font-size:17px;} #compare_shipping_form #compare_shipping p{ padding:0;} #compare_shipping_form #compare_shipping .SE_SubmitRefreshCard{ padding-top:20px;} #compare_shipping_form #compare_shipping .SE_SubmitRefreshCard input{ width:auto; margin-bottom:0; margin-right:16px;} /* nav bottom ********************************************************************************** */ .cart_navigation {margin:20px 0} .cart_navigation .exclusive,.cart_navigation .exclusive_large {float:right} /* order carrier */ div#order_carrier {margin:20px 0 0 0;padding:10px;border-width:1px;border-style:solid;} div#order_carrier h4 {float:left;padding:0 10px;} /* cart navigation */ #order p.cart_navigation.inner-top{border-top: 1px dotted #ccc;} p.cart_navigation {clear:both;margin:0;padding:25px 0 0px 0;overflow:hidden;} p.cart_navigation .button,p.cart_navigation .button_large {float:left;background:#333; border:1px solid #000; color:#fff;} p.cart_navigation .button:hover,p.cart_navigation .button_large:hover{ background:#666;} p.cart_navigation .exclusive,p.cart_navigation .exclusive_large {float:right; background:#333; border:1px solid #000; color:#fff;} p.cart_navigation .exclusive:hover,p.cart_navigation .exclusive_large:hover{background:#666;} #compare_shipping_form #availableCarriers {padding:15px 0 0 0; margin:0!important;} #compare_shipping_form #noCarrier {margin:12px 0 0;padding:10px 13px;text-align:center;} #availableCarriers_table {width:100%; text-align:center;} #availableCarriers_table th{ text-align:center;border:1px solid #CCC;} #carriercompare_errors_list li {margin:0;padding:10px 0 10px 0;} #availableCarriers_table td.radio{ padding:0 5px 0 5px; text-align:center; border:none;} #availableCarriers_table td input{ float:none; margin-top: 15px;} /********************************************************************************************** LOGIN PAGE ***********************************************************************************************/ #create-account_form .text input, #create-account_form .password input,#login_form .text input, #login_form .password input {width:100%; margin-bottom:0px;} #authentication #create-account_form .title_block{ text-transform:none; font-size:13px; font-weight:bold;color:#7a7a7a;} #authentication #create-account_form .title_block,#authentication #login_form .title_block {margin:0;padding:13px 0 0 0;} #authentication #create-account_form p.text, #authentication #login_form p.text {padding:14px 0 0 0;} #authentication #login_form p.submit {padding:20px 0 0 0; float:left;} #authentication #create-account_form p.submit{padding:20px 0 0 0;} #authentication #create-account_form label, #authentication #login_form label {display:block;clear:both;text-align:left;padding:0 0 5px 0;} #authentication #login_form p.lost_password {padding:20px 0 0 0; float:right;} #opc_account_form .shop_box{ padding:10px 0 10px 0;} .cart_total{ text-align:right;} /* ————— password.tpl ————— */ .forgot_password #restore_password label {width:170px;} .forgot_password p.submit {padding-left:177px;} #password #center_column h1 + p{ margin:3px 0 17px 0;} #password #center_column p.text input{ margin:0;} /* step 3 - address ************************************************************************** */ div.order_address p.select label {float:left;text-align:right;padding:2px 7px 0 0;} div.order_address p#address_invoice_form a.button_large {margin:0 auto;} div.order_address p.address_add {padding:20px 0 0 0;margin:0;} div.order_address #ordermsg p {margin:0;} div.order_address #ordermsg textarea {height:100px;} #multishipping_mode_box h2{ text-align:center; margin-bottom:12px;} #multishipping_mode_box .btn{ color:#333;} #multishipping_mode_box h2 span{ padding-left:10px; padding-right:10px;} #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; color:#333} #multishipping_mode_box .description, #multishipping_mode_box .description_off {} #multishipping_mode_box .description .button{ margin:0 auto; display:inline-block;} #multishipping_mode_box .description_off {display: none;padding: 5px;} #multishipping_mode_box .description_off div {margin-bottom: 10px;} #multishipping_mode_box.on .description_off {display: block;} table.multishipping-cart td{ padding:12px!important;} table.multishipping-cart th{ border-width:0 0 1px 0;} .multishipping-cart .cart_quantity .cart_quantity_input{ float:left; margin:0; height:22px; line-height:22px; border-left:0; border-right:0; text-align:center;} .multishipping-cart .cart_quantity a{ float:left;} .multishipping-cart .cart_quantity{ width:140px;} #order-detail-content #cart_summary.multishipping-cart{ border:1px solid #ccc; margin-bottom:20px;} #order-detail-content #cart_summary.multishipping-cart td.cart_product {width: auto;} #order-detail-content{ padding-top:0;} #order-detail-content #cart_summary.multishipping-cart td { border:1px solid #ccc} /* step 4 - paiement ************************************************************************** */ table#carrierTable {margin:17px 0 0 0;} table#carrierTable tr td.radio input {background:none;border:none;position:relative;top:1px;left:0;} p#gift_div {display:none;clear:both;margin:0;} p#gift_div label {display:block;} p#gift_div textarea {height:100px;margin:12px 0 10px 0;} /* step 5 - paiement ************************************************************************** */ p.payment_module {display:block;padding:20px 0 0px 0; margin:0;} .payment_module img {vertical-align:middle;margin:0 10px 0 0; float:left; } .payment_module a {display:block;background:#fafafa;border:1px solid #ccc;padding:15px;color:#333;text-decoration:none; text-align:left;overflow:hidden; font-weight:bold;} .payment_module a:hover,.payment_module a:focus,.payment_module a:active {background:#fefefe;border:1px solid #0C0;color:#000;} /* ************************************************************************************************ PAGE ORDER-OPC ************************************************************************************************ */ div#order-opc h2.bordercolor {margin:20px 0 0 0;padding:17px 0 0 0;border-width:1px 0 0 0;border-style:solid;} div#order-opc table#carrierTable {margin:17px 0 0 0;} div#order-opc textarea#message {height:100px;} /* ************************************************************************************************ express checkout ************************************************************************************************ */ #new_account_form {clear:both;margin-bottom: 20px} #new_account_form h3 { margin-bottom:20px;} #center_column #new_account_form p {margin:0;padding:0 0 10px 0} #center_column #new_account_form p input{ margin-right:10px;} #new_account_form p.required {color:#222} #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:block;padding: 6px 0px 6px 0;font-size: 12px;text-align:left} #new_account_form #submitGuestAccount {float: right} /* ************************************************************************************************ paiment - CONFIRMATION ************************************************************************************************ */ #orderconfirmation #left_column {display:none} #orderconfirmation #center_column{width:757px} .orderconfirmation{ border:1px solid #ccc; padding:20px; margin:30px 0 0 0; background:#f8f8f8} .orderconfirmation a{ color:#0C0;} .orderconfirmation a:hover{ color:#333;} /* ************************************************************************************************ PAGE ADRESSES ************************************************************************************************ */ .bloc_adresses .address { margin-bottom:20px;} ul#address_invoice{margin:0px 0 0 0;padding:0 0 17px 0; float:left; width:43%} ul#address_delivery{ float:left; margin-right:30px;width:43%} .addresses .address_add.submit{ padding:0; margin:0px 0 20px 0} ul.address li {margin:0px 0px 0 0px;} ul.address li{ line-height:25px; color:#333;} ul.address li.address_delete, ul.address li.address_update{ float:left;} ul.address li .btn{ color:#fff; margin-top:10px;} ul.address li.address_title {margin:0px 0px 8px 0px;color:#a62c41;font-size:13px; text-transform:uppercase; font-weight:bold;} ul.address li.address_title h3 {margin:0;} ul.address li.address_delete{ margin-left:10px;} .bloc_adresses{ margin-top:20px;} .addresses #id_address_delivery{ width:417px;} /* ************************************************************************************************ PAGE DISCOUNT ************************************************************************************************ */ table.discount {margin:17px 0 0 0;} table.discount td.discount_code {font-weight:bold;} table.discount td.discount_value {white-space:nowrap;} body#discount div.center_column sup {vertical-align:top;} /* ************************************************************************************************ PAGE ORDER FOLLOW ************************************************************************************************ */ #order-follow #left_column {display:none} /* ************************************************************************************************ 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 ************************************************************************************************ */ .mnf_sup_list {margin:0px 0 0 0;padding:0px; list-style-type:none;} .title_manuf{ padding:14px 0 24px 0; margin:0; width:100%; overflow:hidden; display:block; text-align:right;} .mnf_sup_list li {padding:0px 0px 20px 0px; margin-bottom:20px;} .mnf_sup_list li.last_item{} .mnf_sup_list li .logo {display:block;float:left;} .mnf_sup_list li .logo a{display:block;} .mnf_sup_list li .logo img{ vertical-align:middle; margin-top:24px;} .mnf_sup_list li .left_side {width:532px;float:left;padding:0 20px 0 20px;border-right:1px dotted #cccccc; } .mnf_sup_list li .left_side div {padding:7px 0 0 0; display: inline-block;} .mnf_sup_list li .left_side div p { padding:0; margin:0;} .mnf_sup_list li .left_side h3 {padding:0px 0 0 0;color:#7a7a7a;text-transform: uppercase; font-size:13px; margin:-4px 0 5px 0; display:inline-block;} .mnf_sup_list li .right_side {width:120px;float:right;position:relative;padding-left:20px; } .mnf_sup_list li .right_side p {padding:10px 0 0 0; margin:0;} .mnf_sup_list li .right_side p span{} .mnf_sup_list li .right_side p a {text-decoration:none;} .mnf_sup_list li .right_side a.button {margin:12px 0 0 0;} .mnf_sup_list li .des-small { display:none;} .mnf_sup_list li .left_side h3{ margin-top:10px;} .mnf_sup_list li .left_side h3 a{ display:block; margin-top:-4px;} /* ************************************************************************************************ PAGE SEARCH ************************************************************************************************ */ #search h3.nbresult {margin:10px 0 10px 0;padding:10px;border:1px solid #e6db55;font-size:13px;background:#ffffe0} #search .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE 404 ************************************************************************************************ */ p.error404 {border:2px solid #dd0000;background:#f5f5f5;margin:20px 0 0 0;padding:10px;line-height:32px;} p.error404 img {margin:0 10px 0 0;} /* ************************************************************************************************ addons payment cheque ************************************************************************************************ */ #module-cheque-payment #columns h1{ text-align:left; margin:0 0 14px 0;} #module-cheque-payment #columns h2{ margin-bottom:20px; text-align:center;} #module-cheque-payment #columns h2 span{ padding-left:10px; padding-right:10px;} #module-cheque-payment #columns p { margin:0; padding:0;} #module-cheque-payment #columns .cart_navigation a,#module-cheque-payment #columns .cart_navigation input{ margin-top:20px;} #module-cheque-payment #columns form img{ float:left; margin:0 20px 2px 0;} #module-bankwire-payment form img {} #module-cheque-payment #columns form{ font-size:13px;} #module-bankwire-payment #columns form{ margin-top:15px; font-size:13px;} #module-cheque-payment form select,#module-bankwire-payment form select{ margin:20px 0 20px 0;} .box-payment-style{ padding:20px; border:1px solid #ccc; color:#333; font-size:13px; background:#F8F8F8} .box-payment-style i{ margin-right:7px;} .box-payment-style ul li{ margin-bottom:5px;} .box-payment-style ul { padding-top:7px;} /* ************************************************************************************************ addons payment bankwire ************************************************************************************************ */ #module-gcheckout-payment aside,#module-payment-submit aside,#module-payment-submit aside {display:none} /* ************************************************************************************************ 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{ float: left; padding-bottom:0;font-size:12px;text-align:left;cursor:pointer; display:inline; margin-top: 10px;} #account-creation_form fieldset.customerprivacy p{ padding:0; margin:0;} /* ************************************************************************************************ 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(http://www.observatoiredescosmetiques.com/eshop/themes/observatoire/img/arrow_right_1.png) no-repeat 0 4px;} #module-referralprogram-referralprogram-program form p.see_email a {color: #0088cc;text-decoration:underline} /* ************************************************************************************************ addon loyalty ************************************************************************************************ */ #module-loyalty-default #left_column {display:none} #module-loyalty-default #center_column{} /* ************************************************************************************************ addon Livezilla ************************************************************************************************ */ #livezilla_lnk {margin:10px 0;text-align: right} #livezilla_lnk a {display:inline-block;padding:6px 8px 8px 8px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font:bold 10px Arial,Verdana,sans-serif;color:#fff;text-shadow: 0 -1px 0 #000; background: url(http://www.observatoiredescosmetiques.com/eshop/themes/observatoire/img/bg_bt_compare.gif) repeat-x scroll 0 0 #000} #livezilla_lnk a:hover {text-decoration:none} /* ************************************************************************************************ guest tracking And TIME CSS ************************************************************************************************ */ #guest-tracking fieldset p:first-child {padding-top: 10px;} #guest-tracking fieldset p:last-child {padding-bottom: 10px;} #address_invoice_form { margin-bottom:20px;} #address_invoice_form label{ display:block; padding-bottom:4px;} #order #fancybox-content h2 { font-size:14px; text-transform:uppercase; color:#3a3a3a} .popup-extra h3 { color:#ed038a; font-size:14px; padding-bottom:7px;} #module-favoriteproducts-favoriteproducts-account #left_column {display:none} #module-favoriteproducts-favoriteproducts-account #center_column {width:757px} #favoriteproducts_block_account .favoriteproduct {position:relative;margin-bottom: 14px; margin-top:15px;} .favoriteproduct a.product_img_link {display: block;float: left;margin-right: 14px;overflow: hidden;position: relative;} .favoriteproduct h3 {color: #000000;font-size: 13px;padding: 0 0 10px;} .favoriteproduct p.product_desc {line-height: 16px;overflow: hidden;padding: 0;} .favoriteproduct .remove {position:absolute;top:3px;right:3px} .favoriteproduct .remove .icon {cursor:pointer} /* lnk fiche produit */ #usefull_link_block li#favoriteproducts_block_extra_add {padding-left:20px;background:url(/eshop/themes/observatoire/img/add_favorite.gif) no-repeat 0 4px;cursor:pointer;line-height:22px;color:#3A3A3A;text-decoration:underline;} #usefull_link_block li#favoriteproducts_block_extra_remove:hover, ul#usefull_link_block li#favoriteproducts_block_extra_removed:hover, #usefull_link_block li#favoriteproducts_block_extra_add:hover, ul#usefull_link_block li#favoriteproducts_block_extra_added:hover{ text-decoration:none; color:#535353; } #usefull_link_block li#favoriteproducts_block_extra_remove {padding-left:20px;background:url(/eshop/themes/observatoire/img/del_favorite.gif) no-repeat 0 5px;cursor:pointer; line-height:20px;color:#3A3A3A; text-decoration:underline;} ul#usefull_link_block li#favoriteproducts_block_extra_added {padding-left:20px;background:url(/eshop/themes/observatoire/img/del_favorite.gif) no-repeat 0 4px;cursor:pointer;display:none;line-height:20px; color:#3A3A3A;text-decoration:underline;} ul#usefull_link_block li#favoriteproducts_block_extra_removed {padding-left:20px;background:url(/eshop/themes/observatoire/img/add_favorite.gif) no-repeat 0 4px;display:none;line-height:20px;color:#3A3A3A;text-decoration:underline;} /* ************************************************************************************************ module productcomments ************************************************************************************************ */ #product_comments_block_extra { padding:0px 0 19px 0;overflow:hidden; border-bottom:1px dotted #ccc;} #product_comments_block_extra ul li:first-child{ margin-left:0;} #product_comments_block_extra ul li{overflow:hidden;float:left;margin-bottom:5px; margin-left:20px;} #product_comments_block_extra ul li .open-comment-form{background: url(/eshop/themes/observatoire/img/icon-review.png) left 0px no-repeat; padding-left:22px; display:inline-block; line-height:16px;} #product_comments_block_extra ul > li + li a{background: url(/eshop/themes/observatoire/img/icon-review-read.png) left 0px no-repeat; padding-left:22px; display:inline-block; line-height:16px;} #product_comments_block_extra .comments_note {display:block; padding-top:15px;} #product_comments_block_extra .comments_note span, #product_comments_block_extra .star_content {float:left; font-weight:bold; color:#333;} #product_comments_block_extra .star_content {margin-top:3px; margin-left:10px;} #product_comments_block_extra div.star {background: url(/eshop/themes/observatoire/img/star.png) no-repeat scroll 0 0 transparent} #product_comments_block_extra div.star_on {background: url(/eshop/themes/observatoire/img/star.png) no-repeat scroll 0 -12px transparent} #product_comments_block_extra .comments_advices {clear:both; padding-top:19px;} #product_comments_block_extra .comments_advices a.open-comment-form{ font-size:14px;background: url(/eshop/themes/observatoire/img/sprite_clothes.png) no-repeat 0px -449px; padding-left:30px; line-height:25px; display:inline-block;} #product_comments_block_extra .comments_advices span{ margin-right:20px; display:inline;border-left:1px dotted #ccc; width:1px; line-height:25px;} #product_comments_block_extra .comments_advices a.open-comment-form:hover{ background-position:0px -491px;} #product_comments_block_extra .comments_advices a.read_rew{ font-size:14px;background: url(/eshop/themes/observatoire/img/sprite_clothes.png) no-repeat 0px -540px;padding:0 0px 0 30px;line-height:25px; display:inline-block;margin-right:16px;} #product_comments_block_extra .comments_advices a.read_rew:hover{ background-position:0 -601px;} #new_comment_form_footer p{ margin-bottom:0;} .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(/eshop/modules/productcomments/img/delete.gif) no-repeat 0 -16px !important } .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} .star {position: relative;top:2px;float: left;height: 12px;width: 12px;overflow: hidden;text-indent: -999em;cursor: pointer} .star, .star a { background: url(/eshop/themes/observatoire/img/star.png) no-repeat 0 0 } div.star_on a { background-position: 0 -12px } div.star_hover a, div.star a:hover { background-position: 0 -12px } .confirmation {margin: 0 0 10px;padding: 10px;border: 1px solid #e6db55;font-size: 13px;background:#ffffe0;} #main .rte { background:0 0 } .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} form#sendComment fieldset{padding:10px;border:1px solid #ccc;background:#eee} form#sendComment h3 {font-size:14px;} #new_comment_form p.text {margin-bottom: 0;padding-bottom: 0;} #new_comment_form .btn{ margin-bottom:15px; color:#fff;} #new_comment_form .modal-footer { padding-bottom:0;} #sendComment p.text label, #sendComment p.textarea label {display: block;margin: 12px 0 4px;font-weight: bold;font-size: 12px;} #sendComment p.text input {padding: 0 5px;height: 28px;width: 498px;border: 1px solid #ccc;background: url(http://www.observatoiredescosmetiques.com/eshop/themes/observatoire/img/bg_input.png) repeat-x 0 0 #fff;} #sendComment p.textarea textarea {height:80px;width:508px;border:1px solid #ccc;} #sendComment p.submit {padding:0;text-align:right} #sendComment p.closeform {float:right;padding:0;height:16px;width:12px;text-indent:-5000px;background:url(/eshop/themes/observatoire/img/icon/delete.gif) no-repeat 0 0} #new_comment_form .modal-header { border:none; padding:10px 20px 0px 20px;} #new_comment_form .modal-body { padding:0px 20px 20px 20px; margin-top:15px;} #new_comment_form .product img {float:left; margin:7px 14px 10px 0; padding:4px; border:1px solid #fff; -moz-box-shadow: 0px 0px 9px #ddd;-webkit-box-shadow:0px 0px 7px #ddd;box-shadow:0px 0px 7px #ddd;} #new_comment_form .product .product_desc { text-align:left;} #new_comment_form .product .product_desc .product_name {padding-bottom:5px;font-size:13px;color:#000} #new_comment_form .grade_content {margin:0 0 20px 0} #new_comment_form .grade_content span, #new_comment_form .grade_content span {display:inline-block;padding:0 10px;width:150px;font-weight:bold} #new_comment_form .grade_content .cancel {margin-right:5px} .new_comment_form_content .intro_form {padding-bottom: 10px;font-weight: bold;font-size: 12px} #new_comment_form label {display: block;margin:12px 0 4px 0;font-weight: bold;font-size: 12px;} #new_comment_form textarea {height: 80px;} #new_comment_form .submit {margin-top:20px;padding:0;font-size:13px;text-align:right} #new_comment_form #criterions_list {border-bottom: 1px solid #CCC;padding-bottom: 15px;list-style-type: none;} #new_comment_form #criterions_list li {margin-bottom:5px; padding-top:5px;} #new_comment_form #criterions_list label {display:block;margin: 0 0px 0 0px; padding-bottom:5px;} #new_comment_form #criterions_list .star_content {float:left;} #new_comment_form #new_comment_form_footer {margin-top:0px;font-size: 12px;} #new_comment_form .modal-body {} #new_comment_form p.required{ float:left; margin:0;} #new_comment_form form{ margin:0;} /* TAB COMMENTS ******************************************************************************** */ #product_comments_block_tab {margin:0 0 0px 0} #product_comments_block_tab div.comment {margin:0 0 15px 0;padding:17px 0 0px 0px; border-top:1px dotted #ccc;} #product_comments_block_tab div.comment.last{ margin-bottom:0;} #product_comments_block_tab div.comment:first-child{ border:none; padding:0;} #product_comments_block_tab div.comment div.comment_author {float:left;padding:0 20px 0 0;width:140px;line-height:18px;} #product_comments_block_tab div.comment div.comment_author span {font-weight:bold;} #product_comments_block_tab div.comment div.comment_author span,#product_comments_block_tab div.comment .star_content {float:left; color:#A62C41; text-transform:uppercase;} #product_comments_block_tab div.comment .star_content {margin:0px 0 0 5px} #product_comments_block_tab div.star,#product_comments_block_tab div.star_on {background: url(/eshop/themes/observatoire/img/star.png) no-repeat 0 0 transparent} #product_comments_block_tab div.star_on {background-position: 0 -12px} #product_comments_block_tab .comment_author_infos {clear:both;padding-top:10px;} #product_comments_block_tab .comment_author_infos em {color:#000} #product_comments_block_tab .comment_author_infos strong{ color:#000; margin-bottom:10px; display:inline-block;} #product_comments_block_tab div.comment div.comment_details {float: left;overflow:hidden;width:495px} #product_comments_block_tab div.comment_details h4 { padding:0; margin:-1px 0 7px 0; color:#7a7a7a; font-size:13px; text-transform:uppercase; font-weight:bold;} #product_comments_block_tab div.comment_details p {padding-bottom:0px; margin-bottom:0;} #product_comments_block_tab div.comment_details ul {list-style-type:none;margin:0} #product_comments_block_tab div.comment_details li {padding:2px 0 2px 12px;background:url(http://www.observatoiredescosmetiques.com/eshop/themes/observatoire/img/bg_li.png) no-repeat 1px 45% #fff} #product_comments_block_tab button.usefulness_btn {cursor: pointer;margin:0 0 0 5px;display: inline-block;padding: 0 2px;border: 1px solid #CC9900;border-radius: 3px 3px 3px 3px;color: #000;font-weight: bold;background: url(http://www.observatoiredescosmetiques.com/eshop/themes/observatoire/img/bg_bt.gif) repeat-x scroll 0 0 #F4B61B} #product_comments_block_tab button.usefulness_btn:hover {background-position: left -50px} #product_comments_block_tab button.usefulness_btn:active {background-position: left -100px} #product_comments_block_tab span.report_btn {cursor: pointer} #product_comments_block_tab span.report_btn:hover {text-decoration:underline} .fl{float:left;} .fr{float:right;} /* ************************************************************************************************ POPUP COMPARE ************************************************************************************************ */ #cluetip-close img {border: 0;} #cluetip-title {overflow: hidden;} #cluetip-title #cluetip-close {float: right;position: relative;} #cluetip-waitimage {width: 43px;height: 11px;position: absolute;background-image: url('/eshop/themes/observatoire/img/loader.gif');} .cluetip-arrows {display: none;position: absolute;top: 0;left: -11px;height: 22px;width: 11px;background-repeat: no-repeat;background-position: 0 0;} #cluetip-extra {display: none;} #cluetip {background-color: transparent;} #cluetip #cluetip-outer {border:1px solid #ccc;position: relative;background-color: #fff; text-align:left!Important;} #cluetip #cluetip-inner .comment{text-align:left!Important;} #cluetip h3#cluetip-title {margin: 0px;padding:0px 0px;font-size: 12px;font-weight: normal;color: #333;} #cluetip #cluetip-inner {padding: 0 5px 5px;display: inline-block;} #cluetip div#cluetip-close { text-align: right;margin: 0 5px 5px;color: #900;} #cluetip div#cluetip-close a{} /* ************************************************************************************************ TIME OTHER GLOBAL CSS ************************************************************************************************ */ .shop_box{border-bottom:1px dotted #cccccc;} .titled_box h2, .account_creation h3 {color:#A62C41; text-transform:uppercase; font-weight:bold; font-size:13px;padding:10px 0px 5px 0px; margin:0;background:url(/eshop/themes/observatoire/img/line-bg.gif) left 22px repeat-x;} .titled_box h2 span, .account_creation h3 span{ background:#fff; padding-right:5px;} .titled_box_header h2{background: rgb(249,249,249);background: -moz-linear-gradient(left, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(255,255,255,1)));background: -webkit-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%);background: -o-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to right, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=1 );-webkit-box-shadow:inset 0 0 7px rgba(5,5,5,0.1);-moz-box-shadow:inset 0 07px rgba(5,5,5,0.1);box-shadow:inset 0 0 7px rgba(5,5,5,0.1); padding:12px 10px 12px 20px;margin:0;font-size:16px;font-weight:normal;color:#333;font-family: 'Economica', sans-serif;text-shadow: 1px 1px 1px #d5d5d5;filter: dropshadow(color=#d5d5d5, offx=1, offy=1);} .icon-style{ width:16px; height:16px;background:url(/eshop/themes/observatoire/img/icon-style.png) center center no-repeat;} .shop_box_row{border-bottom:1px dotted #b2b2b2;border-top:1px dotted #b2b2b2;} .shop_box_row.shop_box_row_other{ border-top:none; padding-top:0;} .title_shop{color:#000;font-size:13px; font-style:italic;font-weight: bold;} .shop_box_info{background: rgb(255,255,255);background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1)));background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=1 );-webkit-box-shadow: inset 0px 0px 20px 1px rgba(1, 1, 1, 0.1);box-shadow: inset 0px 0px 20px 1px rgba(1, 1, 1, 0.1);} .lnk_more{ font-size:13px;color:#a62c41;padding-right:12px; line-height:18px;height:15px;display:inline-block;background: url(/eshop/themes/observatoire/img/icon-style.png) right 6px no-repeat;font-style:italic;font-weight:bold; position:relative; z-index:1;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .lnk_more:hover{color:#a62c41; background-image:inherit; padding-right:12px;} .lnk_more:before{id:'test';z-index:2;position:absolute;width:4px;height:7px;right:0px;top:0px;content: url(/eshop/themes/observatoire/img/icon-style.png);opacity:0;} .lnk_more:hover:before{right:0px;opacity:1;color:#a62c41;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;content: url(/eshop/themes/observatoire/img/icon-style.png);} .store_list{ padding:0; margin:0; list-style-type:none;} .store_list li:first-child a{ border:none;} .store_list li {padding:0px 0 0px 0px; margin:0;} .store_list li a{padding:7px 0 7px 0px; display:block; border-top:1px dotted #b2b2b2; } .store_list li a i{ margin-right:10px;} .store_list li a:hover{ background-position:0 -918px } .list_header{ background:#444;} .list_header li:first-child{ border:none;} .list_header li{border-top:1px solid #555;} .list_header li.selected a{color:#979797; cursor:default;} .list_header li a{color:#fff;text-decoration:none;font-size:13px;padding:8px 5px 8px 10px; display:block;font-weight:bold;} .list_header li a:hover{color:#979797;} .shop_table {background:#fefefe;border-spacing: 0;margin-bottom: 20px;vertical-align: middle;border: 1px solid #ccc;width:100%;} .shop_table th{border: 1px solid #cccc;} .shop_table th {background:#f9f9f9;border: 1px solid #ccc;color: #333;font-size: 13px;font-weight:bold;padding: 15px 20px;text-align: center;vertical-align: middle;text-transform: uppercase;background:#fefefe;} .shop_table td {border: 1px solid #ccc;padding: 10px 20px;color: #888888;} .shop_table td .footable-row-detail-inner strong{ font-size:14px; font-weight:normal; margin:0 10px 10px 0; display:inline-block; color:#333;} .footable.breakpoint > tbody > tr > td.expand {background:url(/eshop/themes/observatoire/img/u.png) 7px center no-repeat;padding-left: 40px;} .footable.breakpoint > tbody > tr.footable-detail-show > td.expand { background:url(/eshop/themes/observatoire/img/uu.png) 7px center no-repeat;padding-left: 40px;} .footable.breakpoint > tbody > tr > td.expand, .footable.breakpoint > tbody > tr.footable-detail-show > td.expand{ cursor:pointer;} .footable > tbody img {vertical-align:middle;} /* Global Declaration */ div.checker span, div.radio span, div.uploader, div.uploader span.action { background: url(/eshop/themes/observatoire/img/sprite.png); background-repeat: no-repeat; -webkit-font-smoothing: antialiased; } .radio, .checker, .uploader, .radio *, .checker *, .uploader *{ margin: 0; padding: 0; } /* Checkbox */ div.checker { width: 19px; height: 19px; float:left; } div.checker input { width: 19px; height: 19px; } div.checker span { background-position: 0px -260px; height: 19px; width: 19px; } div.checker:active span, div.checker.active span { background-position: -19px -260px; } div.checker.focus span, div.checker:hover span { background-position: -38px -260px; } div.checker.focus:active span, div.checker:active:hover span, div.checker.active:hover span, div.checker.focus.active span { background-position: -57px -260px; } div.checker span.checked { background-position: -76px -260px; } div.checker:active span.checked, div.checker.active span.checked { background-position: -95px -260px; } div.checker.focus span.checked, div.checker:hover span.checked { background-position: -114px -260px; } div.checker.focus:active span.checked, div.checker:hover:active span.checked, div.checker.active:hover span.checked, div.checker.active.focus span.checked { background-position: -133px -260px; } div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span { background-position: -152px -260px; } div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked { background-position: -171px -260px; } /* Radio */ div.radio { width: 18px; height: 18px; float:left; } div.radio input { width: 18px; height: 18px; } div.radio span { height: 18px; width: 18px; background-position: 0px -279px; } div.radio:active span, div.radio.active span { background-position: -18px -279px; } div.radio.focus span, div.radio:hover span { background-position: -36px -279px; } div.radio.focus:active span, div.radio:active:hover span, div.radio.active:hover span, div.radio.active.focus span { background-position: -54px -279px; } div.radio span.checked { background-position: -72px -279px; } div.radio:active span.checked, div.radio.active span.checked { background-position: -90px -279px; } div.radio.focus span.checked, div.radio:hover span.checked { background-position: -108px -279px; } div.radio.focus:active span.checked, div.radio:hover:active span.checked, div.radio.focus.active span.checked, div.radio.active:hover span.checked { background-position: -126px -279px; } div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span { background-position: -144px -279px; } div.radio.disabled span.checked, div.radio.disabled:active span.checked, div.radio.disabled.active span.checked { background-position: -162px -279px; } /* Uploader */ div.uploader { background-position: 0px -297px; height: 28px; } div.uploader span.action { background-position: right -409px; height: 24px; line-height: 24px; } div.uploader span.filename { height: 24px; /* change this line to adjust positioning of filename area */ margin: 2px 0px 2px 2px; line-height: 24px; } div.uploader.focus, div.uploader.hover, div.uploader:hover { background-position: 0px -353px; } div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action { background-position: right -437px; } div.uploader.active span.action, div.uploader:active span.action { background-position: right -465px; } div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action { background-position: right -493px; } div.uploader.disabled { background-position: 0px -325px; } div.uploader.disabled span.action { background-position: right -381px; } /* Checker */ div.checker { margin-right: 5px; } /* Radio */ div.radio { margin-right: 3px; } /* Uploader */ #contact_form div.uploader { width:300px; cursor: pointer; } div.uploader span.action { width:110px; text-align: center; display:block; background-color: #fff; color:#333; } div.uploader span.filename { width:167px; border-right: solid 1px #ccc; color:#333; } div.uploader input { width: 120px; color:#333; } div.uploader.disabled span.action { color: #aaa; } div.uploader.disabled span.filename { border-color: #ccc; } /* CORE FUNCTIONALITY Not advised to edit stuff below this line ----------------------------------------------------- */ .checker, .radio, .uploader { display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; } .radio input:focus, .checker input:focus, .uploader input:focus { outline: 0; } /* Checker */ div.checker { position: relative; } div.checker span { display: -moz-inline-box; display: inline-block; text-align: center; } div.checker input { opacity: 0; margin: 0!important; filter: alpha(opacity:0); display: inline-block; background: none; } /* Radio */ div.radio { position: relative; } div.radio span { display: -moz-inline-box; display: inline-block; text-align: center; } div.radio input { opacity: 0; filter: alpha(opacity:0); text-align: center; display: inline-block; background: none; } /* Uploader */ div.uploader { position: relative; overflow: hidden; cursor: default; } div.uploader span.action { float: left; display: inline; padding: 2px 0px; overflow: hidden; cursor: pointer; } div.uploader span.filename { padding: 0px 10px; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: default; } div.uploader input { -moz-box-sizing:0!important; opacity: 0; filter: alpha(opacity:0); position: absolute; top: 0; right: 0; bottom: 0; float: right; height: 25px; border: none; cursor: default; } #product div.jGrowl div.jGrowl-notification, #product div.jGrowl div.jGrowl-closer { background: url(/eshop/themes/observatoire/img/icon/warning.png) no-repeat 10px 15px #D4EEFF;color:#fff;opacity:.85;filter:alpha(opacity = 85);margin-top:5px;margin-bottom:5px;text-align:left;display:none;padding:10px 10px 6px 45px;border: 1px solid #34ACF9;color: #0473B9;font: 13px "Arial"; border-radius:5px;} #product div.jGrowl div.jGrowl-notification div.close {font-size:18px;color:#34ACF9;margin-top:7px;opacity:.99;filter:alpha(opacity = 99);} .b-core-ui-select { position: relative; float:left; width:150px; padding:6px 10px 6px 10px; font-size: 12px; line-height: 18px; color: #333; cursor: pointer; border: 1px solid #ccc; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .b-core-ui-select__select { position: static; width: 80%; padding: 10px; font-size: 12px; line-height: 18px; } .b-core-ui-select__value { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 25px; } .b-core-ui-select__select_state_hide { margin: 0; padding: 0; position: absolute; text-indent: -9999px; overflow: hidden; opacity: 0; z-index: -1; } .b-core-ui-select:HOVER { color: #333333; } .b-core-ui-select.focus { outline: 0; } .b-core-ui-select.disabled, .b-core-ui-select.disabled:ACTIVE{ opacity: .5; color: #333333; background-color: #e6e6e6; background-position: 0 -15px; transition: background-position 0.1s linear; } .b-core-ui-select__button { position: absolute; right: 10px; top: 10px; display: block; width: 0; height: 0; border-top: 5px solid black; border-right: 5px solid transparent; border-left: 5px solid transparent; content: ""; margin-top: 3px; margin-left: 2px; } .b-core-ui-select__dropdown { display: none; position: absolute; top: 0; color: #333; margin-top: -1px; max-height: 200px; font-size: 12px; border: 1px solid #ccc; background-color: whiteSmoke; background-image: -ms-linear-gradient(top, white, #E6E6E6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6)); background-image: -webkit-linear-gradient(top, white, #E6E6E6); background-image: -o-linear-gradient(top, white, #E6E6E6); background-image: linear-gradient(top, white, #E6E6E6); background-image: -moz-linear-gradient(top, white, #E6E6E6); background-repeat: repeat-x; } .b-core-ui-select__dropdown.hide { display: none; } .b-core-ui-select__dropdown.show { display: block; } .b-core-ui-select__dropdown__wrap { max-height: 200px; overflow: auto; outline: none; } .j-scroll-pane .b-core-ui-select__dropdown__item { } .b-core-ui-select__dropdown__list { overflow: hidden; margin: 0!important; } .b-core-ui-select__dropdown__item { padding: 5px 10px; min-height: 18px; list-style-type: none; cursor: pointer; } .b-core-ui-select__dropdown__label { padding: 10px; min-height: 18px; font-style: italic; list-style-type: none; border-bottom: 1px solid #ccc; } .b-core-ui-select__dropdown__item.disabled, .b-core-ui-select__dropdown__item.disabled:HOVER { color: #ccc; background: none; } .b-core-ui-select__dropdown__item.selected, .b-core-ui-select__dropdown__item.selected:HOVER { background: #999; color: #fff; } .b-core-ui-select__dropdown__item:HOVER { background: #ccc; } .sortPagiBar select { float:left; display: block; width: 222px; height:33px; right:0!important; top:0!important; left:inherit!important; opacity:0;filter:alpha(opacity=0); } .b-content { margin: 60px; padding: 80px 80px 80px 140px; width: 60%; font: normal 14px/18px 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif; background: #FFFFFF; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35), 0 0 1px rgba(255, 255, 255, 0.15) inset; } .b-content__title { margin: 0 0 40px; font: normal 40px/40px 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif; } .b-content P { margin: 0 0 20px; } .b-content H2, .b-content H3 { margin: 15px 0 30px; } .b-content OL, .b-content UL { margin: 0 0 40px; } .b-row { margin: 15px 0 45px -60px; padding: 30px 0 30px 59px; border: 1px solid #ccc; } .b-code-block { background: none repeat scroll 0 0 #E6E6E6; border-left: 1px solid #D9D4D3; clear: both; color: #533D3A; counter-reset: code; font: 12px/20px Consolas,monospace; margin: 0 0 15px -60px; padding: 12px 0 12px 59px; white-space: normal; } .b-code-block CODE:before { color: #B3A9A7; content: counter(code, decimal-leading-zero) "."; counter-increment: code; margin-left: -35px; position: absolute; } .b-code-block CODE { display: block; padding: 0; white-space: pre-wrap; } .jspContainer { overflow: hidden; position: relative; outline: none; width: 100% !important; } .jspPane { position: absolute; width: 100% !important; outline: none; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 8px; height: 100%; z-index: 100; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { position: relative; border-radius: 5px; background-color: #E5E5E5; background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(202, 202, 202, 0.07)),color-stop(100%,rgba(229, 229, 229, 0.07))); background: -webkit-linear-gradient(left,rgba(202, 202, 202, 0.07) 0%,rgba(229, 229, 229, 0.07) 100%); -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, .15) inset,0 1px 0 0 white; box-shadow: 0 0 1px 0 rgba(0, 0, 0, .15) inset,0 1px 0 0 white; } .jspDrag { position: relative; top: 0; left: 0; cursor: pointer; border-radius: 4px; border: solid 1px #A6A6A6; background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(233, 233, 233, 0.05)),color-stop(100%,rgba(221, 221, 221, 0.05))); background: -webkit-linear-gradient(left,rgba(233, 233, 233, 0.05) 0%,rgba(221, 221, 221, 0.05) 100%); -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .05); box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .05); background-color: #E9E9E9; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; } .jspVerticalBar .jspArrow { position: relative; display: block; width: 0; height: 4px; } .jspVerticalBar .jspArrow.jspArrowDown { top: 4px; border-top: 4px solid #ccc; border-right: 4px solid transparent; border-left: 4px solid transparent; } .jspVerticalBar .jspArrow.jspArrowUp { top: -4px; border-bottom: 4px solid #ccc; border-right: 4px solid transparent; border-left: 4px solid transparent; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } @media (max-width: 480px) { #header .social_icons { display:none;} .modal {height: 500px;position: fixed;overflow-y: scroll;-webkit-overflow-scrolling: touch;} .modal.fade.in{top: 5px;} .modal-body{max-height: 2400px;} } @media (max-width: 480px) and (max-height: 500px){.modal{ height: 450px}} @media (max-width: 480px) and (max-height: 450px){.modal{ height: 400px}} @media (max-width: 480px) and (max-height: 400px){.modal{ height: 350px}} @media (max-width: 480px) and (max-height: 350px){.modal{ height: 300px}} @media (max-width: 480px) and (max-height: 300px){.modal{ height: 250px}} @media (max-width: 480px) and (max-height: 250px){.modal{ height: 200px}} @media (max-width: 480px) and (max-height: 200px){.modal{ height: 150px}} @media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: ""; } abbr[title]:after { content: ""; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } .hide-for-print { display: none !important; } .show-for-print { display: inherit !important; } #right_column, #add_to_cart, #quantity_wanted_p, #other-prices, #product_comments_block_extra, .addsharethis,.breadcrumb, #menu-wrap, #usefull_link_block, footer { display: none !important; } .blockproductscategory, #last_page_product, #header_user,.blockuserinfo { display: none !important; } #center_column { width: 100% !important; margin-top: -100px !important; } .logos { width: 250px !important; } }