/* Table Of Content: 1. content elements 2. layout 3. zone specific 4. page specific (+ separate css files for forms, admin, print styles, IE) blue: #5BC6E8; blue claire 1: #59C7EA liens: blue claire un peu plus fonce: #59B6D4 */ /* ------------------------------------------------------------------------------ 1. content elements and classes ------------------------------------------------------------------------------ */ /* ------------------------ content elements - DO NOT TOUCH .cake-sql-log { display:none}*/ /*.gift_codes_edit .cake-sql-log {display:block}*/ body {font-family: Georgia, Times, serif; font-size: 9pt; line-height: 1.3em; color: #666} /*a:link, a:visited {color:#333;; text-decoration:underline; font-weight:normal; outline:0}*/ a {color:#59B6D4; text-decoration:none; } a:hover, a:active {text-decoration:underline} h1, h2, h3, h4, h5, h6, p, ul, ol {margin:0 0 1em 0; padding:0; font-weight:normal; list-style:none} li, dt, dd {margin:0; padding:0} ul li {list-style-type:square; list-style-position:inside} ol li {list-style-type:decimal; list-style-position:inside} h1 {font-size: 27px; margin: 0 0 1.7em 0; color:#000; font-weight:normal; line-height:28px} .b2b h1{font-size:25px} h1 .gray {color:#666} h2 {font-size: 16px;margin: 1.5em 0 1em; font-weight:normal; color:#000; line-height:18px} h3 {font-size:14px; margin:1.5em 0 1em; color:#333} h4 {font-size:12px; margin:1.5em 0 1em; color:#333; font-weight:bold} strong {font-weight:bold} em {font-style:italic} blockquote {background-color:#F6F6F6; padding:10px 10px 2px 20px} a img {border-width: 0} ul li {margin:0; padding:0 0 0 15px} .content ul li {margin-left:13px; text-indent:-13px} .content ol li {margin-left:17px; text-indent:-17px} .content ul li p, .content ol li p { text-indent:0} hr {color:#999; height:1px} table {margin:1em 0; padding:0; font-size:1.0em; border-collapse:collapse; border:none} th, td {padding:4px 2px; text-align:left; vertical-align:top; font-weight:normal; border: none} label {cursor:pointer; display:inline-block;width:130px} label.wideLabel { width:auto} * html body label {display:inline} .input input, input.text, select, textarea {padding:2px; border:#999 1px solid; margin:2px;font-family: Georgia, Times, serif} input {width:150px} input.radio, input.checkbox, input[type='radio'], input[type='checkbox'] {width: auto} * html body input.radio { width:20px} .smallForm input {width:35px; margin:0 2px} .smallForm input.submit {width:60px; background-image:url(../img/layout/bg_bout_gray_col_right-60px.gif)} .submit input, .submit {color:#59B6D4; text-decoration:none; font-size:18px; height:30px; line-height:28px; font-weight:normal; background:none; width:auto; text-align:left; border:0; margin:0; cursor:pointer; font-family:Georgia, Times, serif; } .submit:hover {text-decoration:underline; display:inline-block} * html body .submit:hover {display:inline} /* ------------------------ content classes-------------------*/ .clear {clear: both; margin:0; padding:0; line-height: 0px; height: 0px; display: block} hr.clear {visibility:hidden} .soft {color: #B1B1B1; font-size: 0.9em; font-style:italic} .centered {text-align:center} .dark {color:#000} .gray {color:#666} .blue {color:#59B6D4} .red {color:#A71939} .redRed {color:red} .black {color:#000} .green { color:#94C93D} .black {font-size:14px; line-height:17px; font-weight:bold} a.blue {text-decoration:none; color:#59B6D4} .bigger {font-size:1.3em} .leftmargin {margin-left:100px} .error {color:#A71939} .link {text-decoration:underline; cursor:pointer} p.link {text-decoration:none} .niceErr {color: #9F4A55; background-color:#FFD4D4; border:#FFA496 1px solid; padding:10px} #flashMessage {color:#9F4A55; background-color: #CCCCCC; border: #C39F31 0px solid; padding:10px; margin-bottom:20px} .message { color:#59B6D4; font-size:1.2em; margin:10px; text-shadow:1px 1px #ccc} /* ------------------------------------------------------------------------------ 2. layout, page structure ------------------------------------------------------------------------------ */ html, body {margin:10px 0 0 0; padding:0} body {background-color:#f5f5f5;/*text-align: center; */padding: 10px 10px 30px} * html body {padding:0} .container {width:960px;background-color:#fff; margin:0 auto; text-align:left;position:relative} .b2b .container {border-left:solid 2px #94C93D} .cLeft, .cRight, .left, .right {float:left; display:inline; padding: 0 0 30px} .cLeft {width:690px} .cRight {width:230px; margin-left:22px} .main_col {margin:0} .content {padding:20px} .footer {clear:both; height:0px; width:100%; font-size:9px; color:#999999; text-align:center} .footer p {padding-top:5px} .footer a:link, .footer a:visited { text-decoration:none; color:#999999} .footer a:hover {color:#A71939} /* ----------------- 3. zone specific styles shared on *all* pages (main_col: see content styles above)-------------*/ .cLeft {background-image: url(/img/layout/dotts_vertical.gif); background-repeat:repeat-y; background-position:right} .cRight {display:block; width:225px; padding:0 0 0 0; text-align:center; } .logo {margin: 20px 0 20px 0px; } .header {z-index:10; height:33px; background: transparent url(../img/layout/dotts_horiz.gif) left bottom no-repeat; padding:0; position:relative} .headerLeft, .headerRight { float:left; display:inline} .headerLeft { width:690px; background: transparent url(../img/layout/dotts_vertical.gif) right top no-repeat} .headerRight { padding:10px 0 4px 10px} #mailingBox { position:absolute; top:7px; right:280px} #mailingBox input.text { width:100px; border:#ccc 1px solid; float:left; display:inline; margin:0 3px 0 0; color:#666; text-align:right} #mailingBox input.submit { width:auto; color:#666; text-align:center; height:auto; padding:1px 4px; font-size:12px; line-height:18px} input.submit:hover { text-decoration:none} .alt { background:transparent url(../img/bg/alt-left.png) no-repeat left top; height:36px; position:absolute; padding-left:22px} .alt span { background:transparent url(../img/bg/alt-right.png) no-repeat right top; color:#333; display:block; font-size:10px; height:36px; line-height:40px; padding-right:22px; white-space:nowrap} #mailingBox .error-message { display:none} .langChoice {font-size:0.9em; font-family:"Century Gothic",Arial, Helvetica, sans-serif; display:block; float:right; margin-right:10px} .langChoice a, .langChoice a:link, .langChoice a:visited {color:#999999; text-decoration:none} .langChoice a:hover, .langChoice a:focus {text-decoration:underline; color:#666} .banner img {height:170px; border:0} .banner {background-image:url(../img/layout/dotts_horiz.gif); background-position:bottom; background-repeat:no-repeat; height:173px} /******************************* right column ***********************/ .cRight ul {margin-top:5px; } .cRight li {list-style:none; height:33px} * html .cRight ul li { padding-left:0} .cRight li a, #cartLink2 a {display:block; line-height:33px; background-image:url(/img/layout/bg_bout_blue_col_right.jpg); background-repeat:no-repeat; background-position:6px 3px; color:#fff; text-decoration:none; font-size:15px} .cRight li a:hover {background-image:url(/img/layout/bg_bout_blue_col_right_hover.jpg);color:#59B6D4; text-decoration:none; } .cRight li a.gray {background-image:url(/img/layout/bg_bout_gray_col_right.jpg)} .cRight li a:hover.gray {background-image:url(/img/layout/bg_bout_gray_col_right_hover.jpg); color:#939598} .b2b .cRight li a {background-image:url(/img/layout/bg_bout_green_col_right.jpg)} .b2b .cRight li a:hover {background-image:url(/img/layout/bg_bout_green_col_right_hover.jpg); color:#94C93D} .editions_view .fr .banner img {background-image:url(../img/banners/2_FR_idee_kdo.gif);} .public_manifeste .fr .banner img {background-image:url(../img/banners/6EN-support.gif);} /* ************* main navigation *******************/ /* common styling */ .nav {width:600px; position:relative; font-size:13px; z-index:100; margin-left:20px} div.nav { padding-top:10px} .nav ul li a, .nav ul li a:visited {display:block; text-decoration:none; color:#666;width:auto; height:20px; overflow:hidden; padding:0 14px 4px 1px} .b2b .fr .nav ul li a, .b2b .fr .nav ul li a:visited { padding-right:9px} .nav ul li ul li a, .nav ul li ul li a:visited {padding-bottom:0} .nav ul {padding:0; margin:0} .nav ul li {float:left; position:relative; list-style:none; padding-left:1px; width:auto} .nav ul li ul {display: none} .nav ul li ul.level1 a{width:104px !important; border:none; padding-left:2px} .nav li.li1 ul.level1 a{width:250px !important} .nav li.li2 ul.level1 a{width:110px !important} /*.nav li.li2 ul.level1 li:hover a{background:#ccc}*/ .nav li.li3 ul.level1 a, .nav li.li5 ul.level1 a{width:128px !important} .nav li.li1 ul.level2 a {width:170px !important} .nav li.li2 ul.level2 a {width:170px !important} .nav li.li4 ul.level1 a{width:146px !important} .b2b .nav li.li1 ul.level1 a{width:190px !important} .b2b .nav li.li3 ul.level1 a{width:115px !important} .b2b .nav li.li4 ul.level1 a{width:173px !important} .b2b .nav li.li6 a{color:#A71939 !important} /* specific to non IE6 browsers */ .nav ul li:hover a {color:#A71939; background:none; text-decoration:none} .nav ul li:hover ul {display:block; position:absolute; top:22px; left:0; padding:7px 0 7px 7px; border:#ccc 1px solid;background:transparent url(../img/bg/mainmenu_bg.png) repeat; margin-top:0px; width:auto} .nav ul li:hover ul li ul {display: none} .nav ul li:hover ul li a {display:block; color:#666; border:none} .nav ul li:hover ul li a:hover {color:#A71939} .nav ul li:hover ul li:hover ul {display:block; position:absolute; left:127px; top:-8px} /* current */ .nav ul li.current a, .nav ul li.current ul.level1 a.current {color:#A71939} .nav .current ul.level1 a {color:#666} /* series */ .nav li.li1 ul.level1 li.type1 { padding:10px 0} .nav li.li1 ul.level1 li.type2 { padding-left:7px} /* ----------------------------- 4. page/section specific styles (in combination with id or class on body)--------------*/ /********************************* artworks_view ****************************/ .artworks_view .main_col, .artworks_view .cLeft, .artworks_view .cRight {margin:0} .artworks_view .cLeft { padding-bottom:0} .artworks_view .content {background: transparent url(/img/layout/dotts_vertical.gif) repeat-y 440px 0; padding:10px 0 20px 20px; min-height:350px} .artworks_view h2 { margin-bottom:0.5em} /**** left ****/ .artworks_view .left {width:400px; margin-right:0; position:relative; padding: 2px 0 190px 0} #artworksView h1 {font-size:24px; position:absolute} .artworks_view .left div.links {margin-top:2em} .artworks_view .left div.links p a {margin:30px 0; color:#59B6D4} .artworks_view p.itemImg {display:block; width: 409px; text-align:center; margin-bottom:-5px; margin-top: 70px} .itemImg img {background:#fff url(../img/bg/artwork-view-image-bg.gif) no-repeat left top; padding:0 9px 9px 0} .navArrows {padding-left:47px; text-align:left; width: 306px} .navArrows a#linkPrevArt, .navArrows a#linkNextArt {float:left; display:inline; margin-right:0; padding-top:1px} .navArrows a#linkNextArt {margin-right:5px} .navArrows a img { border-width:0} .artworks_view .leftBottom {position:absolute; top:427px} #cartLink img {float:left} #cartLink span { font-size:1.2em; color:#59B6D4} .collTitle {margin-right:45px; text-align:right} .collTitle h2 { margin-top:0; margin-bottom:9px} .collTitle p { margin-bottom:0} /* defile_images */ .defile_images{padding:0px;height:50px; margin:6px 0 0 13px} .defile_images div, .defile_images table, .defile_images table tr td, .defile_image a, .defile_image a img {margin:0; padding:0} .defile_images table a:hover {overflow:hidden} .zone1{position: relative;left: 0px;height: 50px;overflow: hidden;width: 307px} .zone1 table {width:100%} .zone1 a {position:relative} .zone1 a img {padding:0; width:50px} .zone1 a img.cache {position:absolute} .zone1 img.current {position:relative} .cache {position:absolute; top:-40px} /* next and prev collections */ .navLinks {margin:5px 0 0 10px; width:390px; font-size:0.9em} .navLinks div {display:inline-block; margin:0; padding:0} .navLinks .prev {width:136px; float:left; padding-left:39px} .navLinks .next {width:123px; float:right; text-align:right; padding-right:44px} .navLinks a { color:#666} /**** right ****/ .artworks_view .right {width:235px; padding:0; position:relative; margin-left:29px} #artworksView .right table {margin-top:68px} #artworksView .right table td {padding:2px} table.artworkInfo { margin-top:0; width:235px} #artworksView .right table h2 { margin:0 0 10px} span.editionbutton { display:block; width:205px; height:30px; line-height:28px; color:#fff; text-align:center; width:100%; font-size:15px} .artworks_view .right td.tdLeft {text-align:right; color:#000; padding-right:10px; width:75px} .artwork tr.tr7 td, .artwork tr.tr9 td, .b2b .artwork tr.tr12 td {padding-top:5px} .artwork .tdRight a:link, .artwork .tdRight a:visited {color: #666} .artwork tr.tr4 .tdRight, .artwork tr.tr6 .tdRight {font-weight:normal} .artwork tr.tr2 .tdRight a, .artwork tr.tr6 .tdRight a {color:#59B6D4; } #commentText {position:absolute; margin:0; width:305px; left:-60px; top:74px} .commentInner {background:transparent url(../img/bg/mainmenu_bg.png); border: #ccc 1px solid; padding:15px; margin-top:0px; min-height:275px} #cartLinkDiv { text-align:center; position:absolute; top:313px} #cartLink2 { width:230px; display:block; text-align:center;} #cartLink2 a { background-position:center 3px; background-image:url(../img/buttons/light-blue-200x28.gif)} .artwork .moreviews { position:absolute; top: 342px} .artwork .moreviews h2 { margin-top:20px; margin-bottom:3px} .artwork .moreviews p img { padding:0 2px 0 0; margin:0; float:left; display:inline} .artwork div.editions {position:absolute; top:427px} .artwork div.editions h2 { margin-top:0} .artwork div.editions div { float:left; margin-bottom:10px} .artwork div.editions div span { text-decoration:none; font-size: 14px; color:#59b6d4} #introText, #featuresText {position:absolute; margin:0; width:305px; left:-382px; top:-357px} .artwork ul.editions { margin-top:-4px; clear:left} .artwork .editions li {line-height:1.5em; list-style:none; margin:0; padding-left:11px} .artwork .editions li a {color:#666} .artwork .editions li.blue a {color:#59B6D4} /******************************** editions search form *********************/ #form489 label {width:auto} #form489 table tr td {padding-right:10px; line-height:2.5em} /********************************* editions_view, collections_view ***********************/ .editions_view .content, .collections_view .content {background: transparent url(/img/layout/dotts_vertical.gif) repeat-y 440px 0} .editions_view .left { width:400px; margin-right:30px} .editions_view .right { width:185px; padding: 42px 0 0 22px; text-align:right} .editions_view .right p.blue { margin-top:20px} .editions_view .right p.blue a { color:#59B6D4; text-decoration:none} .editions_view .right span { cursor:pointer} .editions_view .right span a { text-decoration:none; color:#666} .editions_view .right span.current { color:#59B6D4} .editions_view p.links { margin-top:100px} .editions_view a.plus {color:#A71939; font-weight:bold} .editions_view .align-right {text-align:right; color:#333333;} .othercolls a { text-decoration:none; color:#666} .othercolls a.current {color:#59B6D4} .sameColl h2 { font-size:13px} /***************************** mailing-list*******************/ #form1 .error-message {color: #DA9898; margin-left:130px} .subscr label { font-size:16px; color:#000} .mailingLang input+label { width:30px} /**************************** page_index ********/ .page_index .main_col {text-align:center; margin:200px 0} .page_index .langChoice {font-size:2em} /**************************** collections intro ********/ .gallery .left {width:48%; padding:0 5px 0 0} .gallery .right {width:48%; float:right; } .gallery .left img, .gallery .right img {float:left; padding:0 5px 50px 0} .title {font-size:13px} /**************************** artists_index***********************/ .artistsList img {padding:10px;background: transparent url(../img/bg/artists-index-image-bg.gif) no-repeat} .artistsList .artistInfo {position:relative; width:150px; float:left; display:inline; margin-bottom:20px; z-index:1} .artistsList .bg {position:absolute; background:none; z-index:10; margin:50px 0 0 10px; cursor:pointer} .artistsList .artistName {position:absolute; color:#fff; z-index:20;width:95px; height:40px; display:block; padding:0 3px; margin:0; text-align:center; margin:53px 0 0 14px; cursor:pointer} .artistInfo > .bg {margin:34px 0 0 4px} /********************************* artists_view ****************************/ .artists_view .content {background: transparent url(/img/layout/dotts_vertical.gif) repeat-y 440px 0} .artists_view .left {width:400px; padding-right:30px} .artists_view h1 {display:block; width:420px; line-height:1.2em} .artists_view .right {width:170px; padding: 42px 0 0 2px; margin-left:25px; text-align:right} .artists_view .right li {list-style:none; margin-top:5px} .artists_view .right a:link, .artists_view .right a:visited {text-decoration:none; color:#333333; } .artists_view .right a:hover {text-decoration:underline} .artists_view .right a.current {color:#59B6D4} .artistPic {float:right; padding:10px 9px 10px 31px; width:110px; text-align:right; background:transparent url(../img/bg/artists-index-image-bg.gif) no-repeat scroll 20px 0px} .picts_range a img {margin-right:2px; background: transparent url(../img/bg/artists-view-artwork-bg.gif) no-repeat; padding:0 0px 7px 0; width:40px} /* invert photo + thumbs .artistPic {float:left; padding:10px 31px 10px 6px; width:110px; text-align:right; background:transparent url(../img/bg/artists-index-image-bg.gif) no-repeat scroll -5px 0px} .artistArts a img {margin-right:10px; background: transparent url(../img/bg/artists-view-artwork-bg.gif) no-repeat; padding:0 7px 7px 0} */ .artistPic p {margin-top:10px; margin-right:-5px; } .thumbs {padding-top:3px} .thumbs img {padding:0 4px 1px 0; width:40px; } /********************************* fr_cadeaux ****************************/ .fr_cadeaux .content img {margin-left:60px; } /*.giftType label {float:none} .giftMsg textarea {margin:30px 0; display:block} .giftMsg label {width:500px} giftChoice #giftChoice .labelInputPromo {width:auto; margin-right: 10px}*/ .gift_codes_edit .content .right {width:330px; padding-left:15px; margin:0} .gift_codes_edit .content .left {width:300px} #formChangeMsg textarea {width:450px; height:200px} .gift_codes_edit h1 {margin-bottom:35px} .gift_codes_edit .blue {font-size:18px; margin-left:25px} .gift_codes_edit blockquote {width:542px; margin-top:30px; padding-bottom:10px; margin-left:0px} .orders_identification blockquote {padding-bottom:10px} /************************************************************/ /*test manu*/ a.bout {display:block; line-height:33px; background-image:url(/img/layout/bg_bout_gray_300px.jpg); background-repeat:no-repeat; background-position:0px 3px; color:#FFFFFF; text-decoration:none; } a:hover.bout {display:block; background-image:url(/img/layout/bg_bout_gray_300px_hover.jpg); background-repeat:no-repeat; color:#939598; text-decoration:none; } /*a.bout_gray {display:block; line-height:33px; background-image:url(/img/layout/bg_bout_gray_col_right.jpg); background-repeat:no-repeat; background-position:0px 3px; color:#FFFFFF; text-decoration:none; } a:hover.bout_gray {display:block; background-image:url(/img/layout/bg_bout_gray_col_right_hover.jpg); background-repeat:no-repeat; color:#939598; text-decoration:none; }*/ a.big_blue {color:#59B6D4; text-decoration:none; font-size:18px; } a:hover.big_blue {text-decoration:underline; } a.a {text-indent:55px; } a.b {text-indent:32px; } a.c {text-indent:45px; } .presse_press-room .left {padding:0; margin:0} /********************************* artistes_nous-rejoindre ****************************/ .artistes_nous-rejoindre table {border: solid 1px #ccc; } .artistes_nous-rejoindre td {border-bottom: solid 1px #ccc; border-right: solid 1px #ccc} /*********************************** cart and orders ******************************/ .content h1.cartH1 {margin:0 0 10px 0} p.crumps {text-align:right} p.crumps span {display:inline-block; margin-right:10px; background-image:url(../img/pages/circle.jpg); background-repeat:no-repeat; background-position:0px 3px; padding:4px; text-indent:2px} * html body p.crumps span {display:inline} p.crumps span.active {display:inline-block; margin-right:10px; background-image:url(../img/pages/circle-active.jpg); background-repeat:no-repeat; background-position:0px 2px; padding:4px; text-indent:2px} .linkEmptyCart img { margin:50px 200px} #order .linkEmptyCart img, #myCart .linkEmptyCart img { margin:50px 200px} /*cart*/ table.cartContents {border: 1px solid #D6D1CA; width:100%} .cartContents tr th, .cartContents tr td{border-bottom: 1px solid #D4D4D4; padding:2px; text-align:center; vertical-align:middle} .cartContents tr th {background-color:#f5f5f2; font-weight:bold} .cartContents .title {font-size:0.8em; color:#000} .cartContents tfoot tr td {text-align:left; padding:4px 10px; } /*td.first {width:450px}*/ .cartContents tfoot tr td.second {text-align:center} tr.bigTotal td {font-size:1.2em} #textareaMsg { width:500px; height:200px} /* gift cart */ #gift .cartContents {} #gift .cartContents tr.total td.first {text-align:right; padding-right:10px} div.details {margin-top:10px} #myCart label {width:auto} div.details h2 {font-size:1.2em; font-weight:bold} .div1 {border: 1px solid #D4D4D4; padding:5px 10px} #promoErr {padding:10px 0} .promoPer {margin-top:5px; color:green; font-size:1.1em; font-weight:bold} #divPromo p.blue {margin-bottom:0} #divGenCond label {width:auto} .links {margin-top:25px; text-align:right} .bigLink:link, .bigLink:visited {display:inline-block; height:30px; line-height:28px; font-weight:bold; color:#fff; background:transparent url(../img/layout/bg_bout_blue_col_right.jpg) no-repeat; width:188px; text-align:center; text-decoration:none} .links a.aContinue {color:#59B6D4; background-image:url(../img/layout/bg_bout_gray_col_right_hover.jpg) } * html body .links a {display:inline} .links a:hover {text-decoration:underline} .giftLinks { position: relative} .giftLinks .submit { position:absolute; left:450px; top:-55px} /*identification*/ .clientForm label, .block label {float:none; display:inline-block; width:200px} * html body .clientForm label {display:inline} .block label {width:auto} .clientForm label.labelTitle {float:left} /*.submit {display:inline-block; height:30px; line-height:28px; font-weight:bold; color:#fff; background:transparent url(../img/layout/bg_bout_gray_col_right.jpg) no-repeat; width:188px; text-align:center; border:0; margin:5px 0 0 140px; cursor:pointer; font-family:Georgia, Times, serif}*/ .detailsErr {color: #E77347; margin-left:202px; clear:both} .return {border:#FF0000 1px solid; background-color:#FDEBDF; color:#621310; padding:7px; margin:5px} /*delivery*/ a.linkBack {display:inline-block; text-align:center; width:188px; background: transparent url(/img/layout/bg_bout_blue_col_right_hover.jpg) no-repeat; color:#59B6D4; height:28px; line-height:28px} * html body a.linkBack {display:inline} p.linkBack {text-align:right; width:100%} #deliv .left {width:305px} #deliv .alone {width:505px} #deliv .right {width:305px; float:right} #deliv label {float:left; width:96px; display:block; margin-top:3px} #deliv input {border-color:#eaeaea; margin:3px 0; padding-left:5px; width:173px} #deliv input.checkbox {width:auto; margin-left:25px} #deliv #checkRemember { margin-left:0} #deliv select {border-color:#eaeaea; margin-left:0px} #deliv .label2 {float:none; display:inline; padding-left:10px} #deliv .left div {margin-top:51px} #deliv .alone div { margin-top:5px} #deliv div div.detailsErr {margin:0 30px 0 0; text-align:right} #deliv .alone div.detailsErr {margin:0 0 0 96px; text-align:left} #deliv #client_billing_firstname {margin-bottom:19px} #deliv h3 {margin-top:0} #deliv .giftDelivDetails .left div {margin:0} #deliv .giftDelivDetails #client_billing_firstname {margin-bottom:3px} #deliv #flashMessage { background:#fff} p.ret {margin-left:30px} .delivForm .submit {margin-left:170px} .delivForm input.text {width:250px} .orders_delivery .p2 {margin:25px 0; text-align:right} /* presentText*/ #presentText {margin:10px 0 20px; padding:0px 20px 20px; border:#59B6D4 1px solid; width:437px} #presWrap .p1 a {margin:10px 0 0 38px} /*confirmation*/ .returnLink {text-align:left} .returnLink a {display:block; margin:10px; color:#59B6D4; font-weight:bold} div#modeP label {float:none; display: inline-block; width:60px} * html body div#modeP label {display:inline} #divLinks label {width:auto} /**************************** b2b cart ******************/ .b2bOrder #deliv table {margin:0} .b2bOrder #deliv td {padding:2px 3px} .b2bOrder #deliv td.first {color: #C7C7C7; text-align:right; padding-right:6px; width:6em} td.error span.small {color:#666; font-size:0.9em} /*********************************** fr_100-percent-future-friendly *****************************/ p.big1 {margin-top:40px; font-size:30px; text-align:center; line-height:10px; } .fr_100-percent-future-friendly .cLeft .logos {margin-bottom:30px} p.big2 {margin-top:33px; font-size:35px; text-align:center; } /********************************* b2b ***********************/ /*body.b2b {background-color:#000} body.b2b {background-color:#94C93D}*/ .b2b .content a:link, .b2b .content a:visited {color:#94C93D; text-decoration:none} .b2b .content a:hover, .b2b .content a:active {color:#94C93D; text-decoration:underline} .b2b .content links {text-align:right} .b2b .content .submit {color:#94C93D} .b2b .right p.blue a {color:#94C93D; } .b2b .right span.current {color:#94C93D} .b2b .artwork tr.tr2 .tdRight a, .artwork tr.tr6 .tdRight a {color:#94C93D} .b2b .artwork .editions li a {color:#666666} .b2b li.blue {color:#94C93D} /* mes commandes - my orders */ .myorders table {width:100%; border:solid 1px #94C93D} .myorders th, .myorders td {padding:5px 2px; text-align:center} .myorders th { background-color:#94C93D; color:#fff; padding:4px 8px 10px} .myorders .tdTrans {text-align:left} .myorders .even {background-color: #F6F6F6} .myorders th.tdTrans {} .myorders td.tdTrans {padding-left:5px} .myorders .ordersOrder th { background-color:#ccc; color:#fff; padding:4px 8px 10px} .myorders .ordersOrder table {width:70%; border:solid 0px #94C93D; background-color: #FBFBFB; margin:0 auto} .myorders .tdLeft {text-align:left; padding-left:20px} /* order place */ .orders_place .content table th, .orders_place .content table input {text-align:center} .orders_place .submit {color:#94C93D; margin-right:-8px} .orders_place .add {text-align:right; width:323px} /********************************* login ***********************/ .login .submit {height:30px; line-height:28px; font-weight:bold; background-color:#fff; background-image:none; width:88px; text-align:center;cursor:pointer; color:#94C93D; border:solid 1px #94C93D} .back {font-size:17px} /********************************* questions reponses ***********************/ .optimiser-ventes_questions-reponses td {text-align:left; width:358px} .optimiser-ventes_questions-reponses td.left {text-align:right; padding-right:0px; width:152px} .paiement_merci a.button {display:block; line-height:33px; background:transparent url(/img/layout/bg_bout_gray_col_right.jpg) no-repeat 6px 3px; color:#fff; text-decoration:none; padding-left:73px; } .paiement_merci a:hover.button {display:block; background-image:url(/img/layout/bg_bout_gray_col_right_hover.jpg); background-repeat:no-repeat; color:#939598; text-decoration:none; } .paiement_au-revoir .content {padding:0} /*.paiement_au-revoir .text {position:absolute; top:550px; left:240px; text-align:right; color:#B4B4B4; }*/ .paiement_au-revoir .text {padding:10px; } .questions-answers td {text-align:left; width:358px} /********************************* questions reponses, news ***********************/ .news_home td.homenews { padding:0} .news_home .homenews h4 { color:#A71939; font-size:12pt; margin-top:0} .news_home .homenews li { list-style:none; padding: 0} .news_home div.details { border:#ccc 1px solid; padding:0; width:305px} .news_home td.details { padding:0} .news_home .details .inner { margin:7px 20px; padding:10px} .news_home #detailsNav, .news_index #detailsNav, .news_home #hoverNav, .news_index #hoverNav { visibility:hidden} div.article { padding-top:10px} .article p, .news_index .details, .news_home .details { margin:0} .news_index .details .inner { margin:7px 20px; border:#ccc 1px solid; padding:10px} .news_index .details .inner p, .news_home .details .inner p { margin-bottom:0.5em} .news_index span.link, .news_home span.link { text-decoration:none; color:#59B6D4} /********************************* distributors_search, distributors_view ***********************/ .distributors_search .content .left {padding-top:5px; margin-right:20px} .distributors_search .content select {margin-left:10px; margin-right:20px} .distributors_search .content .left, .distributors_search .content .right {margin-bottom:15px} #search1 th {padding:0 0 15px; font-size:16px; color:#333} #search1 td {padding: 5px 30px 5px 0; font-size:16px} .distributors_view .content .left {padding-top:15px} .distributors_view .content table {margin-left:50px} .distributors_view .content table td {line-height:2.1em; padding:7px 15px 2px 20px} .distributors_view .content table td.first {text-align:right} .tableRecap th { font-weight:bold; text-align:center; padding:6px 2px} /* bye-bye */ .bye-bye .content {padding:0px} .bye-bye .content img {margin-top:-2px} .bye-bye .content p {margin-left:20px; margin-top:20px} /* orders_myCart */ .orders_myCart .content {padding-top:0px} .orders_myCart .content img {margin-top:-2px} .orders_myCart .content h1 {margin-left:20px; margin-top:20px} /* artworks_search */ .artworks_search .submit {margin-left:430px} /* orders_confirmation */ .button {text-align:right} /* distributors_myOrders */ .distributors_myOrders h1 {margin-bottom:20px} /* gifts */ .gifts .single, .gifts_receive .single, .gift_codes_edit .single, .orders_msgPreview .single {padding-top:13px} .gifts .bullet, .gifts_receive .bullet, .gift_codes_edit .bullet, .orders_msgPreview .bullet {height:34px; background-image:url(../img/pages/bg_bullet.gif); background-repeat:no-repeat; font-size:24px; color:#FFFFFF; font-weight:normal; } .gifts #one, .gifts_receive #one {padding:7px 0 0 13px} .gifts #two, .gifts_receive #two {padding:7px 0 0 12px} .gifts #three, .gifts_receive #three {padding:6px 0 0 12px; font-size:23px} .gifts #four, .gifts_receive #four {padding:6px 0 0 11px; font-size:23px} /* identification cart etc process submit buttons */ .orders_identification .continue {text-align:right} .orders_identification .continue .submit {text-align:right; padding-right:38px} .orders_confirmation #divLinks {text-align:right; padding-right:0px} .orders_msgPreview .big_blue {padding-top:10px} /************************ lightbox **********************//* #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; font-size:1em; padding-bottom:20px} #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../img/icons/lightbox/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../img/icons/lightbox/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: none; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }*/ /*********** lightbox2 slidshow *****************/ #lightbox{position: absolute; top: 20px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; color:#151410; } #lightbox a, #lightbox a:hover {border-bottom:none;} #lightbox a img{ border: none; } #lightboxImage { background:#FFFFFF url(../img/bg/artwork-view-image-bg.gif) no-repeat scroll left top; padding:0 9px 9px 0} #outerImageContainer{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{padding: 10px; } #loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #loadingLink {display:block; margin:0 auto; padding:0; width:32px; height:32px; background:url(../img/icons/lightbox/loading.gif) center center no-repeat; text-indent:-9999px; } #hoverNav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLinkImg, #nextLinkImg{width: 49%; height: 100%; background: transparent url(../img/icons/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; text-indent:-9999px; } #prevLinkImg { left: 0; float: left;} #nextLinkImg { right: 0; float: right;} #prevLinkImg:hover, #prevLinkImg:visited:hover { background: url(../img/icons/lightbox/prevlabel.gif) left 15% no-repeat; } #nextLinkImg:hover, #nextLinkImg:visited:hover { background: url(../img/icons/lightbox/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; } #imageData{padding:0 10px; } #imageDetails{ width: 70%; float: left; text-align: left; } #numberDisplay{ display: none; clear: left; } #detailsNav{ display: block; clear: left; padding:0 0 10px 0; } #prevLinkDetails { margin:0 8px 0 0; } #nextLinkDetails { margin:0 8px 0 0; } #closeLink {display:block; margin:0; padding:0 0 10px 0; text-decoration:none; float:right; width:66px; height:28px; background:url(../img/icons/lightbox/closelabel.gif) no-repeat; text-indent:-9999px; overflow:hidden; } #overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #151410; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html>body .clearfix {display: inline-block; width: 100%; } * html .clearfix {/* Hides from IE-mac \*/height: 1%; /* End hide from IE-mac */}