/* ################################################################################################## 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: "20"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* ************************************************************************************************ struture ************************************************************************************************ */ body {background: url(../img/bg-main.gif) #eee; font: 14px Arial, sans-serif; color:#666;} #eb-page {border-top:10px solid #000000; border-bottom:20px solid #000000; -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:960px; 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;} .shadow-fix {width:100%; height:11px; background:url(../img/shadow-divider.png) top center no-repeat; position:absolute; z-index:10;} #eb-main-wrapper {position:relative;width:960px; min-height:300px; margin:-11px auto 0 auto; overflow:hidden;} #eb-main-wrapper-fix {padding:20px; 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:960px; margin:30px auto; overflow:hidden;} #eb-top-footer-wrapper > div {width:24%; margin-right:1%; float:left;} #eb-footer {z-index:4} /* ************************************************************************************************ generic style ************************************************************************************************ */ body{ } /* 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 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:#666; text-decoration:none; outline:none;} a:hover {text-decoration:none; color:#000000;} /*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: #000; background:#transparent; font-size: 12px; padding: 10px 20px; cursor: pointer; text-transform:uppercase; font-weight:bold; border:1px solid #transparent; -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:#000000; text-shadow: none; border:1px solid #000000;} 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:#000000; 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:5px 10px; -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 { color: #E6620D; /*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; width:166px !important; height:26px !important; line-height:26px;} div.select {position:relative;float:left; margin-right:5px;} div.select label {display:block; padding: 0 0 5px 10px; color:#999;} /* 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:url(../img/bg_select.png) no-repeat top left; cursor:default; z-index:1; overflow:hidden;} 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 #999; } /* BLOCK .block ******************************************************************************** */ .block {margin-bottom:20px} #eb-footer .block {margin-bottom:0} .block h4 { padding: 10px 0; font-size:14px; text-transform:uppercase; color: #000000; } .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: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;} .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 0 0 10px; color:#000; border:1px solid #ccc;} form.pagination {float:left;} /* pagination ********************************************************************************** */ div.pagination {margin:10px 0; text-align: center;} ul.pagination {list-style-type:none} ul.pagination li {display: inline; margin:0 2px;} 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:#000000; color:#fff; text-align:center;} ul.pagination a:hover {background:#CCC; color:#333;} ul.pagination .current span {color:#000;} 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 {height:35px; width:100%; margin-bottom:20px; background-color:#000000; -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:#666} 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: 124px;} #eb-header-wrapper {position:relative; width:960px; margin:0 auto;} #header_logo {float:left;display:block; padding-top:30px;} /* ************************************************************************************************ BREADCRUMB ************************************************************************************************ */ .breadcrumb {margin-bottom:20px;font-size:12px;} .breadcrumb a {color:#777;} .breadcrumb a:hover {color:#111;} .breadcrumb .navigation-pipe {margin:0 3px 0 5px; color:#cc0000; font-weight:bold;} #cms .breadcrumb {display:none;} /* ************************************************************************************************ ************************************************************************************************ */ #eb-footer {} #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:33%;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:#000000;} #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-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;} /* ************************************************************************************************ 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; 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; border-bottom:1px solid #227c96; border-top:1px solid #CCC;border-left:1px solid #CCC;border-right: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; border-top:1px solid #227c96;border-left:1px solid #227c96;border-right:1px solid #227c96} .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 #227c96; 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} .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:12px; 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; overflow:hidden; } 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 { line-height: 16px; color:#227C96; 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:-12px -12px 0 -12px; font-weight:bold; color:#fff; text-transform:uppercase; background:#000000 } .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:#dcdcdc !important;} .voucher_name {cursor:pointer;} .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: 48%; margin:1%; background:#eee;} #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; 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 {} #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; 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:0; right:88px; z-index:102; height:34px; overflow:hidden;} #eb-header_user nav ul li {background:#000000; padding:4px 8px; float:left; display:block; text-transform:uppercase; color:#ccc; text-align:right; font-size:10px; margin-left:2px; height:25px; -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;} #eb-header_user nav ul li a {display:block; color:#FFF; font-size:13px;} #eb-header_user nav ul li:hover {background:#EEE; color:#333;} #eb-header_user nav ul li:hover a {color:#333;} /* 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: 5px; -webkit-border-radius:5px; border-radius:5px;} #cart_block.cart_block_hover {display:block} #cart_block_no_products {padding: 10px 5px; 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; position:absolute; top:26px; right:5px;} #cart_block .remove_link a {height:18px;width:18px; display:block; background: url(../img/icon/cart-delete.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 .remove_link a:hover {background-color: #000000;} #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: #000000;} #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.clearfix{width:33%; float:left;display:block; position:relative; overflow:hidden; height:260px; 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.clearfix2{width:25%; float:left;display:block; position:relative; overflow:hidden; height:40px;} #eb-subcategories ul li header h1 {font-size:16px; margin: 0;} #eb-subcategories ul li header h1 a {display:block; text-transform:capitalize;} #eb-subcategories ul li header h1 a:hover {color:#000000;} #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:8px;} #eb-subcategories article.clearfix {padding:20px;} #eb-subcategories article.clearfix2 {padding:5px;} /* ************************************************************************************************ 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;} /* ************************************************************************************************ product LIST ************************************************************************************************ */ #index #eb-product-list {margin-top:20px;} #eb-product-list {width:100%;} #eb-product-list ul {display:block;} #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;} #eb-product-list ul li img {-webkit-border-radius: 3px; border-radius: 3px;} #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: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); -webkit-border-radius: 3px; border-radius: 3px;} #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: 20px; text-transform:capitalize;} #eb-product-list ul li section h1 a {display:block; color:#333; font-size:12px; font-weight:bold;} #eb-product-list ul li section h1 a:hover {color:#000000;} #eb-product-list .eb-product-price {margin-left:5px;} #eb-product-list .ajax_add_to_cart_button {background:url(../img/add-cart.png) no-repeat top center #000000; width:33px; height:33px; float:left; margin:13px; display:block; text-indent:-9000px; -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;} #eb-product-list .ajax_add_to_cart_button:hover {background:url(../img/add-cart.png) no-repeat bottom center #000000;} #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-list .view-product {background:url(../img/view-product.png) no-repeat top center #000000; width:33px; height:33px; float:left; margin:13px; display:block; text-indent:-9000px; -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;} #eb-product-list .view-product:hover {background:url(../img/view-product.png) no-repeat bottom center #000000;} .eb-product-links {display: block; width: 25%; float: left;} .eb-product-text {float:left; margin-top: 6px; width:75%;} #eb-product-list ul li section div.eb-product-specials {} .eb-product-specials span {position:absolute; background:#transparent; color:#cc0000; padding:2px 45px;} .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:60px; right:0; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;} #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 #000000; color: #fff; text-transform: uppercase; font-weight: bold; border: 1px solid #000000; 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:#000000; 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: block; 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:#000000;} #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;} /* BLOCK #social_block ************************************************************************* */ #eb-social {position:absolute; top:50px; right:0; text-align: right;} #eb-social h4 {font-size:18px; 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:absolute; } /* 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:#000000; 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:#000000} #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:#000000; 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: #000000; 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: #000000; } .tipsy-arrow-s { border-top-color: #000000; } .tipsy-arrow-e { border-left-color: #000000; } .tipsy-arrow-w { border-right-color: #000000; } .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;} #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;} } /* All Devices Queries */ @media only screen and (max-width: 999px) { #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%;} } /* Tablet Only Queries */ @media only screen and (min-width: 531px) and (max-width: 786px) { #eb-product-list ul li {width:33%; } #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;} .eb-nav li a {padding: 0 10px;} #eb-top-footer-wrapper > div {width:32%;} } /* Phone Only Queries */ @media only screen and (max-width: 530px) { #eb-main-wrapper-fix {padding:20px 5px;} #eb-mobile-nav {display:block; left:25%;} #eb-options, #eb-header_user, #eb-layout, #eb-home-promos, #eb-social {display:none;} #header_logo {padding-top:10px; max-height:100px; overflow:hidden; text-align:center; float:none;} table.std, table.table_block {width:auto;} table#cart_summary .cart_product {padding:0; width:0;} #cart_quantity_button {display:none;} #search_block_top {position:fixed; bottom:60px; left:0;} #cart_block {top:0; left:15%;} #eb-footer {padding-bottom: 80px;} #eb-product-list ul li section h1 {font-size: 14px;} #eb-product-list ul li {width:50%; } #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-top:0;} .eb-manufacturer-image {width: 100%;} .eb-manufacturer-text {width:90%; text-align:center;} .eb-manufacturer-desc {text-align:left; padding-bottom:15px;} .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 #ccc;} #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-top-footer-wrapper > div {width:100%; margin-right:0;} #eb-subcategories ul li {width:100%; float:none;} #eb-subcategories ul li section a {width:100%; text-align:center;} #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:45px; width:100%; display:block; position:fixed; z-index:9999; bottom:0; left:0; background: #000000; -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;} #eb-phone-footer nav ul {width: 286px; height:45px; margin: 0 auto; } #eb-phone-footer nav li a {display:block; padding:30px 0 10px 0; width:70px; font:normal 9px Helvetica, Arial; text-transform:uppercase; text-align:center; float: left; position: relative; color: #FFF; border-left: 1px solid #fff;} #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 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;} 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; } /* 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;} #old_price_display { font-size:14px; }