/*****************************************/ /*GENERAL*/ html {font-family:Arial;font-size:12px;color:#666666;} body {background:#efefef url(../images/site-shadow.png) center 0 repeat-y;} h1, h2, h3, h4, h5 {font-weight:bold;color:#00a0af;} h1 {font-size:18px;} h2 {font-size:16px;} h3 {font-size:14px;} h4 {font-size:13px;} h5 {font-size:12px;} a {color:#00a0af;text-decoration:none;outline:none;} a:hover {color:#000000;} /*a:visited {color:#999999;}*/ a.promo {color:#ef4135;} a.promo:visited {color:#f28b84;} .hide {display:none;} p {padding:5px 0;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} /*****************************************/ /*****************************************/ /*box avec 20px de padding*/ .box {padding:20px;background-color:#f0fbfc;} .tr-corner {-moz-border-radius-topright:7px;-webkit-border-top-right-radius:7px;} .tl-corner {-moz-border-radius-topleft:7px;-webkit-border-top-left-radius:7px;} .readonly {background-color:#f6f6f6;} /*****************************************/ /*****************************************/ /*FORM*/ input.text {height:17px;border:1px solid #999999;padding:3px;} textarea {padding:3px;border:1px solid #999999;} select {border:1px solid #999999;} ul.form li label span.mandatory {color:#00a0af;} ul.form li span.checkbox {width:100%;overflow:hidden;} ul.form li span.checkbox input {float:left;margin-right:7px;} ul.form li.error label, ul.form li label.error {color:#ef4135;} input.error, ul.form li.error input, ul.form li.error textarea, ul.form li.error select {background-color:#f28b84;border: 1px solid #999;} ul.form li.error span.checkbox input, ul.form li.error span.radio input, ul.form li.error input[type=checkbox] {background-color:Transparent;} ul.form ul.checkbox label {color:inherit;} ul.form li.readonly label {color:#999999;} ul.form li.readonly input, ul.form li.readonly select {background-color:#d6d5d9;color:#999999 !important;} /*****************************************/ /*****************************************/ /*BOUTON*/ .btn {position:relative;display:inline-block;height:30px;overflow:visible;padding:0 6px;font-weight:bold;color:#00a0af;text-align:left;} .btn .bl, .btn .br, .btn .b-bd {cursor:pointer;} .btn .bl, .btn .br {position:absolute;overflow:hidden;top:0;width:6px;height:30px;background-image:url(../images/btn-corner.png);background-repeat:no-repeat;display:inline-block;} .btn .bl {background-position:0 0;left:0;} .btn .br {background-position:-6px 0;right:0;} .btn .b-bd {background:url(../images/btn-bd.png) 0 0 repeat-x;height:23px;display:inline-block;width:auto;padding:7px 5px 0 5px;} a.btn:hover .bl {background-position:0 -30px;} a.btn:hover .br {background-position:-6px -30px;} a.btn:hover .b-bd {background-position:0 -30px;color:#ffffff;} /*BOUTON SUR 2 LIGNES*/ .btn2lines {position:relative;display:inline-block;height:42px;overflow:visible;padding:0 6px;font-weight:bold;color:#00a0af;text-align:left;} .btn2lines .bl, .btn2lines .br, .btn2lines .b-bd {cursor:pointer;font-size:12px;} .btn2lines .bl, .btn2lines .br {position:absolute;overflow:hidden;top:0;width:6px;height:42px;background-image:url(../images/btn-corner-2lines.png);background-repeat:no-repeat;display:inline-block;} .btn2lines .bl {background-position:0 0;left:0;} .btn2lines .br {background-position:-6px 0;right:0;} .btn2lines .b-bd {background:url(../images/btn-bd-2lines.png) 0 0 repeat-x;height:36px;display:inline-block;width:auto;padding:6px 5px 0 5px;} a.btn2lines:hover .bl {background-position:0 -42px;} a.btn2lines:hover .br {background-position:-6px -42px;} a.btn2lines:hover .b-bd {background-position:0 -42px;color:#ffffff;} /*****************************************/ /*****************************************/ /*CONTAINER*/ #no-script-error {width:100%;padding:15px 0;background-color:#ed1c24;text-align:center;position:absolute;z-index:9999;color:#ffffff;font-size:12px;} #no-script-error span.alert {display:inline-block;background:url(../images/no-script-alert.png) 0 0 no-repeat;width:20px;height:17px;padding-right:8px;} /*****************************************/ /*****************************************/ /*CONTAINER*/ #container {position:relative;width:950px;padding:0 26px 0 27px;background-color:#ffffff;margin:0 auto;} /*****************************************/ /*****************************************/ /*SPLASH PAGE*/ #splash {position:relative;width:698px;height:278px;margin:0 auto;background:url(../images/splash-bg.png) 0 0 no-repeat;overflow:hidden;} #splash h1 {position:absolute;width:126px;height:112px;top:70px;left:38px;text-indent:-3000px;background:url(../images/splash-logo.png) 0 0 no-repeat;} #splash .welcome {position:absolute;width:202px;height:126px;background:url(../images/splash-sep.gif) 0 0 no-repeat;padding:16px 20px 0 31px;} #splash .welcome h2 {text-indent:-3000px;width:109px;height:17px;background-image:url(../images/lbl-welcome-splash.png);background-repeat:no-repeat;overflow:hidden;} #splash .welcome p {padding:10px 0 30px 0;color:#666666;font-weight:bold;} #splash .welcome li.error input {color:#333333;} #splash .welcome input {width:105px;color:#999999;font-size:11px;font-weight:bold;border-color:#666666;padding-bottom:2px;} #splash .welcome input.query {color:#666666} #splash .welcome .enter {display:inline-block;text-indent:-3000px;height:24px;background-image:url(../images/btn-enter-splash.png);background-repeat:no-repeat;position:absolute;top:0px;left:116px;} #splash .country-ext {padding-top:30px;font-size:11px;} #splash .country-ext a {font-weight:bold;} #splash #fr {top:58px;left:190px;} #splash #fr h2 {background-position:0 0;} #splash #fr .enter {width:75px;background-position: 0 0;} #splash #en {top:58px;left:443px;} #splash #en h2 {background-position:0 -17px;} #splash #en .enter {width:67px;background-position: 0 -24px;} #splash #flip-client {width:347px;height:32px;position:absolute;display:block;text-indent:-3000px;background:url(../images/business-client-link.png) 0 0 no-repeat;bottom:6px;left:177px;} /*business client*/ #business-client {display:none;position:relative;width:698px;height:318px;margin:0 auto;background:url(../images/splash-bg.png) 0 0 no-repeat;overflow:hidden;} #business-client h1 {position:absolute;width:126px;height:112px;top:70px;left:38px;text-indent:-3000px;background:url(../images/splash-logo.png) 0 0 no-repeat;} #business-client .welcome {position:absolute;width:197px;height:142px;background:url(../images/splash-sep.gif) 0 0 no-repeat;padding:0 25px 0 31px;} #business-client .welcome h2 {text-indent:-3000px;width:188px;height:17px;background-image:url(../images/lbl-welcome-business-splash.png);background-repeat:no-repeat;overflow:hidden;} #business-client .welcome p {padding:10px 0 0 0;height:43px;color:#666666;font-weight:bold;} #business-client .welcome input {width:105px;margin-bottom:5px;color:#999999;font-size:11px;font-weight:bold;border-color:#666666;padding-bottom:2px;} #business-client .welcome input.query {color:#666666} #business-client .welcome .enter {display:inline-block;text-indent:-3000px;height:24px;background-image:url(../images/btn-enter-splash.png);background-repeat:no-repeat;position:absolute;top:82px;left:150px;} #business-client .welcome .bottom-link {display:block;color:#999999;font-size:11px;text-decoration:underline;} #business-client #fr {top:58px;left:190px;} #business-client #fr h2 {background-position:0 0;} #business-client #fr .enter {width:75px;background-position: 0 0;} #business-client #en {top:58px;left:443px;} #business-client #en h2 {background-position:0 -17px;} #business-client #en .enter {width:67px;background-position: 0 -24px;} #business-client #flip-business {width:347px;height:32px;position:absolute;display:block;text-indent:-3000px;background:url(../images/public-client-link.png) 0 0 no-repeat;bottom:46px;left:177px;} #business-client #region {width:520px;overflow:hidden;position:absolute;bottom:0;left:105px;} #business-client #region li {float:left;padding-right:10px;} #business-client #region li.on {padding-left:20px;} #business-client #region li a {color:#ffffff;font-size:10px;} /*safari*/ /*****************************************/ /*****************************************/ /*LOGIN PANEL*/ #login-panel {margin-left:auto;margin-right:auto;position:absolute;top:0;width:960px;z-index:999;margin-left:-5px;} #login-content {position:relative;width:960px;height:98px;display:none;margin-bottom:-6px;} #login-content .left {width:30px;background:url(../images/login-panel-corner-left.24.png) 0 0 no-repeat;height:98px;position:absolute;left:0px;} #login-content .right {width:30px;background:url(../images/login-panel-corner-right.24.png) 0 0 no-repeat;height:98px;position:absolute;right:0;top:0;} #login-content .bd {background:url(../images/login-panel-bg.24.png) 0 bottom repeat-x;height:98px;margin:0 30px;} #login-content .bd .ie {position:relative;} #login-content .bd .info {position:absolute;top:5px;left:116px;} #login-content .bd .info .invalid-credential {display:none;color:#ff0000;font-weight:bold;} #login-content .bd .info .loader {display:none;} #login-content .bd input.text {border-color:#00a0af;} #login-content .bd ul {padding-left:116px;} #login-content .bd ul.form {padding-top:33px;} #login-content .bd ul li {float:left;} #login-content .bd ul li.email, #login-content .bd ul li.remember-info {width:371px;} #login-content .bd ul li .remember label {padding-left:5px;font-size:11px;color:#00a0af;} #login-content .bd ul li.no-account {padding-left:15px;} #login-content .bd ul.form li label {font-weight:bold;color:#333333;} #login-content .bd ul.options {padding-top:5px;} #login-content .bd ul.options li.password a, #login-content .bd ul.options li.no-account a {font-size:11px;} #login-content .bd .btn {position:absolute;top:30px;left:730px;} #connection, #connection a {font-size:11px;font-weight:bold;} #connection {position:relative;color:#333333;top:0;overflow:hidden;width:950px;z-index:10;} #connection ul {padding:0 18px;clear:right;display:block;float:right;font-weight:bold;height:38px;line-height:38px;margin:0;position:relative;right:382px;text-align:center;width:auto;} #connection li {float:left;background:url(../images/connection-bd.24.png) 0 bottom repeat-x;font-size:11px;} #connection li.left, #connection li.right {position:absolute;width:18px;height:38px;} #connection li.left {left:0px;background:url(../images/connection-corner-left.24.png) 0 0 no-repeat;} #connection li.right {right:0px;background:url(../images/connection-corner-right.24.png) 0 0 no-repeat;} #connection li.bd div.info {position:relative;top:-4px;} #connection li#toggle a {padding-left:12px;margin-left:11px;background:url(../images/connection-sep.gif) 0 0 no-repeat;} #connection li#toggle a.close {display:none;} #connection li#not-you div {padding-left:12px;margin-left:11px;background:url(../images/connection-sep.gif) 0 10px no-repeat;} #connection .login-account-name {position:relative;padding:5px 0 5px 12px;margin-left:9px;background:url(../images/connection-sep.gif) 0 3px no-repeat;} #connection.panel-open-left li {background-image:url(../images/connection-bd-open.24.png);} #connection.panel-open-left li.left {background-image:url(../images/connection-corner-left-open.24.png);} #connection.panel-open-left li.right {background-image:url(../images/connection-corner-right-open.24.png);} /*****************************************/ /*****************************************/ /*HEADER*/ #header {position:absolute;top:0px;left:27px;height:107px;width:950px;} #logo {display:block;width:316px;height:87px;background:url(../images/logo.png) 0 0 no-repeat;text-indent:-3000px;position:absolute;top:15px;left:15px;} /*****************************************/ /*****************************************/ /*HEADER TOP NAVIGATION*/ #nav-a {position:absolute;overflow:hidden;right:0px;display:inline-block;width:auto;} /*top navigation*/ #nav-top {position:relative;float:left;padding:8px 0 0 12px;overflow:hidden;margin-right:-22px;z-index:999;} #nav-top a {color:#666666;font-size:11px;} #nav-top ul {position:relative;display:inline;overflow:hidden;} #nav-top li {float:left;} #nav-top li a {display:block;background:url(../images/nav-top-border.gif) right 3px no-repeat;margin-right:10px;padding-right:12px;} /*****************************************/ /*****************************************/ /**HEADER SECOND NAVIGATION WITH SEARCH BOX*/ #nav-b {position:absolute;top:57px;right:0;} #nav-b li {float:left;} #nav-b #cart a, #nav-b #faq a {display:block;height:21px;padding:12px 15px 5px 15px;font-weight:bold;color:#fff;} #nav-b #faq a {background:url(../images/faq-bg.gif) repeat-x;} #nav-b #faq a:hover {color:#000;} #nav-b #cart a {margin-right:1px;background:url(../images/cart-hd.png) 0 0 no-repeat;padding-left:48px;} #nav-b #cart a:hover {background-position:0 -38px;} #nav-b #search {position:relative;background:url(../images/search-bg.gif) 0 0 no-repeat;width:268px;height:38px;padding:0;} #nav-b #search input {border:1px solid #c2eaee;font-size:11px;color:#666666;padding:4px 7px 3px 7px;width:167px;margin:7px 0 0 6px;} #nav-b #search input.query {color:#333333;} #nav-b #search a {position:absolute;top:7px;display:inline-block;text-indent:-3000px;} /*****************************************/ /*****************************************/ /**HEADER PROMO SHIPPING BOX*/ #promo-livraison {position:absolute;right:0;top:32px;} #promo-livraison a {color:#ee1c25;padding:0 0 0 40px;background:url(../images/promo-livraison-bg.png) 0 0 no-repeat;display:block; height:20px;} /*****************************************/ /*****************************************/ /**HEADER SEARCH RESULT */ /*autocomplete*/ .ac_results { padding: 0px; border: 1px solid #999999; background-color: white; overflow: hidden; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; color:#00A0AF; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; } .ac_results li strong {font-weight:bold;} .ac_loading { background: white url('indicator.gif') right center no-repeat; } .ac_odd { /*background-color: #eee;*/ } li.ac_over { background-color: #e6e5e5; color: #666666; } #search-result {position:absolute;top:93px;right:89px;border:1px solid #999999;background-color:#ffffff;z-index:20;min-width:235px;} #search-result ul {} #search-result li {overflow:hidden;} #search-result li.sep {margin-top:15px;} #search-result li a {padding:2px 7px 3px 7px;display:block;overflow:hidden;} #search-result li a:hover {background-color:#e6e5e5;} #search-result li a strong {font-weight:bold;} /*****************************************/ /*****************************************/ /*MAIN NAVIGATION*/ /*width are statics - local.css to change width of each sub nav*/ #nav {position:absolute;top:107px;width:950px;} #nav ul {height:45px;} #nav li {float:left;position:relative;} #nav li a.nav {display:block;text-indent:-3000px;} #nav ul .sub-nav {z-index:20;display:none;position:absolute;left:0;top:45px;/*background:#f05f55 url(../images/nav-sub-bg.png) 0 bottom repeat-x*/; /*-moz-border-radius-bottomleft:9px;-webkit-border-bottom-left-radius:9px; -moz-border-radius-bottomright:9px;-webkit-border-bottom-right-radius:9px; -moz-border-radius-topright:9px;-webkit-border-top-right-radius:9px;*/} #nav #nav-7 .sub-nav, #nav #nav-8 .sub-nav, #nav #nav-9 .sub-nav {-moz-border-radius-topright:0px;-webkit-border-top-right-radius:0px;-moz-border-radius-topleft:9px;-webkit-border-top-left-radius:9px;} #nav ul ul {height:auto;margin-top:14px;float:left;} #nav ul ul.col-b {background:url(../images/sub-nav-col-sep.gif) 0 0 repeat-y;padding-left:1px;margin-left:40px;} #nav ul ul li {float:none;} #nav ul ul li {padding:4px 0 0 24px;} #nav ul ul a {display:block;color:#ffffff;font-weight:bold;background:url(../images/sub-nav-list-item.gif) 0 7px no-repeat;padding-left:11px;} #nav ul ul a:hover {color:#000000;} #nav #nav-0 .bottom-text {position:relative;width:100%;overflow:hidden;} #nav .product-in-store {} #nav .product-in-store a {color:#ffffff;font-weight:bold;padding:15px 0 0 24px;display:block;} #nav .product-in-store a:hover {color:#000000;} /*****************************************/ /*****************************************/ /*MAIN SECTION*/ #main-section {position:relative;padding-top:156px;} /*****************************************/ /*****************************************/ /*MAIN HEADER*/ #main-header h1, #main-header h2 {text-indent:-3000px;height:0px;overflow:hidden;display:none;} #main-header img {width:950px;display:block;} /*****************************************/ /*****************************************/ /*BREADCRUMB*/ #breadcrumb, #breadcrumb a {font-weight:bold;} #breadcrumb {padding-top:4px;z-index:10;position:relative;} #breadcrumb ul {height:29px;} #breadcrumb .bc-0 {} #breadcrumb li {float:left;padding-right:14px;position:relative;} #breadcrumb li a.nav {height:15px;border:1px solid #ffffff;border-bottom:none;z-index:9999;position:relative;color:#333333;display:inline-block;background:url(../images/breadcrumb-arrow.gif) right 11px no-repeat;padding:6px 21px 6px 8px;} #breadcrumb li a.nav:hover, #breadcrumb li a.nav-mouseover {background:url(../images/breadcrumb-arrow-hover.gif) right 11px no-repeat;border:1px solid #999999;border-bottom-color:#ffffff;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;} #breadcrumb li.here {padding:7px 8px 0 25px;} #breadcrumb li.current-page {color:#00a0af;padding-top:7px;} /*checkout steps*/ #breadcrumb li.bc-steps {} #breadcrumb li.bc-steps a {color:#d2d2d2;display:block;padding-right:10px;} #breadcrumb li.bc-steps a.active {color:#000000;background:url(../images/bc-steps-active.gif) right 5px no-repeat;} #breadcrumb li.bc-steps a.selected {color:#00a0af;background:url(../images/bc-steps-selected.gif) right 5px no-repeat;} /*sub nav*/ #breadcrumb .sub-nav {display:none;width:304px;position:absolute;border:1px solid #999999;top:28px;left:0;z-index:999;padding:18px 5px;background-color:#ffffff;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;} #breadcrumb .sub-nav ul {width:148px;float:left;height:auto;} #breadcrumb .sub-nav ul.col-a {padding-left:8px;} #breadcrumb .sub-nav li {float:none;} #breadcrumb .sub-nav li a {display:block;padding:2px 0 3px 12px;font-weight:normal;background:url(../images/breadcrumb-arrow-smenu.gif) 4px 8px no-repeat;} #breadcrumb .sub-nav li a:hover {background-color:#e6e5e5;color:#00a0af;} /*****************************************/ /*****************************************/ /*TEMPLATE DE PAGE*/ .content-wrap {width:100%;position:relative;} .content-wrap .content {width:701px;/*background-color:#333333;*/min-height:400px;height:auto !important;height:400px;} .content-wrap .promoDesc { width:684px; float:right; margin-bottom:20px; font-size:14px; background-color:#f6f6f6; border:solid 1px #e8e8e8; padding:5px 7px; } .content-wrap .nav {width:231px;/*background-color:#999999;*/} /*menu à gauche et contenu à droite*/ .content-wrap .right-content {float:right;} /*menu à droite et contenu à gauche*/ .content-wrap .left-content {float:left;padding-right:18px;} .content-wrap .right-nav {float:left;} .content-sep {background:url(../images/content-sep.gif) 0 bottom no-repeat;padding-bottom:35px;} /*****************************************/ /*****************************************/ /*NAVIGATION - MENU*/ .content-wrap .sub-nav {background-color:#f6f6f6;/*-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;*/} .content-wrap .sub-nav h2 {color:#999999;padding:10px 0 10px 25px;background:#e6e5e5 url(../images/content-sub-nav-corner-right.gif) right 0 no-repeat;} .content-wrap .sub-nav .sn-content {padding:15px 10px 15px 25px;} .content-wrap .sub-nav li {padding-bottom:11px;color:#999999;} .content-wrap .sub-nav li:last-of-type {padding-bottom:0;} .content-wrap .sub-nav li a {color:#333333;font-weight:bold;} .content-wrap .sub-nav li a:hover, .content-wrap .sub-nav li.selected a {color:#00A0AF;} /*****************************************/ /*****************************************/ /*BEST SELLER*/ .content-wrap .best-seller {padding:19px 8px 0 8px;} .content-wrap .best-seller h2 {text-indent:-3000px;} .content-wrap .best-seller li a {padding:6px 18px;display:block;border-bottom:1px dotted #b5b5b5;overflow:hidden;width:179px;} .content-wrap .best-seller li a span.text {width:160px;} .content-wrap .best-seller li a span.num, .content-wrap .best-seller li a span.text {float:left;} .content-wrap .best-seller li:last-of-type a {border:none;} .best-seller a {color:#7f4098;font-weight:bold;} .best-seller a:hover {color:#000000;} .best-seller a:visited {color:#bd85d3;} /*****************************************/ /*****************************************/ /*PROMO PRODUCTS*/ .content-wrap .promo-items {padding:19px 8px;} .content-wrap .promo-items h2 {text-indent:-3000px;} .content-wrap .promo-items li a {padding:6px 18px;display:block;border-bottom:1px dotted #b5b5b5;overflow:hidden;width:179px;} .content-wrap .promo-items li a span.text {width:160px;} .content-wrap .promo-items li a span.num, .content-wrap .promo-items li a span.text {float:left;} .content-wrap .promo-items li:last-of-type a {border:none;} .promo-items a {color:#ef4135;font-weight:bold;} .promo-items a:hover {color:#000000;} .promo-items a:visited {color:#f28b84;} /*****************************************/ /*****************************************/ /*PROMO PRODUCTS*/ #search {position:relative; -moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;background-color:#e6e5e5;padding:11px 24px 31px 24px;} #search h2 {color:#999999;padding-bottom:11px;} #search input {width:150px;border-color:#00a0af;height:16px;} #search a.submit {display:block;width:24px;height:24px;background:url(../images/search-submit.png) 0 0 no-repeat;text-indent:-9000px;position:absolute;top:42px;right:24px;} /*****************************************/ /*****************************************/ /*HOME*/ /*description de la cie*/ #deserres-cie {position:absolute;bottom:60px;line-height:18px; padding:0 40px;} /*big promo*/ #promo-a {position:relative;width:950px;height:276px;overflow:hidden;} #promo-a .ui-tabs-hide {display:none;} #promo-a .ui-tabs-nav {position:absolute;top:0;right:0;z-index:10;width:116px;} #promo-a .ui-tabs-nav li {float:left;position:relative;} #promo-a .ui-tabs-nav li:first-of-type a {-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;} #promo-a .ui-tabs-nav li a {width:28px;height:26px;display:block;color:#f5827a;font-weight:bold;background-color:#fbd5d3;margin-left:1px;font-size:18px;text-align:center;} #promo-a .ui-tabs-nav li.ui-state-active a {background-color:#ffffff;color:#ef4135;height:28px;} #promo-a .ui-tabs-panel a img {width:950px;height:276px;} /*small promo*/ #promo-b {} #promo-b ul {width:975px;overflow:hidden;margin:11px 0 0 -25px;} #promo-b li {float:left;margin-left:25px;} #promo-b li a, #promo-b li a img {width:300px;height:143px;} /*newsletter and more*/ #news-more {margin-top:30px;} #news-more ul {float:left; width:705px;} #news-more li {float:left;} #news-more #newsletter {} #news-more #newsletter a {display:block;width:220px;height:80px;padding:24px 0 0 94px;color:#666666;} #news-more #newsletter strong {text-indent:-3000px;padding-bottom:7px;display:block;} #news-more #promo-noel {width:245px;height:104px;float:left;} #news-more #promo-noel #infolettre-noel a {display:block;width:189px;height:52px;padding:0 0 5px 60px;color:#666666;line-height:13px;} #news-more #promo-noel #infolettre-noel strong {text-indent:-3000px;padding-bottom:4px;display:block;} #news-more #promo-noel #carte-cadeau-noel a {display:block;width:189px;height:52px;padding:0 0 0 60px;color:#666666;line-height:13px;} #news-more #promo-noel #carte-cadeau-noel strong {text-indent:-3000px;padding-bottom:4px;display:block;} #news-more {overflow:hidden;width:100%;} #news-more .more, #news-more .more a {width:161px;height:104px;} #news-more .more {margin-left:15px;} #news-more .more a {display:block;text-indent:-3000px;} /*****************************************/ /*****************************************/ /*FOOTER*/ #footer {background:url(../images/footer-bg.jpg) 0 0 no-repeat;margin-top:39px;min-height:150px;width:100%;overflow:hidden;padding-top:32px;} #footer .col {float:left;overflow:hidden;} #footer .col strong {font-weight:bold;display:block;} #footer .col li {padding-top:2px;} #footer #col-b {width:185px;padding-right:60px;padding-left:40px;} #footer #col-b #gift-card {padding-top:19px;} #footer #col-c {width:214px;} #footer #col-c #sitemap {padding-top:19px;} #footer #col-d {width:219px;} #footer #col-d #contact-us {padding-top:19px;} #footer #col-e {width:215px;} #footer #desjardins {float:right; text-align:right; padding-top:20px; padding-right:33px;} #copy {width:100%; padding-bottom:20px; padding-top:20px; text-align:center;} /*****************************************/ /*****************************************/ /*NEWSLETTER SHADOWBOX*/ #newsletter-shadowbox {padding:15px;min-height:223px;} #newsletter-shadowbox input.text {float:left;} #newsletter-shadowbox label, #newsletter-shadowbox strong.label {display:block;font-weight:bold;margin-bottom:10px;} #newsletter-shadowbox ul.optins label {display:inline;font-weight:normal;padding-left:5px;} #newsletter-shadowbox li {padding-top:15px;width:100%;overflow:hidden;} #newsletter-shadowbox li.parent-group {padding-top:0;} #newsletter-shadowbox ul.optins li {padding-top:5px;} #newsletter-shadowbox #user-information {width:100%;overflow:hidden;} #newsletter-shadowbox #user-information li {float:left;width:156px;padding-top:0;} #newsletter-shadowbox input.text, #newsletter-shadowbox ul.optins, #newsletter-shadowbox a.btn {margin-left:20px;} #newsletter-shadowbox input.text {width:120px;} #newsletter-shadowbox a.close {margin:60px 0 0 0;} /*****************************************/ /*****************************************/ /*ACCOUNT*/ #account,#content {position:relative;} #account .form-box {width:680px;background-color:#f0fbfc;-moz-border-radius-topright:9px;-webkit-border-top-right-radius:9px;padding:20px;} #account label {display:block;color:#333333;} #account li {padding-top:17px;} #account li.firstname {float:left;margin-right:32px;} #account li input {width:160px;border-color:#64d0db;color:#2e2e2e;font-weight:bold;} #account li span.mandatory {font-weight:bold;font-size:14px;color:#00a0af;} #account .actions {text-align:right;width:720px;margin-top:13px;} #account .actions .btn {margin-left:8px;} #account .alert {margin-top:10px;padding:15px 0 25px 62px;background:url(../images/warning-message.png) 0 center no-repeat;} /* Creative Club */ /* Check your balance button */ .btn-check-balance { padding:14px 20px 14px 15px; margin:30px 0; background:#0cb7c8; position:absolute; top:17px;right:119px; display:inline-block; color:#fff; font-weight:bold; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .btn-check-balance:hover {text-decoration:underline;color:#fff;} .btn-check-balance .creative-club-icon { display:block;width:102px;height:102px;cursor:pointer; position:absolute;top:-29px;right:-92px; } /* Creative club Infos */ #creative-club-infos {margin-top:25px;position:relative;} #creative-club-infos .form {margin:5px 0 30px 0;} #creative-club-infos .form .date select {margin-right:8px;} .passMinMsg {display:none;color:red;font-weight:bold;} .error-minlength input {background-color: #F28B84;} .error-minlength .passMinMsg {display:inline-block;margin-left:3px;} /* Commercial Account Infos */ #commercial-account-infos {margin-top:25px;position:relative;} #commercial-account-infos .form {margin:5px 0 30px 0;} #commercial-account-infos .form .rdb-ct label, #account .form .rdb-ct label {margin-right:20px;} #commercial-account-infos .form .date select {margin-right:8px;} #commercial-account-infos .form .rdb-ct label, #commercial-account-infos .form .rdb-ct input, #commercial-account-infos .form .cbx-ct input {float:left;} #commercial-account-infos .form .rdb-ct label.rdb-label {float:none;margin-bottom:8px;display:block;} #commercial-account-infos .form .rdb-ct label span.mandatory {display:none;} #commercial-account-infos .form .rdb-ct label.rdb-label span.mandatory {display:inline;} #commercial-account-infos .form .rdb-ct input, #commercial-account-infos .form .cbx-ct input {width:20px;} .common-rdb {} .common-rdb .rdb-ct label {margin-right:20px;} .common-rdb .rdb-ct label, .common-rdb .rdb-ct input, .common-rdb .cbx-ct input {float:left;} .common-rdb .rdb-ct label.rdb-label {float:none;margin-bottom:8px;display:block;} .common-rdb .rdb-ct label span.mandatory {display:none;} .common-rdb .rdb-ct label.rdb-label span.mandatory {display:inline;} .common-rdb .rdb-ct input .common-rdb .cbx-ct input, #account .common-rdb .rdb-ct input, #account .common-rdb .cbx-ct input {width:20px;} /*****************************************/ /*****************************************/ /*CATEGORIES*/ #categories {} #categories #search-no-result p {font-size:18px;font-weight:bold;padding-left:25px;} /*PAGE OPTIONS*/ #categories #page-options {color:#333333;height:61px;padding:8px 15px;width:671px;background:#f6f6f6 url(../images/info-corner.gif) 0 0 no-repeat;position:relative;} #categories #page-options a {text-decoration:underline;} #categories #page-options a.selected {color:#333333;text-decoration:none;} #categories #page-options ul {width:671px;overflow:hidden;} #categories #page-options li {float:left;} #categories #page-options li.sep {height:1px;overflow:hidden;background-color:#e8e8e8;width:100%;margin:8px 0 11px 0;} #categories #page-options #sort {width:280px;} #categories #page-options #sort a#sort-by {background:url(../images/sort-by-dd.gif) 0 0 no-repeat;display:inline-block;padding:4px 0 0 7px;color:#999999;font-size:11px;text-decoration:none;height:18px;width:171px;margin-left:6px;} #categories #page-options #sort ul#dd-sort-by {display:none;position:absolute;left:76px;width:176px;border:1px solid #9e9e9e;border-top:0;background-color:#ffffff;} #categories #page-options #sort #dd-sort-by li {float:none;} #categories #page-options #sort #dd-sort-by li a {text-decoration:none;padding:2px 0 3px 7px;display:block;} #categories #page-options #sort #dd-sort-by li a:hover {background-color:#e6e5e5;} #categories #page-options #result {width:266px;padding-top:4px;} #categories #page-options #result a {padding-left:6px;} #categories #page-options #display {width:124px;padding-top:4px;} #categories #page-options #display a {display:inline-block;width:11px;height:11px;background-image:url(../images/categorie-display.gif);background-repeat:no-repeat;text-indent:-3000px;margin-top:4px;margin-left:8px;overflow:hidden;} #categories #page-options #display a#thumbnail {background-position:0 0;} #categories #page-options #display a#thumbnail:hover, #categories #page-options #display a#thumbnail.selected {background-position:0 -11px;} #categories #page-options #display a#summary {background-position:0 -22px;} #categories #page-options #display a#summary:hover, #categories #page-options #display a#summary.selected {background-position:0 -33px;} #categories #page-options #display a#list {background-position:0 -44px;} #categories #page-options #display a#list:hover, #categories #page-options #display a#list.selected {background-position:0 -55px;} #categories #page-options #nb-articles {width:280px;} #categories #page-options #nb-articles strong {font-weight:bold;} #categories #page-options #pager {} #categories #page-options #pager a {padding-left:6px;} /*PAGER FOOTER*/ #categories #pager-ft {padding:11px 15px;background-color:#f6f6f6;height:16px;margin-top:20px;} #categories #pager-ft a {text-decoration:underline;display:inline-block;padding-left:6px;} #categories #pager-ft a.selected {color:#333333;text-decoration:none;} #categories #pager-ft strong {font-weight:bold;} #categories #pager-ft li {float:left;} #categories #pager-ft li#nb-articles-bottom {width:280px;} /*ITEMS GENERAL*/ #categories #items ul {width:100%;overflow:hidden;} #categories #items li {float:left;} #categories #items h5 {height:28px;} #categories #items h5 a {line-height:14px;} #categories #items h5 a, #categories #items h5 a:hover, #categories #items p a, #categories #items p a:hover {color:#666666;} #categories #items strong.price, #categories #items strong.old-price, #categories #items strong.promo-price {font-weight:bold;color:#00a0af;font-size:14px;} #categories #items strong.old-price {text-decoration:line-through;} #categories #items strong.promo-price {color:#ff0000;} /*ITEMS SUMMARY VIEW*/ #categories .items-summary {margin:-20px 0 0 -16px;} #categories .items-summary li {width:343px;height:163px;overflow:hidden;margin:38px 0 0 15px;} #categories .items-summary li a.meta-image {display:block;float:left;margin-right:1px;width:159px;height:159px;border:1px solid #e8e8e8;padding:1px;} #categories .items-summary li a.meta-image:hover {border:2px solid #bfbfbf;padding:0;} #categories .items-summary li .metadata {padding:13px 0 0 12px;width:167px;height:150px;float:left;background:url(../images/categorie-items-summary-hover.png) 0 0 no-repeat;cursor:pointer;} #categories .items-summary li .metadata:hover {background:url(../images/categorie-items-summary-hover.png) 0 -163px no-repeat;} #categories .items-summary li .metadata p {height:90px;display:block;} /*ITEMS THUMBNAIL VIEW*/ #categories .items-thumbnail {margin:-20px 0 0 -16px;} #categories .items-thumbnail li {width:163px;height:223px;margin:38px 0 0 15px;overflow:hidden;} #categories .items-thumbnail li a.meta-image {padding:1px;display:block;width:159px;height:159px;border:1px solid #e8e8e8;overflow:hidden;} #categories .items-thumbnail li a.meta-image:hover {border:2px solid #bfbfbf;padding:0px;} #categories .items-thumbnail li .metadata {float:none;display:block;overflow:hidden;margin-top:1px;padding:6px 12px 12px 12px;width:139px;height:41px;background:url(../images/categorie-items-thumbnail-hover.png) 0 0 no-repeat;cursor:pointer;} #categories .items-thumbnail li .metadata:hover {background:url(../images/categorie-items-thumbnail-hover.png) 0 -59px no-repeat;} #categories .items-thumbnail h5 {height:31px;overflow:hidden;} #categories .items-thumbnail li .metadata p {display:none;} /*ITEMS LIST VIEW*/ #categories .items-list {margin:20px 0 0 -18px;} #categories .items-list li {margin-left:18px;} #categories #items.items-list h5 {height:30px;} #categories #items.items-list h5 a {color:#00a0af;} #categories #items.items-list h5 a:hover {color:#333333;} #categories .items-list li a.meta-image, #categories .items-list li .metadata p, #categories .items-list li a.price {display:none;} #categories .items-list li h5 {height:auto;} #categories .items-list li h5 a {color:#00a0af;padding:7px 32px 8px 12px;display:block;border-bottom:1px dotted #333333;width:296px;background:url(../images/categorie-items-list.gif) right 12px no-repeat;} #categories .items-list li h5 a:hover {background-color:#f2f2f2;} /*****************************************/ /*****************************************/ /*PRODUCTS*/ #product {color:#333333;position:relative;} #product span.checkbox, #product span.checkbox-checked {background:url(../images/product-checkbox.png) 0 0 no-repeat;width:17px;height:19px;display:inline-block;} #product span.checkbox-checked {background-position:0 -19px;} #product #primary-info {padding:10px 0;} #product #primary-info .col-a {float:left;width:294px;margin-right:40px;} #product #primary-info .col-b {float:left;width:495px;overflow:visible;} #product #primary-info .col-c {float:right;width:121px;} #product #primary-info .col-b h1 {font-size:28px;} #product #primary-info .col-b h2 {font-size:21px;font-weight:normal;} #product #primary-info .col-b h2 span {font-size:12px;color:#000;font-weight:bold;} #product #primary-info .col-b .desc, #product #primary-info .col-b .desc font, #product #primary-info .col-b .desc span {padding-top:1px; font-family:Arial !important; font-size:12px !important; color:#666666 !important; border:none !important; background:transparent !important; } #product #primary-info .col-b .desc strong {font-weight:bold;} #product #primary-info .col-b .desc p {line-height:17px;} #product #primary-info .col-b #metadata {margin-top:17px;padding-bottom:7px;display:block;} #product #primary-info .col-b #metadata .product-price {font-size:18px;font-weight: bold;} /* Add to cart inside price area */ #product #primary-info .col-b #metadata .product-price ul {} #product #primary-info .col-b #metadata .product-price ul li {float:left;padding-top:0;} #product #primary-info .col-b #metadata .product-price .qty {width:60px;text-align:center;} #product #primary-info .col-b #metadata .product-price .qty input {width:22px;text-align:center;font-weight:bold;border-color:#64d0db;font-size:12px;} #product #primary-info .col-b #metadata .product-price #add-to-cart-no-bulk {position:relative;margin-top:-10px;} #product #primary-info .col-b #metadata .product-price .add-to-cart {display:block;text-indent:-9999px;} #product #primary-info .col-b #metadata .product-price .add-to-cart:hover {background-position:0 -43px;} #product #primary-info .col-b #metadata .product-price .added-to-cart { font-size:12px;display:none;width:85px;padding-left:30px; font-weight:bold;color:#00a0af;text-align:left;margin-left:14px; line-height:14px;color:#00b15a;text-shadow:#ffffff 1px 1px 1px; background:url(../images/added-to-cart.gif) 0 8px no-repeat; } #product #primary-info .col-b #metadata strong {color:#00a0af;} #product #primary-info .col-b #metadata .regprice {font-weight:normal;text-decoration:line-through;font-size:14px;} #product #primary-info .col-b #metadata .promo {margin-left:10px;font-size:14px;color:#ff0000;} #product #primary-info .col-b #metadata li {padding-top:7px;} #product #primary-info .col-b #shipping-description {display:block;font-size:14px;margin:24px 0 31px;} #product #primary-info .col-b #shipping-description li {float:left;padding-bottom:2px;} #product #primary-info .col-b #shipping-description .shipping-time {padding-left:36px;margin-right:40px;background:url('/static/images/shipping.png') 0 0 no-repeat;} #product #primary-info .col-b #shipping-description .shipping-time span {color:#00a0af;} #product #primary-info .col-b #shipping-description .view-description {padding-left:21px;background:url('/static/images/see-description.png') 0 0 no-repeat;} #product #primary-info .col-b #shipping-description .view-description a {text-decoration:underline;} #product #primary-info .col-b .fb-like {width:485px;height:62px;display:block;overflow:visible;position:relative;} #product #product-info {display:block;padding:0;width:107px;margin-left:14px;} #product #product-info li {display:block;background:url(../images/pruduct-info-sep.gif) right top no-repeat;padding:6px 0;/*margin-right:10px;padding-right:10px;*/} #product #product-info li.last {padding-right:0;margin-right:0;} #product #product-info li span {display:block;width:107px;height:30px;text-indent:-9000px;} /* Tools + Badges (icons) */ #product #primary-info .col-c #action {width:91px;margin-left:30px;margin-bottom:27px;} #product #primary-info .col-c #action li {float:left;} #product #primary-info .col-c #action li a {display:block;height:25px;text-indent:-9999px;} #product #primary-info .col-c #action li#print {background:url(../images/product-action-sep.gif) 0 0 no-repeat;margin-left:15px;padding-left:19px;} #product #primary-info .col-c #action li#print a span, #product #primary-info .col-c #action li#email a span {padding-top:4px;display:block;} #product #primary-info .col-c #action li#print a {background:url(../images/product-print.png) 0 2px no-repeat;width:25px;} #product #primary-info .col-c #action li#email a {background:url(../images/product-email.png) 0 0 no-repeat;width:32px;} /**/ #product #primary-info .col-a {width:261px;} #product #primary-info .col-a a.thumbnail {border:1px solid #cccccc;display:block;} #product #primary-info .col-a #big-thumb {width:260px;height:260px;position:relative;} #product #primary-info .col-a #big-thumb .zoom {display:block;width:23px;height:24px;background:url(../images/zoom.png) 0 0 no-repeat;position:absolute;bottom:4px;right:5px;cursor:pointer;} #product #primary-info .col-a #big-thumb img {width:259px;height:259px;} #product #primary-info .col-a #big-thumb a {display:none;width:259px;height:259px;} #product #primary-info .col-a #big-thumb a.active {display:block;} #product #primary-info .col-a #thumbnail {width:100%;overflow:hidden;} #product #primary-info .col-a #thumbnail li {float:left;padding:1px 1px 0 0;} #product #primary-info .col-a #thumbnail li a {width:48px;height:48px;} #product #primary-info .col-a #thumbnail li img {width:47px;height:47px;} #product #criteria-wrap {margin-top:25px;} #product #criteria-wrap h2 {padding-bottom:20px;} /*couleur*/ #product #color {padding:20px;background-color:#f6f6f6;position:relative;-moz-border-radius-topright:7px;-webkit-border-top-right-radius:7px;} #product .color-format {overflow:hidden;margin:20px 0 28px;width:910px;height:118px;} #product .color-format h2 {color:#333;font-size:14px;margin-bottom:10px;} #product .color-format ul {opacity:0;} #product .color-format li {float:left;width:70px;height:/*96*/67px;position:relative;} #product .color-format li a .color span {height:67px;-webkit-transition: height .3s ease;-moz-transition: height .3s ease;transition: height .3s ease;} #product .color-format li a:hover .color span, #product .color-format li.selected a .color span {height:96px;display:block;-webkit-transition: height .3s ease;-moz-transition: height .3s ease;transition: height .3s ease;} #product .color-format li .checkbox {position:absolute;top:5px;left:0px;display:none;} #product .color-format li .color {position:absolute;top:0;left:0;width:70px;height:67px;display:block;/*padding:7px 8px 7px 7px;background:url(../images/product-color-item.png) 0 0 no-repeat;*/} #product .color-format li .color span {width:70px;height:67px;display:block;overflow:hidden;/*-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;*/} #product .color-format li label {font-size:11px;padding-top:7px;display:block;cursor:pointer;color:#333333;position:relative;z-index:10;text-align:center;font-weight:bold;color:#fff;} #product .color-format li .color-white label, #product .color-format li .color-none label {color:#353535;} #product .color-format li .colorRoundCornerTopLeft { -webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius: 5px; } #product .color-format li .colorRoundCornerTopRight { -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius: 5px; } #product .color-format li a .white-border { display:block;height:1px;width:68px;background-color:#d9d9d9;z-index:1;position:absolute;top:66px;left:1px; -webkit-transition: background-color .3s ease; -moz-transition: background-color .3s ease; transition: background-color .3s ease; } #product .color-format li.selected a .white-border, #product .color-format li a:hover .white-border { background-color:#fff; -webkit-transition: background-color .3s ease; -moz-transition: background-color .3s ease; transition: background-color .3s ease; } #product #color .all-colors {font-size:12px;margin-left:10px;padding-left:19px;display:inline-block;font-weight:bold;position:relative;} #product #color .all-colors span {position:absolute;top:-7px;left:0;width:20px;height:22px;display:block;background:url(../images/colors-checkbox.gif) 0 0 no-repeat;} #product #color .all-colors span.checkbox-selected {background-position:0 -22px;} /* Product Tabs */ #product-tabs {margin:30px 0;} #product-tabs ul {} #product-tabs > ul > li {float:left;} #product-tabs > ul > li > a { font-weight:bold;font-size:14px;color:#333;display:block;background:#e8e8e8; margin:0 2px 5px 2px;padding:10px 23px;height:16px;position:relative; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px; -webkit-transition: background-color .3s ease;-moz-transition: background-color .3s ease;transition: background-color .3s ease; } #product-tabs > ul > li > a:hover { background-color:#f6f6f6; -webkit-transition: background-color .3s ease;-moz-transition: background-color .3s ease;transition: background-color .3s ease; } #product-tabs > ul > li.first > a {-webkit-border-top-left-radius:0;-moz-border-radius-topleft:0;border-top-left-radius:0;} #product-tabs > ul > li.first > a, #product-tabs > ul > li.first > a.selected {margin-left:0;margin-right:2px;} #product-tabs > ul > li > a.selected { color:#00a0af; margin:-4px 2px 0 2px; padding:14px 23px 11px 23px; height:21px; background:#f6f6f6; } #product-tabs .product-tabs-ct {padding:32px;background:#f6f6f6;} #product-tabs .product-tabs-ct > div {display:block;} #product-tabs .product-tabs-ct .product-tabs-desc {display:block;} #product-tabs .product-tabs-ct .product-tabs-infos {display:none;} #product-tabs .product-tabs-ct .product-tabs-suggestion {display:none;} #product-tabs .product-tabs-ct .product-tabs-projects {display:none;} #product #product-tabs .items-thumbnail li .metadata {background:url('/static/images/categorie-items-suggestion-thumbnail-hover.png') no-repeat;} #product #product-tabs .items-thumbnail li .metadata:hover {background-position:0 -59px;} /*format*/ #product .variante {padding-left:20px;background-color:#f0fbfc;-moz-border-radius-topright:7px;-webkit-border-top-right-radius:7px;padding:20px;height:inherit;} #product .variante ul {/*margin-top:22px;*/} #product .variante li {margin-top:22px;} #product .variante li a {color:#666666;font-weight:bold;} #product .variante li label {padding-left:20px;} #product .items-thumbnail {position:relative;/*margin:40px 0 0 20px;*/} #product .items-thumbnail h2 {padding:0 0 15px 0;} #product .items-thumbnail li {width:163px;height:223px;padding:0 88px 38px 0;overflow:hidden;float:left;} #product .items-thumbnail li.last {padding-right:0;} #product .items-thumbnail li a.meta-image {padding:1px;display:block;width:159px;height:159px;border:1px solid #e8e8e8;overflow:hidden;} #product .items-thumbnail li a.meta-image:hover {border:2px solid #bfbfbf;padding:0px;} #product .items-thumbnail li .metadata {float:none;display:block;overflow:hidden;margin-top:1px;padding:6px 12px 12px 12px;width:139px;height:41px;background:url(../images/categorie-items-thumbnail-hover.png) 0 0 no-repeat;cursor:pointer;} #product .items-thumbnail li .metadata:hover {background:url(../images/categorie-items-thumbnail-hover.png) 0 -59px no-repeat;} #product .items-thumbnail h5 {height:31px;overflow:hidden;} #product .items-thumbnail li .metadata p {display:none;} #product #more-items.items-thumbnail li {padding-bottom:0;} /***************************************************/ .projects-box {/*margin-left:20px;margin-top:40px;*/} .projects-box hr {display:block;height:1px;width:100%;overflow:hidden;background-color:#d9d8d8;color:#d9d8d8;border:0;margin:20px 0 14px 0;} .projects-box li.item {width:310px;margin:27px 48px 0 0;float:left;} .projects-box li.last {margin-right:0;} .projects-box li.item h5 {color:#333333;line-height:17px;padding-bottom:1px;} .projects-box li.item .meta {width:150px;float:right;} .projects-box li.item .meta ul {padding-top:4px;} .projects-box li.item .meta li {padding-bottom:9px;} .projects-box li.item .meta a.pdf, .projects-box li.item .meta a.video {display:block;background-image:url(../images/product-projet-icon.png);background-repeat:no-repeat;padding-left:23px;} .projects-box li.item .meta a.pdf {background-position:1px 2px;} .projects-box li.item .meta a.video {background-position:0 -17px;} .projects-box li.item img {width:131px;height:131px;border:1px solid #cccccc;overflow:hidden;} /*#product #projects {margin-left:20px;margin-top:40px;} #product #projects hr {display:block;height:1px;width:100%;overflow:hidden;background-color:#d9d8d8;color:#d9d8d8;border:0;margin:20px 0 14px 0;} #product #projects li.item {width:310px;margin:27px 48px 0 0;float:left;} #product #projects li.last {margin-right:0;} #product #projects li.item h5 {color:#333333;line-height:17px;padding-bottom:1px;} #product #projects li.item .meta {width:150px;float:right;} #product #projects li.item .meta ul {padding-top:4px;} #product #projects li.item .meta li {padding-bottom:9px;} #product #projects li.item .meta a.pdf, #product #projects li.item .meta a.video {display:block;background-image:url(../images/product-projet-icon.png);background-repeat:no-repeat;padding-left:23px;} #product #projects li.item .meta a.pdf {background-position:1px 2px;} #product #projects li.item .meta a.video {background-position:0 -17px;} #product #projects li.item img {width:131px;height:131px;border:1px solid #cccccc;overflow:hidden;}*/ #product .discover-all-project {font-weight:bold;} #product #color-items {/*margin-top:25px;*/} #product #color-items table {width:100%;} #product #color-items thead th {background-color:#f6f6f6;height:51px;font-weight:bold;color:#00a0af;} #product #color-items thead th.name {padding-left:21px;font-size:16px;width:341px;} #product #color-items .color-item {text-align:center;width:13px;padding-right:7px;} #product #color-items .price {width:76px;text-align:right;} #product #color-items .qty {width:60px;text-align:center;} #product #color-items .qty input {width:22px;text-align:center;font-weight:bold;border-color:#64d0db;} #product #color-items .action {padding:0;width:160px;} #product #color-items .action .add-to-cart {display:block;text-indent:-9999px;} #product #color-items .action .add-to-cart:hover {background-position:0 -43px;} #product #color-items .action .added-to-cart {display:none;width:85px;padding-left:30px;background:url(../images/added-to-cart.gif) 0 8px no-repeat;font-weight:bold;color:#00a0af;text-align:left;margin-left:14px;line-height:14px;color:#00b15a;text-shadow:#ffffff 1px 1px 1px;} #product #color-items.single-item .action .added-to-cart {background-position:0 8px;} #product #color-items .promo-points {padding:0;width:121px;} .points2x {display:block;margin-bottom:10px;} .promo-points .points2x {margin-bottom:0;} #product #color-items tbody td {border-top:1px solid #ffffff;background-color:#f6f6f6;/*padding:15px 0;*/height:76px;} #product #color-items.single-item tbody td {background-color:#fff;} #product #color-items tbody .name {width:313px;} #product #color-items tbody .name li {font-size:11px;} #product #color-items tbody .name strong, #product #color-items tbody .name span {font-size:12px;} #product #color-items tbody .name strong {color:#00a0af;font-weight:bold;display:inline-block;} #product #color-items .name-wrap {position:relative;min-height:33px;} #product #color-items .color {margin-left:18px;width:35px;height:35px;/*padding:7px;*/display:inline-block;/*background:url(../images/product-secondary-color-item.png) 0 0 no-repeat;*/} #product #color-items .color span {overflow:hidden;width:35px;height:35px;display:block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #product #color-items .color img {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} /* With Promo rebates ---------------------------------- */ /* Name */ #product #color-items tbody .name-promo {width:252px;} #product #color-items tbody .name-promo li {font-size:11px;} #product #color-items tbody .name-promo strong, #product #color-items tbody .name-promo span {font-size:12px;} #product #color-items tbody .name-promo strong {color:#00a0af;font-weight:bold;display:inline-block;} /* Price */ #product #color-items .price-promo-def {width:78px;text-align:left;font-weight:bold;} #product #color-items .price-promo-def span {color:#00a0af;} #product #color-items .price-promo {width:70px;text-align:right;font-weight:bold;} #product #color-items .price-promo li {background:url('../images/pointille.gif') left 11px repeat-x;} #product #color-items .nobulk li {background:none;} #product #color-items .price-promo li span {background:#f6f6f6;padding-left:3px;padding-bottom:1px;margin-bottom:-1px;} #product #color-items.single-item .price-promo li span {background-color:#fff;} /* With Promo Rebates and no bulk */ #product #color-items .nobulk li .regprice {text-decoration:line-through;display:block;font-weight:normal;} #product #color-items .nobulk li .promo {font-weight:bold;color:#ff0000;} /*rafraichir les résultats*/ #product .action {padding-top:25px;height:30px;} #product .action .loader {margin-right:25px;display:none;} /*****************************************/ /*****************************************/ /* CREATIVE PROJECTS */ #creative-projects #product {color:#333333;position:relative;} #creative-projects #product span.checkbox, #creative-projects #product span.checkbox-checked {background:url(../images/product-checkbox.png) 0 0 no-repeat;width:17px;height:19px;display:inline-block;} #creative-projects #product span.checkbox-checked {background-position:0 -19px;} #creative-projects #product #primary-info {width:661px;padding:20px;background-color:#f9f9f9;} #creative-projects #product #primary-info .col-b {float:right;width:331px;min-height:259px;} #creative-projects #product #primary-info .col-b h2 {font-size:18px;font-weight:normal;} #creative-projects #product #primary-info .col-b .desc, #product #primary-info .col-b .desc font, #product #primary-info .col-b .desc span {padding-top:1px; font-family:Arial !important; font-size:12px !important; color:#666666 !important; border:none !important; background:transparent !important; } #creative-projects #product #primary-info .col-b .desc strong {font-weight:bold;} #creative-projects #product #primary-info .col-b .desc p {line-height:17px;} #creative-projects #product #primary-info .col-b #metadata {margin-top:4px;} #creative-projects #product #primary-info .col-b #metadata strong {font-weight:bold;} #creative-projects #product #primary-info .col-b #metadata .regprice {text-decoration:line-through;} #creative-projects #product #primary-info .col-b #metadata .promo {font-size:14px;font-weight:bold;color:#ff0000;} #creative-projects #product #primary-info .col-b #metadata li {padding-top:7px;} #creative-projects #product #primary-info .col-b #action {width:100%;overflow:hidden;margin-top:50px;} #creative-projects #product #primary-info .col-b #action li {float:left;} #creative-projects #product #primary-info .col-b #action li a {display:inline-block;height:25px;} #creative-projects #product #primary-info .col-b #action li#print {padding-right:15px;} #creative-projects #product #primary-info .col-b #action li#print a {background:url(../images/product-print.png) 0 3px no-repeat;padding-left:35px;} #creative-projects #product #primary-info .col-b #action li#print a span, #creative-projects #product #primary-info .col-b #action li#email a span {padding-top:4px;display:block;} #creative-projects #product #primary-info .col-b #action li#email {background:url(../images/product-action-sep.gif) 0 0 no-repeat;padding-left:13px;} #creative-projects #product #primary-info .col-b #action li#email a {background:url(../images/product-email.png) 0 0 no-repeat;padding-left:39px;} #creative-projects #product #primary-info .col-a {width:297px;margin-right:0;} #creative-projects #product #primary-info .col-a a.thumbnail {border:1px solid #cccccc;display:block;} #creative-projects #product #primary-info .col-a #big-thumb {width:296px;height:296px;position:relative;} #creative-projects #product #primary-info .col-a #big-thumb .zoom {display:block;width:23px;height:24px;background:url(../images/zoom.png) 0 0 no-repeat;position:absolute;bottom:4px;right:5px;cursor:pointer;} #creative-projects #product #primary-info .col-a #big-thumb img {width:295px;height:295px;} #creative-projects #product #primary-info .col-a #big-thumb a {display:none;width:295px;height:295px;} #creative-projects #product #primary-info .col-a #big-thumb a.active {display:block;} #creative-projects #product #primary-info .col-a #thumbnail {width:100%;overflow:hidden;} #creative-projects #product #primary-info .col-a #thumbnail li {float:left;padding:1px 1px 0 0;} #creative-projects #product #primary-info .col-a #thumbnail li a {width:48px;height:48px;} #creative-projects #product #primary-info .col-a #thumbnail li img {width:47px;height:47px;} #creative-projects #product #criteria-wrap {margin-top:25px;} #creative-projects #product #criteria-wrap h2 {padding-bottom:20px;} /*couleur*/ #creative-projects #product #color {padding:20px;background-color:#f0fbfc;position:relative;-moz-border-radius-topright:7px;-webkit-border-top-right-radius:7px;} #creative-projects #product #color a#all-color {position:absolute;top:20px;right:20px;height:22px;display:block;font-weight:bold;} #creative-projects #product #color a#all-color span.big-checkbox {position:absolute;top:0;left:0;width:20px;height:22px;display:block;background:url(../images/product-big-checkbox.png) 0 0 no-repeat;} #creative-projects #product #color a#all-color span.big-checkbox-checked {background-position:0 -22px;} #creative-projects #product #color a#all-color label {padding-left:25px;display:block;padding-top:6px;cursor:pointer;} #creative-projects #product .color-format {overflow:hidden;margin-top:20px;} #creative-projects #product .color-format li {float:left;height:33px;width:165px;position:relative;margin-top:17px;} #creative-projects #product .color-format li .checkbox {position:absolute;top:5px;left:0px;} #creative-projects #product .color-format li .color {position:absolute;top:0px;left:23px;width:19px;height:19px;padding:7px 8px 7px 7px;display:inline-block;background:url(../images/product-color-item.png) 0 0 no-repeat;} #creative-projects #product .color-format li .color span {width:19px;height:19px;display:block;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;} #creative-projects #product .color-format li label {padding:10px 0 0 60px;display:block;cursor:pointer;color:#333333;} #creative-projects #product .items-thumbnail {margin:40px 0 0 20px;} /*****************************************/ /*****************************************/ /* CUSTOMER SERVICE */ #customer-service.sub-nav .withChildren.selected a:hover, #customer-service.sub-nav .withChildren.selected a.selected, #customer-service.sub-nav .withChildren.childSelected a.childSelected {color:#00A0AF;} /*****************************************/ /*****************************************/ /* NEWSLETTER */ #newsletter .form li {padding-top:16px;} #newsletter .form label {display:block; color:#333333; padding-bottom:2px;} #newsletter .form-checkbox label {display:inline-block;padding:5px 0 0 7px;} #newsletter input.text {width:294px;border-color:#64d0db;} #newsletter .btn-form {padding-top:15px;} /*****************************************/ /*****************************************/ /* CONTACT US */ #contact-us {} #contact-us strong {font-weight:bold;} #contact-us .info {margin-bottom:15px;padding:15px 15px 10px 15px;background:#f6f6f6 url(../images/info-corner.gif) 0 0 no-repeat;} #contact-us .info p {padding-top:0;color:#333333;} #contact-us .content h2 {font-size:18px;font-weight:bold;color:#666666;padding-top:25px;} #contact-us .content input {width:294px;border-color:#64d0db;} #contact-us .content textarea {border-color:#64d0db;width:426px;height:142px;} #contact-us .content select {border-color:#64d0db;} #contact-us .form li {padding-top:16px;} #contact-us .form label {display:block;color:#333333;padding-bottom:2px;} #contact-us .action {width:434px;text-align:right;margin-top:8px;} /*****************************************/ /*****************************************/ /* OUR STORES */ #our-stores {} #our-stores strong {font-weight:bold;} #our-stores #province {padding:15px;background:#f6f6f6 url(../images/info-corner.gif) 0 0 no-repeat;} #our-stores #province .choose-province {} #our-stores #province .choose-province a#current-province {background:url(../images/sort-by-dd.gif) 0 0 no-repeat;display:inline-block;padding:4px 0 0 7px;color:#333333;font-size:11px;text-decoration:none;height:18px;width:171px;margin-left:6px;font-weight:bold;} #our-stores #province .choose-province ul#dd-province {display:none;position:absolute;top:36px;width:176px;border:1px solid #9e9e9e;border-top:0;background-color:#ffffff;} #our-stores #province .choose-province #dd-province li {float:none;} #our-stores #province .choose-province #dd-province li a {text-decoration:none;padding:2px 0 3px 7px;display:block;overflow:hidden;} #our-stores #province .choose-province #dd-province li a:hover {background-color:#e6e5e5;} #our-stores #province .city-per-province {border-top:1px solid #e8e8e8;margin-top:9px;padding-top:6px;} #our-stores #province .city-per-province strong {font-weight:bold;} #our-stores #province .city-per-province ul {width:100%;overflow:hidden;padding-top:8px;} #our-stores #province .city-per-province li {float:left;width:223px;padding-top:5px;} #our-stores #province .city-per-province li a {display:block;background:url(../images/arrow-city.gif) 0 5px no-repeat;padding-left:10px;} #our-stores #province .city-per-province li.selected a {font-weight:bold;color:#333333;} #our-stores #addresses {margin-top:20px;} #our-stores #addresses h4 {font: bold 16px Arial; color:#00a0af; margin-bottom:10px;} #our-stores #addresses h5 {font: bold 14px Arial; color:#00a0af; margin-top: 10px;} #our-stores #addresses h3.ui-state-active, #our-stores #addresses div.selected {background-color:#f0fbfc;position:relative;} #our-stores #addresses h3 {background:#f3f2f2 url(../images/addressesHeaderBg.jpg) no-repeat top right;font-size:12px;font-weight:normal;padding:10px 15px;margin-top:6px;cursor:pointer;} #our-stores #addresses h3.selected {background:#c8eef2 url(../images/addressesHeaderBgActive.jpg) no-repeat top right; margin-top:6px;} #our-stores .noLink {background: none !important; border:0; margin:0; padding:0;} #our-stores #addresses h3.selected {font: bold 16px Arial; color:#00a0af;} #our-stores #addresses h3 {font: bold 16px Arial; color:#999999;display:block;padding-left:10px;} #our-stores #addresses h3 strong {font-weight:bold;} #our-stores #addresses div.selected {padding:0 15px 40px 40px !important;} #our-stores #addresses div.selected p.last {padding-top:0;} #our-stores #addresses .wrap-map-oh {padding-top:20px;/*height:295px;*/position:relative;} #our-stores #addresses .selected div + div {margin-top:20px;border-top:solid 10px #ffffff;} #our-stores #addresses .map, #our-stores #addresses .open-hour {float:left;position:relative;border:0 !important;} #our-stores #addresses .open-hour .address-contact {margin-top:5px;} #our-stores #addresses .map {width:375px;padding-left:52px;} #our-stores #addresses .map a {display:block;padding-bottom:5px;} #our-stores #addresses .open-hour {width:200px} #our-stores #addresses .open-hour ul {float:left;} #our-stores #addresses .open-hour li {padding-top:9px;font-weight:bold;} #our-stores #addresses .open-hour li span {display:inline-block;width:73px;font-weight:normal;} #our-stores #administration { margin-top: 20px; } #our-stores #administration h3 {padding-top: 15px;} #our-stores #administration strong { font-weight: bold;} #our-stores #administration .wrap-gallery .col {float:left;} #our-stores #administration .gallery-content {width:325px;} #our-stores #administration .gallery {width:317px;padding:15px 18px 0 15px;} #our-stores .gallery .hide {display:none;} #our-stores .gallery img {display:block;margin-top:6px;} #our-stores .gallery a {position:relative;} #our-stores .gallery .thumb {border:1px solid #cccccc;} #our-stores .gallery .caption {display:block;} #our-stores .gallery .zoom {display:block;width:134px;height:25px;background:url(../images/zoom.png) 0 0 no-repeat;position:absolute;left:184px;top:161px;cursor:pointer;} /*****************************************/ /*****************************************/ /* CHECKOUT GENERAL*/ #careers {position:relative;} #checkout .box {color:#333333;} #checkout strong {font-weight:bold;} #checkout #new-user, #checkout #existing-user {width:295px;float:left;} #checkout #new-user h2, #checkout #existing-user h2 {padding-bottom:17px;} #checkout #existing-user {margin-left:25px;} #checkout #existing-user strong {color:#00A0AF;} #checkout #existing-user label {display:block;} #checkout #existing-user span.checkbox label {display:inline-block;padding-left:5px;} #checkout #existing-user input.text {border-color:#64d0db;width:175px;} /*#checkout #existing-user .invalid-credential,*/ #checkout #existing-user .loader {display:none;} #checkout #existing-user .invalid-credential {color:#ff0000;} #checkout #existing-user .form {width:auto;} #checkout #existing-user .form li {padding-top:17px;float:none;} #checkout #existing-user .forgot-password {display:block;text-decoration:underline;padding-top:8px;} #checkout #existing-user .form span.checkbox {height:17px;display:block;position:relative;} #checkout #existing-user .form span.checkbox label, #checkout #existing-user .form span.checkbox input {float:left;} #checkout #existing-user .form span.checkbox label {position:absolute;top:0;left:17px;} #checkout .action {/*text-align:right;padding-top:15px;*/position:relative;} #checkout .action .modify-order {position:absolute;top:22px;left:0;} /*all steps*/ #checkout .secure {background:#f0fbfc url(../images/secure-logo.png) 592px 27px no-repeat;} #checkout .readonly {background-color:#f6f6f6;} #checkout .form {width:430px;overflow:hidden;} #checkout .form span.checkbox label {width:410px;} #checkout .form li {float:left;padding-top:17px;} #checkout .form li label {display:block;} #checkout .form li input.text, #checkout .form li select {margin-right:32px;width:175px;border-color:#64d0db;} #checkout #address .form li.address input.text {width:390px;} #checkout #address .form li.address2 {padding-top:5px;} #checkout #address .form li.province {height:40px;} #canadian-price {font-size:11px;color:#999999;position:absolute;bottom:0;left:0;font-style:italic;border:50px;} .checkout-canadian-price #canadian-price {margin-top:24px;color:#00A0AF;position:relative;border:0;text-align:right;} /* PROMO */ #checkout #banniere-carte-cadeau {} #checkout #banniere-carte-cadeau a {display:block;width:215px;height:309px;} /****************************************** NEW CHECKOUT ******************************************/ /* new layout */ #checkout-header {position:absolute;top:0;right:0;} .checkout-process {height:100%;} .checkout-process #main-section {padding-top:116px;} .checkout-process #footer {min-height:60px;} .checkout-process #footer ul li a {color:#00A0AF;font-weight:bold;text-decoration:underline;} .checkout-process #footer ul li a:hover {color:#000;} .checkout-process #footer #col-a {width:160px;height:50px;} .checkout-process #footer #col-a .btn {margin-top:12px;} .checkout-process #footer #col-b {padding-right:0;} .checkout-process #footer #col-d {float:right;font-size:11px;} .checkout-process #footer #col-d img {float:left;margin-right:10px;} .checkout-process #footer #col-d a {display:block;margin-top:3px;text-decoration:underline;} .checkout-online-number {display:block;font-size:30px;color:#009fb0;font-weight:bold;padding-top:10px;} .checkout-btn-backtocart { /*font-size:14px; font-weight:bold; background:url('/static/images/checkout-btn-return-arrow.png') 0 4px no-repeat; padding-left:9px; margin-top:18px; display:block;*/ } /* form content */ #checkout-steps { display:block; width:950px; height:104px; background:url('/static/images/steps-header.png') no-repeat; } #checkout-steps ul { padding:22px 0 0 30px; } #checkout-steps ul li { float:left; position:relative; display:block; height:24px; font-weight:bold; color:#42dde9; padding:37px 0 9px 0; margin-right:100px; background:url('/static/images/steps-numbers.png') no-repeat; } #checkout-steps ul li span { position:absolute; display:block; top:39px; right:-84px; width:70px; height:13px; background:url('/static/images/steps-sep.png') 0 0 no-repeat; } #checkout-steps ul li#step-contact-info { background-position:-13px -151px; } #checkout-steps ul li#step-payment { background-position:center -151px; } #checkout-steps ul li#step-confirmation { background-position:-323px -151px; } #checkout-steps ul li#step-confirmation span { width:82px; right:-97px; background-position:right 0; } #checkout-steps ul#step-express li#step-payment {background-position:-24px -151px;} #checkout-steps ul#step-express li#step-confirmation {background-position:-171px -151px;} #checkout-steps ul li#step-contact-info.current-step {background-position:-13px -40px;} #checkout-steps ul li#step-payment.current-step {background-position:center -40px;} #checkout-steps ul li#step-confirmation.current-step {background-position:-323px -40px;} #checkout-steps ul#step-express li#step-payment.current-step {background-position:-23px -40px;} #checkout-steps ul#step-express li#step-confirmation.current-step {background-position:center -40px;} #checkout-steps ul li.current-step {color:#fff;} /* Login */ .checkout-process #checkout-login {padding:40px 0;} .checkout-process #new-user, .checkout-process #existing-user {width:422px;float:left;position:relative;} .checkout-process #new-user h2, .checkout-process #existing-user h2 {padding-bottom:17px;} .checkout-process #existing-user {margin-left:25px;} .checkout-process .checkout-switchlang {position:absolute;top:117px;right:3px;font-size:11px;} .checkout-process #new-user #thawte-secure-seal { position:absolute; top:43px; left:212px; width:61px; height:60px; margin-left: 20px; margin-top: 10px; } .checkout-process #new-user p {width:210px;} .checkout-process #existing-user strong {color:#00A0AF;} .checkout-process #existing-user label {display:block;} .checkout-process #existing-user span.checkbox label {display:inline-block;padding-left:5px;} .checkout-process #existing-user input.text {border-color:#64d0db;width:175px;} .checkout-process #existing-user .invalid-credential {display:block;} .checkout-process #existing-user .loader {display:none;} .checkout-process #existing-user .invalid-credential {color:#ff0000;} .checkout-process #existing-user .form {width:auto;} .checkout-process #existing-user .form li {padding-top:17px;float:none;} .checkout-process #existing-user .forgot-password {margin-left:13px;text-decoration:underline;padding-top:8px;} .checkout-process #existing-user .form li.login-remember-me {padding-top:10px;} .checkout-process #existing-user .form span.checkbox {height:17px;display:block;position:relative;} .checkout-process #existing-user .form span.checkbox label, .checkout-process #existing-user .form span.checkbox input {float:left;} .checkout-process #existing-user .form span.checkbox label {position:absolute;top:0;left:17px;} .checkout-process .action {position:relative;padding-top:10px;} .checkout-process .action .modify-order {position:absolute;top:22px;left:0;} .checkout-process #new-user .action {padding:20px 0 25px;} .checkout-process #new-user .note {font-size:11px;} #checkout-login .proceed-ckeckout, #checkout-login .checkout-express {display:block;text-indent:-9999px;height:45px;} #checkout-login .proceed-ckeckout {width:188px;} #checkout-login .checkout-express {width:160px;margin-top:20px;} /* Checkout FORM */ .checkout-form { position:relative; background:#f0fbfc; padding:28px; margin-bottom:14px; } .checkout-form h2 { color:#333; font-size:24px; margin-bottom:22px; } .checkout-form h3 { color:#009fb0; font-size:18px; margin-bottom:5px; } .address2 .mandatory {display:none;} .checkout-billing-address-cbx { font-size:12px; color:#282828; margin-left:16px; } .checkout-billing-address-cbx label {padding-left:12px;} .checkout-form em { color:#009fb0; } .checkout-form .form { margin:20px 0 40px; } .checkout-form .form li {display:block;overflow:hidden;margin:6px 0;} .checkout-form .form label, .checkout-form .form input { float:left; display:block; } .checkout-form .form label { width:130px; color:#282828; text-align:right; margin-right:12px; padding-top:5px; } .postalcodeFormatMsg, .email-error {display:none;color:red;font-weight:bold;} .error .postalcodeFormatMsg {display:inline-block;margin-left:3px;} .email-error {margin-top:10px;margin-left:142px;} .error .email-error {display:block;} .checkout-form .postalcodeFormatMsg {margin-top:5px;} /* Confirmation */ #confirmation .checkout-form .form { margin-bottom:15px; } #confirmation .checkout-form .form label { width:200px; } #confirmation .checkout-form .form input { width:200px; height:17px; padding:3px; } .payment-info-col {float:left;width:400px;margin-right:25px;} #taxes-infos {margin-right:0;} #confirmation .form .passMinMsg, #confirmation .form .comparePassword { margin:5px 0 0 8px; } #confirmation #confirm-add-new-account a { margin-left:211px; } #confirmation .checkout-refusal {color:red;margin:10px 0;} #confirm-add-new-account #add-password-success, #confirm-add-new-account #add-password-error { display:none; } .return-to-payment {display:block;width:196px;height:45px;text-indent:-9999px;} .return-to-deserres {display:block;width:314px;height:45px;text-indent:-9999px;} .checkout-form .form input { width:230px; border:1px solid #56cfdc; } .checkout-form .form .form-msg { background:url('/static/images/checkout-msg-arrow.png') 0 9px no-repeat; position:relative; padding:4px 0 0 11px; margin-left:10px; display:inline-block; } .checkout-form .form .postalcode input {width:60px;} #checkout-address, #checkout-address-billing {float:left;} #checkout-address-billing {margin-left:40px;} #checkout-address-billing .form {margin-top:105px;} /* checkout btn */ .checkout-btn-continue { display:block; text-indent:-9999px; width:151px; height:45px; margin:0 auto; } /* checkout payment #modify-shipping-data, #modify-billing-data {display:none;}*/ .modify-form-data { display:block; width:360px; height:360px; padding:30px; margin:0 auto; } .modify-form-data .form { margin:15px 0; } .modify-form-data .form li { overflow:hidden; padding:5px 0; } .modify-form-data .form label, .modify-form-data .form input {float:left;display:block;} .modify-form-data .form label { width:130px; text-align:right; padding-top:5px; margin-right:15px; } .modify-form-data .form input { width:150px; border: 1px solid #56CFDC; } .modify-data-btn {margin-left:144px;} .modify-cancel {margin-left:14px;} #security-policies, #site-policies {padding:25px;} #security-policies h1, #site-policies h1, #returns-policy h1 {padding-bottom:15px;} #security-policies h2, #site-policies h2, #returns-policy h2, #returns-policy h3 {margin-top:15px;} /* Iframe errors */ .error-iframe {margin:20px 0;} .error-iframe h3 {color:red;} .retry-payment {display:block;text-indent:-9999px;width:131px;height:45px;} /*****************************************/ /*****************************************/ /*HELP TOPICS NAVIGATION*/ #faq-nav {padding:0 8px 19px 8px;} #faq-nav h2 {text-indent:-3000px;} #faq-nav ul {padding-top:4px;} #faq-nav li {overflow:hidden;width:100%;} #faq-nav li a, #faq-nav li strong {padding:6px 18px;display:block;border-bottom:1px dotted #b5b5b5;font-weight:bold;} #faq-nav strong.phone {font-size:18px;font-weight:bold;color:#00a0af;padding:7px 0 6px 18px;display:block;border-bottom:1px dotted #b5b5b5;} /*****************************************/ /*****************************************/ /*SHOPPING CART*/ #shopping-cart #itemsWrap {position:relative;} #shopping-cart #items {width:100%;} #shopping-cart #itemsLoading {display:none;position:absolute;/*top:55%;left:55%;*/top:19px;left:16px;} /* table common */ #shopping-cart #items th, #shopping-cart #items td {text-align:center;position:relative;} #shopping-cart #items .action {width:23px;padding:0 11px 0 12px;} #shopping-cart #items .products {padding:0 10px;font-weight:bold;color:#00a0af;text-align:left;} #shopping-cart #items .qty {width:70px;} #shopping-cart #items .unit-price {width:96px;text-align:right;} #shopping-cart #items .subtotal {width:96px;text-align:right;padding-right:20px;} /* table header */ #shopping-cart #items th {color:#00a0af;font-weight:bold;background-color:#f0fbfc;height:51px;} #shopping-cart #items th.products {font-size:16px;} #shopping-cart #items #itemsHeader {} /* table body */ #shopping-cart #items td {border-top:1px solid #ffffff;background-color:#e5f5f7;padding:25px 0;color:#333333;} #shopping-cart #items td.action {background:url(../images/cart-delete-bg.gif) 0 0 repeat-y;} #shopping-cart #items td.action .delete {display:block;text-indent:-9000px;width:23px;height:23px;background:url(../images/cart-delete.png) 0 0 no-repeat;} #shopping-cart #items td.product-img {width:17px;padding:0 10px 0 20px;} #shopping-cart #items td.product-img img {border:1px solid #0fa6b4;width:49px;height:49px;} #shopping-cart #items td.products {} #shopping-cart #items td.qty input.text {width:22px;border-color:#64d0db;text-align:center;font-weight:bold;} #shopping-cart #items td.subtotal {font-weight:bold;} #shopping-cart #cart-subtotal {margin-bottom:13px;display:block;} #shopping-cart #cart-subtotal #subtotal {position:relative;display:inline-block;float:right;height:31px;background-color:#f0fbfc;padding:19px 20px 11px 35px;border-top:1px solid #ffffff;} #shopping-cart #cart-subtotal #subtotal #subtotal-before-taxes {display:inline-block;text-align:right;width:122px;position:relative;top:-4px;} #shopping-cart #cart-subtotal #subtotal #subtotal-before-taxes strong {display:block;font-weight:bold;color:#333333;} #shopping-cart #cart-subtotal #subtotal #subtotal-before-taxes .update-cart {} #shopping-cart #cart-subtotal #subtotal #subtotal-price {display:inline-block;float:right;font-size:17px;font-weight:bold;padding-left:30px;color:#333333;width:135px;text-align:right;} #shopping-cart #cart-subtotal #subtotal .ajax-loader {position:absolute;top:20px;left:11px;} #shopping-cart #cart-subtotal #go-back {padding:28px 0 0 17px;font-weight:bold;} #shopping-cart .action {margin-bottom:13px;} #shopping-cart .action .proceed-ckeckout {display:block;position:relative;text-indent:-9999px;width:188px;height:45px;float:right;} #shopping-cart #cart-shipping-free {position:relative;float:right;top:10px;margin-right:18px;display:none;} #shopping-cart #cart-shipping-free .corner {position:absolute;top:13px;right:-12px;width:14px;height:24px;display:none;background:url(../images/checkout-subtotal-arrow.gif) 0 0 no-repeat} #shopping-cart #cart-shipping-free p {padding:8px;border:2px solid #00a0af;font-weight:bold;} #shopping-cart #amount-in-range span, #shopping-cart #cart-shipping-free strong {color:#00a0af;} #amount-in-range, #amount-under50 {display:none;position:relative;} #amount-in-range {} #amount-under50 {top:8px;} #shopping-cart-no-item {display:none;} #shopping-cart-no-item h2 {padding-bottom:10px;} #shopping-cart-no-item a.btn {margin-top:25px;} #shopping-cart .cart-date-print {display:none;font-size:24px;font-weight:bold;padding-bottom:20px;} .cart-print { display:block; height:22px; padding:3px 0 0 33px; margin:15px 0 18px 9px; background:url(../images/product-print.png) 0 2px no-repeat; } #confirmation-print {position:absolute;top:0;right:20px;} #thawte-secure-seal { width: 180px; margin-left: 20px; margin-top: 10px; } .seal-infos { font-size:11px; margin-top:7px; } .seal-infos a { display:block; margin-top:3px; text-decoration:underline; } #footer #thawte-secure-seal {width:250px;} #footer .seal-badge {float:left;overflow:hidden;width:61px !important;} #footer .seal-infos {float:left;margin-top: 0;margin-left: 14px;} /*****************************************/ /*****************************************/ /* CHECKOUT - STEP 1 - DELIVERY ADDRESS */ #checkout #address {} #checkout #address p.intro {width:430px;} #delivery-address #contact {margin-top:25px;} #delivery-address #contact .form {/*overflow:auto;*/width:auto;} #delivery-address #contact li {float:none;position:relative;} #delivery-address #contact li.checkbox {width:430px;} #delivery-address #contact li.email #email-already-in-use {position:absolute;bottom:1px;left:200px;display:none;color:#EF4135;} #delivery-address #contact li span.newsletter input {margin-bottom:25px;} #delivery-address #contact li span.checkbox input {height:15px;} #delivery-address #contact li span.checkbox label, #delivery-address #contact li span.checkbox input {display:inline;} #delivery-address #contact .newsletter-subject {padding-left:20px;display:none;} #delivery-address #contact .newsletter-subject span.checkbox {display:inline-block;padding:10px 0 0 25px;} #delivery-address #contact .newsletter-subject span.checkbox label {display:inline;} #delivery-address #create-account {margin-top:25px;} #delivery-address #create-account li {float:none;} /*****************************************/ /*****************************************/ /* CHECKOUT - STEP 3 - ORDER REVISION */ #order {padding-bottom:40px;} #order .alert {padding-left:35px;padding-top:15px;background:url(../images/warning.png) 0 23px no-repeat;} #order sup {vertical-align:super;color:#999999;font-size:11px;} /*items revision*/ #order #your-order {} #order #your-order .items {width:500px;font-weight:bold;float:left;margin-top:2px;} #order #your-order .items thead th {color:#00a0af;padding-bottom:10px;} #order #your-order .items thead .price {padding-right:10px;} #order #your-order .items td {padding-top:4px;} #order #your-order .items td.qty {text-align:center;color:#00a0af;width:55px;padding-right:15px;} #order #your-order .items td.qty .nb-item {} #order #your-order .items .sep {border-top:1px dotted #a4a4a4;} #order #your-order .items .price {color:#00a0af;text-align:right;width:50px;} #order #your-order .items .shipping .price, #order #your-order .items .taxes .price {color:#949494;} #order #your-order .items .taxes td, #order #your-order .last-item td {padding-bottom:4px;} #order #your-order .items .item {padding-right:10px;} #order #your-order .items .item .nb-item {color:#00a0af;} /*payment*/ #order #your-order .payment-accepted {float:left;margin:20px 0 0 65px;} #order #your-order .payment-accepted strong {display:block;color:#999999;text-align:center;} #order #your-order .payment-accepted ul {padding-top:15px;} #order #your-order .payment-accepted li {float:left;text-indent:-9000px;} #order #your-order .payment-accepted li#visa {background:url(../images/logo-visa.png) 0 0 no-repeat;width:62px;height:35px;margin-top:3px;} #order #your-order .payment-accepted li#mastercard {background:url(../images/logo-mastercard.png) 0 0 no-repeat;width:67px;height:40px;margin-left:10px;} #order #your-order .payment-accepted li#amex {background:url(../images/logo-amex.png) 0 0 no-repeat;width:67px;height:42px;margin-left:10px;} #order .info-taxes {font-size:11px;color:#999999;padding-top:25px;} /*addresses*/ #order #addresses {margin-top:25px;} #order #addresses .address {float:left;width:297px;position:relative;} #order #addresses .address h2 {font-size:18px;} #order #addresses .address .meta {color:#333333;padding-top:15px;font-size:11px;} #order #addresses .address .meta-readonly {padding-left:10px;} #order #addresses .address .meta-edit {display:none;} #order #addresses .address .meta-edit ul {width:auto;} #order #addresses .address .meta-edit li {padding-top:6px;} #order #addresses .address .meta-edit input {width:221px;margin-right:0px;} #order #addresses .address .meta-edit .firstname input {width:131px;float:left;} #order #addresses .address .meta-edit .lastname input {width:75px;float:left;margin-left:7px;} #order #addresses .address .meta-edit .province select {width:137px;float:left;margin-right:0;} #order #addresses .address .meta-edit .postalcode input {width:75px;float:left;margin-left:8px;} #order #addresses .address .meta-edit .save {display:block;text-align:right;padding-top:10px;width:229px;font-size:14px;text-decoration:underline;} #order #addresses .address .action {position:absolute;top:11px;right:20px;font-size:14px;text-decoration:underline;} #order #addresses .address .cancel {display:none;} #order #addresses #billing-address {margin-left:26px;} /*terms*/ #order #terms {margin-top:25px;} #order #terms h2 {padding-bottom:15px;} #order #terms label {/*padding-left:7px;*/} #order #terms ul.form {width:auto;} #order #terms ul.form li {position:relative;float:none;} #order #terms ul.form li span.checkbox {display:block;} #order #terms ul.form li.error a {color:#EF4135;} #order #terms ul.form li label {width:600px;position:absolute;bottom:0;left:15px;} #order #terms.error {background:#F0FBFC url(../images/big-alert-box.png) 560px 0 no-repeat;border:6px solid #ef4135;} #order #terms.error h2{color:#ef4135;} /* CHECKOUT STEP 3 - CREATIVE CLUB */ .creative-club-order-step3 {margin:25px 0;} /* Not Activated */ #creative-club-order-no-card { position:relative; padding:12px 18px; background:#F0FBFC; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; width:600px; } #creative-club-order-no-card h3 {color:#00A0AF;margin-bottom:5px;} #creative-club-order-no-card input {position:relative;top:2px;} #creative-club-order-no-card label {font-size:11px;margin-left:6px;color:#333;} #creative-club-order-no-card .creative-club-icon {position:absolute;display:block;width:102px;height:102px;top:-12px;right:-30px;} /* Activated */ #creative-club-order-has-card {height:66px;padding:33px 0 0 114px;} #creative-club-order-has-card h2 {color:#333;} #creative-club-order-has-card span {color:#00A0AF;} /* Commercial Additionnal Comments */ #additionnal-comments {margin:25px 0;} #additionnal-comments input {width:650px;} /******************************************* NEW CHECKOUT PAYMENT *******************************************/ .checkout-form #order { padding-bottom:0; } .checkout-form #order .alert {font-size:11px;margin-top:9px;padding:6px 0 15px 12px;background:url(../images/li-dot.gif) 0 10px no-repeat;} #order-addresses { float:left; margin-left:85px; } .order-address { margin-bottom:20px; width:290px; position:relative; } .order-address a {font-size:12px;font-weight:normal;margin-left:10px;} #optimal-payments.checkout-form { position:relative; background:#fff; border:5px solid #d9f5ec; } #optimal-payments h3 { font-size:24px; color:#333; margin-bottom:15px; } #optimal-payments #pending-request {position:absolute;top:10px;left:10px;} .optimal-payment-desjardins {position:absolute;top:20px;right:20px;} .checkout-accept-terms label {margin-left:10px;position:relative;top:-2px;} .checkout-accept-terms label a {color:#3c9a5e;text-decoration:underline;} #checkout-iframe {margin-top:15px;} .order-legend {margin-top:20px;} .order-legend strong + strong {margin-left:15px;} /*****************************************/ /*****************************************/ /* OLD - CHECKOUT - CONFIRMATION #confirmation {font-size:11px;} #confirmation sup {vertical-align:super;color:#999999;font-size:11px;} #confirmation .info-taxes {font-size:11px;color:#999999;padding-top:25px;} #confirmation .label {color:#00a0af;font-weight:bold;} #confirmation .val {color:#000000;font-weight:bold;} #confirmation #success {} #confirmation #success h1 {padding-bottom:10px;} #confirmation #receipt {margin-top:25px;position:relative;} #confirmation #receipt img.logo {position:absolute;top:25px;left:25px;} #confirmation #receipt h2, #confirmation #payment-info h2 {font-size:18px;padding:17px 0 0 103px;} #confirmation #receipt h3 , #confirmation #payment-info h3 {padding-top:17px;} #confirmation #receipt .inner-content, #confirmation #payment-info .inner-content {padding:14px 0 14px 10px;border-bottom:1px dotted #87d7de;width:378px;} #confirmation #receipt .no-border, #confirmation #payment-info .no-border {border:0;} #confirmation #receipt #receipt-info {padding:3px 0 52px 103px;} #confirmation #receipt #receipt-info li {font-size:14px;float:left;width:558px;padding-top:8px;} #confirmation #receipt #receipt-info li.right {text-align:right;} #confirmation #receipt .items {width:375px;font-weight:bold;} #confirmation #receipt .items td {padding-top:4px;} #confirmation #receipt .items .sep {border-top:1px dotted #a4a4a4;} #confirmation #receipt .items .price {color:#00a0af;text-align:right;} #confirmation #receipt .items .shipping .price, #confirmation #receipt .items .taxes .price {color:#949494;} #confirmation #receipt .items .taxes td, #confirmation #receipt .last-item td {padding-bottom:4px;} #confirmation #receipt .items .item {width:250px;} #confirmation #receipt .items .item .nb-item {color:#00a0af;} #confirmation a.print {position:absolute;top:43px;right:20px; display:block;height:22px;padding-left:35px;background:url(../images/print-receipt.png) 0 0 no-repeat;font-size:12px;} #checkout #canadian-price {left:20px;} #confirmation #returns-policy {display:none;} #confirmation #returns-policy h2 {padding:0;} */ /*****************************************/ /* CHECKOUT - CONFIRMATION */ #confirmation h2 {margin-bottom:0;} /* transaction status */ .transaction-status {font-size:14px;font-weight:bold;color:#333;margin-bottom:15px;} .transaction-status p {padding-top:0;} .transaction-status .status-state {color:#00a0af;} .transaction-status .status-email {font-size:12px;font-weight:normal;} /* transaction infos */ .transaction-infos {} .transaction-infos li {color:#333;font-weight:bold;} .transaction-infos .infos-value {color:#00a0af;} #confirmation #order-addresses {margin-top:-27px;} #confirmation #your-order {margin:0;} #confirmation #order #your-order .items {margin-top:20px;} /* CONFIRMATION CREATIVE CLUB */ #creative-club-confirmation {padding:12px 20px;margin:14px 0;} #creative-club-confirmation .cbc-content {padding-left:128px;min-height:94px;} #creative-club-confirmation .cbc-content h2 {padding-top:5px;margin-bottom:4px;font-size:17px;} #tbl-points-accumules {width:100%;} #tbl-points-accumules td {padding:2px 0;width:50%;font-weight:bold;} #tbl-points-accumules td.values {color:#00a0af;text-align:right;} #payment-info {margin-top:25px;} /*****************************************/ /*****************************************/ /* SITE POLICIES */ #site-policies {} #site-policies h1 {padding-bottom:15px;} #site-policies h2 {padding-top:15px;} #site-policies h3 {padding-top:10px;} #site-policies ul {padding-left:10px;} #site-policies li {list-style-type:disc;margin-left:10px;} /*****************************************/ /*********************************/ /* Check out - Express checkout */ #express-checkout-addresses h1 {margin-left:10px;} #express-checkout-addresses.content {margin:20px 0 20px 10px;} #express-checkout-addresses a.select-address {display:block;margin-bottom:10px;} #express-checkout-addresses strong.preferred {display:block;margin-bottom:10px;font-style:italic;} #express-checkout-addresses ul {position:relative;overflow:hidden;width:100%;} #express-checkout-addresses ul li {position:relative;float:left;} #express-checkout-addresses .addresses-bg {background:url(../images/checkout-review-sep.gif) repeat-y 0 0;padding-left:1px;} #express-checkout-addresses ul.addresses {margin-top:20px;background:transparent url(../images/express-checkout-sep-x.gif) repeat-x 0 0;padding-top:1px;} #express-checkout-addresses ul.addresses li.address {width:263px;padding:15px 20px 10px 20px;height:170px;background:url(../images/express-checout-addresses-bg.png) repeat-y right bottom;} #express-checkout-addresses ul.addresses li.address .form {display:none;} #express-checkout-addresses ul.addresses li.address input {border:1px solid #999999;height:17px;padding-top:3px;} #express-checkout-addresses ul.addresses li.address .form .small, #express-checkout-addresses ul.addresses li.address .form .standard {float:left;margin-bottom:5px;position:relative;} #express-checkout-addresses ul.addresses li.address .form .small {margin-right:5px;width:122px;} #express-checkout-addresses ul.addresses li.address .form select.small {width:124px;height:22px;} #express-checkout-addresses ul.addresses li.address .form .standard {width:251px;} #express-checkout-addresses ul.addresses li.address .form .error {background-color:#F5AAAA;border:1px solid;} #express-checkout-addresses ul.addresses li.address .form .alternate {color:#B8B7B7;} #express-checkout-addresses ul.addresses li.even {background-color:#F2F2F2;} #express-checkout-addresses ul.addresses li.preferred {background-color:#E0F3F5;} #express-checkout-addresses ul.addresses li.last {background-position:1px 0;} #express-checkout-addresses ul.addresses li label.block {display:block;} #express-checkout-addresses ul.action-default,#express-checkout-addresses ul.action-form {position:absolute;bottom:12px;width:100%;} #express-checkout-addresses ul.action-default li, #express-checkout-addresses ul.action-form li {padding-right:15px;} #express-checkout-addresses div.cart-actions {position:relative;width:910px;margin-top:11px;} #express-checkout-addresses div.cart-actions a#add-address {position:absolute;right:0px;} /*************************************/ /*********************************/ /* OPEN GALLERY AND FLYERS IFRAME */ .iframe {background-color:#f5f5f5;height:1250px;} .iframe iframe {height:1250px;width:100%;border:0;overflow-x: hidden;} /*********************************/ /*********************************/ /* PROJECTS */ #projects {} #projects #all-projects {} #projects #all-projects #idea {background:#f0fbfc url(../images/projects-bg.png) 10px 8px no-repeat;} #projects #all-projects #special-features {background:#f0fbfc url(../images/projects-products.png) 0 0 no-repeat;} #projects #all-projects .box {width:325px;float:left;padding:25px 25px 25px 112px;margin-right:26px;} #projects #all-projects .last-box {margin-right:0;} #projects #all-projects .box h2 {font-size:16px;color:#666666;height:40px;} #projects #all-projects .box ul {width:100%;overflow:hidden;margin-top:16px;} #projects #all-projects .box li {width:162px;float:left;padding-top:3px;} #projects .projects-box {position:relative;} #projects .projects-box #factsheets-hd {position:absolute;top:0;left:489px;} #projects .projects-box li.item {width:441px;} #projects .projects-box li.item .meta {width:281px;} /*********************************/ /*********************************/ /* CAREERS CV */ #careers .form {width:430px;overflow:hidden;} #careers .form .sep {display:block;width:100%;height:40px;} #careers .form span.checkbox {padding-top:7px;display:block;} #careers .form .optional {padding-top:10px;} #careers .form span.checkbox label {/*width:410px;*/} #careers span.checkbox {display:inline-block;} #careers span.checkbox label {display:inline;} #careers .form li {padding-top:17px;} #careers .form li label {display:block;} #careers .form li input.text, #careers .form li select {margin-right:32px;width:175px;border-color:#64d0db;} #careers #address .form li {float:left;} #careers #address .form li.address input.text {width:390px;} #careers #address .form li.address2 {padding-top:5px;} #careers #address .form li.province {height:40px;} #careers #knowledge-languages li {padding-top:15px;} #careers #knowledge-languages span.checkbox {display:inline-block;width:95px;} #careers #knowledge-languages span.checkbox label {display:inline;} #careers #availability span.checkbox {display:inline-block;width:105px;} #careers #availability .form li.minimum, #careers #availability .form li.maximum {float:left;} #careers #availability .form li.time {padding:15px 0 15px 0;} #careers #availability .form li input.text {width:50px;} #careers #availability .form span.day {display:inline-block;width:150px;} #careers #availability .day-of-week {} #careers #availability .day-of-week label {float:none;display:inline-block;} #careers #additional-informations textarea {width:400px;height:100px;} #careers .submit {margin-top:25px;} /*********************************/ /*********************************/ /* FORGOT PASSWORD */ #forgot-password-sb {padding:25px;} #forgot-password-sb h1 {margin-bottom:25px;} #forgot-password-sb label {display:block;} #forgot-password-sb input.text {width:175px;} #forgot-password-sb .btn {margin-top:15px;} /*********************************/ /*********************************/ /* PROJECT */ #product #primary-info .col-b .project-desc {padding-top:7px;} .material-list-block {padding-top:20px;} .material-list-block .title {font-size:16px;color:#00A0AF;font-weight:bold;} .material-list {padding-top:4px;} .material-list li {padding-top:3px;} #project-realisation {background-color:#F9F9F9;padding:20px;width:661px;margin-top:15px;} #project-realisation h2 {padding-bottom:10px;} #embed-youtube {padding:0 0 15px 0;} /*********************************/ /*********************************/ /* SITEMAP */ #sitemap ul li {padding-top:15px;} #sitemap ul ul {padding:0 0 0 15px;} #sitemap ul ul li {padding-top:15px;font-weight:bold;} #sitemap ul ul ul li {padding-top:0;font-weight:normal;} #sitemap .col {width:350px;float:left;} /*********************************/ /*********************************/ /* CMS */ .cms {color:#666 !important;font-size:12px !important;font-family:Arial !important;} .cms ul, .cms ol {margin-left:30px;} .cms li {padding-top:4px;} .cms ul li {list-style-type:disc;} .cms ol li {list-style-type:decimal;} /*********************************/ /*********************************/ /* ERROR PAGE */ #error {margin-top:25px;background:url(../images/error-bg.png) 0 0 no-repeat;min-height:302px;height:auto !important;height:302px;} #error h1 {color:#666666;} #error .col {width:445px;float:left;padding-left:30px;background:url(../images/warning-error.png) 0 1px no-repeat;} #error .en {/*margin-top:25px;*/} /*********************************/ /*------------------------------------------------------------ -------------------------------------------------------------- -------------------------------------------------------------- -------------------------------------------------------------- CONTENU STATIC MARTIN -------------------------------------------------------------- -------------------------------------------------------------- ------------------------------------------------------------*/ .nobr { white-space:nowrap; } .red{color:Red;} #staticLarge, #creatingAccount, #helpTopics, #careers, #schools, .main-qui-sommes-nous, #gift-card, .deserres-products {line-height:18px;} #staticLarge h1, #creatingAccount h1,#helpTopics h1,#careers h1, #schools h1, #gift-card h1, .deserres-products h1 {font-weight:bold; padding:0 0 10px 0px; margin-bottom:10px; background:url('/static/images/pointille.gif') repeat-x bottom;padding-top:3px;} #staticLarge h2,.main-site-policies h2,#creatingAccount h2,#helpTopics h2,#careers h2, #schools h2 {font-weight:bold;color:#666666;padding-top:25px;} #staticLarge h2.premier,#creatingAccount h2.premier,#helpTopics h2.premier, #careers h2.premier, #schools h2.premier {padding-top:0px;} #staticLarge h3,#creatingAccount h3,#helpTopics h3, #careers h3, #schools h3 {font-weight:bold;color:#666666;padding-top:15px;} #staticLarge h3.premier,#creatingAccount h3.premier,#helpTopics h3.premier, #careers h3.premier, #schools h3.premier {padding-top:0px;} #staticLarge ul,#creatingAccount ul,#helpTopics ul, #careers ul, #schools ul {margin-left:15px; margin-bottom:5px;} #staticLarge li,#creatingAccount li,#helpTopics li, #careers li, #schools li {list-style-type:disc;} #staticLarge strong,#creatingAccount strong,#helpTopics strong,#careers strong, #schools strong, .main-qui-sommes-nous strong,.main-about-us strong, #gift-card strong{ font-weight:bold;} .main-qui-sommes-nous h2, .main-about-us h2 { padding-top:25px;} .main-qui-sommes-nous h3,.main-about-us h3 {font-weight:bold;padding-top:8px;} .main-qui-sommes-nous div.hr, .main-about-us div.hr {padding-top:5px;} #schools .frais-livraison table,#schools .shipping-fees table,#helpTopics .livraison-retour table,#helpTopics .shipping-returns table,#staticLarge table { border-top:1px solid #00A0AF; border-left:1px solid #00A0AF; margin:10px 0 10px 0;} #schools .frais-livraison td,#schools .shipping-fees td,#helpTopics .livraison-retour td,#helpTopics .shipping-returns td,#staticLarge td { text-align:center; padding:5px; border-right:1px solid #00A0AF; border-bottom:1px solid #00A0AF;} #schools .frais-livraison th,#schools .shipping-fees th,#helpTopics .livraison-retour th,#helpTopics .shipping-returns th,#staticLarge th { text-align:center; padding:5px; font-weight:bold; border-right:1px solid #00A0AF; border-bottom:1px solid #00A0AF;} em{ font-style:italic;} sup{vertical-align:super;} strong{font-weight:bold;} div.hr hr{display:none;} div.hr{ height:1px; background:url('/static/images/pointille.gif') repeat-x bottom;} #helpTopics .petitTexte, #careers .petitTexte { font-size:11px;} /*FAQ*/ #accordion {width:583px;} #accordion a { background:url('') no-repeat; } #accordion a.ui-accordion-header {position:relative;display:block;color:#00a0af;font-size:12px;text-decoration:none;padding:10px 0 10px 10px;} #accordion a.ui-accordion-header span.icn {position:relative;width:10px;height:10px;background:url(/static/images/icn-plus.gif) 0 3px no-repeat;} #accordion a.ui-state-default {margin-left:15px;background:url(/static/images/li-faq.gif) no-repeat 0 15px;} #accordion a.ui-state-active {color:#666666;background:url(/static/images/li-faq.gif) #f6f6f6 no-repeat 15px 15px; font-size:14px; font-weight:bold; padding-left:25px;} #accordion div.ui-accordion-content { background: #f6f6f6 repeat-y;margin-bottom:10px;padding:0px 20px 20px 25px;} /*CARTE CADEAUX*/ #prix { overflow:auto; margin-bottom:10px;} #prix li { float:left; margin-right:15px; color:#0CB7C8; font-weight:bold; font-size:14px;} /*CONSEILS MAGASINAGES*/ .conseil-magasinage ul,.shopping-tips ul{margin-bottom:10px;} .conseil-magasinage p,.shopping-tips p {margin-bottom:10px;} #helpTopics .conseil-magasinage ul,#helpTopics .shopping-tips ul {margin-left:30px;} #careers #beljob {margin-top:25px;} #careers #beljob h2 {padding-bottom:15px;padding-top:0;} #cv-form h2 {padding-top:0px;} /*WEB ACCESS REQUEST*/ #web-access-request {} #web-access-request .box {margin-top:15px;} #web-access-request ul {} #web-access-request li {padding-bottom:5px;} #web-access-request li.text-access {padding-top:25px;font-weight:bold;} #web-access-request li.title-access {padding-top:15px;} #web-access-request li input {width:175px;} #web-access-request li.postalcode input {width:55px;} #web-access-request label {display:inline-block;width:200px;} #web-access-request .btn {margin-top:25px;} /*ABOUT US*/ #about-us-history {margin-top:15px;} #about-us-history .year {width:85px;background-color:#e5f5f7;text-align:center;padding-bottom:9px;} #about-us-history .year-label {background-repeat:no-repeat;text-indent:-9000px;display:block;margin:0 auto;} #about-us-history .history-content {padding:0 0 9px 10px;} /*GIFT CARD*/ #gift-card img.gift-card {margin:25px 0 0 25px;} /* LIVRAISON DES FETES */ #returns-policy #livraison-fetes { width:700px; height:511px; color:#746c38; margin-bottom:15px; } #returns-policy #livraison-fetes a { color:#009fc0; text-decoration:underline; } #returns-policy #livraison-fetes a.area span { position:absolute; left:-9999px; } #returns-policy #livraison-fetes .hidden { position:absolute; left:-9999px; } /*****************************************/ /* CREATIVE CLUB SUB MENU */ #creative-club.sub-nav .withChildren ul, #creative-club.sub-nav #leftMenu_item_1 ul {display:none;} #creative-club.sub-nav .withChildren.selected ul, #creative-club.sub-nav .withChildren.childSelected ul {display:block;} #creative-club.sub-nav .withChildren.selected a {color:#333;} #creative-club.sub-nav .withChildren.selected a:hover, #creative-club.sub-nav .withChildren.selected a.selected, #creative-club.sub-nav .withChildren.childSelected a.childSelected {color:#00A0AF;} #creative-club.sub-nav .menu ul {padding:11px 0;margin-left:15px;} /* Home - Le Club Creatif */ #creativeClubHome {background:url('/static/images/creative-club/home-bg.jpg') no-repeat;} #creativeClubHome.content-wrap .right-content {float:none;width:950px;height:3305px !important;} #creativeClubHome.content-wrap .nav {position:absolute;top:0;left:0;} #creativeClubHome #creativeClub h1, #creativeClubHome #creativeClub h2, #creativeClubHome #creativeClub h3 {display:block;text-indent:-9999px;background-repeat:no-repeat;} #creativeClubHome #creativeClub h1 {margin-bottom:24px;} #creativeClubHome #creativeClub h2 {margin-bottom:16px;} #creativeClubHome #creativeClub h3 {margin-bottom:22px;} #creativeClubHome #creativeClub {font-size:20px;color:#000;} #creativeClubHome #creativeClub .special {color:#ed1c24;} #creativeClubHome #creativeClub .note {font-size:13px;} #creativeClubHome #creativeClub .activate-card {margin:20px 0 14px;display:block;text-indent:-9999px;width:300px;height:42px;} #creativeClubHome #creativeClub .btn {margin:20px 0;text-transform:uppercase;} #creativeClubHome #creativeClub .top-page {display:inline-block;font-size:14px;font-weight:bold;margin:9px 0;padding-right:19px;background:url('/static/images/creative-club/home-arrow.gif') right -23px no-repeat;} #creativeClubHome #creativeClub .upper {text-transform:uppercase;} #creativeClubHome #creativeClub .center {text-align:center;} #creativeClubHome #creativeClub .bold {font-weight:bold;} #creativeClubHome #creativeClub .cc-col1, #creativeClubHome #creativeClub .cc-col2 {float:left;} #creativeClubHome #creativeClub .cc-col1 {width:363px;margin-right:84px;} #creativeClubHome #creativeClub .cc-col2 {} /* New program */ #new-program {height:678px;padding:45px 0 0 247px;} #new-program .np-ct {padding-left:44px;position:relative;} #new-program .np-ct .call-to-action-card {position:absolute;right:65px;top:102px;} #creativeClubHome #creativeClub #new-program .np-ct .call-to-action-card .btn {margin-top:4px;} #creativeClubHome #creativeClub #new-program .np-ct .call-to-action-card .btn .b-bd {cursor:pointer;font-size:12px;} #new-program .np-ct .call-to-action-card img {margin-bottom:10px;} #creativeClubHome #creativeClub #new-program .np-ct .call-to-action-card .btn, #new-program .np-ct .call-to-action-card .have-card {margin-left:24px;} #new-program .np-ct .call-to-action-card .have-card {font-size:17px;line-height:16px;color:#00a0af;text-transform:uppercase;font-weight:bold;} #new-program .np-ct ul {font-size:16px;font-weight:bold;color:#00a0af;margin-top:30px;padding-top:20px;} #new-program .np-ct ul li {margin-bottom:12px;} #new-program .np-ct ul li a {padding-right:19px;background:url('/static/images/creative-club/home-arrow.gif') right 3px no-repeat;} #new-program h1 {background-position:0 0;height:90px;} #creativeClubHome #creativeClub #new-program h3 {background-position:0 -480px;height:22px;margin-bottom:39px;} /* Accumulate points */ #accumulate-points {height:648px;padding-left:70px;padding-top:30px;} #accumulate-points h2 {background-position:0 -96px;height:25px;} #accumulate-points h3 {background-position:0 -576px;height:24px;} /* Advantages */ #advantages {height:716px;padding-top:20px;} #advantages h2 {background-position:0 -192px;height:25px;} #advantages h3 {background-position:0 -672px;height:26px;} #advantages img {margin:50px 0 0 119px;} /* Scale reward */ #scale-reward {height:640px;position:relative;padding-left:73px;} #scale-reward h2 {background-position:0 -288px;height:31px;} #scale-reward h3 {background-position:0 -768px;height:25px;} #scale-reward img {position:absolute;top:0;right:184px;} .rewards-list {font-size:14px;font-weight:bold;margin:20px 0 20px -10px;} .rewards-list li {margin-bottom:10px;line-height:18px;background:url('/static/images/creative-club/home-li-rewards-list.gif') 0 7px no-repeat;padding-left:10px;} /* how to adhere */ #howto-adhere {height:400px;} .ha-obtenez-txt {font-size:15px;} #howto-adhere h2 {background-position:0 -384px;height:31px;} #howto-adhere h3 {background-position:0 -864px;height:24px;} #howto-adhere .cc-col1 {margin-left:48px;margin-top:-30px;} #howto-adhere img {display:block;margin-left:87px;} /* Login */ #creative-club-login {} #creative-club-login h2, #creative-club-login h3 {padding-bottom:14px;} #creative-club-login .form li {padding-bottom:11px;} #creative-club-login .form li label {width:110px;display:inline-block;text-align:right;margin-right:5px;} #creative-club-login .btn {margin:11px 0 0 117px;} .list-already-activated li a {display:block;background:url(../images/breadcrumb-arrow-smenu.gif) 4px 8px no-repeat;padding: 2px 0 3px 12px;} .msg-error {color:Red;} .forgot-password {margin-left:119px;} .comparePassword {display:none;} .error .comparePassword {display:inline-block;color:red;margin-top:5px;font-weight:bold;margin-left: 3px;} /* Activate account */ #creative-club-activation h1 {padding-bottom:15px;} #creative-club-activation .box {margin-bottom:20px;} #creative-club-activation .form input {width:294px;border-color:#64d0db;} #creative-club-activation .form textarea {border-color:#64d0db;width:426px;height:142px;} #creative-club-activation .form select {border-color:#64d0db;} #creative-club-activation .form li {padding-top:16px;} #creative-club-activation .form label {display:block;color:#333333;padding-bottom:2px;} #creative-club-activation .action {width:434px;text-align:right;margin-top:8px;} #creative-club-activation .form #card-number label {display:inline;} #creative-club-activation .form #card-number input {width:84px;text-align:center;vertical-align:middle;} #creative-club-activation .form .date select {margin-right:8px;} #creative-club-activation .form #card-number-msg {color:#00A0AF;font-size:11px;display:block;margin-left:7px;padding-top:10px;} #creative-club-activation .form .cbx-ct {position:relative;} #creative-club-activation .form .rdb-ct label {margin-right:20px;} #creative-club-activation .form .rdb-ct label, #creative-club-activation .form .rdb-ct input, #creative-club-activation .form .cbx-ct input, #creative-club-activation .form .cbx-ct label {float:left;} #creative-club-activation .form .rdb-ct label.rdb-label {float:none;margin-bottom:3px;} #creative-club-activation .form .rdb-ct label span.mandatory {display:none;} #creative-club-activation .form .rdb-ct label.rdb-label span.mandatory {display:inline;} #creative-club-activation .form .rdb-ct input, #creative-club-activation .form .cbx-ct input {width:20px;} #creative-club-activation .form .cbx-ct.error label, #creative-club-activation .form .cbx-ct.error label a {color:red;} #creative-club-activation .form .cbx-ct label {width:auto;display:inline-block;} #creative-club-activation .form .cbx-ct label a, #creative-club-activation .form .cbx-ct label a:hover {text-decoration:underline;} #creative-club-activation .form .cbx-ct .optins {margin-left:20px;display:none;clear:both;} #creative-club-activation .form .cbx-ct .optins li {padding-top:5px;} #creative-club-activation .form .cbx-ct .optins li input, #creative-club-activation .form .cbx-ct .optins li label {float:none;} /* Error */ #creative-club-activation .form .error .error-img {position:relative;top:4px;margin-left:2px;width:20px;height:17px;display:inline-block;background:url(../images/warning-error.png) 0 0 no-repeat;} #creative-club-activation .form .cbx-ct.error .error-img {float:left;top:0;} .label-format {color:#00A0AF;font-size:11px;margin-left:10px;} /* Invalid / Already activard card */ #creative-club-activation .error-card {font-weight:bold;color:red;} #creative-club-activation .btn2lines {margin:20px 0;} #creative-club-activation .btn2lines .b-bd {padding-right:10px;} #creative-club-activation .creative-club-icon { display:block;width:102px;height:102px;cursor:pointer; position:absolute;top:-29px;right:-92px; } #creative-club-activation .btn-activate-card { padding:14px 20px 14px 15px; margin:30px 0; background:#0cb7c8; position:relative; display:inline-block; color:#fff; font-weight:bold; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } #creative-club-activation .btn-activate-card:hover {text-decoration:underline;} #creative-club-activation .btn-activate-card .creative-club-icon { display:block;width:102px;height:102px;cursor:pointer; position:absolute;top:-29px;right:-92px; } /* Check your balance */ #creative-club-verify {} #creative-club-verify .btn {margin:11px 0 0 117px;} #creative-club-verify .form li {padding-bottom:11px;} #creative-club-verify .form li label {width:110px;display:inline-block;text-align:right;margin-right:5px;} #creative-club-verify h2 {margin-top:11px;} #sommaire-solde {margin-top:25px;} /* TABLE */ .tbl-solde-points {margin-bottom:10px;} .tbl-solde-points td {width:130px;} .tbl-solde-points .td-points-minimum {padding-top:10px;} .note {color:#00a0af;} .tbl-sommaire-solde {width:100%;margin-top:11px;border:1px solid #00A0AF;border-collapse:separate;} .tbl-sommaire-solde th, .tbl-sommaire-solde td {text-align:right;} .tbl-sommaire-solde thead th {background-color:#00A0AF;height:21px;font-weight:bold;color:#fff;padding:5px 10px;} .tbl-sommaire-solde tbody td {border-top:1px solid #ffffff;background-color:#f0f9fa/*e5f5f7*/;font-size:11px;padding:10px;} .tbl-sommaire-solde tbody tr:nth-child(even) td {background: #e5f5f7} .tbl-sommaire-solde .date {text-align:center;width:80px;} .tbl-sommaire-solde .transaction {text-align:left;width:100px;} .tbl-sommaire-solde .numero-facture {width:130px;} .tbl-sommaire-solde .montant {width:70px;} .tbl-sommaire-solde .points-plus {width:70px;} .tbl-sommaire-solde .points-moins {width:60px;padding-right:20px;} /* Modality */ #schools .modality-program h1, #schools .modality-program h2, #schools .modality-program h3, #creative-club-student-status h1, #creative-club-student-status h2, #creative-club-student-status h3, #creativeClub .modality-program h1, #creativeClub .modality-program h2, #creativeClub .modality-program h3 {margin-top:20px;} #schools .modality-program h1, #creativeClub .modality-program h1 {margin-bottom:20px;} #schools .modality-program h2, #creativeClub .modality-program h2 {margin-bottom:16px;} #schools .modality-program h3, #creativeClub .modality-program h3 {margin-bottom:10px;} #schools .modality-program ol, #schools .modality-program ol li ul, #creativeClub .modality-program ol, #creativeClub .modality-program ol li ul {margin:10px 0;} #schools .modality-program ol li, #creativeClub .modality-program ol li {list-style:decimal none outside;margin:0 0 10px 26px;} #schools .modality-program ol li ol.alpha li, #creativeClub .modality-program ol li.alpha li {list-style:lower-alpha none outside;} #schools .modality-program ul li, #creativeClub .modality-program ul li, #creative-club-student-status ul li {list-style:none;background:url('/static/images/li-faq.gif') 0 5px no-repeat;padding-left:10px;margin-left:3px;} #schools .modality-program ul li, #creativeClub .modality-program ul li {margin-top:10px;margin-bottom:10px;} #creative-club-student-status ul li {margin-top:10px;margin-bottom:10px;} #schools *+html .modality-program ol li, #creativeClub .modality-program ol li {margin-left:30px;} #creative-club-get-connected {height:75px;padding:24px 0 0 114px;margin-top:25px;} #creative-club-get-connected h2 {color:#333;font-size:14px;} #creative-club-get-connected span {color:#00A0AF;} /* Contest */ #creative-club-contest .header { width:700px; height:160px; text-indent:-9999px; } /*****************************************/ /* COMMERCIAL ACCOUNT ------------------ */ /* Home - Presentation page */ #schoolsHome {background:url('/static/images/commercial-account/home-bg.jpg') no-repeat;} #schoolsHome.content-wrap .right-content {float:none;width:950px;height:2636px !important;position:relative;} #schoolsHome.content-wrap .nav {position:absolute;top:0;left:0;} #schoolsHome .zone-intro {padding: 53px 0 18px 360px;} #schoolsHome .zone-intro h1 {display:block;text-indent:-9999px;width:504px;height:204px;} #schoolsHome .zone-intro ol {margin-left:14px;} #schoolsHome .zone-intro ol li {margin-bottom:16px;list-style:none;} #schoolsHome .zone-intro ol li a {display:block;text-indent:-9999px;} #schoolsHome .zone-intro ol li a.anchor-benefits {width: 218px;height: 36px;background-position:-14px 0;} #schoolsHome .zone-intro ol li a.anchor-pro {width: 169px;height: 36px;background-position:-14px -51px;} #schoolsHome .zone-intro ol li a.anchor-idea {width: 237px;height: 36px;background-position:-14px -102px;} #schoolsHome .zone-intro ol li a.anchor-access {width: 198px;height: 36px;background-position:-14px -156px;} #schoolsHome .zone-intro ol li a.anchor-conditions {width: 234px;height: 35px;background-position:-14px -210px;} #schoolsHome .zone-intro ol li a.anchor-activation {width: 483px;height: 140px;background-position:0 -265px;margin-left:-11px;} #schoolsHome .zone-intro ol li a.anchor-activation:hover {background-position:0 -420px;} /* zone h2 */ .zone-h2 {display:block;text-indent:-9999px;} #schools .zone-h2 {padding-top:0;} /* zone content */ .zone-content {padding-left:98px;font-size:14px;color:#636466;} .zone-content ul {margin:12px 0;} .zone-content ul li {margin-bottom:16px;list-style:none;} #schoolsHome .top-page {font-weight:bold;color:#ff6e2b;display:inline-block;font-size:14px;margin:9px 0;padding-right:19px;background:url('/static/images/commercial-account/home-arrow.gif') right -23px no-repeat;} .zone-col {float:left;width:305px;margin-right:42px;} /* lists */ #schoolsHome #schools ul {margin-left:0;} #schoolsHome #schools ul li {margin-bottom:16px;padding-left:8px;list-style-type:none;background:url('../images/li-dot.gif') 0 6px no-repeat;} #schoolsHome #schools ul ul {margin:10px 0 10px -15px;} #schoolsHome #schools ul ul li {margin-left:0;margin-bottom:0;background:none;padding-left:6px;} /* zone-benefits */ .zone-benefits {padding:29px 0 0 59px;height:510px;position:relative;} .zone-benefits .card {position:absolute;top:142px;right:88px;display:block;} .zone-benefits .zone-h2 {width: 338px;height: 78px;} .zone-benefits .zone-content ul {width:370px;} /* zone-pro */ .zone-pro {padding:44px 0 0 59px;height:367px;} .zone-pro .zone-h2 {width: 322px;height: 78px;background-position:-1px -101px;} .zone-pro .top-page {padding-left:98px;} /* zone-idea-access */ .zone-idea-access {padding:27px 0 34px 59px;} .zone-idea-access .zone-col {width:400px;} /* zone-idea */ .zone-idea {} .zone-idea .zone-h2 {width: 372px;height: 78px;background-position:-1px -199px;} /* zone-access */ .zone-access {} .zone-access .zone-h2 {width: 316px;height: 78px;background-position:-2px -301px;} .zone-access .zone-content {padding-left:0;width:300px;} /* zone-conditions */ .zone-conditions {padding:23px 0 34px 59px;} .zone-conditions .zone-h2 {width: 374px;height: 79px;background-position:-3px -395px;} .zone-conditions .top-page {padding-left:98px;} /* Generic form */ #schools .commercial-account-content {} #schools .commercial-account-content h2, #schools .commercial-account-content h3 {color:#00A0AF;padding-bottom:14px;} #schools .commercial-account-content .form {margin-left:0;} #schools .commercial-account-content .form li {padding-bottom:11px;list-style:none;} #schools .commercial-account-content .form li label {text-align:right;width:130px;display:inline-block;margin-right:5px;} #schools .commercial-account-content .forgot-password {margin-left:137px;} #schools #commercial-account-login.commercial-account-content .btn {margin:11px 0 0 137px;} /* Activate Commercial Account */ #schools #commercial-account-activation h2 {padding-top:0;} #schools #commercial-account-activation .box {margin-bottom:20px;} #schools #commercial-account-activation .form input {width:294px;border-color:#64d0db;} #schools #commercial-account-activation .form textarea, #commercial-account-infos textarea {border-color:#64d0db;width:426px;height:142px;} #schools #commercial-account-activation .form select {border-color:#64d0db;} #schools #commercial-account-activation.commercial-account-content .form li {/*padding-top:16px;*/} #schools #commercial-account-activation.commercial-account-content .form label {width:auto;text-align:left;display:block;color:#333333;padding-bottom:2px;} #schools #commercial-account-activation .action {width:434px;text-align:right;margin-top:8px;} #schools #commercial-account-activation .form .date select {margin-right:8px;} #schools #commercial-account-activation .form .cbx-ct {position:relative;} #schools #commercial-account-activation .form .rdb-ct label {margin-right:20px;} #schools #commercial-account-activation .form .rdb-ct label, #schools #commercial-account-activation .form .rdb-ct input, #schools #commercial-account-activation .form .cbx-ct input, #schools #commercial-account-activation .form .cbx-ct label {float:left;} #schools #commercial-account-activation .form .rdb-ct label.rdb-label {float:none;margin-bottom:3px;} #schools #commercial-account-activation .form .rdb-ct label span.mandatory {display:none;} #schools #commercial-account-activation .form .rdb-ct label.rdb-label span.mandatory {display:inline;} #schools #commercial-account-activation .form .rdb-ct input, #schools #commercial-account-activation .form .cbx-ct input {width:20px;} #schools #commercial-account-activation .form .cbx-ct.error label, #schools #commercial-account-activation .form .cbx-ct.error label a {color:red;} #schools #commercial-account-activation .form .cbx-ct label {width:auto;display:inline-block;} #schools #commercial-account-activation .form .cbx-ct label a, #schools #commercial-account-activation .form .cbx-ct label a:hover {text-decoration:underline;} #schools #commercial-account-activation .form .cbx-ct .optins {margin-left:20px;display:none;clear:both;} #schools #commercial-account-activation .form .cbx-ct .optins li {padding-top:5px;} #schools #commercial-account-activation .form .cbx-ct .optins li input, #schools #commercial-account-activation .form .cbx-ct .optins li label {float:none;} #schools #commercial-account-activation .form #optins-newsletter label {width:600px;} /* Error */ #schools #commercial-account-activation .form .error .error-img {position:relative;top:4px;margin-left:2px;width:20px;height:17px;display:inline-block;background:url(../images/warning-error.png) 0 0 no-repeat;} #schools #commercial-account-activation .form .cbx-ct.error .error-img {float:left;top:0;} .label-format {color:#00A0AF;font-size:11px;margin-left:10px;} /* Invalid / Already activard card */ #schools #commercial-account-activation .error-card {font-weight:bold;color:red;} #schools #commercial-account-activation .btn2lines {margin:20px 0;} #schools #commercial-account-activation .btn2lines .b-bd {padding-right:10px;} #schools #commercial-account-activation .commercial-account-icon { display:block;width:102px;height:102px;cursor:pointer; position:absolute;top:-29px;right:-92px; } .company-db-value, .use-other-email {font-weight:bold;color:#00A0AF;} #schools #commercial-account-login.commercial-account-content .use-other-email {margin-left:15px;text-decoration:underline;} /* max length error on additional comments */ .maxlength-error {display:block;color:#db4a40;font-weight:bold;margin-top:6px;} /* Warning message errors */ .warning-message, .warning-message-existing { display:block; font-weight:bold; color:#fff; position:relative; margin-left:-20px; margin-top:16px; width:591px; padding:20px 20px 20px 90px; background:#F28B84 url(/static/images/warning-message2.png) 20px 17px no-repeat; } .warning-message-existing { color:#00a0af; background:#fbffff url(/static/images/warning-message.png) 20px 17px no-repeat; } .warning-account-number {margin-left:137px;margin-bottom:5px;color:#ef4135;font-weight:bold;} /*****************************************/