/******************************************** * * GENERAL DECLARATIONS / RESETTER * *********************************************/ html { margin: 0; padding: 0; border: none; /*min-height: 100%; height: 100% !important; height: 100%;*/ } /* block */ div { margin: 0; padding: 0;} /* liens */ a:link, a:visited, a:active, a:focus { color: #1aabd9; text-decoration: underline; } /* listes */ dl, ul, ol, dd, dt, li { margin: 0; padding: 0; } li { list-style: none; } /* titres */ h1, h2 ,h3, h4, h5, h6 { margin: 0; padding: 0; font-family: Arial; } /* formulaire */ form { margin: 0; padding: 0; } form fieldset, form legend, form label { margin: 0; padding: 0; border: none; } /* tableau table { border-collapse: collapse; border-spacing: 0; padding: 0; margin: 0; width: 100%; } table caption { text-align: left; } table thead tr, table tbody tr {} table thead tr th, table tbody tr td { border: none; vertical-align: top; text-align: left; } */ /* image */ img { display: block; margin: 0; padding: 0; border: none; } /* Clear */ .clear { display: block; height: 1px; font-size: 1px; overflow: hidden; clear: both; float: none; } /* body */ body { background-color:#fff;font-family:Arial;font-size:12px; line-height:15px; color:#646464;margin:0;padding:0 } /* paragraphe */ p {margin:0; padding:0} .bold2{font-weight:bold;} .noprint{display:none;} /* Cufon */ cufontext{ /*display:none;*/ } canvas{ display:none; } /******************************************** * * (END) GENERAL DECLARATIONS / RESETTER (END) * *********************************************/ .main_container{ width:920px; height:auto; margin:0 auto; overflow:hidden; padding-bottom:20px;} .banner_container{ line-height:16px; display:none;} ul.pagination { margin:0 auto; text-align:center; color:#000; font-weight:700; } ul.pagination li { display:inline;text-decoration:none} ul.pagination li.selected a { color:#e51d3d; text-decoration:none} ul.pagination li.num a { text-decoration:underline; color:black} .bottom_container_banner { margin-bottom:16px;} .toprint{display:block;} .banner_container.toprint{display:block;} .noprint{display:none;} /******************************************** * * HEADER * *********************************************/ .header_container { width:916px; height:1px; display:none;} /******************************************** * * FOOTER * *********************************************/ .footer_container { width:887px; height:1px; margin:26px auto 0 auto; border-bottom:1px solid #646464; font-weight:700; display:none;} .disclaimer { height:1px; width:887px; text-align:center; display:none;} /******************************************** * * HOME * *********************************************/ .home_container{ width:885px; height:235px; margin:10px auto 0 auto; background:url(../images/home/bg_advertise.jpg) no-repeat; font-family:Arial;} .home_container ul li{ width:285px; height:146px; float:left; margin-top:53px; text-align:center; position:relative;} .home_container ul li.meet_you, .home_container ul li.surfaces{ margin-right:15px;} .home_container ul li.greenguard img{ margin:12px auto 0 auto;} .home_container ul li p{ padding:0 10px; height:155px;} .home_container ul li.greenguard { color:#6fb43f} .home_container ul li a.btn_details, .home_container ul li a.btn_details_green{ width:99px; height:20px; background:url(../images/home/btn_details.jpg) no-repeat; display:block; margin:0 auto 0 auto;} .home_container ul li a.btn_details_green { background:url(../images/home/btn_details_green.jpg) no-repeat;} /******************************************** * * HUB COLLECTIONS * *********************************************/ .hub_collections_container {width:885px; height:auto; margin:0 auto;} .hub_collections_container h1{ font-size:28px; color:#000; text-transform:uppercase; margin-bottom:20px; padding-top:10px;} .hub_collections_container .banner_container { width:210px; height:auto; float:left; font-weight:100;font-family:Arial;} .hub_collections_container .banner_container .greenguard_banner{ width:177px; height:233px; background:url(../images/banner/b_greenguard.jpg) no-repeat; margin-bottom:14px; padding: 40px 16px 0 17px; text-align:left; } .hub_collections_container .banner_container .greenguard_banner p, .hub_hub_collections_container .banner_container .greenguard_banner img {padding:12px 0; border-top:1px solid #7a7a7a; border-bottom:1px solid #7a7a7a; } .hub_collections_container .banner_container .greenguard_banner p.btn_details_blue {padding:12px 0; border-top:1px solid #7a7a7a; border-bottom:none} .hub_collections_container .banner_container .greenguard_banner img {padding:12px 0; border:none} .hub_collections_container .banner_container .greenguard_banner a.btn_details_blue { background:url(../images/banner/btn_details_blue.jpg) no-repeat; width:99px; height:20px; display:block; } .hub_collections_container .banner_container .quick_order_banner{ width:177px; height:306px; background:url(../images/banner/b_quick_order.jpg) no-repeat; padding: 54px 16px 0 17px; text-align:left; } .hub_collections_container .banner_container .quick_order_banner p {padding:12px 0; border-top:1px solid #7a7a7a; } .hub_collections_container .banner_container .quick_order_banner p.btn_quick_order, p.btn_quick_order {padding:10px 0 0 0; border-top:1px solid #7a7a7a; } .hub_collections_container .banner_container .quick_order_banner img { padding:0 0 12px 27px } .hub_collections_container .banner_container .quick_order_banner a.btn_quick_order { background:url(../images/banner/btn_quick_order.jpg) no-repeat; width:136px; height:20px; display:block; } .hub_collections_container .content_container { width:660px; height:auto; float:right; text-align:justify;} .hub_collections_container .content_container .new_colors {width:660px; height:219px; position:relative} .hub_collections_container .content_container h2 { width:660px; height:28px; text-align:left; font-size:22px; color:#e51d3d; margin-bottom:15px;} .hub_collections_container .content_container .new_colors p { width:435px; text-align:left; font-size:11px; font-family:Arial; color:#e51d3d; float:left; padding-bottom:20px;} .hub_collections_container .content_container .new_colors img { position:absolute; top:46px; left:477px; } .hub_collections_container .content_container .new_colors a, a.new_colors { background:url(../images/hub/btn_new_colors.jpg) no-repeat; width:147px; height:20px; display:block; } a.new_colors {background:url(../images/banner/btn_new_colors_grey.jpg) no-repeat; width:147px; height:20px; display:block; } .hub_collections_container .content_container .browse_collections h2, .hub_collections_container .content_container .special_finishes h2, .hub_collections_container .content_container .tseries h2 { color:black; } .hub_collections_container .content_container .browse_collections .collections_selector { margin-bottom:31px; width:660px; height:226px; background-color:#e51d3d;} .hub_collections_container .content_container .special_finishes{ width:650px; height:307px; margin-bottom:15px; } .hub_collections_container .content_container .special_finishes h2 { width:495px;} .hub_collections_container .content_container .special_finishes .finishes_selector { width:435px; height:226px; background-color:#000;} .hub_collections_container .content_container .tseries{ width:150px; height:307px; margin-bottom:15px;} .hub_collections_container .content_container .tseries h2 { width:150px;} .hub_collections_container .content_container .tseries .tseries_selector { width:210px; height:226px; background-color:#000;} /******************************************** * * SURFACE (SPECIFIC) * *********************************************/ .surface_container{width:893px; height:auto; margin:0 auto; } .surface_container h1{ font-size:28px; color:#000; text-transform:uppercase; margin-bottom:20px; padding-top:10px;} .surface_container h1 canvas{color:#000;} .surface_container .zoom_container{width:886px; height:282px; background-repeat:no-repeat; position:relative; z-index:0;margin-bottom:7px; display:none} .surface_container .content_container{ width:886px; height:auto; background:url(../images/surface/bg_1px.jpg) repeat-y; padding-top:0/*27px*/;} .surface_container .content_container .btn_add_zoom{display:none;} .surface_container .content_container .detail_container{width:785px; height:auto; text-align:left; display:block;} .surface_container .content_container .detail_container .finishes h3, .surface_container .content_container .detail_container .grades h3, .surface_container .content_container .detail_container .sheet_sizes h3, .surface_container .content_container .bottom_container h3{ width:770px; height:20px; text-align:left; text-transform:uppercase; font-size:16px; padding:10px 0 0 0px; margin-bottom:8px; } .surface_container .content_container .detail_container .finishes ul { margin-bottom:9px; height:auto; text-align:left; color:#000; float:left} .surface_container .content_container .detail_container .finishes ul li{ float:left; width:100px; height:30px; font-size:12px; margin-top:5px;} .surface_container .content_container .detail_container .finishes ul li span{ font-size:15px; font-weight:700; text-transform:uppercase} .surface_container .content_container .detail_container .finishes img{ float:right; display:none;} .surface_container .content_container .detail_container .finishes p{ height:17px; color:#787878; clear:left; float:left; width:600px;} .surface_container .content_container .detail_container .finishes_hide { width:785px; height:auto; margin-top:27px;} .surface_container .content_container .detail_container .finishes_hide ul { page-break-inside:always;} .surface_container .content_container .detail_container .finishes_hide ul li { width:785px; height:185px; border-top:1px solid #dcdcdc; padding-top:8px;} .surface_container .content_container .detail_container .finishes_hide ul li p.finishe { width:785px; height:22px; color:#000; font-size:16px; padding-top:6px;} .surface_container .content_container .detail_container .finishes_hide ul li p.finishe span { font-weight:700;} .surface_container .content_container .detail_container .finishes_hide ul li p.finishe_detail { height:27px; width:785px; color:black; padding-top:8px;} .surface_container .content_container .detail_container .finishes_hide .hide_finishes {display:none;} .surface_container .content_container .detail_container .grades { width:305px; float:left; color:black;} .surface_container .content_container .detail_container .grades h3 { width:290px;} .surface_container .content_container .detail_container .grades p { height:20px; width:305px;} .surface_container .content_container .detail_container .grades ul { width:305px; height:auto; } .surface_container .content_container .detail_container .grades ul li { width:305px; height:28px; padding:5px 0 ; border-top:1px solid #dcdcdc} .surface_container .content_container .detail_container .grades ul li p.a_cote1, .surface_container .content_container .detail_container .grades ul li p.a_cote2{ border:none; float:left} .surface_container .content_container .detail_container .grades ul li p.a_cote1 { width:145px; height:28px; padding-left:15px; font-size:18px; font-weight:700; text-transform:uppercase } .surface_container .content_container .detail_container .grades ul li p.a_cote2 { width:130px; height:28px; padding-left:15px; font-size:14px; font-weight:100; } .surface_container .content_container .detail_container .grades ul li p.a_cote2 span { width:145px; font-weight:700; } .surface_container .content_container .detail_container .sheet_sizes { width:465px; float:right;} .surface_container .content_container .detail_container .sheet_sizes h3 { width:450px;} .surface_container .content_container .detail_container .sheet_sizes ul li, .surface_container .content_container .detail_container .sheet_sizes ul li.last{ width:145px; height:49px; border-bottom:1px solid #dcdcdc; margin:0 15px 8px 0; float:left} .surface_container .content_container .detail_container .sheet_sizes ul li.last{ margin-right:0px; } .surface_container .content_container .detail_container .sheet_sizes ul li div.image_sheet{ width:28px; height:49px; float:left; } .surface_container .content_container .detail_container .sheet_sizes ul li p.info_sheet{ width:117px; height:47px; float:left; font-size:14px; font-weight:100; color:black; padding-top:2px; } .surface_container .content_container .detail_container .sheet_sizes ul li p.info_sheet span{ font-weight:700; } .surface_container .content_container .detail_container .add_cart_container { width:785px; margin-top:25px; display:none;} .surface_container .content_container .detail_container .add_cart_container .btn_add_cart { width:785px; height:37px; background:url(../images/surface/btn_add_cart.jpg) no-repeat;} .surface_container .content_container .detail_container .add_cart_container .btn_add_cart_down { width:785px; height:37px; background:url(../images/surface/btn_add_cart.jpg) no-repeat right top;} .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide { width:691px; height:215px; margin-top:14px;} .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .item { float:left;} .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .form { float:right; width:548px; height:202px; text-align:left; padding-top:13px;} .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .form h4 { float:right; width:548px; font-size:20px; color:#000; text-transform:uppercase; padding-bottom:13px; border-bottom:1px solid #dcdcdc} .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .form .quantity, .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .form .sizes, .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .form .textures { width:165px; float:left; height:54px; padding:8px 26px 0 0px;} .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .form .textures { padding:8px 0 0 0px;} .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .form h5 { font-weight:700px; width:165px; color:black; font-size:12px;} .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .form label { font-weight:bold; width:165px; color:black; font-size:12px; display:block;} .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .form select { width:165px; margin:6px 0 16px 0} .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .form span.taille, .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .form span.texture{float:left; padding:8px 26px 0 0;} .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .form a.add_to_cart { background:url(../images/surface/btn_add_to_cart.jpg) no-repeat; height:37px; width:186px; display:block; margin-bottom:5px;} .surface_container h6{ height:17px; color:#787878; padding:10px 0 0 50px; font-size:12px; font-weight:100; text-align:left} .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .form a.add_to_cart_cancel { background:url(../images/surface/btn_add_to_cart_cancel.jpg) no-repeat; height:27px; width:90px; display:block; cursor:pointer;} .surface_container .content_container .bottom_container{width:886px; height:244px; margin:25px 0; position:relative;} .surface_container .content_container .bottom_container .background-coordinate{position:absolute; top:40px;} .surface_container .content_container .bottom_container h3{ margin-bottom:0px;} .surface_container .content_container .bottom_container .info_coordinate{ margin:0 10px; width:130px; display: -moz-inline-stack; display: inline-block; height:38px; zoom: 1; *display: inline; _height: 38px; font-weight:100; font-size:12px; color:black; padding-top:25px; position:relative; z-index:1000;} .surface_container .content_container .bottom_container .info_coordinate span{ font-weight:700; } .surface_container .content_container .bottom_container .image_coordinate{ margin:0 10px; background-repeat:no-repeat; width:130px; display: -moz-inline-stack; display: inline-block; height:192px; zoom: 1; *display: inline; _height: 192px; position:relative; z-index:1000;} /******************************************** * * TSERIES (SPECIFIC) * *********************************************/ .surface_container .zoom_container .tseries_img {bottom:0;position:absolute; bottom:0; left:35%} .surface_container .content_container .bottom_tseries_container{width:893px; height:17px; margin-top:7px; background:url(../images/tseries/bg_bottom.jpg) no-repeat; position:relative} .bottom_tseries_container{width:893px; height:17px; margin-top:0; background:url(../images/tseries/bg_bottom.jpg) no-repeat; position:relative} /******************************************** * * FINISHES (SPECIFIC) * *********************************************/ .finishes_container{width:915px; height:auto; margin:0 auto; } .finishes_container h1{ font-size:28px; color:#000; text-transform:uppercase; margin-bottom:20px; padding-top:10px;} .finishes_container p{ color:#000; width:785px; height:auto} .finishes_container img.finishes_img{ margin-top:13px;} .finishes_container .content_container{width:915px; /*height:336px;*/ margin:18px 0 13px 0;} /******************************************** * * CONTACT * *********************************************/ .contact_container {width:885px; height:auto; margin:0 auto; position:relative;} .contact_container h1{ font-size:28px; color:#000; text-transform:uppercase; margin-bottom:20px; padding-top:10px;} .contact_container .banner_container { width:210px; height:auto; float:left; font-weight:100} .contact_container .banner_container .contact_banner { width:210px; height:129px; background:url(../images/banner/b_contact.jpg) no-repeat;} .contact_container .banner_container .contact_banner ul{ color:#646464; width:178px; height:auto; font-family:Arial; font-size:11px; font-weight:700; text-transform:uppercase; text-align:left; padding-top:49px;} .contact_container .banner_container .contact_banner ul li a{ color:#646464; line-height:17px; padding:2px; } .contact_container .banner_container .contact_banner ul li a.selected{ color:#e51d3d; text-decoration:none} .contact_container .content_container { width:660px; height:auto; float:right; text-align:justify;} .contact_container .content_container h2 { width:660px; height:28px; text-align:left; text-transform:uppercase; font-size:22px; background:url(../images/banner/bg_title.jpg) repeat-x; color:#e51d3d; padding-top:38px; margin-bottom:15px;} .contact_container .content_container p {margin-bottom:20px; font-size:12px; font-family:Arial; color:#000; width:660px;} .contact_container .content_container input.contact_us_text{ float:left; width:208px; border:1px solid black; margin-right:15px; overflow:hidden} .contact_container .content_container label.contact_us_text{ float:left; width:210px; margin-right:15px; color:black} .contact_container .content_container textarea.contact_us_text{ width:658px; height:128px; margin-top:10px; border:1px solid black} .contact_container .content_container a.send_message{ width:105px; height:20px; display:block; background:url(../images/contact/btn_send.jpg) no-repeat; margin:14px 0 24px 0;} .contact_container .content_container .office { width:660px; height:auto; border-top:1px solid black; padding-bottom:35px;} .contact_container .content_container .office ul li{ width:322px; height:auto; margin-right:16px; float:left} .contact_container .content_container .office ul li.second_office{ margin-right:0px; } .contact_container .content_container .office h5 { color:#000; font-size:12px; text-transform:uppercase; margin-top:2px; } .contact_container .content_container .office ul li p { margin:0px; width:322px; text-align:left;} .contact_container .content_container .office ul li p.poste { margin-top:18px; font-weight:700 } .contact_container .content_container .office ul li p a { color:#000000; font-weight:bold; text-decoration:underline; /*padding:2px;*/} .contact_container .content_container .validation_error { width:363px; height:auto; position:fixed; padding:13px; background-color:white; color:#F00; z-index:9999; border:#000 1px solid;} .contact_container .content_container .validation_error h2 { width:363px; height:28px; text-align:left; text-transform:uppercase; font-size:22px; background:url(../images/banner/bg_title.jpg) repeat-x; color:#e51d3d; margin-bottom:11px;} .contact_container .content_container .validation_error p { width:363px; margin-bottom:11px;} .contact_container .content_container .validation_error p.error { width:363px; margin-bottom:11px; font-size:11px; color:#e51d3d} .contact_container .content_container .validation_error .closeMsg { width:363px; border-top:1px solid #e51d3d; margin-top:11px;} .contact_container .content_container .validation_error .closeMsg p.close { float:right; margin:0; padding-top:12px; text-align:right; cursor:pointer; font-size:11px;} /*.body_shadow { position:fixed; background-color:#333; left:0; top:0; z-index:8888; opacity:0.9;}*/ /******************************************** * * DISTRIBUTORS * *********************************************/ .distributors_container {width:885px; height:auto; margin:0 auto;} .distributors_container h1{ font-size:28px; color:#000; text-transform:uppercase; margin-bottom:20px; padding-top:10px;} .distributors_container .banner_container { width:210px; height:auto; float:left; font-weight:100} .distributors_container .banner_container .top_container_banner {background:url(../images/banner/b_regions.jpg) no-repeat; width:210px; height:39px;} .distributors_container .banner_container .bottom_container_banner {background:url(../images/banner/b_banner_bottom.jpg) no-repeat; width:210px; height:8px;} .distributors_container .banner_container .container_banner { background:url(../images/banner/b_banner_1px.jpg); width:210px; height:auto; padding-bottom:18px;} .distributors_container .banner_container .container_banner ul{ color:#646464; width:178px; height:auto; font-family:Arial; font-size:11px; font-weight:100; text-transform:uppercase; text-align:left; padding:13px 0 0 0;} .distributors_container .banner_container .container_banner ul li {height:20px;} .distributors_container .banner_container .container_banner ul li.country {font-weight:700; padding:2px;} .distributors_container .banner_container .container_banner ul li a{ color:#646464; line-height:17px; padding:2px; } .distributors_container .content_container { width:660px; height:auto; float:right; text-align:justify;} .distributors_container .content_container h2 { width:660px; height:28px; text-align:left; text-transform:uppercase; font-size:22px; background:url(../images/banner/bg_title.jpg) repeat-x; color:#e51d3d; padding-top:38px; margin-bottom:15px;} .distributors_container .content_container p {margin-bottom:20px; font-size:12px; font-family:Arial; color:#000; width:660px;} .distributors_container .content_container p.map_p {margin:0px;} .distributors_container .content_container img {margin:0 auto 20px auto;} .distributors_container .content_container { width:660px; height:auto; padding-bottom:35px;} .distributors_container .content_container ul.distributors li{ width:322px; height:auto; margin-right:16px; float:left} .distributors_container .content_container ul.distributors li a { color:#000000; font-weight:bold; text-decoration:underline;/* padding:2px;*/} .distributors_container .content_container ul.distributors li.second_office{ margin-right:0px; } .distributors_container .content_container h5 { color:#000; font-size:12px; text-transform:uppercase; margin-top:2px; } .distributors_container .content_container ul.distributors li p { margin:0px; width:322px; } .distributors_container .content_container ul.distributors li p.poste { margin-top:15px; font-weight:700 } .distributors_container .content_container ul.distributors li a{ color:black; } .distributors_container .content_container ul.revendeurs{text-align:left; color:#000000;} .distributors_container .content_container ul.revendeurs li { height:auto; margin-right:16px; background:url(../images/distributors/border.gif) repeat-x; padding-top:11px; margin-bottom:40px;} .distributors_container .content_container ul.revendeurs li a { color:#000000; font-weight:bold; text-decoration:underline;/* padding:2px;*/} .distributors_container .content_container ul.revendeurs li.second_office{ margin-right:0px; } .distributors_container .content_container h5 { color:#000; font-size:12px; text-transform:uppercase; margin-top:2px; } .distributors_container .content_container ul.revendeurs li p { margin:0px; padding-right:15px; width:149px; float:left; } .distributors_container .content_container ul.revendeurs li p.telephone {width:115px;min-height:1em;} .distributors_container .content_container ul.revendeurs li p.email {width:152px;padding-right:0;} .distributors_container .content_container ul.revendeurs li span.poste {font-weight:700 } .distributors_container .content_container ul.revendeurs li a{ color:black; } /******************************************** * * QUICK ORDER SYSTEM * *********************************************/ .quick_order_container {width:885px; height:auto; margin:0 auto;} .quick_order_container h1{ font-size:28px; color:#000; text-transform:uppercase; margin-bottom:20px; padding-top:10px;} .quick_order_container .banner_container { width:210px; height:auto; float:left; font-weight:100} .quick_order_container .banner_container .top_container_banner {background:url(../images/banner/b_note.jpg) no-repeat; width:210px; height:44px;} .quick_order_container .banner_container .bottom_container_banner {background:url(../images/banner/b_banner_bottom.jpg) no-repeat; width:210px; height:8px;} .quick_order_container .banner_container .container_banner { background:url(../images/banner/b_banner_1px.jpg); width:210px; height:auto; padding-bottom:18px;} .quick_order_container .banner_container .container_banner p{ color:#646464; width:178px; height:auto; font-family:Arial; font-size:11px; font-weight:100; text-align:left; padding:13px 0 0 0;} .quick_order_container .content_container p {margin-bottom:20px; font-size:12px; font-family:Arial; color:#000; width:660px;} .quick_order_container .content_container ul li{ float:left; display:block} .quick_order_container .content_container { width:660px; height:auto; float:right; text-align:justify; min-height:350px;} .quick_order_container .content_container h2 { width:660px; height:28px; text-align:left; text-transform:uppercase; font-size:22px; background:url(../images/banner/bg_title.jpg) repeat-x; color:#e51d3d; padding-top:38px; margin-bottom:15px;} .quick_order_container .content_container .name , .quick_order_container .content_container .size{ width:210px; float:left; font-weight:700; color:#000; margin: 0 15px 20px 0;} .quick_order_container .content_container .name p , .quick_order_container .content_container .size p{ width:210px; margin:0;} .quick_order_container .content_container select { width:210px; margin: 5px 0 0 0;} .quick_order_container .content_container .product_container { width:660px; height:226px; border-top:1px solid #e51d3d; margin-bottom:25px;} .quick_order_container .content_container .product_container img.surface { margin:21px 26px 12px 11px; float:left} .quick_order_container .content_container .product_container .form { width:480px; height:226px; float:right; } .quick_order_container .content_container .product_container .form h4{ font-size:20px; color:#000; text-transform:uppercase; width:350px; float:left; width:380px; margin-top:33px; } .quick_order_container .content_container .product_container .form a.cart_cancel{ float:right; width:90px; height:27px; display:block; background:url(../images/quick_order/btn_cancel.jpg) no-repeat; margin:30px 0 7px 0; } .quick_order_container .content_container .product_container .form .selection{ width:480px; border-top:1px solid #dcdcdc; padding-top:15px; margin-bottom:18px;} .quick_order_container .content_container .product_container .form .selection h5{ color:black; font-size:12px} .quick_order_container .content_container .product_container .form .selection .quantity, .quick_order_container .content_container .product_container .form .selection .sizes{ float:left; width:150px; } .quick_order_container .content_container .product_container .form .selection .textures {float:right; width:150px;} .quick_order_container .content_container .product_container .form .selection .quantity select, .quick_order_container .content_container .product_container .form .selection .sizes select, .quick_order_container .content_container .product_container .form .selection .textures select{ width:150px; } .quick_order_container .content_container .product_container .form .selection .quantity { margin-right:15px;} .quick_order_container .content_container .product_container .form a.btn_add_to_cart {width:480px; height:37px; background:url(../images/quick_order/btn_add_to_cart.jpg) no-repeat; display:block} .quick_order_container .content_container .cart_container {width:660px; height:auto; color: black; font-weight:100; margin-bottom:20px;} .quick_order_container .content_container .cart_container ul { width:646px; border-top:1px solid #dcdcdc; padding: 8px 14px 0 0 ; height:45px;} .quick_order_container .content_container .cart_container .title{font-weight:700; float:left; text-align:left; margin-bottom:7px;} .quick_order_container .content_container .cart_container .sample { width:81px; height:15px; position:relative;} .quick_order_container .content_container .cart_container .sample img {left:0;margin-left:5px;position:absolute; } .quick_order_container .content_container .cart_container .code { width:76px;} .quick_order_container .content_container .cart_container .name { width:181px; margin:0} .quick_order_container .content_container .cart_container .finish { width:113px;} .quick_order_container .content_container .cart_container .size { width:68px; margin:0} .quick_order_container .content_container .cart_container .quantity {} .quick_order_container .content_container .cart_container .delete {margin-left:40px} .quick_order_container .content_container .cart_container .quantity input{ margin-left:44px; text-align:right; width:45px;} .quick_order_container .content_container .cart_container .quantity span{ margin-left:44px; text-align:right; width:45px; display:block;} .quick_order_container .content_container .cart_container .edit { float:right; width:43px; background:url(../images/quick_order/corbeille.png) no-repeat right;} .quick_order_container .content_container .cart_container .edit a { color:black;} .quick_order_container .content_container .validation_error { width:363px; height:auto; position:fixed; padding:13px; background-color:white; color:#F00; z-index:9999; border:#000 1px solid;} .quick_order_container .content_container .validation_error h2 { width:363px; height:28px; text-align:left; text-transform:uppercase; font-size:22px; background:url(../images/banner/bg_title.jpg) repeat-x; color:#e51d3d; margin-bottom:11px;} .quick_order_container .content_container .validation_error p { width:363px; margin-bottom:11px;} .quick_order_container .content_container .validation_error p.error { width:363px; margin-bottom:11px; font-size:11px; color:#e51d3d} .quick_order_container .content_container .validation_error .closeMsg { width:363px; border-top:1px solid #e51d3d; margin-top:11px;} .quick_order_container .content_container .validation_error .closeMsg p.close { float:right; margin:0; padding-top:12px; text-align:right; cursor:pointer; font-size:11px;} /******************************************** * * FAQS / TECHNICAL / GREENGUARD * *********************************************/ .documentation_container {width:885px; height:auto; margin:0 auto;} .documentation_container h1{ font-size:28px; color:#000; text-transform:uppercase; margin-bottom:20px; padding-top:10px;} .documentation_container .banner_container { width:210px; height:auto; float:left; font-weight:100} .documentation_container .banner_container .top_container_banner {background:url(../images/banner/b_note.jpg) no-repeat; width:210px; height:44px;} .documentation_container .banner_container .top_container_tech_banner {background:url(../images/banner/b_technical.jpg) no-repeat; width:210px; height:56px;} .documentation_container .banner_container .top_container_faqs_banner {background:url(../images/banner/b_faqs.jpg) no-repeat; width:210px; height:62px;} .documentation_container .banner_container .bottom_container_banner {background:url(../images/banner/b_banner_bottom.jpg) no-repeat; width:210px; height:8px;} .documentation_container .banner_container .container_banner, .documentation_container .banner_container .container_tech_banner { background:url(../images/banner/b_banner_1px.jpg); width:210px; height:auto; padding-bottom:18px;} .documentation_container .banner_container .container_tech_banner {padding-bottom:0} .documentation_container .banner_container .container_banner a { color:#646464;} .documentation_container .banner_container .container_banner ul {width:178px; padding-top:10px; text-transform:uppercase } .documentation_container .banner_container .container_banner ul li{font-weight:700; padding:2px;text-align:left; margin-bottom:3px;} .documentation_container .banner_container .container_banner ul li a{font-weight:700; padding:2px;text-align:left} .documentation_container .banner_container .container_banner ul li a.selected { color:#e51d3d; text-decoration:none;} .documentation_container .banner_container .container_tech_banner ul {width:178px; padding-top:10px; } .documentation_container .banner_container .container_tech_banner ul li{font-weight:700; padding:2px;text-align:left} .documentation_container .banner_container .container_tech_banner ul li a{ color:#646464; line-height:17px; padding:2px; text-transform:uppercase;width:178px; } .documentation_container .banner_container .container_tech_banner ul li a.selected { color:#e51d3d; text-decoration:none;} .documentation_container .banner_container .container_tech_banner p{ font-size:11px; text-transform:none; font-weight:100; padding-left:15px; width:163px; margin-bottom:25px; } .documentation_container .banner_container .container_banner p{ color:#646464; width:178px; height:auto; font-family:Arial; font-size:11px; font-weight:100; text-align:left; padding:13px 0 0 0;} .documentation_container .content_container { width:660px; height:auto; float:right; text-align:justify; } .documentation_container .content_container p {margin-bottom:20px; font-size:12px; font-family:Arial; color:#000; width:660px;} .documentation_container .content_container h2 { width:660px; height:28px; text-align:left; text-transform:uppercase; font-size:22px; background:url(../images/banner/bg_title.jpg) repeat-x; color:#e51d3d; padding-top:38px; margin-bottom:15px;} .documentation_container .content_container a.btn_technical_guides, .documentation_container .content_container a.btn_greenguard, .documentation_container .content_container a.btn_faqs{ width:210px; height:50px; display:block; margin-bottom:50px;} .documentation_container .content_container a.btn_technical_guides { background:url(../images/documentation/btn_technical_guides.jpg) no-repeat; float:left; margin-right:15px;} .documentation_container .content_container a.btn_greenguard { background:url(../images/documentation/btn_greenguard.jpg) no-repeat; float:left} .documentation_container .content_container a.btn_faqs { background:url(../images/documentation/btn_faqs.jpg) no-repeat; float:right} /******************************************** * * TECHNICAL GUIDES CONTAINER (SPECIFIC) * *********************************************/ .documentation_container .content_container .guides_container{ width:660px; height:auto; border-top:1px solid black; margin-bottom:35px} .documentation_container .content_container .guides_container h5 { margin-top:2px; text-transform:uppercase; color:black; font-size:12px; margin-bottom:20px;} .documentation_container .content_container .guides_container ul { } .documentation_container .content_container .guides_container ul li { margin-right:15px; width:322px; float:left; height:27px;} .documentation_container .content_container .guides_container ul li.second { margin:0;} .documentation_container .content_container .guides_container ul li a {color:black;} /******************************************** * * GREENGUARD CONTAINER (SPECIFIC) * *********************************************/ .documentation_container .content_container .greenguard_container{ width:660px; height:auto; border-top:1px solid black; margin-bottom:35px} .documentation_container .content_container .greenguard_container h5 { margin-top:2px; text-transform:uppercase; color:black; font-size:12px; margin-bottom:20px;} .documentation_container .content_container .greenguard_container ul { width:660px; float:left; margin-bottom:10px; } .documentation_container .content_container .greenguard_container ul li { margin-right:15px; min-width:322px; height:27px; float:left;} .documentation_container .content_container .greenguard_container ul li.second { margin:0;} .documentation_container .content_container .greenguard_container ul li a {color:black;} .documentation_container .content_container .greenguard_container img { float:left; margin:0 30px 20px 0;} .documentation_container .banner_container img.logo_green{margin:0 0 24px 0} .documentation_container .banner_container img.logo_green2{margin:0 0 30px 0} /******************************************** * * FAQS CONTAINER (SPECIFIC) * *********************************************/ .documentation_container .content_container .faqs_container{ width:660px; height:auto; border-top:1px solid black; margin-bottom:35px} .documentation_container .content_container .faqs_container h5 { margin-top:2px; text-transform:uppercase; color:black; font-size:12px; margin-bottom:20px;} .documentation_container .content_container .faqs_container h6 {color:black; font-size:12px;} .documentation_container .content_container .faqs_container ul {margin-bottom:20px; padding-left:30px; width:630px;} .documentation_container .content_container .faqs_container ul li { list-style:disc inside; color:#000} .documentation_container .content_container .faqs_container p.asterix { font-size:10px; font-style:italic;} /******************************************** * * OUR COMPANY * *********************************************/ .our_company_container {width:885px; height:auto; margin:0 auto;} .our_company_container h1{ font-size:28px; color:#000; text-transform:uppercase; margin-bottom:20px; padding-top:10px;} .our_company_container .banner_container { width:210px; height:auto; float:left; font-weight:100} .our_company_container .banner_container .our_company_banner { width:210px; height:126px; background:url(../images/banner/b_our_company.jpg) no-repeat; margin-bottom:14px;} .our_company_container .banner_container .our_company_banner ul{ color:#646464; width:178px; height:auto; font-family:Arial; font-size:11px; font-weight:700; text-transform:uppercase; text-align:left; padding-top:65px;} .our_company_container .banner_container .our_company_banner ul li a{ color:#646464; line-height:17px; padding:2px; } .our_company_container .banner_container .our_company_banner ul li a.selected{ color:#e51d3d; text-decoration:none} .our_company_container .banner_container .arborite50_banner { width:177px; height:248px; background:url(../images/banner/b_arborite50.jpg) no-repeat; margin-bottom:27px; text-align:left; font-family:Arial, Geneva, sans-serif; padding: 67px 16px 0 17px } .our_company_container .banner_container .arborite50_banner p, .our_company_container .banner_container .arborite50_banner a { width:178px; height:auto; } .our_company_container .banner_container .arborite50_banner img { margin:14px 0 } .our_company_container .banner_container .arborite50_banner a{ text-decoration:underline; color:#646464} .our_company_container .content_container { width:660px; height:auto; float:right; text-align:justify;} .our_company_container .content_container h2 { width:660px; height:28px; text-align:left; text-transform:uppercase; font-size:22px; background:url(../images/banner/bg_title.jpg) repeat-x; color:#e51d3d; padding-top:38px; margin-bottom:15px;} .our_company_container .content_container .content_left{ width:435px; float:left;} .our_company_container .content_container p {margin-bottom:20px; font-size:12px; font-family:Arial; color:#000; width:435px;} .our_company_container .content_container img.company{ float:right; width:210px; height:auto;} .our_company_container .banner_container img.logo_company{margin-bottom:23px;} /******************************************** * * PRIVACY STATEMENT CONTAINER (SPECIFIC) * *********************************************/ .documentation_container .content_container .privacy_container{ width:660px; height:auto; border-top:1px solid black; margin-bottom:35px} .documentation_container .content_container .privacy_container h5 { margin-top:2px; text-transform:uppercase; color:black; font-size:12px; margin-bottom:20px;} .documentation_container .banner_container .top_container_privacy_banner {background:url(../images/banner/b_privacy.jpg) no-repeat; width:210px; height:39px;} /******************************************** * * NEWS MAIN * *********************************************/ .our_company_container .banner_container .top_container_news_banner, .our_company_container .banner_container .bottom_container_news_banner { width:210px; height:8px; display:block;} .our_company_container .banner_container .top_container_news_banner { background:url(../images/banner/b_banner_top.jpg) no-repeat;} .our_company_container .banner_container .bottom_container_news_banner { background:url(../images/banner/b_banner_bottom.jpg) no-repeat;} .our_company_container .banner_container .content_news_banner { width:210px; height:auto; color:#646464; font-size:11px; background:url(../images/banner/b_banner_1px.jpg) repeat-y; text-align:left; padding:5px 16px; width:178px;} .our_company_container .content_container h2{ width:660px; height:28px; text-align:left; text-transform:uppercase; font-size:22px; background:url(../images/banner/bg_title.jpg) repeat-x; color:#e51d3d; padding-top:38px; margin-bottom:15px;} .our_company_container .content_container .news_list_content{ width:660px; height:auto;} .our_company_container .content_container .news_list_content .news_content{ width:660px; height:auto; font-size:13px; color:black;} .our_company_container .content_container .news_list_content .news_content span { display:block} .our_company_container .content_container .news_list_content .news_content span.date{ width:660px; height:auto; color:#e51d3d;} .our_company_container .content_container .news_list_content .news_content span.title a{ width:660px; height:auto; text-transform:uppercase; text-decoration:underline; font-weight:700; color:#000; line-height:18px;} .our_company_container .content_container .news_list_content .news_content span.description p{ font-size:13px; width:660px; height:auto; margin-bottom:35px;} /******************************************** * * NEWS ARTICLE * *********************************************/ .our_company_container .content_container h2{ width:660px; height:28px; text-align:left; text-transform:uppercase; font-size:22px; background:url(../images/banner/bg_title.jpg) repeat-x; color:#e51d3d; padding-top:38px; margin-bottom:15px;} .our_company_container .content_container .news_list_content{ width:660px; height:auto;} .our_company_container .content_container .news_list_content .news_content{ width:660px; height:auto; font-size:13px; color:black;} .our_company_container .content_container .news_list_content .news_content span { display:block} .our_company_container .content_container .news_list_content .news_content span.date{ width:660px; height:auto; color:#e51d3d;} .our_company_container .content_container .news_list_content .news_content span.big_title { width:660px; height:auto; font-weight:700; color:#000; font-size:24px; line-height:27px;} .our_company_container .content_container .news_list_content .news_content span.location { width:660px; height:auto; margin-bottom:20px; color:#646464;} .our_company_container .content_container .news_list_content .news_content div.description, .our_company_container .content_container .news_list_content .news_content div.description p{ width:660px; height:auto; } .our_company_container .content_container .news_list_content .news_content div.description p { margin-bottom:16px; } .our_company_container .content_container .news_list_content .news_content div.description p a { color:black; text-decoration:underline; } .our_company_container .content_container .news_list_content .news_content div.description img.news { margin-top:30px; float:left; width:auto } .our_company_container .content_container .news_list_content .news_content .return { width:660px; height:auto; margin-top:48px; border-top:1px solid #000000; display:none; } .our_company_container .content_container .news_list_content .news_content .return a { color:#000; font-size:12px; line-height:23px; } /******************************************** * * NEWS ARTICLE (TABLE) AND OTHER TABLES (DISCONTINUED ITEMS) * *********************************************/ .our_company_container .content_container .news_list_content .news_content div.description h6 { font-size:12px; padding-bottom: 6px; text-transform:uppercase;} .our_company_container .content_container table { border-collapse: collapse;border-color:#dcdcdc; margin-bottom:0px; } .our_company_container .content_container .news_list_content .news_content div.description table{border-collapse: collapse;border-color:#dcdcdc; margin-bottom:40px;} .our_company_container .content_container .news_list_content .news_content div.description table th,.our_company_container .content_container table th {background-color:#dcdcdc;padding:3px;} .our_company_container .content_container .news_list_content .news_content div.description table p,.our_company_container .content_container table p{width:auto;margin:0;padding:3px;} /******************************************** * * DISCONTINUED ITEMS (BANNER) * *********************************************/ .our_company_container .banner_container { width:210px; height:auto; float:left; font-weight:100} .our_company_container .banner_container .top_container_discontinued_banner {background:url(../images/banner/b_new_colors.jpg) no-repeat; width:210px; height:39px;} .our_company_container .banner_container .bottom_container_banner {background:url(../images/banner/b_banner_bottom.jpg) no-repeat; width:210px; height:8px;} .our_company_container .banner_container .container_banner { background:url(../images/banner/b_banner_1px.jpg); width:210px; height:auto; padding-bottom:18px;} .our_company_container .banner_container .container_banner p{ color:#646464; width:178px; height:auto; font-family:Arial; font-size:11px; font-weight:100; text-align:left; padding:13px 0 0 0;} /******************************************** * * SHIPPING CONTAINER * *********************************************/ .quick_order_container .shipping_container { width:660px; height:auto; } .quick_order_container .shipping_container h2 { width:660px; height:28px; text-align:left; text-transform:uppercase; font-size:22px; background:url(../images/banner/bg_title.jpg) repeat-x; color:#e51d3d; padding-top:38px; margin-bottom:15px;} .quick_order_container .shipping_container .header, .quick_order_container .shipping_container .comment_header{ width:660px; height:17px; border-bottom:1px solid #dcdcdc; margin-bottom:5px;font-size:12px; text-transform:uppercase; font-weight:700; color:black;} .quick_order_container .shipping_container .header .customer, .quick_order_container .shipping_container .header .address{ float:left; } .quick_order_container .shipping_container .header .customer { width:340px;} .quick_order_container .shipping_container .header .address{ width:320px; } .quick_order_container .shipping_container .customer_info, .quick_order_container .shipping_container .address_info{ float:left; } .quick_order_container .shipping_container .customer_info{ width:340px; } .quick_order_container .shipping_container .address_info{ width:320px; color:#000; } .quick_order_container .shipping_container .customer_info span{ color:black; margin-bottom:4px; width:340px; display:block } .quick_order_container .shipping_container .customer_info span.bold{ font-weight:700; margin-bottom:0px; } .quick_order_container .shipping_container .customer_info span a{color:black;} .quick_order_container .shipping_container .address_info span{ color:black;width:320px; display:block } .quick_order_container .shipping_container .address_info span.bold{ font-weight:700; } .quick_order_container .shipping_container .comment_header { margin-top:23px;} .quick_order_container .shipping_container p.comment { margin:10px 0;} .quick_order_container .cancel_shipping { width:660px; height:27px; border-top:1px solid #e51d3d; border-bottom:1px solid #e51d3d; padding-top:8px; } .quick_order_container .cancel_shipping a { width:156px; height:19px; background:url(../images/shipping/btn_cancel_shipping.jpg) no-repeat; display:block; float:right; background-position:bottom} .quick_order_container a.confirm_shipping {width:210px; height:27px; background:url(../images/shipping/btn_confirm_shipping.jpg) no-repeat; display:block; float:right; margin:8px 0 32px 0; background-position:bottom } /***************** ****************************/ .quick_order_container .continue_shipping { width:660px; height:27px; border-top:1px solid #e51d3d; border-bottom:1px solid #e51d3d; padding-top:8px; } .quick_order_container .continue_shipping a.continue { width:156px; height:19px; background:url(../images/shipping/btn_continue.jpg) no-repeat; display:block; float:right; background-position:bottom} .quick_order_container .continue_shipping a.update { width:156px; height:19px; background:url(../images/shipping/btn_update.jpg) no-repeat; display:block; float:right; background-position:bottom; margin-left:15px} .quick_order_container .continue_shipping input.update { width:156px; height:19px; background:url(../images/shipping/btn_update.jpg) no-repeat; display:block; float:right; background-position:bottom; margin-left:15px; border:none;} .quick_order_container a.checkout_shipping {width:210px; height:27px; background:url(../images/shipping/btn_checkout.jpg) no-repeat; display:block; float:right; margin:8px 0 32px 0; background-position:bottom } .quick_order_container input.checkout_shipping {width:210px; height:27px; background:url(../images/shipping/btn_checkout.jpg) no-repeat; display:block; float:right; margin:8px 0 32px 0; background-position:bottom; border:none; cursor:hand; cursor:pointer;} /******************************************** * * FORM SHIPPING CONTAINER * *********************************************/ .quick_order_container .form_shipping { width:660px; height:auto; } .quick_order_container .form_shipping h2 { width:660px; height:28px; text-align:left; text-transform:uppercase; font-size:22px; background:url(../images/banner/bg_title.jpg) repeat-x; color:#e51d3d; padding-top:38px; margin-bottom:15px;} .quick_order_container .form_shipping .cancel_shipping { width:660px; height:27px; border-top:1px solid #e51d3d; border-bottom:1px solid #e51d3d; padding-top:8px; } .quick_order_container .form_shipping .cancel_shipping a { width:156px; height:19px; background:url(../images/shipping/btn_cancel_shipping.jpg) no-repeat; display:block; float:right; background-position:bottom} .quick_order_container .form_shipping .cancel_shipping input.cancel { width:156px; height:19px; background:url(../images/shipping/btn_cancel_shipping.jpg) no-repeat; display:block; float:right; background-position:bottom; border:none;cursor:hand; cursor:pointer;} .quick_order_container .form_shipping a.btn_checkout_shipping {width:210px; height:27px; background:url(../images/shipping/btn_checkout.jpg) no-repeat; display:block; float:right; margin:8px 0 32px 0; background-position:bottom } .quick_order_container .form_shipping input{ float:left;} .quick_order_container .form_shipping input.medium{ border:1px solid black; width:148px; margin-right:15px;} .quick_order_container .form_shipping input.large{ border:1px solid black; width:322px} .quick_order_container .form_shipping h6{ font-size:11px; font-weight:700; color:black; margin-bottom:17px; float:left} .quick_order_container .form_shipping h6.medium{ width:153px; margin-right:15px;} .quick_order_container .form_shipping h6.large{ width:324px} .quick_order_container .form_shipping .second_part{ border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; height:auto; width:660px; padding-top:15px;} .quick_order_container .form_shipping select{ float:left} .quick_order_container .form_shipping select.medium{ width:153px;} .quick_order_container .form_shipping select.large{ width:324px; margin-right:15px;} .quick_order_container .form_shipping .second_part h6.large{ margin-right:15px;} .quick_order_container .form_shipping .third_part { margin-top:17px;} .quick_order_container .form_shipping .third_part textarea{ height:71px; width:322px; border:1px solid black} .quick_order_container .form_shipping .cancel_shipping span{ font-size:11px; color:black; float:left} .loadingZoom { vertical-align:top; text-align:center; padding-top:130px } .centeredImage { display:block; margin-left:auto; margin-right:auto;padding-top:8px } /******************************************** * * CONFIRMATION PAGE! * *********************************************/ .confirmation_container {width:885px; height:auto; margin:0 auto;} .confirmation_container h1{ font-size:28px; color:#000; text-transform:uppercase; margin-bottom:20px; padding-top:10px;} .confirmation_container .banner_container { width:210px; height:auto; float:left; font-weight:100} .confirmation_container .banner_container .top_container_banner {background:url(../images/banner/b_head_office.jpg) no-repeat; width:210px; height:44px;} .confirmation_container .banner_container .bottom_container_banner {background:url(../images/banner/b_banner_bottom.jpg) no-repeat; width:210px; height:8px;} .confirmation_container .banner_container .container_banner { background:url(../images/banner/b_banner_1px.jpg); width:210px; height:auto; padding-bottom:18px;} .confirmation_container .banner_container .container_banner p{ color:#646464; width:178px; height:auto; font-family:Arial; font-size:11px; font-weight:100; text-align:left; padding:13px 0 0 0;} .confirmation_container .banner_container .container_banner p a{color:#646464;} .confirmation_container {width:885px; height:auto; margin:0 auto;} .confirmation_container h1{ font-size:28px; color:#000; text-transform:uppercase; margin-bottom:20px; padding-top:10px;} .confirmation_container .content_container { width:660px; height:auto; float:right; text-align:justify;} .confirmation_container .content_container h2 { width:660px; height:28px; text-align:left; text-transform:uppercase; font-size:22px; background:url(../images/banner/bg_title.jpg) repeat-x; color:#e51d3d; padding-top:38px; margin-bottom:15px;} .confirmation_container .content_container .content_left{ width:435px; float:left;} .confirmation_container .content_container p {margin-bottom:20px; font-size:12px; font-family:Arial; color:#000; width:435px; text-align:left;} .confirmation_container .content_container p a{color:black;} /******************************************** * * SEARCH PAGE! * *********************************************/ ul.liste_recherche{ width:866px; padding:0px 0 0 0} div.feedback, .warning, .form_search {padding-left:25px; } ul.liste_recherche div.feedback, .warning { font-size:16px; height:20px;} ul.liste_recherche li img {float:left; width:0px;} ul.liste_recherche li { height:auto;} ul.liste_recherche li h2{ padding:15px 0 7px 0; text-transform:uppercase;} ul.liste_recherche li p{ padding:0 0 0 4px;} ul.liste_recherche li .attribute-link p { padding:4px 0 0 2px} .pagenavigator { padding:7px 0 0 2px;} ul.liste_recherche li a, .pagenavigator a{color:#646464; text-decoration:underline; padding:1px 2px; line-height:16px; margin-left:0px;} input.search_arborite2{ width:150px;border:1px solid #3c3c3c; border-right:none; position:absolute; top:1px; left:27px; height:14px; font-size:11px; padding-left: 2px;} input.submit_arborite2{ width:20px; height:20px; position:absolute; top:0px; left:177px; } .print_image{display:block; height:450px; overflow:hidden;} .print_image_small{display:block; height:282px; overflow:hidden;} .finish_img{height:100px;} /******************************************** * * KWICKS FOR PRINT * *********************************************/ body { background-image: none; padding: 0 0 0 50px; text-align: left; } h1 { margin: 30px 0 10px 0; padding: 0; font-size: 1.5em; } .returnToKwicks { display:block; border:1px dashed #888; padding:5px; float:right; } /* defaults for all examples */ .kwicks { background:#bebebe; list-style: none; position: relative; margin: 0; padding: 0; top:5px; } .kwicks li{ display: block; overflow: hidden; padding: 0; cursor: pointer; } #products li { float: left; width: 87px; height: 348px; } #products #kwick10 { margin-right: none; } .liKwicks{position:relative;} .divFade{z-index:20;position:absolute; left:0;} .divSpacer{z-index:10;position:absolute; left:0;} .kwickText{position:absolute; bottom:0;background-color:#FFFFFF; width:100%; height:69px; left:0;} .kwickCode{display:block; color:black; font-family:arial; font-size:12px; font-weight:bold; text-transform:capitalize; margin-top:8px;} .kwickName{display:block; color:black; font-family:arial; font-size:11px; line-height:12px;} .bg_kwick{background:url(../images/kwick/bg-kwick.jpg); width:888px; height:357px; position:relative;} .side-right{background:url(../images/kwick/bg-side_right.jpg) no-repeat; width:6px; height:357px; position:absolute; right:0;} .bg_kwick .corner-right{background:url(../images/kwick/bg-right_kwick.jpg) no-repeat;position:absolute;right:0;height:16px; width:16px; bottom:0;} .bg_kwick .corner-left{background:url(../images/kwick/bg-left_kwick.jpg) no-repeat;position:absolute;left:0;height:16px;width:16px; bottom:0;} .bg_kwick .top-corner-right{background:url(../images/kwick/bg-top_right_kwick.png) no-repeat;position:absolute;right:0;height:16px; width:16px; top:0; z-index:100;} .bg_kwick .top-corner-left{background:url(../images/kwick/bg-top_left_kwick.png) no-repeat;position:absolute;left:0;height:16px;width:16px; top:0; z-index:100;} .precedent{background-position:0 0; height:32px; width:32px; cursor:pointer; cursor:hand; left:-17px; top:130px;} .suivant{background-position:-62px 0; height:32px; width:32px; cursor:pointer; cursor:hand; right:-17px; top:130px;} /*Kwick Collection*/ #collections li {float: left; width: 162px;height: 190px;} .liKwicksCollection{position:relative;} .divNameCollection{z-index:20; position:absolute; bottom:0;background-color:#FFFFFF; width:100%; height:32px; left:0; display:block; color:black; font-family:arial; font-size:12px; font-weight:bold; text-align:center; padding-top:8px;} .divFadeCollection{z-index:20;position:absolute; left:0;} .divSpacerCollection{z-index:10;position:absolute; left:0;} .bg_kwick_collection{background:url(../images/kwick/bg-kwick1.jpg); height:199px; position:relative; width:659px;} .bg_kwick_collection .side-right{height:199px} .bg_kwick_collection .kwicks{margin:0 auto;} .bg_kwick_collection .corner-right{background:url(../images/kwick/bg-right_kwick.jpg) no-repeat;position:absolute;right:0;height:16px; width:16px; bottom:0;z-index:100;} .bg_kwick_collection .corner-left{background:url(../images/kwick/bg-left_kwick.jpg) no-repeat;position:absolute;left:0;height:16px;width:16px; bottom:0;z-index:100;} .bg_kwick_collection .top-corner-right{background:url(../images/kwick/bg-top_right_kwick.png) no-repeat;position:absolute;right:0;height:16px; width:16px; top:0; z-index:100;} .bg_kwick_collection .top-corner-left{background:url(../images/kwick/bg-top_left_kwick.png) no-repeat;position:absolute;left:0;height:16px;width:16px; top:0; z-index:100;} /*Kwick Special*/ #spec_collections li {float: left;width: 92px;height: 190px;} .divNameSpecial{z-index:20; position:absolute; bottom:0;background-color:#FFFFFF; width:100%; height:34px; left:0; display:block; color:black; font-family:arial; font-size:12px; font-weight:bold; text-align:center; padding-top:6px;} .divSpacerSpecial{z-index:10;position:absolute; left:0;} .divFadeSpecial{z-index:20;position:absolute; left:0;} .bg_kwick_special{background:url(../images/kwick/bg-kwick1.jpg); height:199px; position:relative; width:658px;} .bg_kwick_special .side-right{height:199px} .bg_kwick_special .kwicks{margin:0 auto;} .bg_kwick_special .corner-right{background:url(../images/kwick/bg-right_kwick.jpg) no-repeat;position:absolute;right:0;height:16px; width:16px; bottom:0;z-index:100;} .bg_kwick_special .corner-left{background:url(../images/kwick/bg-left_kwick.jpg) no-repeat;position:absolute;left:0;height:16px;width:16px; bottom:0;z-index:100;} .bg_kwick_special .top-corner-right{background:url(../images/kwick/bg-top_right_kwick.png) no-repeat;position:absolute;right:0;height:16px; width:16px; top:0; z-index:100;} .bg_kwick_special .top-corner-left{background:url(../images/kwick/bg-top_left_kwick.png) no-repeat;position:absolute;left:0;height:16px;width:16px; top:0; z-index:100;} /*tSeries*/ .ulTSeries {text-align:center;} .bg_tSeries{background:url(../images/kwick/bg-kwick1.jpg); width:160px; height:199px; position:relative; } .tSeries{ height:190px; width:152px; background-color:white; margin:0 auto; position:relative; top:5px;} .tSeries span{visibility:hidden;} .tSeriesName{z-index:20; position:absolute; bottom:0;background-color:#FFFFFF; width:100%; height:34px;display:block; color:black; font-family:arial; font-size:12px; font-weight:bold; text-align:center; padding-top:6px; left:0;} .bg_tSeries .side-right{height:199px;} .bg_tSeries .corner-right{background:url(../images/kwick/bg-right_kwick.jpg) no-repeat;position:absolute;right:0;height:16px; width:16px; bottom:0;z-index:100;} .bg_tSeries .corner-left{background:url(../images/kwick/bg-left_kwick.jpg) no-repeat;position:absolute;left:0;height:16px;width:16px; bottom:0;z-index:100;} .bg_tSeries .top-corner-right{background:url(../images/kwick/bg-top_right_kwick.png) no-repeat;position:absolute;right:0;height:16px; width:16px; top:0; z-index:100;} .bg_tSeries .top-corner-left{background:url(../images/kwick/bg-top_left_kwick.png) no-repeat;position:absolute;left:0;height:16px;width:16px; top:0; z-index:100;} .bg_tSeries .puce2{background:transparent url(../images/surface/puce.png) no-repeat scroll 0 0;bottom:-124px;height:26px;margin:0 auto;position:relative;width:53px;} .kwickOver{color:#E51D3D;} /*Puce= Collection*/ .puce{background:transparent url(../images/surface/puce.png) no-repeat scroll 0 0;height:26px;margin:0 auto;position:relative;top:253px;width:53px;z-index:50;} /*Puce2= HubCollection*/ .puce2{background:transparent url(../images/surface/puce.png) no-repeat scroll 0 0;height:26px;margin:0 auto;position:relative;top:124px;width:53px;z-index:50;} /*Puce3= Page Produit*/ .puce3{width:53px; height:26px; background-repeat:no-repeat; background:url(../images/surface/puce.png) no-repeat; position:absolute; bottom:0; z-index:50; left:48%;} .print_hide{display:none;}