content{background:url('/img/OCC/handcream_bar_2014/content/handcream_bg.jpg')}#article_generic{position:relative}#breadcrumb,#leftzone,#contentzone{display:none}#content_container{padding:0px}#loading{position:absolute;z-index:10;top:0;left:0;height:100%;width:100%;background-color:#ded6ce}#imageloader{position:relative;top:50%}#hdcrmbar_container{width:1080px;overflow:hidden;position:relative;margin:auto;background:url('/img/OCC/handcream_bar_2014/content/handcream_bg_inner.jpg') repeat-y}#hdcrmbar_container:after{position:absolute;top:-48px;left:0%;width:100%;height:44px;-webkit-box-shadow:0 10px 24px rgba(22,22,22,0.56);-moz-box-shadow:0 10px 24px rgba(22,22,22,0.56);box-shadow:0 10px 24px rgba(22,22,22,0.56);border-radius:50%;z-index:0;content:""}#hdcrmbar_limit{width:991px;margin:auto;position:relative}#hdcrmbar_bloc1{width:203px;border-left:5px solid #c0b4a3;border-right:5px solid #c0b4a3;position:absolute;left:389px;min-height:576px;box-sizing:content-box}#hdcrmbar_title{background:url('/img/OCC/handcream_bar_2014/content/handcream_bg_title.jpg') repeat;border-bottom:6px solid #c0b4a3;padding-bottom:30px;padding-top:10px}#hdcrmbar_main_cream{position:relative}#hdcrmbar_title h1{width:90%;margin:auto}#hdcrmbar_title h1,#hdcrmbar_title h1 span{font-family:'Times New Roman';text-align:center;font-weight:bold;color:#163b68;text-transform:uppercase}#hdcrmbar_title h1 span{text-align:center;display:block;font-size:30px;line-height:30px}#hdcrmbar_title h1 span span{display:inline-block}#hdcrmbar_title h1 .hdcrmbar_title_style2{color:#3b6292}#hdcrmbar_main_cream a{margin:auto auto -20px auto;position:relative;top:-20px;display:block}#hdcrmbar_main_cream .hdcrmbar_link_img:before{content:url('/img/OCC/handcream_bar_2014/content/handcream_top_shadow.png');position:absolute;top:6px;left:73px}#hdcrmbar_main_cream img{margin:auto;z-index:1;position:relative}#hdcrmbar_main_cream:hover .hdcrmbar_link_img img{-webkit-filter:brightness(0.7);-moz-filter:brightness(0.7);-o-filter:brightness(0.7);-ms-filter:brightness(0.7);filter:brightness(0.7);animation:movethecream 0.2s 1;-webkit-animation:movethecream 0.2s 1;-moz-animation:movethecream 0.2s 1;-o-animation:movethecream 0.2s 1;-webkit-transform-origin:top center;-moz-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center}#ie7 #hdcrmbar_main_cream:hover .hdcrmbar_link_img img,#ie8 #hdcrmbar_main_cream:hover .hdcrmbar_link_img img,#ie9 #hdcrmbar_main_cream:hover .hdcrmbar_link_img img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9}#hdcrmbar_main_social{border-top:5px solid #c0b4a3;padding-top:8px;padding-left:5px;text-align:center;display:none}#hdcrmbar_main_social div{display:inline-block;margin-right:5px;line-height:9px}#hdcrmbar_bloc_left{width:391px;float:left}#hdcrmbar_bloc_right{width:391px;float:right}.hdcrmbar_cream_bloc{width:391px;background:url('/img/OCC/handcream_bar_2014/content/handcream_gallery.jpg') repeat-x;padding-top:34px}.hdcrmbar_cream_bloc .hdcrmbar_cream_container{display:inline-block;position:relative;z-index:1;margin-left:1px;width:91px}#ie7 .hdcrmbar_cream_bloc .hdcrmbar_cream_container{display:inline;zoom:1}.hdcrmbar_cream_bloc .hdcrmbar_cream_container:first-child{margin-left:3px}.hdcrmbar_cream_bloc .hdcrmbar_cream_container:hover .hdcrmbar_link_img img{-webkit-filter:brightness(0.7);-moz-filter:brightness(0.7);-o-filter:brightness(0.7);-ms-filter:brightness(0.7);filter:brightness(0.7);animation:movethecream 0.2s 1;-webkit-animation:movethecream 0.2s 1;-moz-animation:movethecream 0.2s 1;-o-animation:movethecream 0.2s 1;-webkit-transform-origin:top center;-moz-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center}#ie7 .hdcrmbar_cream_bloc .hdcrmbar_cream_container:hover .hdcrmbar_link_img img,#ie8 .hdcrmbar_cream_bloc .hdcrmbar_cream_container:hover .hdcrmbar_link_img img,#ie9 .hdcrmbar_cream_bloc .hdcrmbar_cream_container:hover .hdcrmbar_link_img img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9}@keyframes movethecream{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-ms-transform:rotate(2deg);-o-transform:rotate(2deg);transform:rotate(2deg)}50%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);-ms-transform:rotate(-2deg);-o-transform:rotate(-2deg);transform:rotate(-2deg)}100%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes movethecream /* Safari and Chrome */{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-ms-transform:rotate(2deg);-o-transform:rotate(2deg);transform:rotate(2deg)}75%{-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);-ms-transform:rotate(-2deg);-o-transform:rotate(-2deg);transform:rotate(-2deg)}100%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}}.hdcrmbar_cream_bloc .hdcrmbar_link_img:after{content:url('/img/OCC/handcream_bar_2014/content/handcream_top_shadow.png');position:absolute;top:6px;left:18px;z-index:0}.hdcrmbar_cream_bloc img{position:relative;z-index:1}.hdcrmbar_quick,.hdcrmbar_addtobag{display:none}.hdcrmbar_cream_container:hover .hdcrmbar_quick,.hdcrmbar_cream_container:hover .hdcrmbar_addtobag{display:block;position:absolute;top:30%;left:30%;width:44px;height:44px;overflow:hidden}.hdcrmbar_cream_container:hover .hdcrmbar_addtobag{top:52%}.hdcrmbar_cream_container .hdcrmbar_quick:hover img,.hdcrmbar_cream_container .hdcrmbar_addtobag:hover img{bottom:44px}#hdcrmbar_main_cream .hdcrmbar_quick,#hdcrmbar_main_cream .hdcrmbar_addtobag{display:none}#hdcrmbar_main_cream:hover .hdcrmbar_quick,#hdcrmbar_main_cream:hover .hdcrmbar_addtobag{display:block;position:absolute;top:23%;left:39%;width:44px;height:44px;overflow:hidden}#hdcrmbar_main_cream:hover .hdcrmbar_addtobag{top:42%}#hdcrmbar_text{min-height:200px}#hdcrmbar_text h2{font-family:'Times New Roman';margin-top:40px;text-align:center;color:#ffffff;font-size:36px;line-height:26px}#hdcrmbar_text_slide{position:relative;margin-top:20px}#hdcrmbar_text .hdcrmbar_text_bloc{width:70%;margin:auto;text-align:center;color:#ffffff;font-size:18px;display:none;left:15%;position:absolute}#hdcrmbar_text .hdcrmbar_text_bloc:first-child{display:block}#hdcrmbar_text .hdcrmbar_text_bloc img{width:100%;border:2px solid #c0b4a3;max-width:300px;margin:auto}#addToBagPopin .popin_container_title+div{display:none}#addToBagPopin #bloc_linkto{width:100%}#addToBagPopin #bloc_linkto .button_secondary,#addToBagPopin #bloc_linkto .button_basic{width:46%;display:inline-block;margin:2%}@media only screen and (min-width: 768px) and (max-width: 1000px){#content{background:url('/img/OCC/handcream_bar_2014/content/handcream_bg_soft.jpg')}#hdcrmbar_container{width:99%;background:none;border-bottom:5px solid #c0b4a3;border-right:5px solid #c0b4a3}#hdcrmbar_limit{width:100%}#hdcrmbar_bloc1{position:static;float:left;min-height:880px;width:26%}#hdcrmbar_title{padding-bottom:50px;padding-top:30px}#hdcrmbar_main_cream .hdcrmbar_link_img:before{left:38%}#hdcrmbar_bloc_left{width:auto;float:none;overflow:hidden}#hdcrmbar_bloc_right{width:auto;float:none;overflow:hidden}.hdcrmbar_cream_bloc{width:auto;border-top:5px solid #c0b4a3;margin-top:40px;background:none;padding:0px}.hdcrmbar_cream_bloc .hdcrmbar_cream_container{margin-top:-20px}#hdcrmbar_bloc_right .hdcrmbar_cream_bloc{width:38%;float:left}#hdcrmbar_bloc_right #hdcrmbar_text{width:61%;border-left:5px solid #c0b4a3;min-height:277px}}@media only screen and (min-width: 857px) and (max-width: 1000px){.hdcrmbar_cream_bloc .hdcrmbar_cream_container{margin-left:5%}.hdcrmbar_cream_bloc .hdcrmbar_cream_container:first-child{margin-left:2%}}@media only screen and (min-width: 768px) and (max-width: 857px){.hdcrmbar_cream_bloc .hdcrmbar_cream_container{margin-left:2%}.hdcrmbar_cream_bloc .hdcrmbar_cream_container:first-child{margin-left:1%}}@media only screen and (min-width: 320px) and (max-width: 767px){#content{background:url('/img/OCC/handcream_bar_2014/content/handcream_bg_soft.jpg')}#hdcrmbar_container{width:100%;background:none}#hdcrmbar_limit{width:100%}#hdcrmbar_bloc1{position:static;float:none;width:100%;border:none}#hdcrmbar_title{padding-bottom:50px;padding-top:30px}#hdcrmbar_main_cream .hdcrmbar_link_img:before{left:42%}#hdcrmbar_main_cream:hover .hdcrmbar_quick,#hdcrmbar_main_cream:hover .hdcrmbar_addtobag{left:46%}#hdcrmbar_main_social{text-align:center}#hdcrmbar_main_social div{display:inline-block !important;width:auto !important}#hdcrmbar_bloc_left{width:auto;float:none;overflow:hidden}#hdcrmbar_bloc_right{width:auto;float:none;overflow:hidden}.hdcrmbar_cream_bloc{width:auto;background-repeat:repeat;padding-top:35px}.hdcrmbar_cream_bloc .hdcrmbar_cream_container{margin-bottom:20px;margin-left:16%}.hdcrmbar_cream_bloc .hdcrmbar_cream_container:first-child{margin-left:16%}#hdcrmbar_bloc_right .hdcrmbar_cream_bloc{float:none}#hdcrmbar_bloc_right #hdcrmbar_text{min-height:277px}#content .hdcrmbar_cream_container:hover .hdcrmbar_quick,#content .hdcrmbar_cream_container:hover .hdcrmbar_addtobag{display:none}}@media only screen and (min-width: 470px) and (max-width: 545px){.hdcrmbar_cream_bloc .hdcrmbar_cream_container{margin-left:22%}.hdcrmbar_cream_bloc .hdcrmbar_cream_container:first-child{margin-left:22%}#hdcrmbar_main_cream .hdcrmbar_link_img:before{left:44%}}@media only screen and (min-width: 545px) and (max-width: 640px){.hdcrmbar_cream_bloc .hdcrmbar_cream_container{margin-left:6%}.hdcrmbar_cream_bloc .hdcrmbar_cream_container:first-child{margin-left:6%}#hdcrmbar_main_cream .hdcrmbar_link_img:before{left:45%}#hdcrmbar_main_cream:hover .hdcrmbar_quick,#hdcrmbar_main_cream:hover .hdcrmbar_addtobag{left:48%}}@media only screen and (min-width: 640px) and (max-width: 767px){.hdcrmbar_cream_bloc .hdcrmbar_cream_container{margin-left:9%}.hdcrmbar_cream_bloc .hdcrmbar_cream_container:first-child{margin-left:9%}#hdcrmbar_main_cream .hdcrmbar_link_img:before{left:46%}#hdcrmbar_main_cream:hover .hdcrmbar_quick,#hdcrmbar_main_cream:hover .hdcrmbar_addtobag{left:48%}}