/* ################################################################################################## 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%; border:none;} /* 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; } /* ************************************************************************************************ struture ************************************************************************************************ */ body { background: #000; } #page {} #eb-header {z-index:2147483647; position:relative;} #eb-lower-header {z-index:3; background:url(../img/bg-fabric.jpg) repeat-x; width:100%; min-height:50px; margin-bottom:20px;display:none} #eb-lower-header-wrapper {width:960px; margin:0 auto;} #eb-main {z-index:1;} #eb-main-wrapper {position:relative;width:920px; min-height:300px; margin:0 auto; background:#fff;padding:20px} #eb-main-footer {z-index:2; width:100%;} #eb-main-footer-wrapper {position:relative;width:960px; margin:0 auto; margin-bottom:50px;} #eb-top-footer { background: none repeat scroll 0 0 #BBCCB7; min-height: 50px; width: 100%; z-index: 4; } #eb-top-footer-wrapper {width:960px; margin:0 auto;} #eb-footer {z-index:5} /* ************************************************************************************************ TMP styles ************************************************************************************************ */ #eb-slider {margin-top: -40px;;} /* ************************************************************************************************ generic style ************************************************************************************************ */ body{ /*font-family: 'eb', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/ font-family: 'Roboto', sans-serif, Helvetica, Arial, sans-serif; font-size:12px; color:#333333; background:#D9E8D1; } @font-face { font-family: 'eb'; src: url('fonts/eb-webfont.eot'); src: url('fonts/eb-webfont.eot#iefix') format('embedded-opentype'), url('fonts/eb-webfont.woff') format('woff'), url('fonts/eb-webfont.ttf') format('truetype'), url('fonts/eb-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } /* 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; } body#order-opc .warning { margin:10px 0 10px 0 !important; } .error { margin:0 0 10px 0; padding:10px; border:1px solid #990000; font-size:13px; background:#ffcccc } .error ol {margin-left:20px} .error p.lnk { margin-top:20px; padding:0; font-size:11px } .required {color:#990000} /* link **************************************************************************************** */ a, a:active, a:visited { color:#333; text-decoration:none; outline:none; } a:hover {text-decoration:none} /*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; background: black; color: #B3FF00; font-size: 18px; padding: 5px 10px; border-top: none; border-right: none; border-bottom: none; border-left: 6px solid #B3FF00; cursor: pointer; font:14px 'eb', sans-serif; text-transform:uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } 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:#B3FF00; color:#000; border-left: 6px solid #000;} *:first-child+html input.button_mini, *:first-child+html input.button_small, *:first-child+html input.button, *:first-child+html input.button_large, *:first-child+html input.button_mini_disabled, *:first-child+html input.button_small_disabled, *:first-child+html input.button_disabled, *:first-child+html input.button_large_disabled, *:first-child+html input.exclusive_mini, *:first-child+html input.exclusive_small, *:first-child+html input.exclusive, *:first-child+html input.exclusive_large, *:first-child+html input.exclusive_mini_disabled, *:first-child+html input.exclusive_small_disabled, *:first-child+html input.exclusive_disabled, *:first-child+html input.exclusive_large_disabled { border:none } /* input button */ input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled { /*padding-bottom: 2px*/ } /* disabled button */ input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled { /*background-position: left -36px; cursor: default; color: #888!important*/ } /* exclusive button */ input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled { /*color: white!important*/ } /* exclusive disabled button */ input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large { /*color: #488c40!important*/ } /* hover button */ input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover, input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover { text-decoration:none; background-position: left -50px } /* exclusive hover button */ input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover { /*color: white!important*/ } /* active button */ input.button_mini:active, input.button_small:active, input.button:active, input.button_large:active, input.exclusive_mini:active, input.exclusive_small:active, input.exclusive:active, input.exclusive_large:active, a.button_mini:active, a.button_small:active, a.button:active, a.button_large:active, a.exclusive_mini:active, a.exclusive_small:active, a.exclusive:active, a.exclusive_large:active { background-position: left -100px } /* classic buttons */ input.button_mini, input.button_mini_disabled, input.exclusive_mini, input.exclusive_mini_disabled, a.button_mini, a.exclusive_mini, span.button_mini, span.exclusive_mini { /*width: 30px; background-image: url('http://www.lobofeliz.com/themes/elation-multiplatform/img/button-mini.png')*/ } input.button_small, input.button_small_disabled, input.exclusive_small, input.exclusive_small_disabled, a.button_small, a.exclusive_small, span.button_small, span.exclusive_small { /*width: 60px; background-image: url('http://www.lobofeliz.com/themes/elation-multiplatform/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('http://www.lobofeliz.com/themes/elation-multiplatform/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('http://www.lobofeliz.com/themes/elation-multiplatform/img/button-large.png')*/ } /* exclusive button */ /*input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive { background-image: url('http://www.lobofeliz.com/themes/elation-multiplatform/img/button-medium_exclusive.png') } input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini { background-image: url('http://www.lobofeliz.com/themes/elation-multiplatform/img/button-mini_exclusive.gif') } input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small { background-image: url('http://www.lobofeliz.com/themes/elation-multiplatform/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('http://www.lobofeliz.com/themes/elation-multiplatform/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; width:166px !important; height:26px !important; line-height:26px; cursor:pointer;} p.select {position:relative} p.select label {display:block; padding: 0 0 5px 10px;} /* dynamically created SPAN, placed below the SELECT */ div.eb-select {position:absolute; bottom:0; left:0; width:166px; height:30px; line-height:30px; text-indent:10px; background:url(../img/bg_select.png) no-repeat top left; cursor:default; z-index:1; overflow:hidden;} span.eb-select-mask {width:139px; height:30px; overflow:hidden; display:block;} /* 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:#fff; text-transform:uppercase; background:#000; text-align:left; } table.std tr.alternate_item, table.table_block tr.alternate_item {background-color: #f3f3f3} table.std td, table.table_block td { padding:12px; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; font-size:12px; vertical-align:top } /* BLOCK .block ******************************************************************************** */ .block {padding-bottom:20px} #eb-footer .block {padding-bottom:0} .block h4 { padding:6px 11px; font-size:12px; color:#B3FF00; text-shadow:0 1px 0 #000; text-transform:uppercase; } .block h4 a {color:#B3FF00} .block ul {list-style-type:none} .block li.last { border:none} .block li a { display:block; color:#333 } /* BLOCK .products_block *********************************************************************** */ .products_block {} .products_block li {float:left } .products_block li img {border:1px solid #d1d1d1} /* BLOCK customer privacy ******************************************************************* */ .account_creation label{ float:left; padding-top:5px; width:80%; text-align:left; cursor:pointer } /* BLOCK .footer_links (cms pages) ************************************************************* */ ul.footer_links { list-style-type:none; margin-bottom:20px } ul.footer_links li {float:left} ul.footer_links li.f_right {float:right} ul.footer_links li .icon { position:relative; top:6px; left:0 } /* barre comparaison / tri ********************************************************************* */ .content_sortPagiBar {margin:20px 0;} #center_column .sortPagiBar { padding:10px; font:normal 11px Arial, Verdana, sans-serif; color:#666; background:#eee; } #center_column .sortPagiBar strong {color:#000;} #center_column .sortPagiBar p {padding:0;} #center_column .sortPagiBar form {display:inline-block;} .sortPagiBar #productsSortForm {float:right;} .sortPagiBar select#selectPrductSort { margin:0 0 0 10px; color:#000; border:1px solid #ccc } .sortPagiBar #bt_compare { padding:3px 7px; border:none; color:#fff; text-shadow:0 1px 0 #000; background:url(../img/bg_bt_compare.gif) repeat-x 0 0 #111; } .sortPagiBar #nbrItemPage { float:left;} .sortPagiBar #nbrItemPage label {display: block; padding: 0 0 5px 10px;} .sortPagiBar .PrductSort {float:left;} .sortPagiBar select#nb_item { margin:0 0 0 10px; color:#000; border:1px solid #ccc } .sortPagiBar .nbrProduct { display:inline-block; padding:0 10px; } .sortPagiBar #nb_item {border:1px solid #ccc} /* pagination ********************************************************************************** */ div.pagination { margin:10px 0; text-align: center } ul.pagination {list-style-type:none} ul.pagination li {display: inline;} ul.pagination a, ul.pagination span { display:inline-block; height:24px; width:24px; border:1px dotted #000; -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 { text-align:center; } ul.pagination a:hover { background:#000; color:#FFF; border:1px dolid #000; } ul.pagination .current span { color:#000; border:1px solid #fff } ul.pagination li.disabled span {color:#ccc} #pagination_previous {float:left} #pagination_next {float:right} #pagination_previous a, #pagination_previous span, #pagination_next a, #pagination_next span { padding:0 8px; width:auto; } #pagination_previous span, #pagination_next span { color:#ccc; border:1px solid #eee } /* CART steps *********************************************************************** */ ul.step {margin-bottom:30px; height:43px; width:100%;background-color: #000;} ul.step li {float:left; height:43px; width:20%; text-transform:uppercase; background:url(../img/cart-steps-arrow.png) no-repeat right bottom transparent; overflow:hidden;} ul.step li:last-child {background:none;} ul.step li.step_current {font-weight:bold;color:#333;} ul.step li.step_done {background:none;} ul.step li a {float:left;} ul.step li span {padding:14px 8px 8px; float:left;} ul.step li a {color:#333;} ul.step li div.eb-step-number {width:25px; height:43px; 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:#999} ul.step li.step_todo div.eb-step-number{opacity:0.7;} /* 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 { background-color: #000000; height: 242px; margin-bottom: 112px; } #eb-header-wrapper { height: 266px; margin: 0 auto; position: relative; width: 960px; } #header_logo {float:left;padding-top:0; max-height:380px;} /* ************************************************************************************************ BREADCRUMB ************************************************************************************************ */ .breadcrumb {margin-bottom:20px;font-size:12px; text-transform:uppercase; } .breadcrumb a {color:#777;} .breadcrumb a:hover {color:#111;} .breadcrumb .navigation-pipe {margin:0 3px 0 5px; color:#B3FF00;} /* ************************************************************************************************ ************************************************************************************************ */ #eb-footer {color:#fff; background:#000000;} #eb-footer-wrapper {position:relative; width:960px; margin:0 auto;} .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;} .blockcategories_footer {margin-left:0} #eb-footer-wrapper h4 {padding: 10px 0;} #eb-footer-wrapper h4,#eb-footer-wrapper h4 a {font-weight:normal;font-size:14px;color:#B3FF00;} #eb-footer-wrapper a { color: #333333; } #eb-footer-wrapper a:hover {color:#000} #eb-footer-wrapper ul {list-style-type:none} .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-transform:uppercase; text-align:center;} #eb-footer-copy-wrapper {padding: 30px 5px 50px 5px;} #eb-footer-logo {padding-bottom:10px;} #eb-footer-copy p {font-size:14px; color:#B3FF00;} #eb-footer-copy span {font-size:10px; color:#FFF; padding: 10px 0;} #eb-footer-copy span a {color:#B3FF00} #eb-footer-copy span a:hover {text-decoration:underline;} #paiement_logo_block_left {padding-top:30px;} #paiement_logo_block_left a {display:block;} /* ************************************************************************************************ 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;} /* ************************************************************************************************ PRODUCT PAGE ************************************************************************************************ */ /* BLOCK idTabs ******************************************************************************** */ .idTabs { list-style-type: none; margin-top: 20px; border-bottom: 4px solid #000; text-transform:uppercase; font-weight:normal; } ul.idTabs li { float: left; margin-right: 3px } .idTabs a { display:block; padding:10px 10px 7px 10px; font-size:12px; color:#FFF; background:#555; -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:#000} .idTabs .selected {background:#000;} #more_info_block {padding: 0 20px;} #more_info_sheets {padding-top:10px} #more_info_sheets ul, #more_info_sheets ol, #more_info_sheets dl {margin-left:20px} .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} .cart_navigation .exclusive, .cart_navigation .exclusive_large { float:right } /* step 1 - cart ******************************************************************************* */ .cart_last_product {display:none} #order-detail-content { margin-bottom: 0px; padding: 20px; } table#cart_summary th.cart_product {text-align:center} table#cart_summary td { padding:12px; border-right:1px solid #999; border-bottom:1px solid #999; font-weight:bold; font-size:14px; vertical-align:top } 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:15%; text-align:center } 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:100%;} table#cart_summary .cart_product img:hover {opacity:0.5;} table#cart_summary .cart_description { width:40%; font-weight:normal; vertical-align: middle; } table#cart_summary .cart_description span.price {font-weight:bold} table#cart_summary .cart_unit {width:130px} table#cart_summary .cart_quantity {width:20%; vertical-align: middle;} .cart_quantity .cart_quantity_input {float:left;width: 20px;border:1px solid #000;text-align: center;padding: 4px 7px;} .cart_quantity #cart_quantity_button {float:left;position: relative; padding-left:5px;} table#cart_summary .cart_total {width:25%; vertical-align: middle;} table#cart_summary .cart_delete { width:64px; text-align:center } a.cart_quantity_delete {display:inline-block;padding:3px 6px;font-size:9px;color:#000;text-transform:uppercase;border:1px solid #000;} a.cart_quantity_delete:hover {background:#000; color:#FFF;} .cart_total_delivery {text-align:right;} #total_shipping {text-align:left;} .cart_total_delivery #total_shipping, .cart_total_price #total_price { border-right:none } table#cart_summary .cart_total_price td.cart_voucher { border-bottom:1px solid #999; 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 { clear:both; line-height: 16px; color:#666; font-weight:normal } .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: 25px; border: 1px solid #CCC; font-size: 12px; color: #666; width:100px; } #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; font-weight:bold; color:#333; text-transform:uppercase; background:#000; margin:-12px -12px 10px -12px; } .cart_total_price span#total_price { display:block; 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:#dcdcdc !important;} .cart_discount_name {text-align:center;} .cart_total_voucher, .cart_total_tax {text-align:right;} #total_discount, #total_tax, #total_wrapping {text-align:left;} .cart_total_voucher {display:none;} /* step 2 - authentification ******************************************************************* */ #create-account_form, #authentication #login_form {clear: none; float: left; width: 49%;} #create-account_form {margin-right: 11px;} #authentication #create-account_form fieldset, #authentication #login_form fieldset { height: 170px } #authentication #create-account_form .form_content, #authentication #login_form .form_content { padding:15px 10px } #create-account_form h3, #authentication #login_form h3 { padding:8px; border-bottom:1px solid #ccc; font-weight:bold; font-size:12px; color:#333; text-transform:uppercase; background:#000 } #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;} #create-account_form #SubmitCreate, #login_form #SubmitLogin { float:right } .lost_password {float:left;width:200px;} .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; color:#000; background:#f8f8f8 } .order_carrier_content h3 { padding:15px 0 10px 0; font-size:13px; color:#000 } .order_carrier_content h3.carrier_title {padding-top:0} .order_carrier_content input { position:relative; top:1px } #carrierTable { border:1px solid #999; border-bottom:none; background:#fff; margin-top:20px; } #carrierTable tbody{ border-bottom:1px solid #999; } #carrierTable th { padding:0 15px; height: 29px; font-weight: bold; line-height:29px; color:#fff; text-transform:uppercase; background:#333 !important; text-align:left; } #carrierTable td { padding:15px; font-weight:bold; border-right:1px solid #e9e9e9 } #carrierTable td.carrier_price {border:none} #gift_div { display:none; padding-bottom:10px } #gift_div label { display:block; margin-bottom:5px } #gift_div #gift_message { height: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, #opc_account, #opc_delivery_methods, #opc_payment_methods { padding: 20px; } #order-opc h2 span { display:inline-block; padding:5px 7px; color:#fff; background:#333; } #order-opc #login_form fieldset { background: none repeat scroll 0 0 #FFFFE0; border: 1px solid #E6DB55; font-size: 13px; margin: 0 0 10px; padding: 10px; } #order-opc #login_form fieldset p {padding:0} #order-opc #login_form fieldset p a {padding:0} #order-opc #new_account_form p.submit { margin-right: 120px; text-align:right } #order-opc #new_account_form p.opc-required {margin-left:20px} #order-opc .addresses {margin-bottom:20px} #order-opc #opc_delivery_methods h3 {margin-top:20px;} #order-opc #opc_delivery_methods textarea { height:60px; width:755px; border:1px solid #ccc } #order-opc #opc_payment_methods {margin-bottom:20px} #order-opc #opc_payment_methods #opc_payment_methods-content p{margin:0} /* ************************************************************************************************ express checkout ************************************************************************************************ */ #new_account_form {clear:both; padding-top: 30px} #new_account_form h3 {margin:0 0 15px 0; padding:8px; font-size:14px; color:#fff; text-transform:uppercase; background:#000;} #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%;} /* ************************************************************************************************ GUEST TRACKING */ #guest-tracking fieldset {padding:20px;} #guest-tracking p.text {padding:10px;} /* ************************************************************************************************ 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 {} #add_adress fieldset { margin:0; border:1px solid #ccc; background:#F8F8F8 } #add_adress h3 { margin:0 0 15px 0; padding:8px; font-size:14px; color:#fff; text-transform:uppercase; background:#000 } #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 MANUFACTURER ************************************************************************************************ */ #manufacturer .nbrmanufacturer { margin: 15px 0 10px; padding: 8px 7px; font-size:12px; color: #000; background: none repeat scroll 0 0 #f0f0f0 } #manufacturer #product_list {margin-top:15px} ul#manufacturers_list {list-style-type:none} ul#manufacturers_list li { margin-bottom: 14px; padding: 12px 8px; border: 1px solid #eee; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; } ul#manufacturers_list li a.lnk_img { display: block; float: left; } ul#manufacturers_list li img { display: block; float: left; margin-right: 14px; border: 1px solid #ccc; vertical-align: bottom } ul#manufacturers_list li h3 { padding: 0 0 10px; font-size: 13px; color: #000 } ul#manufacturers_list li .description { overflow: hidden; padding: 0; font-size:12px; color:#666 } ul#manufacturers_list li .right_side {float:right;} /* ************************************************************************************************ PAGE SUPPLIER ************************************************************************************************ */ #supplier .nbrmanufacturer { margin: 15px 0 10px; padding: 8px 7px; font-size:12px; color: #000; background: none repeat scroll 0 0 #f0f0f0 } ul#suppliers_list {list-style-type:none} ul#suppliers_list li { margin-bottom: 14px; padding: 12px 8px; border: 1px solid #eee; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; } ul#suppliers_list li a.lnk_img { display: block; float: left; } ul#suppliers_list li img { display: block; float: left; margin-right: 14px; border: 1px solid #ccc; vertical-align: bottom } ul#suppliers_list li h3 { padding: 0 0 10px; font-size: 13px; color: #000 } ul#suppliers_list li .description { overflow: hidden; padding: 0; font-size:12px; color:#666 } ul#suppliers_list li .right_side {float:right;} /* ************************************************************************************************ PAGE SEARCH ************************************************************************************************ */ #search h3.nbresult { margin:0 0 10px 0; padding:10px; border:1px solid #e6db55; font-size:13px; background:#ffffe0 } #search ul.product_list {margin-top:15px} /* ************************************************************************************************ 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; float:right; } #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:220px; right:0; z-index:10003; height:34px; overflow:hidden;} #eb-header_user nav ul li {padding:4px 8px; float:right; display:block; text-transform:uppercase; border-right:1px solid #FFF; color:#999; text-align:right; font-size:10px;} #eb-header_user nav ul li a {display:block; color:#333; font-size:13px;} #eb-header_user nav ul li a:hover {color:#000; } /* cart */ #eb-header_user nav ul li#shopping_cart {background:#000;} #header_user #shopping_cart .ajax_cart_quantity { font-weight:bold; font-size:18px } #header_user #shopping_cart .ajax_cart_total { display:none !important; } /* 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: 10002;display:none; position: absolute; right: 0; top: 122px; height: auto; width: 250px; background:#000; border:1px solid #FFF; padding-bottom: 5px;} #cart_block.cart_block_hover {display:block} #cart_block h4 {display:none;} #cart_block .block_content {padding:8px; color:#999;} #cart_block #cart_block_summary {display:none} #cart_block .quantity-formated {display:inline-block;margin-right:5px;width:15px;} #cart_block .remove_link {float:right;display:inline-block; margin:1px 0 0 5px; height:12px;width:12px;} #cart_block .remove_link a {display:inline-block;height:12px;width:12px;background: url(../img/icon/eb-delete.gif) no-repeat 0 0;} #cart_block .price {float:right;} #cart_block #cart_block_list dl {padding-bottom:10px;} #cart_block #cart_block_list dt {color:#333; padding-top: 3px;} #cart_block #cart_block_list dt a {color:#333;} #cart_block #cart_block_list dt a:hover {color:#333;} #cart_block #cart_block_list hr {border-top: 1px dotted #b3ff00; margin: 0;} #cart_block #cart_block_list dd a {color:#ccc;margin-left:23px; display:block;} #cart_block #cart_block_list dd a:hover {color:#b3ff00;} #cart_block #cart-prices {line-height:20px; font-weight:bold; border-bottom:1px solid #b3ff00; color:#333; margin-bottom: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; padding-left:20px;} #cart_block_tax_cost {display:block; font-weight:normal;} /* ************************************************************************************************ SUB CATEGORIES PAGES ************************************************************************************************ */ #eb-subcategories {width:100%;} #eb-subcategories ul {} #eb-subcategories ul li {width:33%; float:left;display:block; position:relative; overflow:hidden; height:200px; 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 {color:#FFF; font-size:16px; text-align:center; margin: 0; line-height: 12px; text-transform:uppercase; font-weight:normal;} #eb-subcategories ul li header h1 a {display:block; background:#000; color:#FFF; padding: 5px;} #eb-subcategories ul li header h1 a:hover {color:#B3FF00;} #eb-subcategories ul li a {display:block} #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:8px;} #eb-subcategories article {padding:20px;} /* ************************************************************************************************ product LIST ************************************************************************************************ */ #eb-product-list { padding-bottom: 20px; width: 960px; } #eb-product-list ul {display:block;} #eb-product-list ul li {display:block; position:relative; 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;} #eb-product-list ul li img { /*min-width:100%;*/ } #eb-product-list ul li section {display:block; margin:23px 17px 0 17px;} #eb-product-list ul li section h1 {color:#FFF; font-size:16px; text-align:center; margin: 0; line-height: 12px; text-transform:uppercase; font-weight:normal;} #eb-product-list ul li section h1 a {display:block; background:#000; color:#FFF; padding: 5px;} #eb-product-list ul li section h1 a:hover {color:#B3FF00;} #eb-product-list ul li section div.eb-product-image { margin-top: 10px; text-align: center; } #eb-product-list ul li section div.eb-product-specials {position: absolute; bottom: 91px; right: 23px;} #eb-product-list ul li section div.eb-product-specials .discount, #eb-product-list ul li section div.eb-product-specials .on_sale {background:#B3FF00; padding:4px 5px; font-size: 12px; text-transform:uppercase;} #eb-product-list ul li section div.eb-product-price span {background:#000; color:#B3FF00; font-size:18px; text-align:right; font-weight:bold; padding: 5px 10px; border-left:6px solid #B3FF00; float:right;} #eb-product-list ul li section div.eb-product-links {color:#B3FF00; font-size:14px; text-transform:uppercase; text-align:center; padding:8px 0 15px 0; height:20px; overflow:hidden;} #eb-product-list ul li section div.eb-product-links a {color:#000; padding: 5px;} #eb-product-list ul li section div.eb-product-links a:hover {color:#B3FF00;} #eb-product-list ul li div.eb-product-shadow {width:100%; height:16px; background:url(../img/product-shadow.png) no-repeat center top; background-size:100% 16px;} /* BLOCK #social_block ************************************************************************* */ #social_block li {} #social_block li a {display:block;} #social_block li a span {width:16px; height:16px; float:left; margin: 4px 8px 0 0;} #social_block li a span.facebook {background:url(../img/social-icons.png) no-repeat 0 -20px;} #social_block li a span.twitter {background:url(../img/social-icons.png) no-repeat -20px -20px;} #social_block li a span.google {background:url(../img/social-icons.png) no-repeat -40px -20px;} #social_block li a span.pinterest {background:url(../img/social-icons.png) no-repeat -60px -20px;} #social_block li a span.youtube {background:url(../img/social-icons.png) no-repeat -80px -20px;} #social_block li a span.rss {background:url(../img/social-icons.png) no-repeat -100px -20px;} #social_block li a:hover span.facebook {background:url(../img/social-icons.png) no-repeat 0 0;} #social_block li a:hover span.twitter {background:url(../img/social-icons.png) no-repeat -20px 0;} #social_block li a:hover span.google {background:url(../img/social-icons.png) no-repeat -40px 0;} #social_block li a:hover span.pinterest {background:url(../img/social-icons.png) no-repeat -60px 0;} #social_block li a:hover span.youtube {background:url(../img/social-icons.png) no-repeat -80px 0;} #social_block li a:hover span.rss {background:url(../img/social-icons.png) no-repeat -100px 0;} /* Product Mobile Navigation */ #eb-mobile-nav {display:none; position:absolute; top:137px; left:20px;} /* Footer Newsletter */ #newsletter_block_left input[type="text"] {background: #444;border: 0 none;padding: 0 0 0 3px;color:#ccc;float:left;width:110px; height:27px; font-size:12px;} #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 {font-size:12px; text-transform:uppercase; color:#999; position: absolute; right: 10px; top: 10px;text-align: right;display:none} #eb-options a# {padding-right:6px;} #eb-options-trigger {} a#eb-options-trigger {color:#FFF; padding-right:5px;} a#eb-options-trigger:hover {color:#B3FF00} #eb-options-pop {display:none; float:right; background:#000; border:1px solid #FFF; height:18px; margin-left:10px; overflow:hidden;} #eb-options-pop a {color:#999;} #eb-options-pop a:hover {color:#B3FF00} #eb-options-pop a.eb-selected-lang, #eb-options a.eb-selected-currency {color:#FFF} #eb-options-pop ul {float:left; border-right:1px solid #FFF;} #eb-options-pop ul li {float:left; border-right:1px solid #FFF; padding:2px 8px;} #eb-options-pop ul li a {display:block;} #eb-options-pop ul li.eb-selected-lang {background:#B3FF00;} #eb-options-pop ul#eb-currency {border-right:none;} #eb-options-pop ul#eb-currency li:last-child {border-right:none;} /* Prodcut colors */ .our_price_display {background: #000; color: #B3FF00; border-left: 6px solid #B3FF00;} #reduction_percent span {background: #B3FF00;} .on_sale {background: #B3FF00; color: #000;} /* 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: #000; 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-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; } .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: #000; } .tipsy-arrow-s { border-top-color: #000; } .tipsy-arrow-e { border-left-color: #000; } .tipsy-arrow-w { border-right-color: #000; } .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; } /* flexslider Headings *********************************/ .flexslider h2 { position:absolute; top:50px; left:0; background:#000; color:#fff; padding:5px 20px; opacity: 0.8; font-size: 26px;} .flexslider h3 { position:absolute; top:92px; left:0; background:#B3FF00; color:#000; padding:5px 20px; opacity: 0.8; font-size: 20px;} /* 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;} /* PRODUCT FOOTER */ #eb-product-footer {padding:20px;} #eb-product-footer h2 {padding:0; border-bottom:2px solid #B3FF00; font-size:14px; color:#000; font-weight:normal; text-transform:uppercase; } #eb-product-footer > div {padding-bottom:20px; background:url(../img/big-shadow.png) no-repeat center top; background-size: 100% 16px; padding-top:20px;} /* 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 {display: block;background:#000; width:100%;color:#fff; font-size: 11px; text-transform:uppercase; padding:3px;} #crossselling_list li .price {display: block; background:#B3FF00; padding: 0 5px; font-weight: bold; text-align: right;} #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;} #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 ul li section a {background:url(../img/product-link.png) no-repeat center center; background-size:60%; display:block;} #eb-product-list ul li section div.eb-product-image a img, #eb-subcategories ul li section a 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 ul li section a:hover img, #crossselling li a:hover img {opacity:0.6;} #crossselling_scroll_left,#crossselling_scroll_right {background:none;} #crossselling_scroll_right {background-image:none;} } /* All Devices Queries */ @media only screen and (max-width: 999px) { #eb-header-wrapper, #eb-lower-header-wrapper, #eb-top-footer-wrapper, #eb-footer-wrapper, #eb-product-list, #eb-slider, .sf-contener, #eb-main-footer-wrapper {width:100%;} #eb-main-wrapper {width:95%;} #eb-header, #eb-footer {padding: 0 20px;} #eb-product-list ul li section {margin:15px;} #eb-product-list ul li section div.eb-product-specials {bottom: 105px; right: 15px;} } /* Tablet Only Queries */ @media only screen and (min-width: 481px) and (max-width: 786px) { #eb-product-list ul li {width:33%; } #eb-product-list ul li section {margin:5px;} #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:33%;} #eb-top-footer {min-height:40px;} #eb-footer-wrapper div div#social_block {min-height:150px;} #eb-subcategories ul li {width:50%; float:left;} #eb-subcategories ul li section a {width:100%; text-align:center;} #scenes_small {display:block;} #scenes {display:none;} #pagenotfound .pagenotfound {padding: 0 10px;} .flexslider h2 { position:absolute; top:10px; padding:5px 10px; font-size: 22px;} .flexslider h3 { position:absolute; top:47px; padding:5px 10px; font-size: 17px;} } /* Phone Only Queries */ @media only screen and (max-width: 530px) { #eb-mobile-nav {display:block;} #eb-options, #eb-header_user, #eb-top-nav, #search_block_top {display:none;} #eb-header, #eb-footer {padding: 0 10px;} #search_block_top {position:fixed; bottom:60px; left:0;} #cart_block {top:0; right:0;} #eb-footer {padding-bottom: 80px;} #eb-product-list ul li {width:50%; } #eb-product-list ul li section h1 {font-size: 13px;} #eb-product-list ul li section {margin:5px;} #eb-product-list ul li section div.eb-product-specials {bottom: 100px; right: 10px;} .blockcategories_footer, #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 {width:100%; padding:6px 0; text-align:center; border-bottom:1px solid #333;} #eb-lower-header {min-height:33px;} #eb-top-footer {min-height:25px;} #paiement_logo_block_left {text-align:center;} #eb-footer-wrapper div div {min-height:0px;} #eb-footer-wrapper div div#newsletter_block_left, #eb-footer-wrapper div div#paiement_logo_block_left {min-height:0px; height:60px;} #eb-subcategories ul li {width:100%; float:none;} #eb-subcategories ul li section a {width:100%; text-align:center;} #newsletter_block_left .inputNew {margin-left: 50px;} #create-account_form, #authentication #login_form {clear: none; float: none; height: auto; width: 100%;} #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:50px; width:100%; display:block; position:fixed; z-index:9999; bottom:0; left:0; border-top: 1px solid #888; background: #444444; background: -moz-linear-gradient(top, #444444 0%, #111111 50%, #000000 51%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(50%,#111111), color-stop(51%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #444444 0%,#111111 50%,#000000 51%,#000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #444444 0%,#111111 50%,#000000 51%,#000000 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #444444 0%,#111111 50%,#000000 51%,#000000 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #444444 0%,#111111 50%,#000000 51%,#000000 100%); /* W3C */ } #eb-phone-footer nav ul {width: 286px;margin: 0 auto;} #eb-phone-footer nav li a {display:block; padding-top:34px; width:70px; font:normal 9px Helvetica, Arial; text-transform:uppercase; text-align:center; float: left; position: relative; color: #FFF; border-right: 1px solid #555; border-left: 1px solid #222;} #eb-phone-footer nav li:first-child a {border-left:none;} #eb-phone-footer nav li:last-child a {border-right:none;} #eb-phone-footer nav li#login a{background: url(../img/phone-icons.png) no-repeat top left;} #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;} /* End Phone Footer */ .flexslider h2 { position:absolute; top:10px; padding:5px 10px; font-size: 18px;} .flexslider h3 { position:absolute; top:42px; padding:5px 10px; font-size: 14px;} } /* 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:2147483647; 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;} /*jordiob.com */ .sf-contener { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; } .sf-menu { float: none !important; margin: 0 auto !important; width: 970px !important; } .sf-menu a { background: none repeat scroll 0 0 #FFFFFF; border-radius: 4px 4px 4px 4px; margin: 0 4px !important; padding: 2px 30px 0 6px !important; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu li.sfHoverForce, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: transparent !important } .sf-menu ul, .sf-menu ul a, .sf-menu ul li:hover, .sf-menu ul li.sfHover, .sf-menu ul li.sfHoverForce, .sf-menu ul a:focus, .sf-menu ul a:hover, .sf-menu ul a:active { background: none repeat scroll 0 0 #FFFFFF !important; border-radius: 0 !important; } body#index #eb-product-list h1 a, body#category #eb-product-list h1 a, body#search #eb-product-list h1 a, .cat_name {background:#30807F !important;border-radius:4px} body#index #eb-product-list h1 a:hover, body#category #eb-product-list h1 a:hover, body#search #eb-product-list h1 a:hover, .cat_name:hover {color:#000 !important} body#index .eb-product-links, body#category .eb-product-links, body#search .eb-product-links {background:#f5f5f5 !important} body#index .eb-product-links a, body#category .eb-product-links a, body#search .eb-product-links a {color:#000 !important} #editorial_block_center a {text-decoration:underline} #editorial_block_center p {font-size:13px} #editorial_block_center { background: none repeat scroll 0 0 #fff; margin: 0 auto; padding: 20px; width: 920px; } body#index #eb-product-list { margin: 0 auto; } body#index #editorial_block_center h1 { font-size: 24px; line-height: 22px; margin: 0 auto 20px; width: 960px; } body#index .rte { line-height: 2em; margin: 0 auto; width: 920px; } .centrarEditorial {margin:0 auto;width:960px} body#product hgroup h1 {background:#30807F !important;border-radius:4px} .titular { float: left; font-size: 24px; font-weight: bold; line-height: 22px; margin: 0 auto; padding: 22px 22px 0; width: 960px; } body#order-opc h3, #opc_payment_methods-content {color:#333333 !important} .order_carrier_content {color:#333333 !important} #infoadicional { float: left; padding: 14px 24px; width: 960px; } #infoadicional li { float: left; font-size: 14px; margin-right:6px; text-transform: uppercase; } #infoadicional li section p a span { float: left; height: 16px; margin: 2px 8px 0 0; width: 16px; } #infoadicional li section p a:hover {color:#000} #infoadicional li section p:after {content:" |"} #infoadicional li section p a span.facebook {background:url(../img/social-icons.png) no-repeat 0 -20px;} #infoadicional li section p a span.twitter {background:url(../img/social-icons.png) no-repeat -20px -20px;} #infoadicional li section p a span.pinterest {background:url(../img/social-icons.png) no-repeat -60px -20px;} #infoadicional li section p a span.google {background:url(../img/social-icons.png) no-repeat -40px -20px;} #infoadicional li section p a:hover span.facebook {background:url(../img/social-icons.png) no-repeat 0 0;} #infoadicional li section p a:hover span.twitter {background:url(../img/social-icons.png) no-repeat -20px 0;} #infoadicional li section p a:hover span.pinterest {background:url(../img/social-icons.png) no-repeat -60px 0;} #infoadicional li section p a:hover span.google {background:url(../img/social-icons.png) no-repeat -40px 0px;} #editorial_block_center {display:none} body#index #editorial_block_center {display:block !important} body#index #eb-main-wrapper,body#category #eb-main-wrapper {width:960px !important;padding:0 0 30px 0 !important} body#product #eb-main-wrapper {width:960px !important;padding:30px 0 30px 0 !important} .logo { max-height: 277px !important; max-width: 930px !important; } .mc_merge_var label { float: left; padding: 10px 0; width: 100px; } .mc_input { background: none repeat scroll 0 0 #F5F5F5; border: 1px solid #CCCCCC; border-radius: 4px 4px 4px 4px; float: left; height: 20px; margin: 0 10px 0 0; padding: 10px; width: 250px; } .mc_merge_var {clear:both} #mc-embedded-subscribe { clear: both; padding: 10px 0; }