html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; padding: 0; * { -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-background-origin: padding; -webkit-background-origin: padding-box; background-origin: padding-box; } } body { margin: 0; padding: 0; min-height: 100%; background: @color_bg; color: @color_text; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog { display: block; } audio[controls], canvas, video { display: inline-block; *display: inline; zoom: 1; } body, button, input, select, textarea { font-family: 16px/1.625 @font_base; *font-size: 1em; } div, p, blockquote, q, pre, address, hr, code, samp, dl, ol, ul, form, table, fieldset, menu, h4, h5, h6, img { margin: 0; padding: 0; font-family: @font_base; } a { text-decoration: none; color: @color_link; cursor: pointer; border: none; outline: none; &:hover { text-decoration: underline; } &:focus, &:hover, &:active { outline: none; } &:active { color: @color_alink; } &:hover { color: @color_hlink; } &:visited { color: @color_vlink; } img { border: none; outline: none; text-decoration: none; } } abbr[title], dfn[title] { border-bottom: 1px dotted #333333; cursor: help; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } mark { background: #ffff00; color: #000000; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: "courier new", monospace; font-size: 1em/1.625em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } blockquote, q, cite { quotes: none; font-style: italic; padding-left: 1.625em; border-left: 3px solid #cccccc; } blockquote > p { padding: 0; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } sub, sup { font-size: 0.625em; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { list-style-position: inside; margin: 1em 0; padding: 0; } nav ul, nav ol { list-style: none outside; } li ul, li ol { margin: 0 1.625em; } dl dd { margin-left: 1.625em; } img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } figure, form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } legend { border: 0; *margin-left: -7px; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } input[type="text"], input[type="password"], select, option, textarea { background: @color_form_bg; color: @color_form; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } fieldset, input, select, textarea, :focus { outline: none; } button::-moz-focus-inner { outline: none; } input[type="reset"]::-moz-focus-inner { border: none; outline: none; } input[type="button"]::-moz-focus-inner { outline: none; } input[type="submit"]::-moz-focus-inner { outline: none; } input[type="file"] > input[type="button"]::-moz-focus-inner { outline: none; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; width:100%; } th, td { text-align: left; } tr, th, td { padding-right: 1.625em; border-bottom: 1px solid #e1ddd5; } h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: bold; font-family: sans-serif; } h1 { font-size: 4.25em; // 68px line-height: 1.1471em; margin: 0 0 0.3824em; } h2 { font-size: 2.625em; // 42px line-height: 1.2381em; margin: 0 0 0.619em; } h3 { font-size: 1.625em; // 26px line-height: 1em; margin: 0 0 1em; } small { font-size: 0.625em; // 10px margin: 0 0 2.6em; } ins, mark { text-decoration: none; } mark { background: #ffff00; } ins { background: #ffff99; } del { text-decoration: line-through; } strong, b, dt { font-weight: bold; } dfn { font-style: italic; } var, address { font-style: normal; } .cf:before, .cf:after, .clearfix:before, .clearfix:after { content: ""; display: table; } .cf:after, .clearfix:after { clear: both; } .cf, .clearfix { *zoom: 1; } .left { float: left; } .right { float: right; } .auto { overflow: auto; } .flex { -moz-box-flex: 1.0; -webkit-box-flex: 1.0; box-flex: 1.0; display: block; } .noflex { -moz-box-flex: 0.0; -webkit-box-flex: 0.0; box-flex: 0.0; display: block; } .vbox { display: -webkit-box; display: -moz-box; display: box; -moz-box-orient: vertical; -webkit-box-orient: vertical; box-orient: vertical; -moz-box-align: stretch; -webkit-box-align: stretch; box-align: stretch; height: 100%; } .hbox { display: -webkit-box; display: -moz-box; display: box; -moz-box-orient: horizontal; -webkit-box-orient: horizontal; box-orient: horizontal; -moz-box-align: stretch; -webkit-box-align: stretch; box-align: stretch; width: 100%; } .cbox { display: -webkit-box; display: -moz-box; display: box; -moz-box-pack: center; -webkit-box-pack: center; box-pack: center; -moz-box-align: center; -webkit-box-align: center; box-align: center; width: 100%; } .hidden, .block_hidden_only_for_screen { display: none; } #privatesales_block{ #create-account_form, #login_form{ border: 0 none; box-shadow: none; padding: 15px; width: 315px; background: none; } #login_form{ p.submit { margin-top: 15px !important; } } #create-account_form{ p.text{ padding: 10px 10px 10px 45px !important; } ul { margin: 0px 10px 10px 42px; } fieldset p.submit { padding-top: 0 !important; } } .modalbox_shadow { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 800; } .modalbox_login { background: url("../img/bg_lightbox.png") no-repeat; border-radius: 10px; height: 374px; left: 50%; margin-left: -373px; position: fixed; top: 15%; width: 746px; z-index: 900; .close_button{ display: none !important; } h2.modal_title { background-color: rgba(255, 255, 255, 0.5); border: 0 none; border-radius: 10px 10px 0 0; font-size: 26px; font-style: normal; font-weight: normal; line-height: 18px; margin: 0; padding: 20px 0; text-align: center; text-shadow: 0 1px 0 #FFFFFF; width: 100%; } h3{ font-size: 22px; font-style: italic; font-weight: normal; line-height: 1.5em; margin-bottom: 16px; margin-left: 44px; margin-top: 38px; padding: 0 0 5px; text-indent: 6px; text-shadow: 0 1px 0 #FFFFFF; width: 250px; padding: 0 !important; } .close_button { background: url("../img/close.png") no-repeat scroll center center rgba(0, 0, 0, 0); display: block; height: 15px; position: absolute; right: 15px; text-align: center; top: 15px; width: 15px; } form { background: none; border: 0 none; margin: 0; } form#login_form { border-radius: 0 0 0 10px; p.submit{ a{ float: right; margin: 0; } } } #SubmitCreate{ background-position: right 9px !important; padding: 8px 40px 8px 20px !important; } form#create-account_form { border-radius: 0 0 10px; } form#create-account_form input.button_large { margin-top: 15px; } } } .cart_info_picto{ height: 30px; line-height: 30px; font-size: 13px; margin:5px; padding:5px 0px; padding-left: 40px; border-bottom: 1px solid #CAC7BF; } .cart_voucher_display{ background: url('../img/picto_percent.png') no-repeat left center; .cart_info_picto } .shipping-calculate{ background: url('../img/picto_carrier.png') no-repeat left center; .cart_info_picto } .economy{ background: url('../img/picto_euro.png') no-repeat left center; .cart_info_picto } .text_block2{ clear: both; overflow: hidden; } #best-sellers_block_right{ .block_content{ .item{ border-bottom: 1px solid #ccc; float: left; margin: 0 10px; padding: 5px 0; &:last-child{ border-bottom:0; } .img_sellers{ float: left; width: 80px; text-align: center; } .info_sellers{ float: left; padding: 5px; width: 90px; .product_link_sellers{ color: #000; font-style: italic; &:hover{ color: #796DC7; } } .reduction{ clear: both; display: block; span{ font-size: 13px; color: #ccc; font-family:Georgia; } .price{ font-size: 13px; font-family:Georgia; color: #E26EA2; } } } } } }