/* ################################################################################################## ELATION MULTIPLATFORM CSS ################################################################################################## */ html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } article, aside, figure, footer, header, hgroup, nav, section {display: block;} /* Responsive images and other embedded objects Note: keeping IMG here will cause problems if you're using foreground images as sprites. If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */ img, object, embed {max-width: 100%;} /* force a vertical scrollbar to prevent a jumpy page */ html {overflow-y: scroll;} /* we use a lot of ULs that aren't bulleted. don't forget to restore the bullets within content. */ ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;} del {text-decoration: line-through;} abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;} /* tables still need cellspacing="0" in the markup */ table {border-collapse: collapse; border-spacing: 0;} th {font-weight: bold; vertical-align: bottom;} td {font-weight: normal; vertical-align: top;} hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;} input, select {vertical-align: middle;} pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } input[type="radio"] {vertical-align: text-bottom;} input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;} .ie6 input {vertical-align: text-bottom;} select, input, textarea {font: 99% sans-serif;} table {font-size: inherit; font: 100%;} /* Accessible focus treatment people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active {outline: none;} small {font-size: 85%;} strong, th {font-weight: bold;} td, td img {vertical-align: top;} /* Make sure sup and sub don't screw with your line-heights gist.github.com/413930 */ sub, sup {font-size: 75%; line-height: 0; position: relative;} sup {top: -0.5em;} sub {bottom: -0.25em;} /* standardize any monospaced elements */ pre, code, kbd, samp {font-family: 'eb', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;} /* hand cursor on clickable elements */ .clickable, label, input[type=button], input[type=submit], button {cursor: pointer;} /* Webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea {margin: 0;} /* make buttons play nice in IE */ button {width: auto; overflow: visible;} /* scale images in IE7 more attractively */ .ie7 img {-ms-interpolation-mode: bicubic;} /* prevent BG image flicker upon hover */ .ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} /* let's clear some floats */ /*.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } */ .clearfix:before{ content: ""; display: table;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix{*min-height: 0; /**height: 1%;*/} .clear{ clear: both;} /*.clear{ clear: both;} .clearfix:before{ content: ""; display: table;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix{*min-height: 0; *//**height: 1%;*//*}*/ /* ************************************************************************************************ struture ************************************************************************************************ */ body {background: #fff; font: 14px Arial, sans-serif; color:#666;} #eb-page {border-top: 0px solid #29ADDD; border-bottom: 0px solid #29ADDD; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #header {z-index:5} #eb-lower-header {z-index:2; width:100%; min-height:50px;} #eb-lower-header-wrapper {width:1280px; margin:0 auto;} #eb-main {z-index:1;} .shadow-div {max-width:1000px; height:11px; margin:0 auto; /*background:url(../img/shadow-divider.png) top center no-repeat;*/ background: none;} .shadow-fix {width:100%; height:11px; /*background:url(../img/shadow-divider.png) top center no-repeat;*/ background: none; position:absolute; z-index:10;} #eb-main-wrapper {position:relative;width:1280px; min-height:300px; margin:-11px auto 0 auto; overflow:hidden;} #eb-main-wrapper-fix {padding: 0px; background:#fff; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 5px 5px;} #product #primary_block {margin-top:10px;} #eb-top-footer {z-index:3; width:100%; min-height:50px;} #eb-top-footer-wrapper {width:1280px; margin:0 auto; overflow:hidden;} #eb-top-footer-wrapper div {width:32%; margin-right:1%; margin-top:15px; float:left; overflow:hidden;} #eb-top-footer-wrapper div div {width:auto;} #eb-footer {z-index:4;padding-bottom: 40px;} #eb-footer {background: url("../img/shadow_footer.png") repeat-x scroll center top #f8f8f8; margin: 0 auto; width:100% !important;} #eb-footer .shadow-div{ display: none;} /* ************************************************************************************************ generic style ************************************************************************************************ */ body{ background: #fff; } /* positionnement ****************************************************************************** */ .hidden {display:none} .f_right {float:right} /* title *************************************************************************************** */ h1 { margin-bottom:20px; font-size:24px; line-height: 22px } h2 { padding-bottom:20px; font-size:18px } h3 { padding-bottom:20px; font-size:16px } h4 { padding-bottom:20px; font-size:14px } /* text **************************************************************************************** */ .warning { margin:50px 0 10px 0; padding:10px; border:1px solid #000; font-size:14px; text-align:center; background:#CCC; } /* .error { margin:0 0 10px 0; padding:10px; border:1px solid #990000; font-size:13px; background:#ffcccc } */ .error { padding: 20px; border: 3px dashed red; font-size: 17px; background: #fff; color: red; box-shadow: 5px 6px 6px grey; -moz-box-shadow: 5px 6px 6px grey; -webkit-box-shadow: 5px 6px 6px grey; width: 75%; margin: 3% auto; } .error ol {margin-left:20px} .error p.lnk { margin-top:20px; padding:0; font-size:11px } .required {color:#990000} /* link **************************************************************************************** */ a, a:active, a:visited {color: #666666; text-decoration:none; outline:none;} a:hover {text-decoration:none; color: #ff7800;} /*buttons ************************************************************************************** */ input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled { position:relative; display:inline-block; color: #FFF; background: none repeat scroll 0 0 #29a350; font-size: 14px; padding: 10px 20px; cursor: pointer; text-transform:uppercase; font-weight:bold; border: 1px solid #29a350; text-shadow:0 -1px 0 rgba(0,0,0,0.4); -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } a.button_prev { position:relative; display:inline-block; color: #FFF; background:#999; font-size: 14px; padding: 10px 20px; cursor: pointer; text-transform:uppercase; font-weight:bold; border:1px solid #999; text-shadow:0 -1px 0 rgba(0,0,0,0.4); -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } a.button_prev:hover {background:#FFF; color: #999999; text-shadow: none; border: 1px solid #999999;} input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover, input.button_mini_disabled:hover, input.button_small_disabled:hover, input.button_disabled:hover, input.button_large_disabled:hover, input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, input.exclusive_mini_disabled:hover, input.exclusive_small_disabled:hover, input.exclusive_disabled:hover, input.exclusive_large_disabled:hover, a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover, span.button_mini:hover, span.button_small:hover, span.button:hover, span.button_large:hover, span.exclusive_mini:hover, span.exclusive_small:hover, span.exclusive:hover, span.exclusive_large:hover, span.exclusive_large_disabled {background:#FFF; color: #29a350; text-shadow: none;} *:first-child+html input.button_mini, *:first-child+html input.button_small, *:first-child+html input.button, *:first-child+html input.button_large, *:first-child+html input.button_mini_disabled, *:first-child+html input.button_small_disabled, *:first-child+html input.button_disabled, *:first-child+html input.button_large_disabled, *:first-child+html input.exclusive_mini, *:first-child+html input.exclusive_small, *:first-child+html input.exclusive, *:first-child+html input.exclusive_large, *:first-child+html input.exclusive_mini_disabled, *:first-child+html input.exclusive_small_disabled, *:first-child+html input.exclusive_disabled, *:first-child+html input.exclusive_large_disabled { border:none } /* input button */ input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled { /*padding-bottom: 2px*/ } /* disabled button */ input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled { /*background-position: left -36px; cursor: default; color: #888!important*/ } /* exclusive button */ input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled { /*color: white!important*/ } /* exclusive disabled button */ input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large { /*color: #488c40!important*/ } /* hover button */ input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover, input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover { text-decoration:none; background-position: left -50px } /* exclusive hover button */ input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover { /*color: white!important*/ } /* active button */ input.button_mini:active, input.button_small:active, input.button:active, input.button_large:active, input.exclusive_mini:active, input.exclusive_small:active, input.exclusive:active, input.exclusive_large:active, a.button_mini:active, a.button_small:active, a.button:active, a.button_large:active, a.exclusive_mini:active, a.exclusive_small:active, a.exclusive:active, a.exclusive_large:active { background-position: left -100px } /* classic buttons */ input.button_mini, input.button_mini_disabled, input.exclusive_mini, input.exclusive_mini_disabled, a.button_mini, a.exclusive_mini, span.button_mini, span.exclusive_mini { padding: 3px 10px 4px; -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; font-weight: normal; text-transform: capitalize; } input.button_small, input.button_small_disabled, input.exclusive_small, input.exclusive_small_disabled, a.button_small, a.exclusive_small, span.button_small, span.exclusive_small { /*width: 60px; background-image: url('../img/button-small.png')*/ } input.button, input.button_disabled, input.exclusive, input.exclusive_disabled, a.button, a.exclusive, span.button, span.exclusive { /*width: 120px; background-image: url('../img/button-medium.png')*/ } input.button_large, input.button_large_disabled, input.exclusive_large, input.exclusive_large_disabled, a.button_large, a.exclusive_large, span.button_large, span.exclusive_large, span.exclusive_large_disabled { /*width: 180px; background-image: url('../img/button-large.png')*/ } /* exclusive button */ /*input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive { background-image: url('../img/button-medium_exclusive.png') } input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini { background-image: url('../img/button-mini_exclusive.gif') } input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small { background-image: url('../img/button-small_exclusive.gif') } input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large, span.exclusive_large_disabled { background-image: url('../img/button-large_exclusive.gif') }*/ /* Combo boxes */ /* setting the width and height of the SELECT element to match the replacing graphics */ select.eb-select{position:relative; z-index: 10 !important; width:166px !important; height: auto !important; line-height: 28px; display: block; opacity: 1 !important; } p.select {position:relative} p.select label {display:block; padding: 5px; color:#999; padding-top: 5px; } /* dynamically created SPAN, placed below the SELECT */ span.eb-select{position:absolute; bottom:0; left:0; width:166px; height:30px; line-height:30px; text-indent:10px; background: none !important; cursor:default; z-index:1; overflow:hidden; display: none; } span.eb-select:hover {background-position:bottom left;} /* form **************************************************************************************** */ form.std fieldset {border:1px solid #ccc} /* table *************************************************************************************** */ table.std, table.table_block { margin-bottom:20px; width:100%; border:1px solid #999; border-bottom:none } table.std th, table.table_block th { padding:14px 12px; color:#666; background:#ccc; text-align:left; border:1px solid #999; } table.std tr.alternate_item, table.table_block tr.alternate_item {background-color: #f3f3f3} table.std td, table.table_block td { padding:12px; font-size:12px; vertical-align:top; border: 1px solid #f5f2f2; } /* BLOCK .block ******************************************************************************** */ .block {margin-bottom:20px} #eb-footer .block {margin-bottom:0} .block h4 { padding: 10px 0; font-size:14px; text-transform:uppercase; color: #29ADDD; } .block ul {list-style-type:none} .block li.last {border:none} .block li a { display:block; } /* BLOCK .products_block *********************************************************************** */ .products_block {} .products_block li {float:left } .products_block li img {border:1px solid #d1d1d1} /* BLOCK customer privacy ******************************************************************* */ .account_creation label{ float:left; padding-top: 2px; width: 26%; text-align: right; cursor:pointer; font-size: 12px; margin: 0 10px 0 0; } /* BLOCK .footer_links (cms pages) ************************************************************* */ ul.footer_links { list-style-type:none; margin-bottom:20px } ul.footer_links li {float:left} ul.footer_links li.f_right {float:right} ul.footer_links li .icon { position:relative; top:6px; left:0 } /* barre comparaison / tri ********************************************************************* */ .content_sortPagiBar {margin: 10px 0 0 0; float: right;} .content_sortPagiBar p.select{ width: 245px; overflow: hidden;} .content_sortPagiBar p.select label{ float: left; display: block;color: #fff;font-size: 13px;font-style: italic;font-weight: bold;line-height: 19px;padding: 0 10px 0 0;} .content_sortPagiBar p.select .eb-select{float: left; } .content_sortPagiBar_head {margin: 10px 0 0 0; float: right;} .content_sortPagiBar_head p.select{ width: 245px; overflow: hidden;} .content_sortPagiBar_head p.select label{ float: left; display: block;color: #fff;font-size: 13px;font-style: italic;font-weight: bold;line-height: 19px;padding: 0 10px 0 0;} .content_sortPagiBar_head p.select .eb-select{float: left; } .sortPagiBar #productsSortForm {float:right;} .sortPagiBar #bt_compare {padding:3px 7px; border:none; color:#fff; text-shadow:0 1px 0 #000; background:url(../img/bg_bt_compare.gif) repeat-x 0 0 #111;} .sortPagiBar #nbrItemPage {margin-left:40px;} .sortPagiBar .PrductSort {float:left;} .sortPagiBar .nbrProduct {display:inline-block; padding:0 10px;} .sortPagiBar #nb_item {border:1px solid #ccc} .sortPagiBar select#selectPrductSort, .pagination #nb_item {margin: 0; color:#000; border: 0px solid #CCCCCC; background: #FFFFFF !important; display: block; font-size: 12px; line-height: 21px; opacity: 1 !important; padding: 1px 0; } form.pagination {float:left;} /* pagination ********************************************************************************** */ {} ul.pagination {list-style-type:none} ul.pagination li {display: inline; margin:0 2px;text-align: center;} ul.pagination a, ul.pagination span { display:inline-block; height:24px; width:24px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; font-size:11px; line-height:24px; text-transform:uppercase; color:#000; } ul.pagination a {background: none repeat scroll 0 0 #28a652; color:#fff; text-align:center;} ul.pagination a:hover {background:#CCC; color:#333;} ul.pagination .current span {color: #fff; background: none repeat scroll 0 0 #ff9f40;} ul.pagination li.disabled span {color:black !important} #pagination_previous {float:left} {} #pagination_previous a, #pagination_previous span, #pagination_next a, #pagination_next span {padding:0 8px; width:auto;} #pagination_previous span, #pagination_next span {color:#ccc; border:1px solid #eee;background-color: #ccc;} /* CART steps *********************************************************************** */ ul.step {height:35px; width:100%; margin-bottom:20px; background-color: #29a350; -webkit-border-radius:3px; border-radius:3px;} ul.step li {float:left; height:25px; width:20%; margin-top: 5px; text-transform:uppercase; background:url(../img/cart-steps-arrow.png) no-repeat right center transparent; overflow:hidden;} ul.step li:last-child {background:none;} ul.step li.step_current {font-weight:bold;color:#FFF;} ul.step li.step_done {background:none;} ul.step li a {float:left;} ul.step li span {padding:5px 0 0 8px; float:left;} ul.step li a {color:#FFF;} ul.step li div.eb-step-number {width:25px; height:25px; margin-left:10px; float:left;} ul.step li div#eb-step-1 {background:url(../img/cart-steps-numbers.png) no-repeat 0 center;} ul.step li div#eb-step-2 {background:url(../img/cart-steps-numbers.png) no-repeat -25px center;} ul.step li div#eb-step-3 {background:url(../img/cart-steps-numbers.png) no-repeat -50px center;} ul.step li div#eb-step-4 {background:url(../img/cart-steps-numbers.png) no-repeat -75px center;} ul.step li div#eb-step-5 {background:url(../img/cart-steps-numbers.png) no-repeat -100px center;} ul.step li.step_todo {color: #000;} ul.step li.step_todo div.eb-step-number{opacity:0.5;} /* module productcomments ********************************************************************** */ .rating { clear: both; display: block; margin: 2em; cursor: pointer; } .rating:after { content: '.'; display: block; height: 0; width: 0; clear: both; visibility: hidden } .cancel, .star { overflow: hidden; float: left; margin:0 1px 0 0; width: 16px; height: 16px; text-indent: -999em; cursor: pointer } .cancel, .cancel a { background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px } .star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0 } .cancel a, .star a { display: block; width: 100%; height: 100%; background-position: 0 0 } div.star_on a { background-position: 0 -16px } div.star_hover a, div.star a:hover { background-position: 0 -32px } .pack_content { margin: 10px 0 10px 0 } .pack_price { float: right; margin-right: 3px; font-size: 12px } .confirmation { margin: 0 0 10px; padding: 10px; border: 1px solid #e6db55; font-size: 13px; background: none repeat scroll 0 0 #ffffe0; } #page .rte { background: transparent none repeat scroll 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 } .listcomment .authorcomment {} /* ************************************************************************************************ HEADER ************************************************************************************************ */ #eb-header {height: 93px; background: url("../img/header_bg.png") repeat-x;} #eb-header-wrapper {position:relative; width:1280px; margin:0 auto;} .telf_mail{ position: absolute; top: 5px; right: 0px; border: 0px solid #CCCCCC; } .telf_mail .telf{ background: url("../img/phone.png") 0 0 no-repeat; font-size: 12px; color: #aaa; padding: 0 0 0 20px;display: block;float: left;} .telf_mail .mail{ background: url("../img/mail.png") 0 0 no-repeat; font-size: 12px; color: #aaa; padding: 0 0 0 24px;display: block;float: left;margin: 0 0 0 15px;} .telf_mail .mail a{color: #aaa; text-decoration: none;} .telf_mail .mail a:hover{color: #ff9523; text-decoration: none;} #header_logo {float:left;display:block; padding: 13px 0 15px;} #NavContainer{ display: none;} /* ************************************************************************************************ BREADCRUMB ************************************************************************************************ */ .breadcrumb { margin-bottom:20px;font-size:12px; border: 1px solid #dddddd; padding: 0px 12px; background: url("../img/fons_breadcrumbs.png") top repeat-x #ececec; overflow: hidden; line-height: 33px; font-size: 11px; color: #fea54e; } .breadcrumb a {color:#777;display: block; float: left; font-size: 11px; line-height: 33px; padding: 0 7px; text-transform: uppercase; } .breadcrumb a.current {color: #fea54e !important;} .breadcrumb a.current:hover {color: #fea54e !important;} .breadcrumb a:hover {color:#111;} .breadcrumb .navigation-pipe {margin:0 3px 0 5px; color: #25a350; font-weight:bold; background: url("../img/flecha_breadcrumbs.png") no-repeat; display: block; float: left; text-indent: -10000px; width: 19px; height: 33px;} #cms .breadcrumb {display:none;} /* ************************************************************************************************ */ .lofcamera_container {float: left;width: 100% !important;} #eKomiGate_widget{ display: block; float: right; width: 20%; text-align: right;} /* ************************************************************************************************ */ #eb-footer {} #eb-footer-wrapper {position:relative; width:1280px; margin:0 auto;} #eb-footer-wrapper .telecinco{ position:absolute; width: 151px; height: auto; display: block; background: none; text-indent: 0px;left: 540px;top: 5px; margin: 0 0 15px; } #eb-footer-wrapper .telecinco h4{ color: #FF7800; font-size: 19px; font-weight: normal; margin: 0px 0 0; padding: 10px 0 4px; text-transform: none; } #eb-footer-wrapper .recomendar_amigo{position:absolute; width: 187px; height: auto; display: block; background: none; text-indent: 0px;right: 0px;top: 5px;} #eb-footer-wrapper .recomendar_amigo h4{color: #FF7800;font-size: 19px;font-weight: normal;margin: 0px 0 0;padding: 10px 0 4px;text-transform: none;} #eb-footer-wrapper .block_various_links h2{ color: #ff7800; font-weight: normal; font-size: 19px;margin: 15px 0 0 0;text-transform: none;padding: 0 0 4px;} #eb-footer-wrapper .block_various_links li{ line-height: 22px !important;} #eb-footer-wrapper .block_various_links li a{ text-transform: none; font-size: 14px;} .blockcategories_footer, #eb-footer-wrapper .myaccount, #block_various_links_footer, #social_block, #block_contact_infos, #newsletter_block_left, #paiement_logo_block_left {float:left; width:20%;text-transform:uppercase; font-size:12px;line-height: 26px; text-shadow: 0 1px 0 #FFF;} .blockcategories_footer {margin-left:0} #eb-footer-wrapper h4 {padding: 10px 0;} #eb-footer-wrapper h4,#eb-footer-wrapper h4 a {color:#29addd;} #eb-footer-wrapper ul {list-style-type:none; margin: 0 0 20px 0;} .eb-footer-block {min-height:220px;} .eb-footer-block a {display:block} #eb-footer-wrapper div div#newsletter_block_left, #eb-footer-wrapper div div#paiement_logo_block_left {min-height:80px; height:80px;} #eb-footer-copy {text-align:center;} #eb-footer-copy-wrapper {padding: 30px 5px 50px 5px;} #eb-footer-logo {padding-bottom:10px;} #eb-footer-copy p {color:#999; text-shadow:0 1px 0 #fff;} #paiement_logo_block_left {padding-top:30px;} #paiement_logo_block_left a {display:block;} .footer_fixed{ height: 39px; background: url("../img/fons_footer_fixed.png") repeat-x; bottom: 0; left: 0; position: fixed; width: 100%; z-index: 8999; z-index: 99999; } /*.footer_fixed .content { height: 39px; overflow: visible; position: relative; width: 1280px; margin: 0 auto; }*/ .footer_fixed .content{} .footer_fixed .content .enlaces_footer{ float: left; color: #fff; padding: 11px 0; padding-left: 25px;} .footer_fixed .content .enlaces_footer a{ color: #fff; font-family: trebuchet ms, arial; letter-spacing: -0.03em;} /*.footer_fixed .content .carritofooter { float: right; overflow: hidden; background: #cdecc8; border-radius: 1px; margin: 4px 30px 0; padding: 0 0 0px; border-left: 8px solid #cdecc8; border-right: 8px solid #cdecc8; border-top: 4px solid #CDECC8; width: 350px; border-bottom: 4px solid #CDECC8; }*/ .footer_fixed .content .carritofooter .listado_productos{ bottom: 35px; padding: 8px; background: #cdecc8; width: 350px; position: fixed; } .footer_fixed>.content{ max-width: 1280px; margin: 0 auto; } .footer_fixed .content .carritofooter { float: right; overflow: hidden; background: #cdecc8; border-radius: 1px; margin: 4px 30px 0; border-top: 4px solid #CDECC8; width: 366px; border-bottom: 4px solid #CDECC8; } .footer_fixed .content .carritofooter .label{ float: left; color: #59964e; font-family: trebuchet ms; font-size: 13px; font-weight: bold; letter-spacing: -0.04em; margin-left: 8px; background: url("../img/icon_cart_footer.png") 0 0 no-repeat; line-height: 22px; padding: 0 0 0 33px; } .footer_fixed .content .carritofooter #boton_compra{ float: right;} .footer_fixed .content .carritofooter #boton_compra .finalizarpedido{ background: url("../img/flecha_cart_footer.png") no-repeat scroll right center #209848; color: #fff; display: block; font-family: trebuchet ms; font-size: 14px; letter-spacing: -0.03em; line-height: 23px; padding: 0 15px 0 5px; margin-right: 8px; } /*.footer_fixed .content .carritofooter .listado_productos{ border: 8px solid #CDECC8; bottom: 35px; right: 0px; position: absolute; background: #cdecc8; width: 350px; }*/ .footer_fixed .content .carritofooter .listado_productos .products{ background: #fff; padding: 4px 0; overflow: auto; height: auto; max-height: 358px;} .footer_fixed .content .carritofooter .listado_productos .products dt{ color: #000; font-size: 11px; font-weight: bold; padding: 5px 10px 5px 5px; overflow: hidden; } .footer_fixed .content .carritofooter .listado_productos .products dt a{ color: #000;} .footer_fixed .content .carritofooter .listado_productos .products dt a:hover{ color: #EA741D;} .nom_cart_block{ width: 190px; display: block;float: left;} .qty_cart_block{ width: 20px; float: left; display: block;color: #ea741d;} .price_cart_block{width: 55px; float: left;display: block;color: #ea741d;} .puntos_cart_block{width: 40px; float: left;display: block;color: #29a350; font-style: italic; font-weight: normal; } .remove_cart_block{width: 11px; height: 13px; display: block; float: left; background: url("../img/papelera_minicart.png") no-repeat;} .remove_cart_block .remove_link{width: 11px; height: 13px;display: block;} .remove_cart_block .remove_link a{width: 11px; height: 13px;display: block;} .carritofooter .listado_productos h2{ position: relative; background: #59964e; color: #fff; font-family: trebuchet ms; font-size: 16px; letter-spacing: -0.03em; padding: 0 0 0 10px; line-height: 36px;} .carritofooter .listado_productos h2 .cerrar_ventana{ text-indent: -10000px; position: absolute; right: 10px; top: 10px; display: block; background: url("../img/cerrar_ventana.png") no-repeat; border: 0px solid red; height: 15px; width: 15px; } .total_carrito_footer{ background: #88b97f; text-align: right; color: #fff; font-family: trebuchet ms; font-size: 16px; letter-spacing: -0.03em;font-weight: normal;line-height: 36px;padding: 0 10px 0 0;} .total_carrito_footer .puntoscarrito{ float: left; color: #fff; font-family: trebuchet ms; font-size: 13px; letter-spacing: 0;font-weight: normal; font-style: italic; padding: 0 0 0 15px; } /* ************************************************************************************************ HOMEPAGE ************************************************************************************************ */ /* BLOCK HOME FEATURED ************************************************************************* */ #featured-products_block_center li { margin-right:10px; padding:10px 0; width:126px; } #featured-products_block_center li.last_item_of_line {margin-right:0;} #featured-products_block_center h5 { padding-top:5px; height:30px; font-size:12px; color:#222 } #featured-products_block_center .product_image { display:block; position:relative; overflow:hidden } #featured-products_block_center .product_image span.new { display: block; position: absolute; top: 15px; right:-30px; padding: 1px 4px; width: 101px; font-size:10px; color: #fff; text-align: center; text-transform: uppercase; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); background-color: #990000 } #featured-products_block_center .product_desc { height:45px } #featured-products_block_center .product_desc, #featured-products_block_center .product_desc a { color:#666 } #featured-products_block_center .lnk_more { display:inline; padding-right:10px; font-weight:bold; font-size:10px; color:#0088cc; background:url(../img/arrow_right_1.png) no-repeat 100% 3px; } #featured-products_block_center .price_container { margin-top:10px; padding:0; } #featured-products_block_center .price { font-weight:bold; font-size:14px; color:#990000 } #featured-products_block_center li .ajax_add_to_cart_button {display:none;} #featured-products_block_center li span.exclusive {display:none;} .slider_marcas_home{ float: left; display: block; width: 100%; border-bottom: 1px solid #bbdef2; border-top: 1px solid #bbdef2; margin: 0 0 10px; clear: both; } /* ************************************************************************************************ PRODUCT CATEGORY ************************************************************************************************ */ .contenido{ overflow: hidden;} .contenido .barra_titulo_categoria { background: url("../img/fons_title_destacados.png") repeat-x scroll 0 0 #1c8f41; border-left: 1px solid #3B6945; border-radius: 5px 5px 0 0; border-right: 1px solid #3B6945; border-top: 1px solid #3B6945; position: relative; width: auto; overflow: hidden; } .contenido .barra_titulo_categoria h2{color: #FFFFFF;padding: 8px 0 11px 20px;float: left;} .contenido .barra_titulo_categoria h4{ color: #61cdf6; font-size: 15px; font-weight: bold; font-style: italic;float: left;padding: 10px 0 11px 20px;text-shadow: 0.1em 0.1em #2a8248;} .contenido .content_productlist{ background-color: #f9f9f9; border: 1px solid #ddd; overflow: hidden; padding: 0 20px 17px 0px; border-radius: 0px 0px 8px 8px; } /* .contenido .content_productlist{ background: url("../img/fons_productlist.png") repeat-y scroll left center transparent; border-bottom: 1px solid #ddd; overflow: hidden; padding: 0 20px 0 0; } */ .contenido .content_productlist_search{ background-color: #f9f9f9; border: 1px solid #ddd; overflow: hidden; padding: 0 20px 17px 0px; border-radius: 0px 0px 8px 8px; } .contenido .right_column_search{float: none; width: 90%;margin: 0 auto;} .contenido .left_lateral{float: left; width: 241px; background: none; margin: 0 0 0 1px; } .contenido .right_column{float: right; width: 72%;} /* ************************************************************************************************ PRODUCT PAGE ************************************************************************************************ */ /* BLOCK idTabs ******************************************************************************** */ .idTabs { list-style-type: none; margin-top: 20px; font-weight:normal; text-shadow: 0 1px 0 #FFF; } ul.idTabs li { float: left; margin-right: 3px } .idTabs a { display:block; padding:15px 20px; background:#dedede; border:1px solid #CCC; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .idTabs a:hover {background:#cccccc} .idTabs .selected {background:#eeeeee; border-bottom:1px solid #eeeeee;} .idTabs a:hover.selected {background:#eeeeee;} #more_info_block {padding:10px 20px; margin:0 -20px; background: url(../img/shadow-divider.png) no-repeat top center #FFF;} #more_info_sheets {padding:20px; background:#eeeeee; border: 1px solid #CCC; margin-top:-1px; text-shadow: 0 1px 0 #FFF;} .block_hidden_only_for_screen {display:none;} /* ************************************************************************************************ PAGE AUTHENTIFICATION ************************************************************************************************ */ #authentication #left_column {display:none} #authentication #center_column{width:757px} /* ************************************************************************************************ PAYMENT - PAGE ORDER ************************************************************************************************ */ /* nav bottom ********************************************************************************** */ #order #left_column {display:none} #order #center_column{width:757px} .cart_navigation {margin:20px 0; border-top: 10px solid #F1F1F1;} .cart_navigation .exclusive, .cart_navigation .exclusive_large { float:right } /* step 1 - cart ******************************************************************************* */ .cart_last_product {display:none} #order-detail-content {margin-bottom:20px} table#cart_summary th.cart_product {text-align:center} table#cart_summary td { padding: 7px 12px; font-weight:bold; font-size:14px; vertical-align:top; border-collapse: collapse; border-left: 0px solid red; border-right: 1px solid #f5f2f2; } table#cart_summary .total_label{ width: 80%;} table#cart_summary td.cart_discount_name { color: #a32929;vertical-align: middle;background: #f6f6f6;} table#cart_summary td.cart_discount_description {color: #a32929; vertical-align: middle;background: #f6f6f6;} table#cart_summary td.cart_discount_price {color: #a32929;vertical-align: middle;background: #f6f6f6;} table#cart_summary td.cart_discount_delete{background: #f6f6f6; text-align: right; padding: 7px 23px;} table#cart_summary td.cart_delete {border-right:none} table#cart_summary tr:nth-child(odd), table#cart_summary tr.cart_total_delivery, table#cart_summary tr.cart_total_price { background-color: #fff } table#cart_summary tr:nth-child(even) { background-color: #f3f3f3 } table#cart_summary .cart_product { width: 5%; text-align:center; overflow:hidden; border: 1px solid #f5f2f2; border-collapse: collapse; } table#cart_summary .cart_product img {-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; width: auto;} table#cart_summary .cart_product img:hover {opacity:0.5;} table#cart_summary .cart_description { width: 60%; font-weight:normal; vertical-align: middle; } table#cart_summary .puntos_carrito{ color: green; line-height: 20px; } table#cart_summary .cart_description span.price {font-weight:bold} table#cart_summary .cart_unit {width:130px} table#cart_summary .cart_quantity {width: 15%; vertical-align: middle;} .cart_quantity .cart_quantity_input {float:left;width: 32px;border: 1px solid #ccc;text-align: center;padding: 4px 7px;border-radius: 6px;} .cart_quantity #cart_quantity_button {float:left;position: relative; padding-left:5px;} table#cart_summary .cart_total {width: 20%; vertical-align: middle; border: 1px solid #f5f2f2; border-right: 1px solid #F5F2F2; border-top: 1px solid #F5F2F2; } table#cart_summary .cart_delete { width:64px; text-align:center } a.cart_quantity_delete {display: block;padding:3px 6px;font-size:9px;color:#000;text-transform:uppercase;border:0px solid #000; background: url("../img/remove.png") no-repeat; width: 21px; height: 22px; text-indent: -10000px; margin: 0 0 0 10px; float: right; } a.cart_quantity_delete:hover {display:block;padding:3px 6px;font-size:9px;color:#000;text-transform:uppercase;border:0px solid #000; background: url("../img/remove.png") no-repeat; width: 21px; height: 22px; text-indent: -10000px;} .cart_total_delivery {text-align:right;} #total_shipping {text-align:left;} .cart_total_delivery #total_shipping, .cart_total_price #total_price {border-right:none;} .cart_total_delivery #total_shipping, .cart_total_price #total_price { border-right:none } table#cart_summary .cart_total_price td.cart_voucher { border-bottom: 0px solid #999999; vertical-align:middle } #cart_voucher h4, #cart_voucher p {float:left;} #cart_voucher h4 { margin-right:12px; padding:5px 0; font-size:13px } #cart_voucher p {padding-bottom:0;} .cart_voucher #display_cart_vouchers { line-height: 16px; color:#666; font-weight:normal; padding:5px 0; } .cart_voucher #display_cart_vouchers .title_offers {margin-top:10px} .cart_voucher #display_cart_vouchers span {font-weight:bold} #cart_voucher input#discount_name { padding: 0 5px; height: 26px; border: 1px solid #CCC; font-size: 12px; color: #666; width:100px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } #cart_voucher .submit input.button { margin-left:2px; padding:2px; height:24px; border:1px solid #000; -moz-border-radius:0; -webkit-border-radius:0; border-raduis:0; color:#fff; text-transform:uppercase; text-shadow:0 -1px 0 #333; background:url(../img/bg_cart_voucher_submit.png) repeat-x 0 0 #000 } .cart_total_price p#total_price_head { display:block; padding:8px; margin: -7px -12px 0; font-weight:bold; color:#fff; text-transform:uppercase; background: none repeat scroll 0 0 #29a350 } .cart_total_price span#total_price { display:block; padding:20px 0 5px 0 ; font-weight:bold; font-size:18px; } #order_carrier { clear:both; margin-top:20px; border:1px solid #999; background:#fff } #order_carrier h4 { padding:0 15px; height: 29px; font-weight: bold; line-height:29px; color:#fff; text-transform:uppercase; background:#000 } #order_carrier span { display:block; padding:15px; font-weight:bold } .cart_discount {background-color:#ffffff !important;} .voucher_name {cursor:pointer;} .cart_total_voucher, .cart_total_tax {text-align:right; border: 1px solid #f5f2f2; } #total_discount, #total_tax, #total_wrapping {text-align:left;} .cart_total_voucher {display:none;} .vaciar_carrito_div{ float: left;} .vaciar_carrito_div .cart_delete{ display: block; background: url("../img/vaciar_cart.png") no-repeat scroll 10px center #ddd; line-height: 37px; font-size: 16px; padding: 0 10px 0 55px; border: 1px solid #666; border-radius: 3px; color: #000; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; } .vaciar_carrito_div .cart_delete:hover{ background: url("../img/vaciar_cart.png") no-repeat scroll 10px center #CEB2B2; border: 1px solid #9F0000; border-radius: 3px 3px 3px 3px; color: #9F0000; display: block; font-size: 16px; line-height: 37px; padding: 0 10px 0 55px; } .informacion_peso{ float: right; border: 1px solid #c1c1c1; background: #eeeeee; color: #666666; padding: 15px 15px;} .informacion_peso #loyalty{ border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 6px 8px; background: #fff; margin: 0 0 12px 0; } .informacion_peso #loyalty b{ font-weight: normal;} .informacion_peso .pesocompra{ font-size: 12px;} .informacion_peso .pesocompra b{ font-size: 13px; padding: 6px 8px; font-weight: bold; display: block;} .informacion_peso .pesocompra p{ border-top: 2px solid #fff; padding: 6px 8px;} .informacion_peso #save_cart{ margin: 10px 0 !important; position: absolute; left: 0px; background: none repeat scroll 0 0 #c8d6cc; border: 2px solid #29a350; padding: 16px 15px; } .informacion_peso #save_cart td { vertical-align: middle; padding: 0 15px 0 0; } .informacion_peso #save_cart td h4 { color: #000000; font-size: 14px; padding: 0; } .cart_navigation{ padding: 15px 0; border-top: 10px solid #F1F1F1;} /* step 2 - authentification ******************************************************************* */ #create-account_form, #authentication #login_form {clear: none; float: left; width: 40%; margin:1%; background:#eee;} .loging-container{ background-color: #f9f9f9; border: 1px solid #ddd; overflow: hidden; padding: 0 20px 17px 0px; border-radius: 0px 0px 8px 8px; } div.centerd-content { margin-left: 15%; } #authentication #create-account_form fieldset, #authentication #login_form fieldset {min-height: 180px; -webkit-border-radius:3px; border-radius:3px;} #authentication #create-account_form .form_content, #authentication #login_form .form_content { padding:15px 10px } #create-account_form h3, #authentication #login_form h3 { padding:8px; border-bottom:2px solid #999; font-weight:bold; font-size:12px; text-transform:uppercase; background:#CCC; } #create-account_form h4 { padding-bottom:22px; font-size:11px; color:#333 } #create-account_form label, #login_form label { display:inline-block; width:110px; color:#666 } #create-account_form #email_create, #login_form #email, #login_form #passwd {padding: 0 5px;height: 28px;border: 1px solid #CCC;font-size: 12px;color: #666;margin-bottom: 10px; -webkit-border-radius:3px; border-radius:3px;} #create-account_form #SubmitCreate, #login_form #SubmitLogin { float:right } .lost_password {float:left; padding:5px 5px 10px 0;} .lost_password a {color:#999; text-decoration:underline; font-size:12px;} .lost_password a:hover {color:#666; text-decoration:none;} #ordermsg p {padding-bottom:0} #ordermsg p.txt {margin-right:25px;} #ordermsg .textarea textarea { height:90px; width:100%; max-width:500px; border:1px solid #ccc } /* step 4 - paiement ************************************************************************** */ .order_carrier_content { padding:15px; border:1px solid #ccc; font-size:12px; background:#f8f8f8 } .order_carrier_content h3 { padding:15px 0 10px 0; font-size:13px; color:#000 } .order_carrier_content h3.carrier_title {padding-top:0} .order_carrier_content input { position:relative; top:1px } #carrierTable { border:1px solid #999; border-bottom:none; background:#fff; margin-top:20px; } #carrierTable tbody{ border-bottom:1px solid #999; } #carrierTable th { padding:0 15px; height: 29px; font-weight: bold; line-height:29px; text-transform:uppercase; background:#ccc; text-align:left; } #carrierTable td { padding:15px; font-weight:bold; } #gift_div { display:none; padding-bottom:10px } #gift_div label { display:block; margin-bottom:5px } #gift_div #gift_message { height:70px; width:100%; border:1px solid #999 } a.iframe {font-weight:bold} /* step 5 - paiement ************************************************************************** */ .paiement_block { padding:15px; border:1px solid #ccc; font-size:12px; color:#000; background:#f8f8f8 } .payment_module { position:relative; padding-top:20px; border-top:1px dotted #ccc; text-transform:uppercase; } .payment_module a {display:block;} .payment_module img { float:left; margin-right:10px } /*.payment_module span { position:absolute; top:50px; left:145px }*/ .payment_module:before, .payment_module:after { content: "."; display: block; height: 0; overflow: hidden } .payment_module:after {clear: both} .payment_module {zoom: 1} /* ************************************************************************************************ PAGE ORDER-OPC ************************************************************************************************ */ #order-opc #left_column {display:none} #order-opc #center_column{width:757px} #order-opc h2 {background: #CCC; display: block; padding-bottom:0;} #order-opc h2 span { display:inline-block; padding:5px 7px; color:#fff; background:#29ADDD; } #order-opc #login_form fieldset { background: none repeat scroll 0 0 #FFFFE0; border: 1px solid #E6DB55; font-size: 13px; margin: 0 0 10px; padding: 10px; } #order-opc #login_form fieldset p {padding:0} #order-opc #login_form fieldset p a {padding:0} #order-opc #new_account_form p.submit { margin-right: 120px; text-align:right } #order-opc #new_account_form p.opc-required {margin-left:20px} #order-opc .addresses {margin-bottom:20px} #order-opc #opc_delivery_methods h3 {margin-top:20px;} #order-opc #opc_delivery_methods textarea { height:60px; width:755px; border:1px solid #ccc } #order-opc #opc_payment_methods {margin-bottom:20px} #order-opc #opc_payment_methods #opc_payment_methods-content p{margin:0} /* ************************************************************************************************ express checkout ************************************************************************************************ */ #new_account_form {clear:both; padding-top: 30px; overflow: hidden;} #new_account_form fieldset {padding: 10px; background:#eee; -webkit-border-radius: 3px; border-radius: 3px;} #new_account_form h3 {padding: 8px; border-bottom: 2px solid #999; font-weight: bold; font-size: 12px; text-transform: uppercase; background: #CCC;} #center_column #new_account_form p {margin:0; padding:0 0 10px 0;} #new_account_form p {padding: 5px 0;} #new_account_form p.required {color:#222;} #new_account_form p.required sup {color:#990000;} #new_account_form p.radio span, #new_account_form p.text label, #new_account_form p.password label, #new_account_form p.select label, #new_account_form p.select span, #new_account_form p.textarea label {display: inline-block; max-width: 230px; width: 40%; font-size: 14px; text-align: right;} #new_account_form p.radio label {float:none; padding-right:10px; width:auto; font-size:14px;} #new_account_form p.checkbox label {float:none; width:auto; font-size:12px;} #new_account_form p.text input, #new_account_form p.password input, #new_account_form p.select input {padding: 0 5px; height: 28px; border: 1px solid #CCC; font-size: 12px; color: #666;} #new_account_form p.checkbox input {margin-left: 20%;} #new_account_form #submitGuestAccount {float: right;} #new_account_form select {margin-right: 10px; border: 1px solid #CCC; font-size: 12px; color: #666; height: 28px; max-width: 50%;} /* ************************************************************************************************ */ /* ************************************************************************************************ paiment - CONFIRMATION ************************************************************************************************ */ #order-confirmation #left_column {display:none} #order-confirmation #center_column{width:757px} /* ************************************************************************************************ PAGE PASSWORD ************************************************************************************************ */ #form_forgotpassword fieldset { padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #eee } #form_forgotpassword p.text label { display: inline-block; padding: 12px 0px; max-width: 230px; width: 40%; font-size: 14px; text-align: right; } #form_forgotpassword p.text input { padding: 0 5px; height: 28px; border: 1px solid #CCC; font-size: 12px; color: #666; } #form_forgotpassword p.submit { margin-right:25px; padding-bottom:5px; text-align:right } #password .icon { position:relative; top:6px; } /* ************************************************************************************************ PAGE ADRESSES ************************************************************************************************ */ #addresses #left_column {display:none} #addresses #center_column{width:757px} /* ************************************************************************************************ PAGE ADD ADRESS ************************************************************************************************ */ #address #left_column {display:none} #address #center_column{width:757px} form#add_adress {background:#EEE;} form#add_adress fieldset {padding-bottom: 10px; -webkit-border-radius: 3px; border-radius: 3px; } #add_adress h3 {padding: 8px; border-bottom: 2px solid #999; font-weight: bold; font-size: 12px; text-transform: uppercase; background: #CCC;} #center_column #add_adress p {margin:0; padding:0 0 10px 0} #add_adress p.required {color:#222} #add_adress p.required sup {color:#990000} #add_adress p.text label, #add_adress p.password label, #add_adress p.select label, #add_adress p.select span, #add_adress p.textarea label {display:inline-block;padding:12px 0px;max-width: 230px;width:40%;/* 260 */font-size:14px; text-align:right;} #add_adress p.text input, #add_adress p.password input, #add_adress p.select input {padding:0 5px;height:28px;border:1px solid #ccc;font-size: 12px;color:#666;} #add_adress p.checkbox input { margin-left:260px; } #add_adress p.select select {margin-right:10px;border:1px solid #ccc;font-size: 12px;color:#666; height:28px; max-width:50%;} #add_adress p.textarea label {vertical-align:top} #add_adress p.textarea textarea {height:80px;width:50%;border:1px solid #ccc; font-size: 12px;color:#666} #center_column #add_adress p.submit2 { margin-top:20px; text-align:right } #add_adress span.form_info, #add_adress span.inline-infos { display:block; margin:5px 0 0 50px; color:#666 } p#eb-save {width: 200px;margin: 20px auto;} /* ************************************************************************************************ PAGE ORDER-SPLIP ************************************************************************************************ */ #order-slip #left_column {display:none} #order-slip #center_column{width:757px} #order-slip #order-list {border-bottom:1px solid #999} #order-slip #order-list td { border-top: 1px solid #ccc; border-bottom:none } #order-slip #order-list td.history_invoice {border-right:none} /* ************************************************************************************************ PAGE DISCOUNT ************************************************************************************************ */ #discount #left_column {display:none} #discount #center_column{width:757px} #discount .table_block tr.last_item td {border-bottom:1px solid #999} #discount .table_block td.discount_expiration_date {border-right:1px solid #999} #discount .table_block td.discount_value {white-space:nowrap} /* ************************************************************************************************ PAGE ORDER FOLLOW ************************************************************************************************ */ #order-follow #left_column {display:none} #order-follow #center_column{width:757px} /* ************************************************************************************************ PAGE NEW-PRODUCTS ************************************************************************************************ */ #new-products .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE BEST SALES ************************************************************************************************ */ #best-sales .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE PRICES DROP SALES ************************************************************************************************ */ #prices-drop .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE SEARCH ************************************************************************************************ */ #search h3.nbresult { margin:0 0 10px 0; padding:10px; border:1px solid #e6db55; font-size:13px; background:#ffffe0 } #search ul.product_list {margin-top:15px} /* ************************************************************************************************ GUEST TRACKING ************************************************************************************************ */ #guest-tracking p {padding:10px;} /* ************************************************************************************************ PAGE 404 ************************************************************************************************ */ #pagenotfound #left_column, #pagenotfound #right_column, #pagenotfound #footer {display:none} #pagenotfound #left_column, #pagenotfound #right_column, #pagenotfound #footer {display:none} #pagenotfound #center_column {width:940px;} #pagenotfound .pagenotfound {background:url(../img/404.gif) no-repeat right bottom;} #pagenotfound h3 { font-weight:normal; font-size:14px } #pagenotfound fieldset {border:none} #pagenotfound fieldset label {color:#333; padding:15px; text-transform:uppercase;} #pagenotfound #search_form p { background:#444; border: 0 none; padding: 0 10px; margin-top:10px; float:left; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 3px rgba(0, 0, 0, 0.2); } #search_form input[type="submit"] {background: url(../img/search-zoom.png) no-repeat center center #444; border:none; text-indent:-999px; width: 30px;} #search_form input[type="text"] {background:none; border:none; width: 180px; height:20px; padding:10px; font: 14px Arial, Helvetica,Sans-serif; color: #999; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s;} #search_form input[type="text"]:focus, #search_form input[type="text"]:hover {width: 220px; outline:none} #pagenotfound .pagenotfound a { font-weight:bold; color:#333 } #pagenotfound .pagenotfound .icon { position:relative; top:3px } /* ************************************************************************************************ addons payment cheque ************************************************************************************************ */ #module-cheque-payment #left_column {display:none} #module-cheque-payment #center_column{width:757px} /* ************************************************************************************************ addons payment bankwire ************************************************************************************************ */ #module-bankwire-payment #left_column {display:none} #module-bankwire-payment #center_column{width:757px} /* ************************************************************************************************ addons google checkout ************************************************************************************************ */ #module-gcheckout-payment #left_column {display:none} #module-gcheckout-payment #center_column{width:757px} /* ************************************************************************************************ addons paypal ************************************************************************************************ */ #module-paypal-payment-submit #left_column {display:none} #module-paypal-payment-submit #center_column{width:757px} /* ************************************************************************************************ addons cashondelivery validation ************************************************************************************************ */ #module-cashondelivery-validation #left_column {display:none} #module-cashondelivery-validation #center_column{width:757px} /* ************************************************************************************************ addon RerversoForm ************************************************************************************************ */ #account-creation_form fieldset.reversoform {padding:10px !important} #account-creation_form fieldset.reversoform .text label{ display:block; padding:0 0 10px 0; width:100%; text-align:left; } #account-creation_form fieldset.reversoform .infos-sup { padding:0 !important; font-size:10px; font-style:italic; text-align:right } /* ************************************************************************************************ addon customer privacy ************************************************************************************************ */ #account-creation_form fieldset.customerprivacy label{ padding-bottom:0; font-size:14px; text-align:left; cursor:pointer } /* ************************************************************************************************ addon referralprogram ************************************************************************************************ */ #module-referralprogram-referralprogram-program #left_column {display:none} #module-referralprogram-referralprogram-program #center_column{width:757px} #footer .myaccount li.referralprogram img {display:none} #module-referralprogram-referralprogram-program .sheets {padding-top:10px} #module-referralprogram-referralprogram-program form p.checkbox {font-weight:bold} #module-referralprogram-referralprogram-program form p.checkbox a {text-decoration:underline} #module-referralprogram-referralprogram-program form p.submit {text-align:right} #module-referralprogram-referralprogram-program form p.see_email { padding-left:10px; color: #0088cc; background:url(../img/arrow_right_1.png) no-repeat 0 4px; /*background:url(../img/arrow_right_2.png) no-repeat 0 4px;*/ } #module-referralprogram-referralprogram-program form p.see_email a { color: #0088cc; text-decoration:underline } /* ************************************************************************************************ addon loyalty ************************************************************************************************ */ #module-loyalty-loyalty-program #left_column {display:none} #module-loyalty-loyalty-program #center_column{width:757px} #product p#loyalty { margin:20px 0; padding:5px 0 0 20px; } #footer .myaccount li.loyalty img {display:none} /* ************************************************************************************************ 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(../img/bg_bt_compare.gif) repeat-x scroll 0 0 #000 } #livezilla_lnk a:hover {text-decoration:none} /* ************************************************************************************************ addons comments products ************************************************************************************************ */ form#sendComment fieldset {padding:10px; border:1px solid #ccc; background:#ccc;} form#sendComment label {display:block;} form#sendComment h3 {font-size:14px;} #new_comment_form p.text {margin-bottom: 0; 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 input[type="text"] {padding: 5px; height: 28px; width: 94%; max-width: 400px; border: 1px solid #ccc; background: #eee;} #sendComment p textarea {padding: 5px; height: 80px; width: 94%; max-width: 400px; border: 1px solid #ccc; background: #eee;} #sendComment p.submit {padding:0; text-align:left;} #sendComment p.closeform {float:right; padding:0; height:12px; width:12px; text-indent:-5000px; background:url(../img/icon/delete.gif) no-repeat 0 0;} #sendComment p.align_right { float:right;} #sendComment p.bold {text-transform: uppercase;} .star {float: left; width: 17px; height: 15px; overflow: hidden; text-indent: -999em; cursor: pointer;} .star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0 } div.star_on a { background-position: 0 -16px } div.star_hover a, div.star a:hover { background-position: 0 -32px } /* ************************************************************************************************ SUB NAVIGATION USER INFO ************************************************************************************************ */ #eb-header_user {position:absolute; top: 27px; right: 0; z-index:102; height:34px; border: 1px solid #e5e5e5;border-radius: 5px;padding: 0px 7px 5px;} #eb-header_user nav ul li {background: none; padding: 0; float: left; display:block; text-transform:uppercase; color: #000; text-align:right; font-size:10px; margin-left:2px; height: auto; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; margin: 5px; } #eb-header_user nav ul #log-user{ position: absolute; border: 1px solid #e5e5e5; background: #fff; left: -1px; margin: 0; padding: 2px 0px 2px 0px; text-align: center; top: 34px; width: 100%; } #eb-header_user nav ul #log-user a{ color: #008E3A; background: none; border: 0px solid #F56A22; border-radius: 0px; display: block; float: none; font-size: 13px; margin: 0 0px 0 0; padding: 0px; text-transform: none; } #eb-header_user nav ul #log-user a:hover{ color: #FF7800;} #eb-header_user nav ul li a {display:block; color: #fff; font-size:13px; background: url("../img/btn_fons_account.png") repeat-x; text-transform: none; border: 1px solid #f56a22; border-radius: 3px;padding: 4px 5px;float: left;margin: 0 10px 0 0;} #eb-header_user nav ul li a:hover{color: #000;} #eb-header_user nav ul li:hover {background:#EEE; } #eb-header_user nav ul li:hover a {} #eb-header_user nav ul li a.logout{ margin: 0px;} #eb-header_user nav ul li a.login{ margin: 0px;} /* cart */ #header_user #shopping_cart .ajax_cart_quantity { font-weight:bold; font-size:18px } #header_user #shopping_cart .ajax_cart_total { display:none !important; } li#shopping_cart.eb-over {background:#EEE; color:#333; -webkit-border-radius:0; border-radius:0;} li#shopping_cart.eb-over a {color:#333;} /* account */ #header_user #your_account {display:none;} /* user infos */ #header_user_info {clear:both;float:right;margin-top:10px;padding:0;font-size:12px;} #header_user_info a {display:inline-block; margin:0 0 0 10px; padding:3px 0 0 34px;line-height: 11px; border-left:1px solid #000;} *:first-child+html #header_user_info a {line-height:14px;} /* Cart Display */ /*#cart_block {z-index: 1001;display:none; position: absolute; right: 33px; *//*top: 33px;*//* height: auto; width: 250px; background:#EEE; padding-bottom: 0px; -webkit-border-radius:5px; border-radius: 5px 5px 0px 0px; border: 8px solid #CDECC8; bottom: 35px; right: 0px; position: absolute; background: #cdecc8; width: 350px; margin-right: 30px; }*/ #cart_block.cart_block_hover {display:block} #cart_block_no_products {padding: 10px 5px 10px 12px; background:#E6E6E6;margin-bottom:5px;} #cart_block h4 {display:none;} #cart_block .block_content {padding:8px;} .eb-product-item {background:#e6e6e6; padding:5px 5px 2px 5px; margin-bottom:3px; font-size:12px; position: relative; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} .eb-product-item:hover {background:#EEE;} .eb-product-item-img {float:left; width:40px; height:40px; margin-right: 8px; background:url(../img/cart-item-img.gif) no-repeat;} #cart_block #cart_block_summary {display:none} #cart_block .quantity-formated {display:inline-block;margin-right:5px;width:15px;} #cart_block .remove_link {height: 18px;width:18px; top:26px; right:5px;} #cart_block .remove_link a {height:18px;width:18px; display:block; background: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; } #cart_block .remove_link a:hover { } #cart_block .view_link {height:18px;width:18px; position:absolute; top:6px; right:5px;} #cart_block .view_link a {height:18px;width:18px; display:block; background: url(../img/icon/cart-view.png) no-repeat; background-color: #999; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} #cart_block .view_link a:hover {background-color: #29addd;} #cart_block .price {display: block; font-weight: bold;} #cart_block #cart_block_list dl {} #cart_block #cart_block_list dt {} #cart_block #cart_block_list dd a {} #cart_block #cart_block_list dd a:hover {} #cart_block #cart-prices {line-height:16px; font-weight:bold; background:#ccc; color:#333; margin-bottom:5px; padding:5px;} #cart_block #cart_block_shipping_cost, #cart_block #cart_block_total {float:right} #cart_block #cart_block_shipping_cost {font-weight:normal} #cart_block #cart-buttons .button_small {display:none;} #cart_block #cart-buttons #button_order_cart {float:right;} #cart_block #vouchers {width:100%; margin:5px 0 0 0;} #cart_block #vouchers tbody {background:#ccc;} #cart_block #vouchers .name, #cart_block #vouchers .price {padding:5px 5px 0 5px; font-size:12px;} #cart_block #vouchers .price {text-align:right;} /* ************************************************************************************************ SUB CATEGORIES PAGES ************************************************************************************************ */ #eb-subcategories {width:100%;} #eb-subcategories ul {} #eb-subcategories ul li {width: 100%; float:left;display:block; position:relative; overflow:hidden; height: auto; background: url(../img/product-shadow.png) no-repeat center bottom; background-size: 100% 16px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} #eb-subcategories ul li header h1 {font-size: 12px; margin: 0; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } #eb-subcategories ul li header h1 a {display:block; text-transform:capitalize; background: #fff; padding: 5px 5px 5px 12px; } #eb-subcategories ul li header h1 a:hover {color:#fea54e;} #eb-subcategories ul li a {display:block} #eb-subcategories ul li a.img {text-align:center} #eb-subcategories ul li p {font-size:14px; line-height:18px; text-align:justify; max-height: 55px; overflow: hidden;} #eb-subcategories ul li section {margin-top: 0;} #eb-subcategories article {padding: 0px;} /* ************************************************************************************************ MANUFACTURERS & SUPPLIER PAGES ************************************************************************************************ */ #manufacturer .sortPagiBar, #supplier .sortPagiBar {margin-bottom:15px;} h1#eb-manufacturer-head {margin-bottom:0px; text-align:center;} #eb-manufacturers-list ul li {display:block; } #eb-manufacturers-list ul li section {position:relative; display:block; background:#FFF; margin:5px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); -webkit-border-radius: 3px; border-radius: 3px;} #eb-manufacturers-list ul li img {-webkit-border-radius: 3px; border-radius: 3px;} #eb-manufacturers-list ul li section {position:relative; display:block; background:#FFF; margin:15px 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); -webkit-border-radius: 3px; border-radius: 3px;} #eb-manufacturers-list ul li section:hover {-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);} .eb-manufacturer-image {width:15%; min-width:100px; text-align:center; float:left; } .eb-manufacturer-image a {display:block;} .eb-manufacturer-image a.button {font-size:10px;display: block;} .eb-manufacturer-text {width:75%; margin:15px 5px 5px 15px; float:left;} .eb-manufacturer-text h1 {margin-bottom:5px;} .eb-manufacturer-text p {margin-top:15px;} .manuf-prod-list { background-color: #f9f9f9; border: 1px solid #ddd; overflow: hidden; padding: 0 20px 17px 20px; border-radius: 0px 0px 8px 8px; } /* ************************************************************************************************ product LIST ************************************************************************************************ */ .homefeatured{ float: left; display: block; width: 100%; } .homefeatured>h2{ background: url("../img/fons_title_destacados.png") repeat-x; color: #fff; border-top: 1px solid #3b6945; width: auto; border-left: 1px solid #3B6945; border-radius: 5px 5px 0 0px; border-right: 1px solid #3B6945; /*left: -46px;*/ padding: 7px 0 11px 20px; position: relative; } .homefeatured .eb-product-links input{ background: url("../img/fons_input_qty.png") repeat-x scroll center bottom #FFFEFF; border: 1px solid #CDCDCD; border-radius: 3px 3px 3px 3px; box-shadow: 0 0 0 #000000; height: 25px; outline: medium none; text-align: center; transition: all 0.7s ease 0s; width: 42px; float: left; position: relative; top:6px; left: 6px; } .homefeatured .box_inputqty{ float: left; margin: 7px 0 0 8px; } .homefeatured #cart_quantity_button_list{ float: left; position: relative; height: 27px; width: 22px; background: url("../img/fons_input_qty.png") repeat-x scroll center bottom #FFFEFF; border: 1px solid #CDCDCD; border-radius: 0px 5px 5px 0px; box-shadow: 0 0 0 #000000; outline: medium none; text-align: center; transition: all 0.7s ease 0s; left: 4px; top: 6px; } .homefeatured #cart_quantity_button_list .cart_quantity_up_list{ text-indent: -10000px; display: block; width: 15px; height: 8px; background: url("../img/flecha_qty_up.png") no-repeat; cursor: pointer; left: 5px; position: absolute; top: 5px; } .homefeatured #cart_quantity_button_list .cart_quantity_down_list{text-indent: -10000px;display: block;width: 15px; height: 8px; background: url("../img/flecha_qty_down.png") no-repeat; bottom: 2px; cursor: pointer; left: 5px; position: absolute; } #index #eb-product-list { background-color: #f9f9f9; border-radius: 0px 0px 8px 8px; width: 100%; box-shadow: inset 0 0 0 1px #ddd; } #eb-product-list {width: 90%;} #eb-product-list ul { display:block; padding: 4px 0; overflow: hidden; width: 100%; text-align: center ; } #eb-product-list ul li { display:inline-block; width: 16%; text-align: left; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .contenido .right_column #eb-product-list ul li {display:block; float:left; width: 25%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} /*PABLO*/ .right_column .full-page #eb-product-list ul li {display:block; float:left; width: 20%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .navpuntos ul{ text-align: center; margin-bottom: 20px; } .navpuntos ul li{ display:inline; } .navpuntos ul li a{ background: url('../img/fons_boto_cart.png') repeat-x #ff872c; padding: 5px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #f56a22; color:white; } .navpuntos ul li a:hover{ color:black; } .full-page { margin-top: 0px; margin-left: 22px; } #eb-product-list ul li img {-webkit-border-radius: 3px; border-radius: 3px;padding-top: 6%} #eb-product-list ul li section {position:relative; display:block; background:#FFF; margin:5px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: none; -webkit-border-radius: 3px; border-radius: 0; border: 1px solid #e5e5e5; } #eb-product-list ul li section:hover {-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);} #eb-product-list ul li section h1 {margin:5px 0 0 5px; overflow: hidden; height: 30px; text-transform:capitalize;} #eb-product-list ul li section h1 a {display:block; color:#333; font-size:12px; font-weight:bold;line-height: 14px;} #eb-product-list ul li section h1 a:hover {color: #29a350;} .product_title{line-height:14px} #eb-product-list ul li section .productSpecs{ display: block; width: 23px; height: 23px; position: absolute; top: 5px; right: 5px;} #eb-product-list .eb-product-price {margin-left:5px; display: block; float: left;} #eb-product-list .eb-product-price span{color: #ea741d; font-size: 12px; font-weight: bold;} #eb-product-list .eb-product-puntos { margin: 2px 0 0 0; display: block; float: right; color: #008843; font-size: 11px; font-weight: normal; padding-right:4px } #eb-product-list .ajax_add_to_cart_button {background: url("../img/fons_boto_cart.png") repeat-x scroll bottom #ffa343; width: auto !important; height: 22px; float: right; margin: 10px 10px 10px 0; display:block; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #f56a22; color: #fff; font-size: 11px; line-height: 22px; padding: 0 4px; } #eb-product-list .ajax_add_to_cart_button:hover {background:url(../img/fons_boto_cart.png) repeat-x #ff872c;} #eb-product-list .add-disable {background:url(../img/add-cart.png) no-repeat top center #ccc; width:33px; height:33px; float:left; margin:13px; display:block; -webkit-border-radius: 3px; border-radius: 3px;} .eb-product-links {display: block; float: right;background: #f9f9f9;border-top: 1px solid #e5e5e5;width: 100%;} .eb-product-text {float:left; margin-top: 6px; width:100%; margin: 6px 0; } #eb-product-list ul li section div.eb-product-specials {} .eb-product-specials span {position:absolute; background:none; color:#FFF; padding:2px 5px;} .eb-product-specials .discount {bottom:60px; left:0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;} .eb-product-specials .new {top:0; right:0; -webkit-border-radius: 0 3px 0 3px; border-radius: 0 3px 0 3px;} .eb-product-specials .online_only {top:0; left:0; -webkit-border-radius: 3px 0 3px 0; border-radius: 3px 0 3px 0;} .eb-product-specials .on_sale {bottom: 95px; right:0; -webkit-border-radius: 3px 0 0 3px; border-radius: 0; display: block; height: 62px; left: -2px; text-indent: -10000px; top: -2px; width: 61px; background:url(../img/oferta.png) no-repeat top center transparent; padding: 0; } #eb-product-list ul li .eb-product-desc {display:none;} #eb-product-list ul li.eb-product-row {width:100%;} #eb-product-list ul li.eb-product-row .eb-product-image {float:left; width:25%; padding:0;} #eb-product-list ul li.eb-product-row .product_img_link {padding:5px;} #eb-product-list ul li.eb-product-row .eb-product-desc {display:block; padding:30px 0 15px 0;} #eb-product-list ul li.eb-product-row .ajax_add_to_cart_button {text-indent:0; width:auto; padding: 0 56px 3px 15px; background: url(../img/icon/add-cart.png) no-repeat right -8px #29addd; color: #fff; text-transform: uppercase; font-weight: bold; border: 1px solid #29addd; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); line-height: 38px;} #eb-product-list ul li.eb-product-row .ajax_add_to_cart_button:hover {background:url(../img/icon/add-cart.png) no-repeat right -58px #FFF; color:#29addd; text-shadow: none;} #eb-product-list ul li.eb-product-row .eb-product-text {margin:20px 0 0 15px; float:left; width: 72%;} #eb-product-list ul li.eb-product-row .eb-product-links {position:absolute; top:0; right:0; width:auto;} #eb-product-list ul li.eb-product-row h1 {margin:0;} #eb-product-list ul li.eb-product-row h1 a {font-size: 18px; margin:0;} #eb-product-list ul li.eb-product-row .eb-product-price {font-size:18px;} #eb-product-list ul li.eb-product-row .eb-product-specials .discount {bottom:75px; left:0; right:auto; -webkit-border-radius: 3px; border-radius: 3px;} #eb-product-list ul li.eb-product-row .eb-product-specials .new {top:0; left:0; right:auto; -webkit-border-radius: 3px; border-radius: 3px;} #eb-product-list ul li.eb-product-row .eb-product-specials .online_only {top:25px; left:0; right:auto; -webkit-border-radius: 3px ; border-radius: 3px;} #eb-product-list ul li.eb-product-row .eb-product-specials .on_sale {bottom:50px; left:0; right:auto; -webkit-border-radius: 3px; border-radius: 3px;} /* ************************************************************************************************ product list LAYOUT ************************************************************************************************ */ #eb-layout {display: none; padding: 20px 0 0 10px; margin: 0 auto;width: 67px;} #eb-layout a {width:24px; height:24px; float:left; background-color:#eee; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #ccc; margin-right:6px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} #eb-layout a:hover {background-color:#29addd;} #eb-layout a.eb-layout-column {background-image:url(../img/layout-icons.png); background-position:top left;} #eb-layout a.eb-layout-row {background-image:url(../img/layout-icons.png); background-position:top right; display: none; } /* BLOCK #social_block ************************************************************************* */ #eb-social {position:absolute; top:50px; right:0; text-align: right;} #eb-social h4 {font-size:24px; padding:0; text-shadow:0 1px 1px #FFF;} #eb-social li {float:right;} #eb-social li a {-webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -ms-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear;} #eb-social li a {display:block; width:24px; height:24px; margin: 4px 0 0 4px; background:url(../img/social-icons.png) no-repeat;} #eb-social li a.facebook {background-position:0 0;} #eb-social li a.twitter {background-position:0 -25px;} #eb-social li a.google {background-position:0 -50px;} #eb-social li a.pinterest {background-position:0 -75px;} #eb-social li a.youtube {background-position:0 -100px;} #eb-social li a.vimeo {background-position:0 -125px;} #eb-social li a.flickr {background-position:0 -150px;} #eb-social li a.rss {background-position:0 -175px;} #eb-social li a.tuenti {background-position:0 -200px;} #eb-social li a:hover.facebook {background-position:-25px 0;} #eb-social li a:hover.twitter {background-position:-25px -25px;} #eb-social li a:hover.google {background-position:-25px -50px;} #eb-social li a:hover.pinterest {background-position:-25px -75px;} #eb-social li a:hover.youtube {background-position:-25px -100px;} #eb-social li a:hover.vimeo {background-position:-25px -125px;} #eb-social li a:hover.flickr {background-position:-25px -150px;} #eb-social li a:hover.rss {background-position:-25px -175px;} #eb-social li a:hover.tuenti {background-position:-25px -200px;} /* Product Mobile Navigation */ #eb-mobile-nav {/*display:none;*/ position: relative; } /* Footer Newsletter */ #newsletter_block_left input[type="text"] {background: #ccc;border:1px solid #999; border-right:none; padding: 0 0 0 5px;color:#666;float:left;width:120px; height:26px; font-size:12px; -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} #newsletter_block_left input[type="text"]:focus, #newsletter_block_left input[type="text"]:hover {background: #fff;border:1px solid #ccc; border-right:none; outline:none;} #newsletter_block_left input[type="sumit"] {float:left;height:20px;} /* Top Big Image Shadow */ #eb-top-image-shadow {width:100%; height:16px; background:url(../img/big-shadow.png) no-repeat center top; background-size:100% 16px;} /* Block EB Options */ #eb-options {text-transform:uppercase; background:#29addd; color:#ccc; position: absolute; right: 0; top: 0; z-index:103; font-size:10px; text-align: right; width:70px; height:25px; padding: 4px 8px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} #eb-options a {font-size:13px; display:block; overflow:hidden;} #eb-options-trigger {} a#eb-options-trigger {color:#FFF;} #eb-options-pop {background:#eee; overflow:hidden; width:86px; font-size:13px; text-transform:uppercase;} #eb-options-pop a {color:#999;} #eb-options-pop a:hover {color:#29addd} #eb-options-pop a.eb-selected-lang, #eb-options a.eb-selected-currency {color:#FFF} #eb-options-pop ul {float:left; width:50%;} #eb-options-pop ul li {margin:1px 0 1px 1px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} #eb-currency li {margin:1px;} #eb-options-pop ul li:hover {background:#999; color:#fff;} #eb-options-pop ul li a {display:block;padding:2px 8px;} #eb-options-pop ul li.eb-selected-lang {background:#29addd; color:#fff; padding:2px 8px;} #eb-options.eb-over {background:#EEE; color:#333; -webkit-border-radius: 0; border-radius: 0} #eb-options.eb-over a {color:#333;} .options-start, .options-on {display:none; position: absolute; z-index:104; right: 0; top: 32px; } .eb-pop-mobile {display:none; position: fixed; z-index: 104; right: 50%; top: auto; bottom: 45px; padding-bottom:10px; } /* Cloud Zoom Loader */ .cloud-zoom-loading {background:url(../img/loader.gif) no-repeat;} /* Tipsy Tooltips ----------------------------------------------------------------------------------------------------*/ .tipsy { font-size: 12px; position: absolute; padding: 5px; z-index: 100000; opacity:0; } .tipsy-inner { background-color: #26a34f; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; } /* Rounded corners */ .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* shadow */ .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; } /* Rules to colour arrows */ .tipsy-arrow-n { border-bottom-color: #26a34f; } .tipsy-arrow-s { border-top-color: #26a34f; } .tipsy-arrow-e { border-left-color: #26a34f; } .tipsy-arrow-w { border-right-color: #26a34f; } .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } /* SHOPPIMG CART */ .eb-cart-product {border:1px solid #777; width:33%; float:left; position:relative;} .eb-cart-boxes {padding:10px; border:1px solid #999;} .eb-cart-image {float:left;} .eb-cart-quantities {float:right;} .eb-cart-description {float:left;} /* SCENES */ #scenes_small {display:none; text-align:center;} /* CROSS SELLING */ #crossselling {margin:0 auto;width:100%} #crossselling_noscroll {margin:0 auto;width:100%} #crossselling_list {overflow:hidden;float:left;width:96%} #crossselling_list li {float:left;margin:0 3px;width:100px;overflow:hidden;} #crossselling_list li a {display:block;} #crossselling_list li p {font-size:12px; display:block;} #crossselling_list li .price {font-weight:bold;} #crossselling_scroll_left,#crossselling_scroll_right {background:url('../img/thumbs_left.gif') no-repeat center;text-indent:-3000px;display:block;width:9px;height:18px;float:left;margin-top:30px;} #crossselling_scroll_right {background-image:url('../img/thumbs_right.gif');} /* Mobile Navigation */ #eb-phone-footer {display:none; background: url("../img/fons_footer_fixed.png") repeat-x scroll center top #1a8f41; bottom: 0; height: 43px; padding: 2px 0 0 0; } #eb-search-wrapper {display:none;} #eb-search-form {padding:30px 10px;} #cboxContent .categTree h3, .tree_top {display:none} #cboxContent ul.tree li a {background:#CCC; padding:6px 0 6px 6px; display:block; border-bottom:1px solid #999; border-top:1px solid #eee; text-shadow: 0 1px 0 #fff;} #cboxContent ul.tree li a:hover {background:#B3FF00; text-shadow: 0 1px 0 #ccc;} #cboxContent ul.tree li a:hover ul {display:block;} #cboxContent ul.tree li ul {display:none} #cboxContent ul.tree li li a {background:#a2a2a2; padding:6px 0 6px 12px; text-shadow: 0 1px 0 #ccc;} #cboxContent form.std fieldset {border:none;} #cboxContent #search_form input[type="text"] {margin-top: 1px; border: 1px solid #999; padding: 2px;} /* Media queries! -------------------------------------------------------------------------------*/ /* Computer Queries Only */ @media only screen and (min-width: 1000px) { #eb-product-list ul li section div.eb-product-image a, #eb-subcategories a.img {background:url(../img/product-link.png) no-repeat center center; background-size:30%; display:block;} #eb-product-list ul li section div.eb-product-image a img, #eb-subcategories a.img img, #crossselling li a img {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; opacity:1;} #eb-product-list ul li section div.eb-product-image a:hover img, #eb-subcategories a.img img:hover, #crossselling li a:hover img {opacity:0.6;} #crossselling_scroll_left,#crossselling_scroll_right {background:none;} #crossselling_scroll_right {background-image:none;} .contenido .right_column #eb-product-list ul li {width: 20%; } } @media only screen and (min-width: 960px) and (max-width: 1120px){ #eb-product-list ul li{ width: 19%; } } @media only screen and (min-width: 1280px) { .contenido .right_column { float: right; width: 78%; } } /* All Devices Queries */ @media only screen and (max-width: 1280px) { #eb-header-wrapper, #eb-lower-header-wrapper, #eb-main-wrapper, #eb-top-footer-wrapper, #eb-footer-wrapper, .sf-contener {width:96%; margin-left:2%; margin-right:2%;} } @media only screen and (max-width: 1000px) { .footer_fixed .content {height: 39px;overflow: visible;position: relative;width: 99% !important;margin: 0 auto;} } /* Tablet Only Queries */ @media only screen and (min-width: 801px) and (max-width: 959px) { /*#search_block_top {*//*position: relative !important;bottom: 0 !important;*//* width:150px;left: 0 !important;right: 0 !important;top: 0 !important; margin: 0 0 13px;}*/ #search_block_top {/*position: relative !important;bottom: 0 !important;*/right: 247px !important;top: 30px !important; margin: 0 0 13px !important;width: 201px !important;} /*#searchbox input[type="submit"] { width: 20% !important; } #searchbox input[type="text"] { width: 75% !important; } */ #searchbox input[type="submit"] { width: 60px !important; } #searchbox input[type="text"] { width: 115px !important; } #searchbox p {border: 0px solid #E5E5E5;border-radius: 5px 5px 5px 5px;overflow: hidden;padding: 5px 5px !important;} .contenido .right_column{float: right; width: 65%;} .contenido .right_column #eb-product-list ul li {width: 33%; } .content_sortPagiBar_head {margin: 10px 10px 10px; float: right; } .content_sortPagiBar_head p.select{ width: 245px; overflow: hidden;} .content_sortPagiBar_head p.select label{ float: left; display: block;color: #fff;font-size: 13px;font-style: italic;font-weight: bold;line-height: 19px;padding: 0 10px 0 0;} .content_sortPagiBar_head p.select .eb-select{float: left; } #eb-product-list ul li {width: 24%; } #eb-product-list ul li section div.eb-product-specials {bottom: 100px; right: 5px;} .blockcategories_footer, #eb-footer-wrapper .myaccount, #block_various_links_footer, #social_block, #block_contact_infos, #newsletter_block_left, #paiement_logo_block_left {width:20%;} #eb-top-footer {min-height:40px;} #eb-footer-wrapper div div#social_block {min-height:150px;} #eb-footer-wrapper .telecinco{ background: none;display: block;height: auto;position: absolute;right: 190px;text-indent: 0px;top: 5px;width: 151px;left: inherit;margin: 0 0 15px;float: left;} #eb-subcategories ul li {width: 100%; float: none;background-image: none;height: auto;} #eb-subcategories ul li section a {width:100%; text-align:left;} #scenes_small {display:block;} #scenes {display:none;} #pagenotfound .pagenotfound {padding: 0 10px;} .eb-nav li a {padding: 0 10px;} .footer_fixed .content {height: 39px;overflow: visible;position: relative;width: 99% !important;margin: 0 auto;} } /* Resolucion mobil apaisado */ @media only screen and (max-width: 800px) { div.centerd-content { margin-left: 0%; } #create-account_form, #authentication #login_form { width: 48%; } /*.telf_mail {border: 0 solid #CCCCCC;left: 0;margin: 0 auto;overflow: hidden;position: relative;top: 2px;width: 220px;} .telf_mail .telf {background: url("../img/phone.png") no-repeat scroll 0 0 transparent;color: #AAAAAA;display: block;float: left;font-size: 11px;padding: 0 0 0 20px;} .telf_mail .mail {background: url("../img/mail.png") no-repeat scroll 0 0 transparent;color: #AAAAAA;display: block;float: left;font-size: 11px;margin: 0 0 0 15px;padding: 0 0 0 24px;} #header_logo {float: none;max-height: 100px;overflow: hidden;padding: 4px 0 5px;text-align: center;display: block;} #search_block_top {*//*position: relative !important;bottom: 0 !important;*//*right: 247px !important;top: 30px !important; margin: 0 0 13px !important;width: 201px !important;} #searchbox input[type="submit"] { width: 60px !important; } #searchbox input[type="text"] { width: 115px !important; }*/ #listpage_content .categTree.links_legals{ display: none;} .telf_mail {border: 0 solid #CCCCCC;left: 0;margin: 0 auto;overflow: hidden;position: relative;top: 2px;width: 220px;} .telf_mail .telf {background: url("../img/phone.png") no-repeat scroll 0 0 transparent;color: #AAAAAA;display: block;float: left;font-size: 11px;padding: 0 0 0 20px;} .telf_mail .mail {background: url("../img/mail.png") no-repeat scroll 0 0 transparent;color: #AAAAAA;display: block;float: left;font-size: 11px;margin: 0 0 0 15px;padding: 0 0 0 24px;} #header_logo {float: none;max-height: 100px;overflow: hidden;padding: 4px 0 5px;text-align: center;display: block;} #eb-header { height: auto;} #search_block_top {position: relative !important;bottom: 0 !important;left: 0 !important;right: 0 !important;top: 0 !important; margin: 0 0 13px;} #searchbox input[type="submit"] { width: 20% !important; } #searchbox input[type="text"] { width: 75% !important; } #eb-lower-header{ display: none;} #adtm_menu { display: none;float: left;margin: 10px 0 0;padding: 0 0px;width: 100%;} #NavContainer {display:block;background: none repeat scroll 0 0 #FFFFFF;margin: 18px 0 0;padding: 0;position: relative;text-align: left;width: 100%;} #Nav {background: none repeat scroll 0 0 transparent;border-top: 0 none;display: none;float: none;margin: 0;padding: 0;position: relative;text-align: left;} #Nav {font-size: 1.4em;margin-top: 19px;} #Nav ul, #Nav li {background: none repeat scroll 0 0 transparent;display: block;list-style: none outside none;margin: 0;padding: 0;} #Nav li {float: none;margin: 0;padding: 0;} #Nav li.First a {border-top: 0 none;} #Nav a:link, #Nav a:visited, #Nav a:active {color: #59592E;text-decoration: none;} #Nav a {background: none repeat scroll 0 0 transparent;border-radius: 0 0 0 0;border-top: 1px solid #ECECEC;display: block;font-size: 1em;height: auto;margin: 0;padding: 10px 15px;} #Nav a {padding: 6px 9px;} #Nav a {border-radius: 10px 10px 10px 10px;display: block;padding: 6px 13px 6px 12px;position: relative;} #MobileMenu { background: url("../img/nav-mobile-menu-back.jpg") repeat-x scroll 0 bottom transparent; border-bottom: 1px solid #E2E2E0; display: block; margin-bottom: 10px; padding: 15px 0 0; text-align: center; } #MobileMenu a { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: url("../img/nav-mobile-menu-arrow.png") no-repeat scroll 89% 12px #FFFFFF; border-color: #E2E2E0 #E2E2E0 -moz-use-text-color; border-image: none; border-radius: 8px 8px 0 0; border-style: solid solid none; border-width: 1px 1px 0; color: #5EA4CC; display: inline-block; font-size: 12px; margin-bottom: -1px; padding: 10px 25px 10px 10px; } #MobileMenu a:hover {color: #427FA1;text-decoration: none;} #MobileMenu a.Active { background: url("../img/nav-mobile-menu-arrow.png") no-repeat scroll 89% -18px #FFFFFF; } #MobileMenu select.eb-select { display: block; height: 42px !important; line-height: 32px; opacity: 0 !important; position: absolute; width: 50% !important; z-index: 10 !important; left: 50%; margin: 0 0 0 -25%; cursor: pointer; color: #666; font-size: 12px; } #MobileMenu select.eb-select option{ padding: 3px 10px;} #MobileMenu span.eb-select { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: url("../img/nav-mobile-menu-arrow.png") no-repeat scroll 94% -16px #FFFFFF !important; border-color: #E2E2E0 #E2E2E0 -moz-use-text-color; border-image: none; border-radius: 8px 8px 0 0; border-style: solid solid none; border-width: 1px 1px 0; color: #5EA4CC; display: block; font-size: 12px; margin-bottom: 0; padding: 5px 19px 5px 0; margin: 0 auto; position: relative; width: 43%; cursor: pointer; } #MobileMenu span.eb-select:hover {color: #427FA1;text-decoration: none;} #MobileMenu span.eb-select.Active { background: url("../img/nav-mobile-menu-arrow.png") no-repeat scroll 89% -18px #FFFFFF; } .lofcamera_container{ display: none;width: 100% !important; } #eKomiGate_widget{display: none;} #eb-options, #eb-header_user, #eb-layout, #eb-home-promos, #eb-social {display:none;} .contenido .right_column{float: right; width: 59%;} .contenido .right_column #eb-product-list ul li {/*width: 33%;*/ width: 50%; text-align: center; } .contenido .right_column #eb-product-list ul li section h1 a { text-align: left;} .contenido .right_column #eb-product-list ul li img{ margin: 0 auto; text-align: center;} #eb-product-list ul li {width: 24%; } .content_sortPagiBar_head{ margin: 10px 10px 10px; float: right; } .sortPagiBar #productsSortForm{ float: left;} .content_sortPagiBar_head p.select{width: auto; overflow: hidden;display: block;border: 0px solid red;float: left !important;margin: 0 0 8px;} .content_sortPagiBar_head p.select label{ float: left; display: block;color: #fff;font-size: 13px;font-style: italic;font-weight: bold;line-height: 19px;padding: 0 10px 0 0;} .content_sortPagiBar_head p.select .eb-select{float: left; } #eb-footer-wrapper .telecinco{ background: none;display: block;height: auto;position: absolute;right: 180px;text-indent: 0px;top: 5px;width: 151px;left: inherit; margin: 0 0 15px; } #eb-phone-footer {height: 43px; width:100%; display:block; position:fixed !important; z-index:9999; top:inherit !important; bottom: 0; left:0; background: url("../img/fons_footer_fixed.png") repeat-x scroll center top #1a8f41; -webkit-box-shadow: 0 0 10px 0 #000; box-shadow: 0 0 10px 0 #000; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); overflow:hidden; padding: 2px 0 0 0; } #eb-phone-footer nav ul {width: 212px; height:45px; margin: 0 auto; } #eb-phone-footer nav li a {display:block; padding: 27px 0 4px; width:70px; font:normal 9px Helvetica, Arial; text-transform:uppercase; text-align:center; float: left; position: relative; color: #FFF; border-left: 1px solid #FFFFFF;} #eb-phone-footer nav li:first-child a {border-left:none;} #eb-phone-footer nav li#login a{background: url("../img/phone-icons.png") no-repeat scroll left top transparent;} #eb-phone-footer nav li#search a{background: url(../img/phone-icons.png) no-repeat -60px 0;} #eb-phone-footer nav li#navigation a{background: url(../img/phone-icons.png) no-repeat -114px 0;} #eb-phone-footer nav li#cart a{background: url(../img/phone-icons.png) no-repeat top right;} .footer_fixed{ display: none;} } @media only screen and (max-width: 750px) { #eb-footer-wrapper .recomendar_amigo {background: none;display: block;height: auto;position: absolute;right: 0;text-indent:0px;top: 5px;width: 20%;float: none;margin: 0 auto;} #eb-footer-wrapper .telecinco {background: none;display: block;height: auto;left: inherit;margin: 0 auto;position: absolute;text-indent: 0px;top: 5px;width: 20%;} #eb-top-footer-wrapper .block {width:100%; margin-right:0;} #eb-footer-wrapper div div {min-height:0px;} #eb-subcategories ul li {width: 100%; float: none;background-image: none;height: auto;} #eb-subcategories ul li section a {width:100%; text-align:left;} } @media only screen and (max-width: 650px) { .breadcrumb{ display: none;} .contenido .content_productlist{ background: #f1f1f1; padding: 0px;} .contenido .left_lateral{/*display: none; background: none;*/ width: 100%;} .content_sortPagiBar_head{margin: 10px 10px 10px; float: right; } #eb-subcategories{ background: #f9f9f9;} #eb-subcategories ul li{ width: 49.7%; margin: 0 0px 0 0; float: left;border-right: 1px solid #f0f0f0;} .contenido .right_column{ width: 95%; float: none; margin: 0 auto; } #eb-product-list ul li {width: 32%;} .blockcategories_footer, .category_footer div, #eb-footer-wrapper .myaccount, #block_various_links_footer, #social_block, #block_contact_infos, #newsletter_block_left, #paiement_logo_block_left {width:100%; } #eb-footer-wrapper li, #eb-footer-wrapper h4, #eb-footer-wrapper h2 {width:100%; padding:6px 0; text-align:center; border-bottom:1px solid #ccc;} #eb-lower-header {min-height:33px;} #eb-top-footer {min-height:25px;} #paiement_logo_block_left {text-align:center;} #eb-footer {padding-bottom: 80px;} #eb-footer-wrapper .recomendar_amigo {background: none;display: block;height: auto;position: relative;right: 0;text-indent:0px;top: 5px;width: 266px;float: none;margin: 0 auto;} #eb-footer-wrapper .telecinco {background: none;display: block;height: auto;left: inherit; right:inherit;margin: 0 auto;position: relative;text-indent: 0px;top: 5px;width: 266px;} #eb-footer-wrapper .telecinco h4 { border: 0px solid red;display: block;float: left;width: 150px;} #eb-footer-wrapper .recomendar_amigo h4 { border: 0px solid red;float: left;width: 150px;} #eb-top-footer-wrapper .block {width:100%; margin-right:0;} #eb-footer-wrapper div div {min-height:0px;} #eb-subcategories ul li {width: 100%; float: none;background-image: none;height: auto;} #eb-subcategories ul li section a {width:100%; text-align:left;} } /* Resolucion mobil vertical */ @media only screen and (max-width: 480px) { div.centerd-content { margin-left: 0%; } .content_sortPagiBar_head{margin: 10px 10px 10px; float: right;} .breadcrumb{ display: none;} .telf_mail {border: 0 solid #CCCCCC;left: 0;margin: 0 auto;overflow: hidden;position: relative;top: 2px;width: 220px;} .telf_mail .telf {background: url("../img/phone.png") no-repeat scroll 0 0 transparent;color: #AAAAAA;display: block;float: left;font-size: 11px;padding: 0 0 0 20px;} .telf_mail .mail {background: url("../img/mail.png") no-repeat scroll 0 0 transparent;color: #AAAAAA;display: block;float: left;font-size: 11px;margin: 0 0 0 15px;padding: 0 0 0 24px;} #header_logo {float: none;max-height: 100px;overflow: hidden;padding: 4px 0 5px;text-align: center;display: block;} #eb-header { height: auto;} #search_block_top {position: relative !important;bottom: 0 !important;left: 0 !important;right: 0 !important;top: 0 !important; margin: 0 0 13px;} #searchbox input[type="submit"] { width: 20% !important; } #searchbox input[type="text"] { width: 75% !important; } #adtm_menu { display: none;float: left;margin: 10px 0 0;padding: 0 0px;width: 100%;} #NavContainer {display:block;background: none repeat scroll 0 0 #FFFFFF;margin: 18px 0 0;padding: 0;position: relative;text-align: left;width: 100%;} #Nav {background: none repeat scroll 0 0 transparent;border-top: 0 none;display: none;float: none;margin: 0;padding: 0;position: relative;text-align: left;} #Nav {font-size: 1.4em;margin-top: 19px;} #Nav ul, #Nav li {background: none repeat scroll 0 0 transparent;display: block;list-style: none outside none;margin: 0;padding: 0;} #Nav li {float: none;margin: 0;padding: 0;} #Nav li.First a {border-top: 0 none;} #Nav a:link, #Nav a:visited, #Nav a:active {color: #59592E;text-decoration: none;} #Nav a {background: none repeat scroll 0 0 transparent;border-radius: 0 0 0 0;border-top: 1px solid #ECECEC;display: block;font-size: 1em;height: auto;margin: 0;padding: 10px 15px;} #Nav a {padding: 6px 9px;} #Nav a {border-radius: 10px 10px 10px 10px;display: block;padding: 6px 13px 6px 12px;position: relative;} #MobileMenu { background: url("../img/nav-mobile-menu-back.jpg") repeat-x scroll 0 bottom transparent; border-bottom: 1px solid #E2E2E0; display: block; margin-bottom: 10px; padding: 15px 0 0; text-align: center; } #MobileMenu a { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: url("../img/nav-mobile-menu-arrow.png") no-repeat scroll 89% 12px #FFFFFF; border-color: #E2E2E0 #E2E2E0 -moz-use-text-color; border-image: none; border-radius: 8px 8px 0 0; border-style: solid solid none; border-width: 1px 1px 0; color: #5EA4CC; display: inline-block; font-size: 12px; margin-bottom: -1px; padding: 10px 25px 10px 10px; } #MobileMenu a:hover {color: #427FA1;text-decoration: none;} #MobileMenu a.Active { background: url("../img/nav-mobile-menu-arrow.png") no-repeat scroll 89% -18px #FFFFFF; } #eb-main-wrapper-fix {padding: 0px;} #eb-mobile-nav {display:block; left:25%;position: relative;} #eb-options, #eb-header_user, #eb-layout, #eb-home-promos, #eb-social {display:none;} #header_logo {padding-top: 13px; max-height:100px; overflow:hidden; text-align:center; float:none; padding: 13px 0 15px;} table.std, table.table_block {width: 100%;} table#cart_summary td { padding: 7px 5px; font-weight:bold; font-size:14px; vertical-align:top; border-collapse: collapse; border-left: 0px solid red; border-right: 1px solid #f5f2f2; } table#cart_summary .cart_description { width: 60%; font-weight:normal; vertical-align: middle; } table#cart_summary .cart_product {padding:0; width: 1%; border: 1px solid #f5f2f2; border-collapse: collapse; display: none; } table#cart_summary .cart_quantity {width: 1%; vertical-align: middle;} table#cart_summary .cart_total {width: 30%; vertical-align: middle;border: 1px solid #f5f2f2;border-right: 1px solid #F5F2F2;border-top: 1px solid #F5F2F2; text-align: right; } table#cart_summary .total_label{ width: 60%;} table#cart_summary .price{ width: 40%; text-align: right; } #cart_quantity_button {display:none;} #cart_block {top:0; left:15%; border-radius: 5px 5px 0px 0px; padding-bottom: 0px; } #eb-footer {padding-bottom: 80px;} #eb-product-list ul li section h1 {font-size: 14px;} .contenido .content_productlist{ background: #f1f1f1;} .contenido .left_lateral{/*display: none;background: none;*/ width: 100%;} .contenido .right_column{ width: 90%; float: none; margin: 0 auto; } #eb-product-list ul li {width: 48%; } #eb-product-list ul li section div.eb-product-specials {bottom: 100px; right: 10px;} #eb-product-list .ajax_add_to_cart_button, #eb-product-list .add-disable {margin:5px;} .eb-product-text { margin: 6px 0; } .eb-manufacturer-image {width: 100%;} .eb-manufacturer-text {width:90%; text-align:center;} .eb-manufacturer-desc {text-align:left; padding-bottom:15px;} .manuf-prod-list {background-color:#f9f9f9; margin-top:-10px; border: 1px solid #ddd;} .blockcategories_footer, .category_footer div, #eb-footer-wrapper .myaccount, #block_various_links_footer, #social_block, #block_contact_infos, #newsletter_block_left, #paiement_logo_block_left {width:100%; } #eb-footer-wrapper li, #eb-footer-wrapper h4, #eb-footer-wrapper h2 {width:100%; padding:6px 0; text-align:center; border-bottom:1px solid #ccc;} #eb-lower-header {min-height:33px;} #eb-top-footer {min-height:25px;} #paiement_logo_block_left {text-align:center;} #eb-footer-wrapper .recomendar_amigo {background: none;display: block;height: auto;position: relative;right: 0;text-indent:0px;top: 25px;width: 266px;float: none;margin: 0 auto;} #eb-footer-wrapper .telecinco {background: none;display: block;height: auto;left: 0;margin: 0 auto;position: relative;text-indent: 0px;top: 0;width: 260px;} #eb-top-footer-wrapper .block {width:100%; margin-right:0;} #eb-footer-wrapper div div {min-height:0px;} #eb-subcategories ul li {width: 100%; float: none;background-image: none;height: auto;} #eb-subcategories ul li section a {width:100%; text-align:left;} #newsletter_block_left p {width: 180px; margin: 0 auto; padding-top: 10px;} #create-account_form, #authentication #login_form {clear: none; float: none; height: auto; width:100%; margin:1% 0;} #scenes_small {display:block;} #scenes {display:none;} #pagenotfound .pagenotfound {padding: 0 10px 150px 10px; background:url(../img/404.gif) no-repeat center bottom;} /* Start Phone Footer */ #eb-phone-footer {height: 43px; width:100%; display:block; position:fixed; z-index:9999; bottom: 0; left:0; background: url("../img/fons_footer_fixed.png") repeat-x scroll center top #1a8f41; -webkit-box-shadow: 0 0 10px 0 #000; box-shadow: 0 0 10px 0 #000; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); overflow:hidden; padding: 2px 0 0 0; } #eb-phone-footer nav ul {width: 212px; height:45px; margin: 0 auto; } #eb-phone-footer nav li a {display:block; padding: 27px 0 4px; width:70px; font:normal 9px Helvetica, Arial; text-transform:uppercase; text-align:center; float: left; position: relative; color: #FFF; border-left: 1px solid #FFFFFF;} #eb-phone-footer nav li:first-child a {border-left:none;} #eb-phone-footer nav li#login a{background: url("../img/phone-icons.png") no-repeat scroll left top transparent;} #eb-phone-footer nav li#search a{background: url(../img/phone-icons.png) no-repeat -60px 0;} #eb-phone-footer nav li#navigation a{background: url(../img/phone-icons.png) no-repeat -114px 0;} #eb-phone-footer nav li#cart a{background: url(../img/phone-icons.png) no-repeat top right;} #listpage_content .categTree.links_legals{ display: none;} input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled, a.button_prev {padding:5px;} .footer_fixed{ display: none;} /* End Phone Footer */ } /* Print styles! -------------------------------------------------------------------------------*/ @media print { } /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000;} #colorbox{} #cboxContent{margin-top:20px;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{border:5px solid #000; background:#fff;} #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;} #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;} #cboxPrevious:hover{background-position:bottom left;} #cboxNext{position:absolute; top:50%; right:0px; margin-top:-32px; background:url(../img/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;} #cboxNext:hover{background-position:bottom right;} #cboxLoadingOverlay{background:#000;} #cboxLoadingGraphic{background:url(../img/loader.gif) no-repeat center center;} #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;} #cboxClose:hover{background-position:bottom center;} table#cart_summary tr:nth-child(2n+1), table#cart_summary tr.cart_total_delivery, table#cart_summary tr.cart_total_price { border: 1px solid #F5F2F2; } table#cart_summary tr:nth-child(2n) { background-color: #fff; } .voucher-resumen { clear: both; color: #f56a22; } .discounts-list { background-color: #f9f9f9; border: 1px solid #ddd; padding:1%; } .discounts-list h5 { padding:20px; } .old_price_display{ text-decoration: line-through; color:gray !important; } .wrong_address { margin: 0 auto; width: 249px; padding: 15px; background: #EEE; border: 1px solid #CCC; -webkit-border-radius: 3px; border-radius: 3px; } .promoPortesBox, .promoPortesBoxOk { padding: 14px; border: 3px dashed #f56a22; font-size: 17px; background: #fff; color: green; box-shadow: 5px 6px 6px grey; -moz-box-shadow: 5px 6px 6px grey; -webkit-box-shadow: 5px 6px 6px grey; width: 210px; margin: 17px auto; background-repeat: no-repeat; background-position: 10px; padding-left: 62px; position: fixed; bottom: 40px; right: 23px; z-index: 1222; } .promoPortesBoxOk{ background-image: url("../img/ok.png"); } .promoPortesBox{ background-image: url("../img/exclamation.png"); }