/** * Webverzorgers * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package Wellsens_base * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* COLOURS USED Headers: #333300 333300 D. brown #666633 666633 L. brown #999966 999966 Medical #004D86 004D86 Service-pharmacy #829BC8 829BC8 Groen in sidebar #96be0f 96be0e Apotheek h1 #d5424a d5424a Apotheek a #428fdd 428fdd Yourskin l. blue #13B1E3 13B1E3 Yourskin d. blue #0C6C8A 0C6C8A */ /* Reset ================================================================================= */ /* geeft aan in welke templates HTML staat dat nog door funtionaliteit moet worden toegevoegd */ .fake { background-color: yellow !important; } * { margin: 0; padding: 0; } html, body { height: 100%; } body { font-family: Arial, sans-serif; font-size: 12px; margin: 0; padding: 0; background: #f7f7f7 url('../images/background.png') top center repeat-y; line-height: 18px; } img { border: 0; vertical-align: top; } hr.line { height: 1px; border: none; margin: 0 5px; background: #EEE; } .clear { clear: both; } .browser-notice { background:#93a9d7; color: #ffffff; font-size: 14px; font-weight: bold; padding: 15px; text-align: center; display: none; width: 915px; margin: 30px auto 0; } .browser-notice a {color: #ffffff;} .browser-notice a:hover {text-decoration: none;} .italic { font-style: italic; } /* Headings */ h1, span.h1 { font-size: 24px; line-height: 24px; color: #333300; margin: 0; } h1.head, span.h1.head { font-size: 18px; padding: 0 0 0 16px; margin: 0 0 10px; } h1.fn span.h1.fn { margin: 0 5px; padding: 5px 0 3px 12px; border-top: 1px solid #eee; } h2 { font-size: 18px; color: #333300; } span.header-text { font-size: 18px; font-weight: bold; color: #333300; margin: 0 5px; } h2.price { font-size: 24px !important; } h3 { font-size: 16px; font-weight: bold; line-height: 1.25; color: #333300; } h4 { font-size: 14px; font-weight: bold; } h5 { font-size: 12px; font-weight: bold; color: #333300; } h6 { font-size: 11px; font-weight: bold; } a { outline: none; color:#996;} :focus { outline: none; } ::-moz-focus-inner { border: 0; } button, button:focus { outline: none; } button::-moz-focus-inner { border: 0; } /* Forms */ form { display: inline; } fieldset { border: 0; } legend { display: none; } /* Table */ table { border: 0; border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 100%; } caption,th,td { vertical-align: top; text-align: left; font-weight: normal; } /* Content */ strong { font-weight: bold; } address { font-style: normal; } cite { font-style: normal; } q, blockquote { quotes: none; } q: before, q: after { content: ''; } small,big { font-size: 1em; } sup { font-size: 1em; vertical-align: top; } /* Lists */ ul,ol { list-style: none; color:#0F3053;} /* Tools */ .hidden { display: block !important; border: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } .nobr { white-space: nowrap !important; } .wrap { white-space: normal !important; } .a-left { text-align: left !important; } .a-center { text-align: center !important; } .a-right { text-align: right !important; } .v-top { vertical-align: top; } .v-middle { vertical-align: middle; } .f-left, .left { float: left !important; } .f-right, .right { float: right !important; } .f-none { float: none !important; } .f-fix { float: left; width: 100%; } .no-display { display: none; } .no-margin { margin: 0 !important; } .no-padding { padding: 0 !important; } .no-bg { background: none !important; } .hr-100 {width:100%; clear:both; background:#CCC; border:none; height:1px;} .bold {font-weight:bold;} .uppercase { text-transform:uppercase; } .box-size {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .prc100 {width:100%;} .prc90 {width:90%;} .prc80 {width:80%;} .prc70 {width:70%;} .prc60 {width:60%;} .prc50 {width:50%;} .shadow-inner {-moz-box-shadow: 1px 1px 2px #ccc inset; -webkit-box-shadow: 1px 1px 2px #ccc inset; box-shadow: 1px 1px 2px #ccc inset;} .shadow-outer {-moz-box-shadow: 0 0 3px #CCC; -webkit-box-shadow: 0 0 3px #CCC; box-shadow: 0 0 3px #CCC;} .col-padding{padding:5px;} a.readon > span { display: none; } .font-8px { font-size: 8px !important; } .font-9px { font-size: 9px; } .font-10px { font-size: 10px; } .font-11px { font-size: 11px; } .font-12px { font-size: 12px; } .font-14px { font-size: 14px; } .font-16px { font-size: 16px; } .font-18px { font-size: 18px; } /* Colors */ .pink-a { background: #c9267b; } .pink-b { background: #cb3298; } .pink-c { background: #ff2f97; } .orange-a { background: #f46523; } .orange-b { background: #f8921f; } .orange-c { background: #ffc40e; } .blue-a { background: #64D1EF;} /* Yourskin lichtblauwe tegenkleur */ .blue-b { background: #0047ac;} /* Yourskin blocks */ .blue-c { background: #12B0E3;} /* Yourskin d.blauw in slider */ .green-a { background: #96be0f;} .border { border: 1px solid #eee; } .greyfont { color: #919191; } /* voor searchboxes e.d. */ .greyfont:focus { color: #4b4b4b; } /* voor searchboxes e.d. */ .detail .general-information li, .detail .extra-info li{clear:both; padding-left:10px; background: url("../images/sprite_bullets.png") no-repeat scroll 0 -17px transparent;} /* ======================================================================================= */ /* Layout ================================================================================ */ .wrapper { } .page { width: 1000px; margin: 0 auto; padding: 10px 0; text-align: left; } .page-print { background: #fff; padding: 20px; text-align: left; } .page-empty { background: #fff; padding: 20px; text-align: left; } .page-popup { padding: 20px; text-align: left; } .main { position: relative; z-index: 1999; width: 970px; min-height: 180px; margin: 0 auto; padding: 5px; } .cookie-law-container{top:30px; left:0; padding: 2px 2%; position: relative; width: 96%; height:30px; z-index: 2000; background:#999; color:#EEE; line-height: 29px; border-width:1px 0; border-style:solid; border-color:#CCC;} .cookie-law-container .cookie-inner-left{width:53.5% !important; margin:0 auto; height: 30px; font-weight:bold; min-width: 784px;} .cookie-law-container .cookie-inner-left .button{ margin: 2px 0 0;} .cookie-law-container .cookie-inner-left a{color:#FFF !important; } .cookie-law-container .button span {line-height:15px !important;} .cookie-law-container .cookie-txt.txt p{padding-left:22px; float:left; color: #FFFFFF !important;} /* Base Columns */ .col-main { min-height: 180px; margin: 5px; float: left; } .col-main .wrapper { float: left; } .col-main .wrapper h1, .col-main .wrapper span.h1 { padding: 5px 0 3px; } .col-main .wrapper .left { margin-left: 5px; } .col-main .wrapper .right { margin-right: 5px; } .col-main .wrapper a.more { font-size: 12px; color: #999966; padding: 10px 0 0; } .col-main .content .no-rating a { font-size: 11px; color: #999966; padding: 10px 0 0; } .col-main .wrapper a.more:hover, .col-main .content .no-rating a:hover { text-decoration: none; } .col-main .text { margin: 5px; } .col-main.onecolumn { width: 970px; } .col-main.twocolumn { width: 766px; } .col-main.threecolumn { width: 572px; } .col-main .xl.tevreden { padding: 0 !important; } /* testje van Ray: hiermee loopt de two-columns-left template wel goed in IE */ .col-main.wrapper.fourcolumn { width: 776px; } .col-main.onecolumn .left, .col-main.twocolumn .left, .col-main.threecolumn .left, .col-main.fourcolumn .left, .col-main.fivecolumn .left { float: left; } .col-main.onecolumn .right, .col-main.twocolumn .right, .col-main.threecolumn .right .col-main.fourcolumn .right, .col-main.fivecolumn .right { float: right; } .col-right .onecolumn.content.image-top img{margin:-6px 0 0 -6px; } .customer-account-index.serviceapotheek.service-apotheek .col-right .onecolumn.content.image-top img{margin:-6px 0 0 -8px; } .content.image-left img{float:left; margin:-10px 10px 0 -10px; } .content.image-right img{float:right; margin:-10px -15px 0 10px; } .content.image-top img{margin:-10px -10px 10px -10px; } .content.image-bottom img{margin:10px -10px -10px -10px; } .col-left { margin: 0 10px 10px; } .col-left, .col-right { width: 184px; min-height: 250px; margin: 0 5px 5px; float: left; } img.left { margin: 0 8px 8px 0; } img.right { margin: 0 0 8px 8px; } /* Wrapper Columns */ .wrapper.onecolumn, .col-main .wrapper.onecolumn { width: 194px; } .wrapper.onecolumn.border, .col-main .wrapper.onecolumn.border { width: 192px; } .wrapper.twocolumn, .col-main .wrapper.twocolumn { width: 388px; } .wrapper.twocolumn.border, .col-main .wrapper.twocolumn.border { width: 386px; } .wrapper.threecolumn, .col-main .wrapper.threecolumn { width: 582px; } .wrapper.threecolumn.border, .col-main .wrapper.threecolumn.border { width: 580px; } .wrapper.fourcolumn, .col-main .wrapper.fourcolumn { width: 776px; } .wrapper.fourcolumn.border, .col-main .wrapper.fourcolumn.border { width: 774px; } .wrapper.fivecolumn, .col-main .wrapper.fivecolumn { width: 970px; } .wrapper.fivecolumn.border, .col-main .wrapper.fivecolumn.border { width: 968px; } .wrapper.onecolumn, .wrapper.twocolumn, .wrapper.twocolumn.border, .wrapper.threecolumn, .wrapper.threecolumn.border, .wrapper.fourcolumn, .wrapper.fourcolumn.border, .wrapper.fivecolumn, .wrapper.fivecolumn.border { margin: 0 auto; } .col-main .wrapper.fourcolumn.xl { height: 292px; } .usps { margin-top: 10px; min-width: 0; position: relative; text-transform: none; width: 100%;} .usps li { background: url("../images/sprite_bullets.png") no-repeat scroll 0 -500px transparent; margin-bottom: 7px; padding-left: 20px; position: relative; text-align: left; width: 133px; overflow:hidden; white-space:nowrap;} .mymedication-redirect .usps li { width: 450px; } .layer-inner .usps li { white-space:normal;} .col-right .usps li {background: url("../images/sprite_bullets.png") no-repeat scroll 5px -348px transparent; white-space:normal;} .usps.bold.font-14px li{background-position:1px -345px;} .mymedication-redirect .usps{margin: 2% 8%; width: 80%;} .checkbox-wrapper{width:100%;} .checkbox-wrapper .checkbox{width:66%; line-height: 31px;} .checkbox-wrapper .button{width:34%;} /* Content Columns */ .onecolumn { width: 184px; } .twocolumn { width: 378px; } .threecolumn { width: 572px; } .fourcolumn { width: 766px; } .fivecolumn { width: 960px; } /* Column Blocks */ .col-main .content, .col-main .article, .col-main .detail, .col-main .author { margin: 5px; float: left; } .col-main .content, .col-main .article, .col-main .detail, .col-main .author { overflow: hidden; } .bitmap { line-height: 30px; padding: 10px; } .bitmap h2 { font-size: 31px; font-weight: normal; } .bitmap p { font-size: 18px; } .bitmap h1, .bitmap h2, .bitmap h3, .bitmap p { color: #fff; } .bitmap a { color: #fff; border-bottom: solid 1px #fff; } .bitmap a:hover { border-bottom: none; } .author.pink-a .content, .author.pink-a .content h1, .author.pink-a .content h2, .poll.pink-a .content, .author.pink-b .content, .author.pink-b .content h1, .author.pink-b .content h2, .poll.pink-b .content, .author.pink-c .content, .author.pink-c .content h1, .author.pink-c .content h2, .poll.pink-c .content, .author.orange-a .content, .author.orange-a .content h1, .author.orange-a .content h2, .poll.orange-a .content, .author.orange-b .content, .author.orange-b .content h1, .author.orange-b .content h2, .poll.orange-b .content, .author.orange-c .content, .author.orange-c .content h1, .author.orange-c .content h2, .poll.orange-c .content { color: #fff; } .col-main .xs, .col-main .xs.border { height: 170px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .col-main .m, .col-main .m.border { height: 200px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .col-main .l, .col-main .l.border { height: 250px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .col-main .xl, .col-main .xl.border { height: 285px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .col-main .xxl, .col-main .xxl.border { height: 315px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .col-main .h70, .col-main .h70.border { height: 70px !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .col-main .h80, .col-main .h80.border { height: 80px !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .col-main .h90, .col-main .h90.border { height: 90px !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .col-main .h100, .col-main .h100.border { height: 100px !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .col-main .h150, .col-main .h150.border { height: 150px !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .col-main .h200, .col-main .h200.border { height: 200px !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .col-main .h250, .col-main .h250.border { height: 250px !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .col-main .h300, .col-main .h300.border { height: 300px !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .col-main .h350, .col-main .h350.border { height: 350px !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .col-main .h400, .col-main .h400.border { height: 400px !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .col-main .h450, .col-main .h450.border { height: 450px !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .col-main .h500, .col-main .h500.border { height: 500px !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .cms-index-index .col-main .m, .cms-index-index .col-main .m.border {height: 200px !important;} .col-right .skyscraper, .col-left .skyscraper {text-align:center;} .col-main .fourcolumn.m, .col-main .fourcolumn.m.border {height:202px;} /* Begin Tooltip ============================================================== */ .notice { font-weight: bold; color: #FFF !important; width: 16px; text-align: center; background: #666633; text-decoration: none; display: block; } a.notice:hover span.tooltip { display: inline-block; } a.notice span.tooltip { position: absolute; z-index: 221; font-weight: normal; width: 115px; margin: -12px 0 0 15px; padding: 10px; font-size: 14px; text-align: center; font-size: 10px; color: #FFF !important; text-transform: none; text-align: left; background: #666633; line-height: 12px; border-radius: 2px; -moz-box-shadow: 0 0 3px #CCC; -webkit-box-shadow: 0 0 3px #CCC; box-shadow: 0 0 3px #CCC; display: none; } a.notice span.tooltip:before { position: absolute; top: 10px; left: -16px; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent #666633 transparent transparent; content: ""; } a.notice span.tooltip hr { height: 1px; width: 100%; margin: 3px 0 5px; border: none; background: #CCCC99; } .mymedication-quote-index a.notice:hover div.tooltip { display: inline-block; } .mymedication-quote-index a.notice div.tooltip { position: absolute; z-index: 1000; width: 100px; margin: -32px 0 0 120px; padding: 10px; font-size: 14px; text-align: center; font-size: 10px; color: #FFF !important; text-transform: none; text-align: left; background: #464632; line-height: 12px; border-radius: 2px; -moz-box-shadow: 0 0 3px #CCC; -webkit-box-shadow: 0 0 3px #CCC; box-shadow: 0 0 3px #CCC; display: none; } .mymedication-quote-index a.notice div.tooltip:before { position: absolute; top: 10px; left: -20px; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent #464632 transparent transparent; content: ""; z-index: 999;} .mymedication-quote-index a.notice div.tooltip hr { height: 1px; width: 100%; margin: 3px 0 5px; border: none; background: #95977d; } /* End Tooltip ================================================================ */ /* Interakting Slider ================================================================*/ .slider { background: #888; margin: 0 5px 10px 0; position: relative; overflow: hidden; } .slider.onecolumn { width: 184px; } .slider.twocolumn { width: 378px; } .slider.threecolumn { width: 572px; } .slider.fourcolumn { width: 766px; } .slider.fivecolumn { width: 960px; } .slider.border.onecolumn { width: 182px; } .slider.border.twocolumn { width: 376px; } .slider.border.threecolumn { width: 570px; } .slider.border.fourcolumn { width: 764px; } .slider.border.fivecolumn { width: 958px; } .slider #slide-content div a { display: inline-block; } .slider.onecolumn #slide-content div a { width: 184px; } .slider.twocolumn #slide-content div a { width: 378px; } .slider.threecolumn #slide-content div a { width: 572px; } .slider.fourcolumn #slide-content div a { width: 766px; } .slider.fivecolumn #slide-content div a { width: 960px; } .slider.border.onecolumn #slide-content div a { width: 182px; } .slider.border.twocolumn #slide-content div a { width: 376px; } .slider.border.threecolumn #slide-content div a { width: 570px; } .slider.border.fourcolumn #slide-content div a { width: 764px; } .slider.border.fivecolumn #slide-content div a { width: 958px; } .slider.xs #slide-content div a { height: 172px; } .slider.m #slide-content div a { height: 202px; } .slider.xl #slide-content div a { height: 287px; } .slider.xxl #slide-content div a { height: 356px; } .slider.border.xs #slide-content div a { height: 170px; } .slider.border.m #slide-content div a { height: 200px; } .slider.border.xl #slide-content div a { height: 285px; } .slider.border.xxl #slide-content div a { height: 354px; } .slider { background: #888888; border-color: #888888; } .pink-a.slider { background: #c9267b; border-color: #c9267b; } .pink-b.slider { background: #cb3298; border-color: #cb3298; } .pink-c.slider { background: #ff2f97; border-color: #ff2f97; } .orange-a.slider { background: #f46523; border-color: #f46523; } .orange-b.slider { background: #f8921f; border-color: #f8921f; } .orange-c.slider { background: #ffc40e; border-color: #ffc40e; } .green-a.slider { background: #96be0f; border-color: #96be0f; } .blue-b.slider { background: #0C6C8A; border-color: #0C6C8A; } .blue-c.slider { background: #12B0E3; border-color: #12B0E3; } .yourskin.slider { background: #12B0E3; border-color: #12B0E3; } /* text commands lifted from bottom (e.g. for content pages) */ .slider ul#slide-commands { position: absolute; height: 28px; margin: -32px 0 0; padding: 0; left: 0; bottom: 20px; width: 100% } .slider.border ul#slide-commands { left: -1px; } .slider ul#slide-commands li { height: 28px; float: left; width:inherit; } .slider ul#slide-commands li a { height: 23px; margin: 0 0 0 -2px; padding: 5px 0 0; background: url(../images/button_background.png); text-decoration: none; display: block; text-indent: 0; border: solid 2px #888; } .slider ul#slide-commands li:first-child a { margin: 0; } .pink-a.slider ul#slide-commands a { border-color: #c9267b; background: url(../images/sprite_colours_50_percent.png) repeat-x 0 0; } .pink-b.slider ul#slide-commands a { border-color: #cb3298; background: url(../images/sprite_colours_50_percent.png) repeat-x 0 -40px; } .pink-c.slider ul#slide-commands a { border-color: #ff2f97; background: url(../images/sprite_colours_50_percent.png) repeat-x 0 -80px; } .orange-a.slider ul#slide-commands a { border-color: #f46523; background: url(../images/sprite_colours_50_percent.png) repeat-x 0 -120px; } .orange-b.slider ul#slide-commands a { border-color: #f8921f; background: url(../images/sprite_colours_50_percent.png) repeat-x 0 -160px; } .orange-c.slider ul#slide-commands a { border-color: #ffc40e; background: url(../images/sprite_colours_50_percent.png) repeat-x 0 -200px; } .green-a.slider ul#slide-commands a { border-color: #96be0f; background: url(../images/sprite_colours_50_percent.png) repeat-x 0 -240px; } .blue-b.slider ul#slide-commands a { border-color: #0C6C8A; background: url(../images/sprite_colours_50_percent.png) repeat-x 0 -280px; } .blue-c.slider ul#slide-commands a { border-color: #12B0E3; background: url(../images/sprite_colours_50_percent.png) repeat-x 0 -280px; } .yourskin.slider ul#slide-commands a { border-color: #12B0E3; background: url(../images/sprite_colours_50_percent.png) repeat-x 0 -280px; } .pink-a.slider ul#slide-commands a.active:hover, .pink-b.slider ul#slide-commands a.active:hover, .pink-c.slider ul#slide-commands a.active:hover, .orange-a.slider ul#slide-commands a.active:hover, .orange-b.slider ul#slide-commands a.active:hover, .orange-c.slider ul#slide-commands a.active:hover, .green-a.slider ul#slide-commands a.active:hover, .yourskin.slider ul#slide-commands a.active:hover, .blue-b.slider ul#slide-commands a.active:hover, .blue-c.slider ul#slide-commands a.active:hover, .slider ul#slide-commands a.active:hover, .slider ul#slide-commands a.active { background: #fff; } .slider ul#slide-commands a span { font-size: 10px; font-weight: bold; color: #000; } .slider.onecolumn ul#slide-commands { width: 184px; } .slider.twocolumn ul#slide-commands { width: 378px; } .slider.threecolumn ul#slide-commands { width: 572px; } .slider.fourcolumn ul#slide-commands { width: 766px; } .slider.fivecolumn ul#slide-commands { width: 960px; } .slider ul#slide-commands a:hover { background: url(../images/sprite_colours_35_percent.png) repeat-x 0 0; } .pink-a.slider ul#slide-commands a:hover { background-position: 0 0; } .pink-b.slider ul#slide-commands a:hover { background-position: 0 -40px; } .pink-c.slider ul#slide-commands a:hover { background-position: 0 -80px; } .orange-a.slider ul#slide-commands a:hover { background-position: 0 -120px; } .orange-b.slider ul#slide-commands a:hover { background-position: 0 -160px; } .orange-c.slider ul#slide-commands a:hover { background-position: 0 -200px; } .green-a.slider ul#slide-commands a:hover { background-position: 0 -240px; } .blue-b.slider ul#slide-commands a:hover { background-position: 0 -280px; } .blue-c.slider ul#slide-commands a:hover { background-position: 0 -280px; } .yourskin.slider ul#slide-commands a:hover { background-position: 0 -280px; } .pink-b.slider ul#slide-commands a span { color: #66194C; } .pink-c.slider ul#slide-commands a span { color: #601238; } .orange-a.slider ul#slide-commands a span { color: #7A3212; } .orange-b.slider ul#slide-commands a span { color: #B46C1D; } .orange-c.slider ul#slide-commands a span { color: #806207; } .orange-c.slider ul#slide-commands a span { color: #806207; } .green-a.slider ul#slide-commands a span { color: #4B6604; } .blue-b.slider ul#slide-commands a span { color: #0C6C8A; } .blue-c.slider ul#slide-commands a span { color: #096B89; } .yourskin.slider ul#slide-commands a span { color: #096B89; } /* lichtblauwe tabs voor Yourskin homepage */ .category-yourskin .blue-b.slider ul#slide-commands a { background: #64D1EF; color: #0C6C8A; } .category-yourskin .blue-b.slider ul#slide-commands a.active, .category-yourskin .blue-b.slider ul#slide-commands a.active:hover { background: #fff; } .category-yourskin .blue-b.slider ul#slide-commands a:hover { background: #B2E8F7; } /* slide commands at bottom (e.g. for homepage */ .slider.bottom-cmd ul#slide-commands { position: absolute; height: 32px; margin: 0 0; padding: 0; left: 0; bottom: 0; } .slider.border.bottom-cmd ul#slide-commands { position: absolute; height: 32px; margin: 0 0; padding: 0; left: -1px; bottom: -1px; } /* commands as tabs (e.g. in Yourskin) */ .slider.tab-cmd ul#slide-commands { position: absolute; height: 28px; margin: 0; padding: 0 0 1px 0; left: 0; bottom: 0; width: 100% } .slider.border.tab-cmd ul#slide-commands { position: absolute; height: 28px; margin: 0; padding: 0 0 1px 1px; left: -1px; bottom: -1px; width: 100% } .slider.tab-cmd ul#slide-commands li a { height: 23px; margin: 0; padding: 5px 0 0; background: url(../images/button_background.png); text-decoration: none; display: block; text-indent: 0; border-top: solid 1px #888; } .slider.tab-cmd.onecolumn ul#slide-commands { width: 184px; } .slider.tab-cmd.twocolumn ul#slide-commands { width: 378px; } .slider.tab-cmd.threecolumn ul#slide-commands { width: 572px; } .slider.tab-cmd.fourcolumn ul#slide-commands { width: 766px; } .slider.tab-cmd.fivecolumn ul#slide-commands { width: 960px; } .slider.border.tab-cmd.onecolumn ul#slide-commands { width: 182px; } .slider.border.tab-cmd.twocolumn ul#slide-commands { width: 376px; } .slider.border.tab-cmd.threecolumn ul#slide-commands { width: 570px; } .slider.border.tab-cmd.fourcolumn ul#slide-commands { width: 764px; } .slider.border.tab-cmd.fivecolumn ul#slide-commands { width: 958px; } .slider.border.tab-cmd ul#slide-commands { border-right: solid 1px #888; } .pink-a.slider.tab-cmd ul#slide-commands { border-color: #c9267b; } .pink-b.slider.tab-cmd ul#slide-commands { border-color: #cb3298; } .pink-c.slider.tab-cmd ul#slide-commands { border-color: #ff2f97; } .orange-a.slider.tab-cmd ul#slide-commands { border-color: #f46523; } .orange-b.slider.tab-cmd ul#slide-commands { border-color: #f8921f; } .orange-c.slider.tab-cmd ul#slide-commands { border-color: #ffc40e; } .green-a.slider.tab-cmd ul#slide-commands { border-color: #96be0f; } .blue-b.slider.tab-cmd ul#slide-commands { border-color: #0C6C8A; } .blue-c.slider.tab-cmd ul#slide-commands { border-color: #12B0E3; } .yourskin.slider.tab-cmd ul#slide-commands { border-color: #0C6C8A; } .slider.tab-cmd ul#slide-commands a { border: 0 none; border-right: solid 1px #888; } .slider.border.tab-cmd ul#slide-commands a { border: solid 1px #888; border-left: 0 none; border-right: solid 1px #888; } .slider.tab-cmd ul#slide-commands li:last-child a { border-right: 0 none; } .pink-a.slider.tab-cmd ul#slide-commands a { border-color: #c9267b; } .pink-b.slider.tab-cmd ul#slide-commands a { border-color: #cb3298; } .pink-c.slider.tab-cmd ul#slide-commands a { border-color: #ff2f97; } .orange-a.slider.tab-cmd ul#slide-commands a { border-color: #f46523; } .orange-b.slider.tab-cmd ul#slide-commands a { border-color: #f8921f; } .orange-c.slider.tab-cmd ul#slide-commands a { border-color: #ffc40e; } .green-a.slider.tab-cmd ul#slide-commands a { border-color: #96be0f; } .blue-b.slider.tab-cmd ul#slide-commands a { border-color: #0C6C8A; } .blue-c.slider.tab-cmd ul#slide-commands a { border-color: #12B0E3; background: #64D1EF; } .blue-c.slider.tab-cmd ul#slide-commands a:hover { background-color: #8BDCF3; } .yourskin.slider.tab-cmd ul#slide-commands a { border-color: #0C6C8A; } .slider.tab-cmd ul#slide-commands a.active:hover, .slider.tab-cmd ul#slide-commands a.active { background: #fff; border-top: solid 1px #fff; } /* commands as dots / circles */ .slider.dot-cmd ul#slide-commands { position: absolute; bottom: 30px; left: 27px; background: 0; margin: 0; padding: 0; height: auto; width: auto; } .slider.dot-cmd ul#slide-commands li { float: left; margin: 0 5px 0 0; width: 20px !important; height: 20px; padding: 0;} .slider.dot-cmd ul#slide-commands li a, .slider.dot-cmd ul#slide-commands li a:hover { text-indent: -9999px; display: block; height: 20px; margin: 0; padding: 0; border: 0 none; } .slider.dot-cmd ul#slide-commands li a, .slider.dot-cmd ul#slide-commands li a.active:hover { background: url(../images/sprite_colour_dots.png) no-repeat -20px -160px; } .slider.dot-cmd ul#slide-commands li a.active, .slider.dot-cmd ul#slide-commands li a:hover { background: url(../images/sprite_colour_dots.png) no-repeat 0 -160px; } .pink-a.slider.dot-cmd ul#slide-commands a { background-position: -20px 0; } .pink-b.slider.dot-cmd ul#slide-commands a { background-position: -20px -20px; } .pink-c.slider.dot-cmd ul#slide-commands a { background-position: -20px -40px; } .orange-a.slider.dot-cmd ul#slide-commands a { background-position: -20px -60px; } .orange-b.slider.dot-cmd ul#slide-commands a { background-position: -20px -80px; } .orange-c.slider.dot-cmd ul#slide-commands a { background-position: -20px -100px; } .green-a.slider.dot-cmd ul#slide-commands a { background-position: -20px -120px; } .blue-b.slider.dot-cmd ul#slide-commands a { background-position: -20px -140px; } .blue-c.slider.dot-cmd ul#slide-commands a { background-position: -20px -140px; } .yourskin.slider.dot-cmd ul#slide-commands a { background-position: -20px -140px; } .pink-a.slider.dot-cmd ul#slide-commands a.active:hover { background-position: -20px 0; } .pink-b.slider.dot-cmd ul#slide-commands a.active:hover { background-position: -20px -20px; } .pink-c.slider.dot-cmd ul#slide-commands a.active:hover { background-position: -20px -40px; } .orange-a.slider.dot-cmd ul#slide-commands a.active:hover { background-position: -20px -60px; } .orange-b.slider.dot-cmd ul#slide-commands a.active:hover { background-position: -20px -80px; } .orange-c.slider.dot-cmd ul#slide-commands a.active:hover { background-position: -20px -100px; } .green-a.slider.dot-cmd ul#slide-commands a.active:hover { background-position: -20px -120px; } .blue-b.slider.dot-cmd ul#slide-commands a.active:hover { background-position: -20px -140px; } .blue-c.slider.dot-cmd ul#slide-commands a.active:hover { background-position: -20px -140px; } .yourskin.slider.dot-cmd ul#slide-commands a.active:hover { background-position: -20px -140px; } .pink-a.slider.dot-cmd ul#slide-commands a.active { background-position: 0 0; } .pink-b.slider.dot-cmd ul#slide-commands a.active { background-position: 0 -20px; } .pink-c.slider.dot-cmd ul#slide-commands a.active { background-position: 0 -40px; } .orange-a.slider.dot-cmd ul#slide-commands a.active { background-position: 0 -60px; } .orange-b.slider.dot-cmd ul#slide-commands a.active { background-position: 0 -80px; } .orange-c.slider.dot-cmd ul#slide-commands a.active { background-position: 0 -100px; } .green-a.slider.dot-cmd ul#slide-commands a.active { background-position: 0 -120px; } .blue-b.slider.dot-cmd ul#slide-commands a.active { background-position: 0 -140px; } .blue-c.slider.dot-cmd ul#slide-commands a.active { background-position: 0 -140px; } .yourskin.slider.dot-cmd ul#slide-commands a.active { background-position: 0 -140px; } .slider.dot-cmd ul#slide-commands a:hover { background: url(../images/sprite_colour_dots.png) no-repeat 0 -160px; } .pink-a.slider.dot-cmd ul#slide-commands a:hover { background: url(../images/sprite_colour_dots.png) no-repeat 0 0; } .pink-b.slider.dot-cmd ul#slide-commands a:hover { background: url(../images/sprite_colour_dots.png) no-repeat 0 -20px; } .pink-c.slider.dot-cmd ul#slide-commands a:hover { background: url(../images/sprite_colour_dots.png) no-repeat 0 -40px; } .orange-a.slider.dot-cmd ul#slide-commands a:hover { background: url(../images/sprite_colour_dots.png) no-repeat 0 -60px; } .orange-b.slider.dot-cmd ul#slide-commands a:hover { background: url(../images/sprite_colour_dots.png) no-repeat 0 -80px; } .orange-c.slider.dot-cmd ul#slide-commands a:hover { background: url(../images/sprite_colour_dots.png) no-repeat 0 -100px; } .green-a.slider.dot-cmd ul#slide-commands a:hover { background: url(../images/sprite_colour_dots.png) no-repeat 0 -120px; } .blue-b.slider.dot-cmd ul#slide-commands a:hover { background: url(../images/sprite_colour_dots.png) no-repeat 0 -140px; } .blue-c.slider.dot-cmd ul#slide-commands a:hover { background: url(../images/sprite_colour_dots.png) no-repeat 0 -140px; } .yourskin.slider.dot-cmd ul#slide-commands a:hover { background: url(../images/sprite_colour_dots.png) no-repeat 0 -140px; } /*=====================================================================================*/ .col-main .content .title { margin: 0 0 3px; } .col-main .content.border .title { margin: -5px 0 15px; } .col-main .content.border .title {margin:0; padding-left:0;} .col-main .article .image a, .col-main .author .image a { display: block; } .col-main .article a { color: #666633; text-transform: lowercase; } .col-main .article a:hover { text-decoration: none; } .col-main .author a { color: #fff; text-transform: lowercase; } .col-main .author a:hover { text-decoration: none; } .col-main .article .title { word-wrap: break-word; margin: 0 0 3px; } .col-main .article.border .title { margin: 8px 8px 3px; } .col-main .article .left .title { margin: 0 0 3px 0; } .col-main .article.border .left .title { margin: 8px 0 3px 8px; } .col-main .article .right .title { margin: 0; } .col-main .article.border .right .title { margin: 8px 8px 3px 0; } .col-main .article .title h1 a, .col-main .article .title h2 a { text-transform: none; text-decoration: none; } .col-main .article .title h2 { font-size:24px; line-height: 24px;} .col-main .article .subtitle { margin: 0 0 8px; color: #333300; font-weight: bold; font-size: 14px; } .col-main .article .content { margin: 0; } .col-main .article.border .content { margin: 0 8px 8px 8px; } .col-main .article.border .left .content { margin: 0 0 8px 8px; } .col-main .article.border .right .content { margin: 0 8px 8px 0; } .col2-right-layout .col-main.wrapper.fourcolumn { width: 771px; } .col1-layout .col-main.wrapper.fivecolumn > h1, .col1-layout .col-main.wrapper.fivecolumn > h2, .col1-layout .col-main.wrapper.fivecolumn > h3, .col1-layout .col-main.wrapper.fivecolumn > h4, .col1-layout .col-main.wrapper.fivecolumn > h5, .col1-layout .col-main.wrapper.fivecolumn > p{padding-left:5px;} .col-main .article .content .footer, .col-main .author .content .footer { display: none; } .col-main .article.border .content .footer, .col-main .author.border .content .footer { min-width: 100%; width: 100%; height: 14px; margin: 0; padding: 0; text-align: right; background: #fff; position: absolute; left: 0; bottom: 0; } .col-main .article .content p { display: inline; } .col-main .article .content .more { display: inline; white-space: nowrap; } .col-main .article .content a.more { font-weight: bold; color: #666633; } .col-main .article .content a.more:hover { text-decoration: none; } /* Block No Image */ .col-main .article.xs.noimage .content { height: 152px; overflow: hidden; } .col-main .article.xs.noimage .content .text { margin: 0; } .col-main .article.xs.noimage.border .content { height: 134px; overflow: hidden; } .col-main .article.xs.noimage.border .content .text { height: 134px; overflow: hidden; margin: 0; } .col-main .article.m.noimage .content { height: 182px; overflow: hidden; } .col-main .article.m.noimage .content .text { margin: 0; } .col-main .article.m.noimage.border .content { height: 164px; } .col-main .article.m.noimage.border .content .text { margin: 0; } .col-main .article.xl.noimage .content { height: 267px; overflow: hidden; } .col-main .article.xl.noimage .content .text { margin: 0; } .col-main .article.xl.noimage.border .content { height: 267px; overflow: hidden; } .col-main .article.xl.noimage.border .content .text { margin: 0; } .col-main .author.xs.noimage .content { height: 152px; } .col-main .author.xs.noimage .content .text { margin: 0; } .col-main .author.xs.noimage.border .content { height: 134px; } .col-main .author.xs.noimage.border .content .text { margin: 0; } .col-main .author.m.noimage .content { height: 182px; } .col-main .author.m.noimage .content .text { margin: 0; } .col-main .author.m.noimage.border .content { height: 164px; } .col-main .author.m.noimage.border .content .text { margin: 0; } .col-main .author.xl.noimage .content { height: 267px; } .col-main .author.xl.noimage .content .text { margin: 0; } .col-main .author.xl.noimage.border .content { height: 249px; } .col-main .author.xl.noimage.border .content .text { margin: 0; } /* Block Image Top */ /* article */ .col-main .article.onecolumn .image, .col-main .article.onecolumn .image a { width: 184px; height: 95px; margin: 0 0 6px; } .col-main .article.onecolumn.border .image, .col-main .article.onecolumn.border .image a { width: 182px; height: 94px; margin: 0 0 6px; } .col-main .article.onecolumn.bottom .image, .col-main .article.onecolumn.bottom .image a { width: 184px; height: 95px; margin: 6px 0 0; } .col-main .article.onecolumn.border.bottom .image, .col-main .article.onecolumn.border.bottom .image a { width: 182px; height: 94px; margin: 6px 0 0; } /* detail .main .col-main .detail.twocolumn{height: auto !important; min-height: 425px; padding-bottom: 35px;} */ .col-main .detail .content { margin: 0; padding: 10px; float: none; } .col-main .detail .suggestions { width: 65%; height: 100%; float: left; } .col-main .detail .suggestions .content ul.products, .col-main .detail .suggestions .content ul.information { margin: 0; padding: 0; list-style-type: none; } .col-main .detail .suggestions .content ul.products li:first-child { width: 75px; height: 75px; padding: 0; background: none; } .col-main .detail .suggestions .content ul.products li { width: 75px; height: 75px; padding: 0 0 0 16px; background: url('../images/sprite_icons.png') 4px -200px no-repeat; float: left; } .col-main .detail .suggestions .content ul.products li a { width: 75px; height: 75px; background: #EEE; display: block; } .col-main .detail .suggestions .content ul.information li:first-child { margin: 0; } .col-main .detail .suggestions .content ul.information li { height: 18px; margin: 8px 0 0; padding: 0; } .col-main .detail .total { width: 34%; height: 240px; margin: 20.5px 0 0; border-left: 1px solid #eee; float: left; } .col-main .detail .total h1 { font-size: 22px; } .col-main .detail .total .combination { margin: 75px auto 0; text-align: center; } .col-main .detail .total .combination button { margin: 5px auto; } .col-main .detail .price-box { position: absolute; width: 354px; margin: 0; bottom: 114px;} .col-main .detail .price-box span.txt { display: none; } .product-type-bundle .col-main .detail .price-box { bottom: 86px;} .col-main .detail .price-box .price.action { font-size: 12px; color: #f3632e; width: 344px; margin: 0 0 37px; padding: 5px; text-align: right; display: inline-block; background: #fce7d4; float: left; } .col-main .detail .stock-options {float: left; position: relative; width: 100%; margin: 10px 0;} .product-type-configurable .col-main .detail .stock-options {bottom: 36px; margin: 0 0 0 -19px; position: absolute; } .col-main .detail .stock-options .stock-option{float: right; color:#333400;} .col-main .detail .add-to-bottom .stock-options .stock-option{float: left; margin-left:19px; } .col-main .detail .product-options-bottom .required{display:none;} .col-main .detail h5.old-price {text-decoration: line-through;} .col-main .detail .price-box .price.action p.voucher { font-weight: normal; white-space: normal !important; } .col-main .detail .price-box .price.action a, .col-main .detail .price-box .price.action .voucher-price { font-size: 12px; color: #f3632e; text-transform: none; } .col-main .detail .price-box .old-price { margin: 0; padding: 0; float: right !important; } .col-main .detail .price-box .special-price { margin: 28px -46px 0 0; float: right !important;} .col-main .detail .price-box .special-price h5 { margin: 0; } .product-type-simple .col-main .detail .price-box .old-price { /* margin: -14px -53px 0 0; */ text-transform: lowercase;} .product-type-simple .col-main .detail .price-box .special-price { margin: 0; text-transform: lowercase;} .product-type-configurable .col-main .detail h5.old-price { text-decoration:line-through; text-transform: lowercase;} .product-type-configurable .col-main .detail .price-box .old-price { margin: 0 20px 0 0; } .product-type-configurable .col-main .detail .price-box .special-price { margin: 0; text-transform: lowercase;} .product-type-grouped .col-main .detail .price-box { position:inherit; width: 25%; margin: 0;} .product-type-grouped .col-main .detail .grouped-items-table .price-box h5 { font-size: 15px;} .product-type-grouped.catalog-product-view .col-main .detail .price-box .price.action {display:none;} .col-main .detail .content .add-to { position: absolute; width: 354px; float: left; bottom:28px;} .col-main .detail .content .add-to-bottom { float:left; } .col-main .detail .content .add-to .add-to-cart{ width: 276px; height: 35px; margin: 12px 0 0 90px; float: left; } .col-main .detail .content .add-to-bottom .add-to-cart{ width: 279px; height: 35px; margin: 12px 0 0 0px; float: left; } .col-main .detail .content .add-to .add-to-cart b, .col-main .detail .content .add-to-bottom .add-to-cart b { color: #000; margin: 8px 0 0; float: left; } .col-main .detail .content .add-to .add-to-cart .input.front.qty, .col-main .detail .content .add-to-bottom .add-to-cart .input.front.qty{ margin: 8px 12px 0; } .col-main .detail .content .add-to .add-to-cart button, .col-main .detail .content .add-to-bottom .add-to-cart button { margin: 0; } .product-type-grouped .col-main .detail .content .add-to { position: relative; width: 354px; float: left; bottom: auto;} .product-type-grouped .col-main .detail .content .add-to .add-to-cart {width:auto; float:right; margin-right: -5px;} .product-type-grouped .col-main .detail .grouped-items-table .price-box { margin:0; width:90px;} .product-type-grouped .col-main .detail .price-box .special-price {float:none; margin:auto;} .product-type-grouped .col-main .detail .grouped-items-table .price-box .old-price, .product-type-grouped .col-main .detail .price-box .old-price {font-size:11px; margin-right:3px;} .product-type-grouped .col-main .detail .grouped-product-total-price .price-box .old-price {margin-top:-2px;} .product-type-grouped .col-main .detail .add-to-links{display:none;} .grouped-product-total-price{width:auto; float:right; margin-top: 60px;} .grouped-product-total-price .price-box { margin:0; min-width:100px;} .catalog-category-view .col-main .detail .content ul.add-to-links, .catalog-category-view .voucher-products.product-slide-wrap .content ul.add-to-links {width: 182px;} .catalog-category-view .voucher-products.product-slide-wrap h5{line-height: 1.35;} .col-main .detail .content ul.add-to-links {width: 354px !important;} .searchengine-more-products .my-account { margin: 0; padding: 0; border: none; } .searchengine-more-products .my-account h1 { margin: 0 5px; padding: 10px 0; border-top: 1px solid #EEE; } .searchengine-more-products .col-main .detail .content ul.add-to-links {width: 178px;} .searchengine-more-products .my-account .toolbar { padding: 8px 0 !important; border-top: 1px solid #EEE !important; border-bottom: 1px solid #EEE !important; } .searchengine-more-products .my-account .toolbar .last {text-align: right !important; } .results-title h3{margin-top:10px;} /* .searchengine-q-results .info .price {width:173px; height:30px; display:block; text-align:center;} .searchengine-q-results .info > .price {position:absolute; bottom:30px;} .searchengine-q-results .info .price h3, .searchengine-q-results .info .price h3 .price-box, .searchengine-q-results .info .price h3 .regular-price, .searchengine-q-results .info .price h3 .regular-price h5 { width: 101%; margin: 0 0 0 -2px; text-align: center; float: left; } .searchengine-q-results .info .price h3 .special-price{width:45%; text-align:center; float:right !important;} .searchengine-q-results .info .price h3 .special-price .price{width:auto;} .searchengine-q-results .info .price h3 .special-price h5{ text-align:left; width:100%;} @media screen and (-webkit-min-device-pixel-ratio:0) { .searchengine-q-results .info .price h3 .special-price h5{line-height: 25px;} } .searchengine-q-results .info .old-price{width:45%; float:right !important;} .searchengine-q-results .info .old-price .price{ width:auto; text-align:left;} .searchengine-q-results .info .old-price h5{ text-align:left; float:left !important; font-size:16px !important; color: #333300 !important; margin-top:0px !important;} .searchengine-q-results .info .price h3 .price-box .txt.from, .searchengine-q-results .info .price h3 .price-box .txt.now-for{display:none;} .searchengine-q-results .info .price.action {display:none;} .searchengine-more-products .hreview-aggregate .price {bottom: 50px; float: left; position: absolute; width: 94%;} */ .col-main .detail .product-view.content ul.add-to-links li.add-to-list { width: 28%; float:right;} .col-main .detail .product-view.content ul.add-to-links li.add-to-list:first-child { width: 20%;} .product-type-simple .col-main .content ul.add-to-links, .product-type-bundle .col-main .content ul.add-to-links, .product-type-configurable .col-main .content ul.add-to-links { position: absolute; height: 25px; } .content ul.add-to-links, #bundleSummary ul.add-to-links {bottom: 0; float: left; height: 17px; margin: 0; padding: 0; position: relative; width: 370px !important;} #bundleSummary ul.add-to-links { width: 379px !important; margin: 0 0 20px; } .content ul.add-to-links li { width: 33%; float: left; } #bundleSummary ul.add-to-links li { width: 85px; float: right; } #bundleSummary ul.add-to-links li:first-child { width: 66px; } .content ul.add-to-links li a, #bundleSummary ul.add-to-links li a { font-weight: normal; color: #999966; } .content ul.add-to-links li a:hover, #bundleSummary ul.add-to-links li a:hover { text-decoration: none; } .content ul.add-to-links li a.add-to-link, #bundleSummary ul.add-to-links li a.add-to-link {background: url("../images/sprite_icons.png") no-repeat scroll -177px -224px transparent; padding-left:20px; display: inline-block; height: 17px; zoom:1; *display:block; } .content ul.add-to-links li a.add-to-link:focus, #bundleSummary ul.add-to-links li a.add-to-link:focus {background-position:-177px -242px;} .content ul.add-to-links li a.add-to-link.checked, #bundleSummary ul.add-to-links li a.add-to-link.checked {background-position:-177px -242px;} .content ul.add-to-links li a.add-to-link.checked:focus, #bundleSummary ul.add-to-links li a.add-to-link.checked:focus {background-position:-177px -224px;} .col-main .detail.combination { min-height: 305px; } .addto-detail{width:172px;} .content.addto-content { width: 100%; padding: 0 !important; margin: 1px 0 0; } .content ul.add-to-links li { width: 25%; float: left; } .content.product-view .reviews, .content.product-view .no-reviews { position:relative; width: 100%; height: 20px; border-bottom: 1px solid #eee; float:left; } .content.product-view .product-info {border-bottom: 1px solid #eee; max-height: 53px; overflow: hidden; padding: 5px 0px 5px 0px; } .product-view.content ul.add-to-links li { width: 27%; } .product-view.content ul.add-to-links li.add-to-list { width: 28%; } .product-view.content ul.add-to-links li.last { color: #999966; width: 44%; text-align: right; padding: 0 5px 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .content.product-view .medication-sticker{width:190px; background:url("../images/medication-sticker.png") no-repeat scroll 0 0 transparent; height:35px; overflow:hidden; color:#FFF; padding:5px; line-height:16px; margin-top:9px;} .content.product-view .medication-sticker span{width:100%; float:left; clear:both; } .col-main .detail .social-share-title { margin-right:10px; color: #999966; font-size:11px; font-weight:bold;} .col-main .detail .social { position: absolute; bottom: 0; width: 354px; height: 27px; margin: 0 10px 0; padding: 7px 0 0; border-top: 1px solid #eee; float:left;} .col-main .detail .social .social_buttons{ float:right;} .col-main .detail .social ul { margin: 0; padding: 0; list-style-type: none; } .col-main .detail .social ul li { margin: 0 15px 0 0; float: left; } .col-main .detail .social-block.facebook{margin-left:0;} .col-main .detail .social-block{width:auto; margin-left:10px;} .col-main .detail .social-block.pinterest{width:45px;} .col-main .detail .social-block.twitter{width:19px; display: block; height: 20px;} .col-main .detail .product-image { width: 100%; height: 400px; overflow: hidden; padding-top: 11px;} .col-main .detail .product-image img { left: 0 !important; display: block; margin: 0 auto; } .col-main .detail .product-image .zoom { position: absolute; z-index: 2; margin: 10px 0 0 10px; } .col-main .detail .more-views { position: absolute; bottom: 45px; margin: 0 10px; float: left; display:none;} .col-main .detail .more-views ul { margin: 0; padding: 0; list-style-type: none; } .col-main .detail .more-views ul li:first-child { margin: 0; } .col-main .detail .more-views ul li { margin: 0 0 0 10px; float: left; } .col-main .detail .general-information, .col-main .detail .extra-info, .col-main .detail .product-video, .col-main .detail .product-usage, .col-main .detail #accordion-container { font-size: 12px; padding: 0 0 10px; border-bottom: 1px solid #eee; } .col-main .detail .read-leaflet-notice{ padding:10px;} .col-main .detail.information h2 { color: #333300; font-size: 18px; line-height: 25px; margin-bottom:3px;} .col-main .detail #customer-reviews { font-size: 12px; } .col-main .content.detail.review-block { margin: 10px 5px 5px; } .review-block h2 { margin: 0 0 14px; } .review-block h4 { color: #666633; font-size: 14px; margin: 0 0 2px; padding: 17px 0 0; } .review-block h2 span { font-weight: normal; } .review-block h2 a { color: #666633; text-decoration: none; } .review-block h2 a:hover { text-decoration: underline; } .review-block form label { margin: 0 0 5px; } .col-main .detail #customer-reviews dl#product-reviews-list dd { padding: 1px 0 9px; border-bottom: 1px solid #eee; margin: 0 0 12px; } .col-main .detail #customer-reviews dl#product-reviews-list dd.last { border: none; } .review-box-links {line-height: 7px; margin-bottom: 10px; margin-left: 10px;} .box-reviews h4 {color:#666633; line-height: 9px; margin-left:10px;} .col-main .detail.information .product-disclaimer{padding:10px; border:1px solid #f6f5f5; font-style:italic;} .col-main .detail #product-wrapper { padding: 0; border: none; } .col-main .detail #product-wrapper #accordion-container h2 { padding: 0; border: none; } .selfcare-recommend{width:500px;} .reviews p.reviews-links a { font-size: 11px; } .reviews p.reviews-links span.stars_small { width: 57px; height: 11px; margin: 0 10px -3px 0; background: url('../images/stars_small.png') no-repeat; display: inline-block; } h2.review-title { font-size: 18px; margin: 0 0 10px; border-top: solid 1px #eee; } #reviews { padding: 0 0 10px; border-bottom: 1px solid #eee; } #reviews span.stars { height: 17px; margin: 0 5px; display: inline-block; } #reviews span.stars input.radio{display:none;} #reviews span.stars input.radio + span{ width:20px; height:20px; background: url('../images/stars.png') 100% 3px no-repeat; display:inline-block;} #reviews span.stars input.radio + span:hover{background-position:3px 3px; cursor:pointer;} #reviews span.stars input.radio.checked + span{background-position:3px 2px;} #reviews .fieldset { overflow: hidden; border: 0 none; padding: 0; margin: 0; } #reviews li.fields { clear: both; overflow: hidden; } #reviews .form-list .input-box { width: auto; } #reviews .form-list li { clear: both; overflow: hidden; } #reviews .form-list textarea { border: 1px solid #999; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 1px 1px 2px #ccc inset; -webkit-box-shadow: 1px 1px 2px #ccc inset; box-shadow: 1px 1px 2px #ccc inset; height: 150px; width: 99.5%; } #customer-reviews dd a { color: #666633; text-decoration:none; } #customer-reviews dd a:hover { text-decoration:underline; } .col-main .content.detail.review-block h3 { padding: 8px 0 0; color: #333300; font-size: 18px; } .col-main .content.detail.review-block { padding-bottom: 0; } #customer-reviews dd, #customer-reviews dt { clear: both; } #customer-reviews h4 { float: left; padding: 6px 0 4px; margin: 0; } #customer-reviews .data-table.review-summary-table { float: left; width: auto; } #customer-reviews .rating-box { margin: 6px 5px 0 0; } .col-right .onecolumn.border{padding:8px; } .col-right .content.onecolumn{ width: 166px; margin-bottom:10px;} /* Recent responses reviews sidebar block */ .block.recent-responses { border: 0 none; border-top: solid 1px #eee; margin: 0 0 10px; } .block.recent-responses a { color: #666633; } .block.recent-responses h3 { display: block; font-size: 10px; padding: 5px; } .block.recent-responses > ul { padding: 0 5px; } .block.recent-responses li { overflow: hidden; margin: 0 0 20px;} .block.recent-responses li:last-child { margin: 0;} .block.recent-responses .title { font-weight: bold; } .block.recent-responses .content { height: 54px; overflow: hidden; text-overflow: ellipsis; } .block.recent-responses .content-footer { clear: both; color: #666633; font-size: 10px; margin: 4px 0 0; } .block.recent-responses .content-footer a { text-decoration: none; } .block.recent-responses .content-footer a:hover {text-decoration: underline; } .block.recent-responses .content-footer li { float: left; margin: 0 10px 0 0; padding: 0; list-style: disc inside none; } .block.recent-responses .content-footer li:first-child { list-style: none; } .block.recent-responses .content-footer li.author { background: transparent; margin: 0 10px 0 0; } /* author */ .col-main .author.onecolumn .image, .col-main .author.onecolumn .image a { width: 184px; height: 112px; } .col-main .author.onecolumn.border .image, .col-main .author.onecolumn.border .image a { width: 182px; height: 111px; } .col-main .author.onecolumn.bottom .image, .col-main .author.onecolumn.bottom .image a { width: 184px; height: 112px; margin: 6px 0 0; } .col-main .author.onecolumn.border.bottom .image, .col-main .author.onecolumn.border.bottom .image a { width: 182px; height: 111px; margin: 6px 0 0; } .col-main .author .name a { text-decoration: none; text-transform: none; } .col-main .author .name a:hover { text-decoration:underline; } /* article */ /* Block Image Left/Right */ .col-main .article .left, .col-main .article .right { width: 50%; } .col-main .article .left .image, .col-main .article .right .image, .col-main .article .left .image a, .col-main .article .right .image a { width: 100%; } .col-main .article.xs .left .image, .col-main .article.xs .right .image, .col-main .article.xs .left .image a, .col-main .article.xs .right .image a { height: 172px; } .col-main .article.xs.border .left .image, .col-main .article.xs.border .right .image, .col-main .article.xs.border .left .image a, .col-main .article.xs.border .right .image a { height: 170px; } .col-main .article.m .left .image, .col-main .article.m .right .image, .col-main .article.m .left .image a, .col-main .article.m .right .image a {height: 202px; } .col-main .article.m.border .left .image, .col-main .article.m.border .right .image, .col-main .article.m.border .left .image a, .col-main .article.m.border .right .image a { height: 200px; } .col-main .article.l .left .image, .col-main .article.l .right .image, .col-main .article.l .left .image a, .col-main .article.l .right .image a {height: 252px; } .col-main .article.l.border .left .image, .col-main .article.l.border .right .image, .col-main .article.l.border .left .image a, .col-main .article.l.border .right .image a { height: 250px; } .col-main .article.xl .left .image, .col-main .article.xl .right .image, .col-main .article.xl .left .image a, .col-main .article.xl .right .image a { height: 287px; } .col-main .article.xl.border .left .image, .col-main .article.xl.border .right .image, .col-main .article.xl.border .left .image a, .col-main .article.xl.border .right .image a { height: 285px; } .col-main .article { position: relative;} .col-main .article .text { margin: 0; } .col-main .article m.content { height: auto !important;} .col-main .article m.content { height: auto !important;} /* Block Product */ #product-slide-wrap { position: relative; overflow: hidden; margin: 5px 0 0; } #product-slide-wrap ul { position: relative; margin: inherit; } /* #product-slide-wrap ul li { float: left; line-height: inherit; list-style: none outside none; margin: 0; } */ #product-slide-wrap a#product-slide-prev, #product-slide-wrap a#product-slide-next { position: relative; width: 40px; height: 40px; background: url('../images/sprite_general-part2.png') no-repeat; display: block; } #product-slide-wrap a#product-slide-prev span, #product-slide-wrap a#product-slide-next span { display: none; } #product-slide-wrap a#product-slide-prev { margin: -160px 0 0 -3px; background-position: -44px -390px; float: left; } #product-slide-wrap a#product-slide-prev:hover { background-position: -96px -390px; } #product-slide-wrap a#product-slide-next { margin: -160px -3px 0 0; background-position: -200px -390px; float: right; } #product-slide-wrap a#product-slide-next:hover { background-position: -148px -390px; } .cms-page-view .col-main #product-slide-wrap p { line-height: inherit; margin: inherit; } .fivecolumn #product-slide-wrap { width: 970px; } #product-slide-wrap li.usps { width: auto; } .col-right .product-slide-wrap > ul > li.item > .product {margin: 5px 7.5px 5px 0;} .product-slider.threecolumn.wrapper{margin-top:10px;} .product-slider.threecolumn.wrapper h2{font-size:16px;} /* Vertical product bar */ .product { position: relative; height: 245px; margin: 5px; background: #FFF; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .col-right .product { height: auto; } .product:hover { border: solid 1px #333300; } .product.border { height: 285px; margin: 5px; } .col-right .product.border { margin: 5px 0; } .col-right .product.border.productoftheweek { margin: 0 0 10px; } .product .top { position: absolute; z-index: 998; min-width: 162px; width: 162px; height: 25px; padding: 0 10px; margin: 0; background: none; right: 0; } /* TIJDELIJK om de hoogtes van de producten in sliders gelijk te houden */ .product .price-rules { position: absolute; width: 163px; top: 7px; left: 10px; font-size: 15px; font-weight: bold; color: #f3632e; text-align: center;} /*======================================================================*/ /* Productdetailpagina */ .catalog-product-view .detail.twocolumn { position: relative; width: 375.5px; height: 445px !important; } .catalog-product-view .detail.fourcolumn { width: 759px; } .product-type-grouped .detail.twocolumn{ min-height:445px; height:auto !important;} .catalog-product-view h1{font-size:24px;} .catalog-product-view h2.productcause{color:#666633; font-size:18px; padding: 0 0 0 16px; font-weight:normal; margin-top: -5px;} /* Product of the week */ .col-right .product.productoftheweek h3 { font-size: 14px; color: #333300; margin: 18px 0 9px 8px; text-align: left; } .col-right .product.productoftheweek .info { height: auto; } .col-right .product.productoftheweek .info a { font-weight: bold; text-decoration:none; color: #333300; } .col-right .product.productoftheweek .info a:hover { text-decoration: underline; } .col-right .product.productoftheweek .image { margin: 0; } .col-right .product.productoftheweek .footer { padding: 2px 0 0; position: absolute; bottom: 6px; } .col-right .product.productoftheweek .footer a { color: #333300; } .product-slide-wrap.white .product.border { background:#FFF;} .col-main .promotions { float: right; display: block; width: 145px; height: 38px; margin: -47px 10px 0 0; } .product .top .logo, .col-main .promotions .logo { position: absolute; width: 67px; height: 67px; margin: 5px 0 0 110px; } .col-main .promotions .logo{margin: -6px 0 0 93px;} .product .top p, .col-main .promotions p { font-weight: bold; color: #00316a; padding: 12px 0 0 12px; } .product .image { min-width: 100%; width: 100%; height: 120px; margin: 25px 0 0; text-align: center; } .product .info { font-size: 11px; color: #666633; min-width: 166px; width: 166px; height: 80px; padding: 8px 8px 0 8px; text-align: center; word-break: normal; clear: both; } .product .info h1.special-price, .product .info h3 { font-size: 18px; color: #c0292a; margin: 5px 0 0; } .product .info b a { color: #333300; text-decoration: none; } .product .info b a:hover { text-decoration: underline; } .product .info a{text-decoration: none; margin: 0; } .product .info a:hover{text-decoration: underline; } .product .info a b { color: #27270d; text-decoration: none !important; } .product .info a b:hover { text-decoration: underline; } .product .footer { min-width: 182px; width: 182px; height: 50px; text-align: center; background: none; } .col-right .product .footer { min-width: 162px; width: 162px; } .product .footer a { font-size: 10px; font-weight: bold; height: 18px; display: block; } .product .footer a:hover { text-decoration: none; } .personal-advise-dossiers .product-slide-wrap { width: 580px; margin: 0 0 0 -5px; } .dashboard-block .product.recommended { width: 180px !important; } .dashboard-block .product.recommended .info { width: 148px !important; min-width: 148px !important; } .dashboard-block .product.recommended .footer { width: 178px !important; min-width: 178px !important; } .dashboard-block.mediguart .content.threecolumn{margin:0;} .dashboard-block.mediguart ul li{float:left; display:block; margin-right:25px; margin-top:10px;} .product.recommended { height: 312px; margin: 5px 5px 5px 3px; background: #FFF; } .product.recommended .image { height: 145px; margin: 20px 0 0; text-align: center; } .product.recommended .info { font-size: 11px; color: #666633; width: 181px; min-width: 181px; height: 90px !important; padding: 15px; word-break: normal; text-align: left; clear: both; } .product.recommended .info h4 { margin: 0; } .product.recommended .info h4 a { text-transform: none; } .product.recommended .footer { width: 182px; min-width: 182px; height: 25px !important; text-align: center; } .product.recommended .footer a { color: #666633 !important; } .product .label { position: absolute; z-index: 990; width: 95px; height: 65px; margin: 0; top: 0; right: 0; } /* pink */ .product .label.pink.new { background: url('../images/sprite_labels.png') 0 0 no-repeat; } .product .label.pink.five { background: url('../images/sprite_labels.png') 0 -65px no-repeat; } .product .label.pink.ten { background: url('../images/sprite_labels.png') 0 -130px no-repeat; } .product .label.pink.fifteen { background: url('../images/sprite_labels.png') 0 -195px no-repeat; } .product .label.pink.twenty { background: url('../images/sprite_labels.png') 0 -260px no-repeat; } .product .label.pink.twentyfive { background: url('../images/sprite_labels.png') 0 -325px no-repeat; } .product .label.pink.thirty { background: url('../images/sprite_labels.png') 0 -390px no-repeat; } .product .label.pink.thirtyfive { background: url('../images/sprite_labels.png') 0 -455px no-repeat; } .product .label.pink.fourty { background: url('../images/sprite_labels.png') 0 -520px no-repeat; } .product .label.pink.fourtyfive { background: url('../images/sprite_labels.png') 0 -585px no-repeat; } .product .label.pink.fifty { background: url('../images/sprite_labels.png') 0 -650px no-repeat; } .product .label.pink.productoftheweek { background: url('../images/sprite_labels.png') 0 -715px no-repeat; } /* orange */ .product .label.orange.new { background: url('../images/sprite_labels.png') -95px 0 no-repeat; } .product .label.orange.five { background: url('../images/sprite_labels.png') -95px -65px no-repeat; } .product .label.orange.ten { background: url('../images/sprite_labels.png') -95px -130px no-repeat; } .product .label.orange.fifteen { background: url('../images/sprite_labels.png') -95px -195px no-repeat; } .product .label.orange.twenty { background: url('../images/sprite_labels.png') -95px -260px no-repeat; } .product .label.orange.twentyfive { background: url('../images/sprite_labels.png') -95px -325px no-repeat; } .product .label.orange.thirty { background: url('../images/sprite_labels.png') -95px -390px no-repeat; } .product .label.orange.thirtyfive { background: url('../images/sprite_labels.png') -95px -455px no-repeat; } .product .label.orange.fourty { background: url('../images/sprite_labels.png') -95px -520px no-repeat; } .product .label.orange.fourtyfive { background: url('../images/sprite_labels.png') -95px -585px no-repeat; } .product .label.orange.fifty { background: url('../images/sprite_labels.png') -95px -650px no-repeat; } .product .label.orange.productoftheweek { background: url('../images/sprite_labels.png') -95px -715px no-repeat; } /* green */ .product .label.green.new { background: url('../images/sprite_labels.png') -190px 0 no-repeat; } .product .label.green.five { background: url('../images/sprite_labels.png') -190px -65px no-repeat; } .product .label.green.ten { background: url('../images/sprite_labels.png') -190px -130px no-repeat; } .product .label.green.fifteen { background: url('../images/sprite_labels.png') -190px -195px no-repeat; } .product .label.green.twenty { background: url('../images/sprite_labels.png') -190px -260px no-repeat; } .product .label.green.twentyfive { background: url('../images/sprite_labels.png') -190px -325px no-repeat; } .product .label.green.thirty { background: url('../images/sprite_labels.png') -190px -390px no-repeat; } .product .label.green.thirtyfive { background: url('../images/sprite_labels.png') -190px -455px no-repeat; } .product .label.green.fourty { background: url('../images/sprite_labels.png') -190px -520px no-repeat; } .product .label.green.fourtyfive { background: url('../images/sprite_labels.png') -190px -585px no-repeat; } .product .label.green.fifty { background: url('../images/sprite_labels.png') -190px -650px no-repeat; } .product .label.green.productoftheweek { background: url('../images/sprite_labels.png') -190px -715px no-repeat; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Input */ .input { min-height: 31px; border: none; float: left; } .input.qty { height: 18px; border: none; float: left; } .input.small { height: 22px; border: none; float: left; } .input.front { background: transparent url('../images/sprite_general-part1.png') 0 -630px no-repeat; } .input.back { background: transparent url('../images/sprite_general-part1.png') 100% -630px no-repeat; } input { height: 31px; margin: 0 10px; border: none; float: left; background: transparent url('../images/sprite_general-part1.png') 0 -579px no-repeat; } .input.front.qty { background: transparent url('../images/sprite_general-part2.png') 0 -798px no-repeat; } .input.back.qty { background: url("../images/sprite_general-part2.png") no-repeat scroll 100% -798px transparent; } input.qty { height: 18px; margin: 0 10px; border: none; float: left; background: url("../images/sprite_general-part2.png") no-repeat scroll 0 -760px transparent; } .input.qty select { height: 18px; margin: 0 10px; border: none; float: left; background: url("../images/sprite_general-part2.png") no-repeat scroll 0 -760px transparent; } .input.front.small {background: url("../images/sprite_general-part4.png") no-repeat scroll 0 -592px transparent;} .input.back.small { background: url("../images/sprite_general-part4.png") no-repeat scroll 100% -592px transparent; } input.small { height: 22px; margin: 0 10px; border: none; float: left; background: url("../images/sprite_general-part4.png") no-repeat scroll 0 -550px transparent; } select { height: 31px; margin: 0 10px; border: none; float: left; background: transparent url('../images/sprite_general-part1.png') 0 -579px no-repeat; } select.small { height: 22px; margin: 0 10px; border: none; float: left; background: url("../images/sprite_general-part4.png") no-repeat scroll 0 -550px transparent; } input[type="radio"], input[type="checkbox"] { background: none; } span.input.variable { height: auto; } textarea { padding: 5px; border: 1px solid #999; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 3px 3px 3px 3px; box-shadow: 1px 1px 2px #ccc inset; } .input.front.large input.large { width: 305px !important; } .input.front.large select.large { width: 310px !important; } .input.front.medicine input.medicine { width: 137.5px !important; } .medicine-table table {width:100%;} .input.front.day, .input.front.month, .input.front.medicine { margin: 0 10px 0 0 !important; } .input.front.day input.day, .input.front.day select.day { width: 72px !important; } .input.front.day input.month, .input.front.month select.month { width: 114px !important; } .input.front.day input.year, .input.front.year select.year { width: 74px !important; } /* Buttons */ button, a.button { margin: 0; padding: 0; font-size: 14px; font-weight: bold; color: #fff !important; border: none; background: transparent; cursor: pointer; float: left; } button.disabled, a.button.disabled { opacity: 1; filter: alpha(opacity=100); } button.small, a.button.small { font-size: 11px; } button.grey, a.button.grey { color: #464632 !important; } button.grey.disabled, a.button.grey.disabled { color: #9EA096 !important; } button span, a.button span { height: 29px; margin: 0; padding: 0 0 0 16px; letter-spacing: 0.2px; display: inline-block; display: -moz-inline-block; white-space: nowrap; } button span span, a.button span span { margin: 0; padding: 6px 20px 0 0; white-space: nowrap; } button.small span, a.button.small span { height: 25px; margin: 0; padding: 0 0 0 20px; letter-spacing: 0.2px; display: inline-block; display: -moz-inline-block; white-space: nowrap; } button.small span span, a.button.small span span { margin: 0; padding: 5px 20px 0 0; white-space: nowrap; } .list.medicine button.small span span, .list.medicine a.button.small span span {padding-top:5px; } button.big span, a.button.big span { height: 35px; margin: 0; padding: 0 0 0 20px; letter-spacing: 0.2px; display: inline-block; display: -moz-inline-block; white-space: nowrap; } button.big span span { margin: 0; padding: 9px 20px 0 0; white-space: nowrap; } a.button.big span span { margin: 0; padding-top: 9px; white-space: nowrap; } button.grey span, a.button.grey span { background: url("../images/sprite_general-part2.png") no-repeat scroll 0 -196px transparent; } button.grey span span, a.button.grey span span { background: transparent url('../images/sprite_general-part2.png') 100% -196px no-repeat; } button.grey:hover span, a.button.grey:hover span { background: transparent url('../images/sprite_general-part2.png') 0 -245px no-repeat; } button.grey:hover span span, a.button.grey:hover span span { background: transparent url('../images/sprite_general-part2.png') 100% -245px no-repeat; } button.grey.small span, a.button.grey.small span { background: url("../images/sprite_general-part3.png") no-repeat scroll 0 -429px transparent; } button.grey.small span span, a.button.grey.small span span { min-width: 50px; background: url("../images/sprite_general-part3.png") no-repeat scroll 100% -429px transparent; } button.grey.small:hover span, a.button.grey.small:hover span { background: url("../images/sprite_general-part3.png") no-repeat scroll 0 -474px transparent; } button.grey.small:hover span span, a.button.grey.small:hover span span { background: url("../images/sprite_general-part3.png") no-repeat scroll 100% -474px transparent; } button.grey.small.back span, a.button.grey.small.back span { font-size:11px; font-weight:bold; letter-spacing: 1px; padding-left: 15px;} button.grey.big span, a.button.grey.big span { background: transparent url('../images/sprite_general-part3.png') 0 -739px no-repeat; } button.grey.big span span, a.button.grey.big span span { min-width: 119px; background: transparent url('../images/sprite_general-part3.png') 100% -739px no-repeat; } button.grey.big:hover span, a.button.grey.big:hover span { background: transparent url('../images/sprite_general-part3.png') 0 -794px no-repeat; } button.grey.big:hover span span, a.button.grey.big:hover span span { background: transparent url('../images/sprite_general-part3.png') 100% -794px no-repeat; } /* BUTTON GREEN IS NO LONGER USED button.green span, a.button.green span { background: transparent url('../images/sprite_general.png') 0 -681px no-repeat; } button.green span span, a.button.green span span { background: transparent url('../images/sprite_general.png') 100% -681px no-repeat; } button.green:hover span, a.button.green:hover span { background: transparent url('../images/sprite_general.png') 0 -730px no-repeat; } button.green:hover span span, a.button.green:hover span span { background: transparent url('../images/sprite_general.png') 100% -730px no-repeat; } button.green.small span, a.button.green.small span { background: transparent url('../images/sprite_general.png') 0 -1764px no-repeat; } button.green.small span span, a.button.green.small span span { min-width: 50px; background: transparent url('../images/sprite_general.png') 100% -1764px no-repeat; } button.green.small:hover span, a.button.green.small:hover span { background: transparent url('../images/sprite_general.png') 0 -1809px no-repeat; } button.green.small:hover span span, a.button.green.small:hover span span { background: transparent url('../images/sprite_general.png') 100% -1809px no-repeat; } button.green.big span, a.button.green.big span { background: transparent url('../images/sprite_general.png') 0 -2034px no-repeat; } button.green.big span span, a.button.green.big span span { min-width: 119px; background: transparent url('../images/sprite_general.png') 100% -2034px no-repeat; } button.green.big:hover span, a.button.green.big:hover span { background: transparent url('../images/sprite_general.png') 0 -2089px no-repeat; } button.green.big:hover span span, a.button.green.big:hover span span { background: transparent url('../images/sprite_general.png') 100% -2089px no-repeat; } */ button.orange span, a.button.orange span { background: url("../images/sprite_general-part2.png") no-repeat scroll 0 -98px transparent; } button.orange span span, a.button.orange span span { background: url("../images/sprite_general-part2.png") no-repeat scroll 100% -98px transparent; } button.orange:hover span, a.button.orange:hover span { background: transparent url('../images/sprite_general-part2.png') 0 -147px no-repeat; } button.orange:hover span span, a.button.orange:hover span span { background: transparent url('../images/sprite_general-part2.png') 100% -147px no-repeat; } button.orange.small span, a.button.orange.small span { background: transparent url('../images/sprite_general-part3.png') 0 -339px no-repeat; } button.orange.small span span, a.button.orange.small span span { min-width: 50px; background: transparent url('../images/sprite_general-part3.png') 100% -339px no-repeat; } button.orange.small:hover span, a.button.orange.small:hover span { background: transparent url('../images/sprite_general-part3.png') 0 -384px no-repeat; } button.orange.small:hover span span, a.button.orange.small:hover span span { background: transparent url('../images/sprite_general-part3.png') 100% -384px no-repeat; } button.orange.big span, a.button.orange.big span { background: url("../images/sprite_general-part3.png") no-repeat scroll 0 -629px transparent; } button.orange.big span span, a.button.orange.big span span { min-width: 119px; background: transparent url('../images/sprite_general-part3.png') 100% -629px no-repeat; } button.orange.big:hover span, a.button.orange.big:hover span { background: transparent url('../images/sprite_general-part3.png') 0 -684px no-repeat; } button.orange.big:hover span span, a.button.orange.big:hover span span { background: transparent url('../images/sprite_general-part3.png') 100% -684px no-repeat; } .fourstepcheckout-cart-index button.big span, .fourstepcheckout-cart-index a.button.big span {padding:0 0 0 14px; line-height:35px;} .fourstepcheckout-cart-index button.big span span, .fourstepcheckout-cart-index a.button.big span span {padding:0 14px 0 0;} /* DEPRICATED .pink-a button span, .pink-b button span, .pink-c button span, .orange-a button span, .orange-b button span, .orange-c button span, button.green span { background: transparent url('../images/sprite_general.png') 0 -681px no-repeat; } .pink-a button span span, .pink-b button span span, .pink-c button span span, .orange-a button span span, .orange-b button span span, .orange-c button span span, button.green span span { background: transparent url('../images/sprite_general.png') 100% -681px no-repeat; } .pink-a button:hover span, .pink-b button:hover span, .pink-c button:hover span, .orange-a button:hover span, .orange-b button:hover span, .orange-c button:hover span, button.green:hover span { background: transparent url('../images/sprite_general.png') 0 -730px no-repeat; } .pink-a button:hover span span, .pink-b button:hover span span, .pink-c button:hover span span, .orange-a button:hover span span, .orange-b button:hover span span, .orange-c button:hover span span, button.green:hover span span { background: transparent url('../images/sprite_general.png') 100% -730px no-repeat; } */ /* Form lists */ input.front.half{width: 102px;} /* Grouped fields */ .form-list li { margin: 0 0 8px; } .form-list label { float: left; color: #111; font-weight: bold; position: relative; z-index: 0; } .form-list label.required { } .form-list label.required em { float: right; font-style: normal; color: #eb340a; position: absolute; top: 0; right: -8px; } .form-list li.control label { float: none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right: 6px; } .form-list li.control .input-box { clear: none; display: inline; width: auto; } .form-list .input-box { display: block; clear: both; width: 260px; } .form-list .field { float: left; width: 275px; } .form-list input.input-text { width: 254px; } .form-list textarea { width: 254px; height: 10em; } .form-list select { width: 254px; padding: 6px 0; } .form-list select option { background: #fff; padding: 3px 0; } .form-list li.wide .input-box { width: 535px; } .form-list li.wide input.input-text { width: 529px; } .form-list li.wide textarea { width: 529px; } .form-list li.wide select { width: 535px; } .form-list li.additional-row { border-top: 1px solid #ccc; margin-top: 10px; padding-top: 7px; } .form-list li.additional-row .btn-remove { float: right; margin: 5px 0 0; } .form-list .input-range input.input-text { width: 74px; } .input.front select { padding: 6px 0; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width: auto; } .form-list .name-prefix { width: 65px; } .form-list .name-prefix select { width: 55px; } .form-list .name-prefix input.input-text { width: 49px; } .form-list .name-suffix { width: 65px; } .form-list .name-suffix select { width: 55px; } .form-list .name-suffix input.input-text { width: 49px; } .form-list .name-middlename { width: 70px; } .form-list .name-middlename input.input-text { width: 49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width: 140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width: 124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width: 205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width: 189px; } .form-list .customer-name-prefix-suffix .name-firstname { width: 210px; } .form-list .customer-name-prefix-suffix .name-lastname { width: 205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width: 189px; } .form-list .customer-name-prefix-suffix .name-firstname { width: 210px; } .form-list .customer-name-prefix-suffix .name-lastname { width: 205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width: 189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width: 210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width: 205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width: 189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float: left; width: 85px; } .form-list .customer-dob input.input-text { display: block; width: 74px; } .form-list .customer-dob label { font-size: 10px; font-weight: normal; color: #888; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width: 60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width: 46px; } .form-list .customer-dob .dob-year { width: 140px; } .form-list .customer-dob .dob-year input.input-text { width: 134px; } .buttons-set { clear: both; margin: 5px 0 0; padding: 5px; border: 1px solid #ddd; } .buttons-set .back-link { float: left; color: #666633; } .buttons-set button.button { float: right; } .buttons-set p.required { margin: 0 0 5px; } .buttons-set-order { } .fieldset { border: 1px solid #ddd; background: #fefefe; padding: 22px 25px 12px 33px; margin: 28px 0; } .fieldset .legend { float: left; font-weight: bold; font-size: 13px; border: 1px solid #fefefe; background: #dedede; color: #333; margin: -33px 0 0 -10px; padding: 0 8px; position: relative; } /* Form Validation */ .validation-advice { clear: both; color: #FF0000; font-size: 10px; line-height: 13px; margin-bottom: 0; margin-left: 14%; margin-top: 3px; width: 300px; min-height: 13px; position: absolute;} .validation-error .input.front { background: url("../images/sprite_general-part2.png") no-repeat scroll 0 -709px transparent; } .validation-error .input.back { background: transparent url('../images/sprite_general-part2.png') 100% -709px no-repeat; } .validation-error input.validation-failed { height: 31px; margin: 0 10px; border: none; float: left; background: url("../images/sprite_general-part2.png") no-repeat scroll 0 -659px transparent; } .validation-error textarea, #reviews .form-list .validation-error textarea { background: #F6EAEB; border: solid 1px #A63B46; } .validation-advice .val { color: red; font-size: 10px; line-height: 13px; margin-left: 177px; position: absolute; top: 196px; } input.validation-failed { background: url("../images/sprite_general-part2.png") no-repeat scroll 0 -659px transparent; } input.validation-passed { background: url("../images/sprite_general-part5.png") no-repeat scroll 0 0 transparent; } select.validation-failed { background: url("../images/sprite_general-part2.png") no-repeat scroll 0 -659px transparent; } select.validation-passed { background: url("../images/sprite_general-part5.png") no-repeat scroll 0 0 transparent;} select option { -webkit-appearance: none; } .input.back.validation-passed { background: url("../images/sprite_general-part5.png") no-repeat scroll 100% -50px transparent; } .input.front.validation-passed { position: relative; background: url("../images/sprite_general-part5.png") no-repeat scroll 0 -50px transparent; } .input.back.validation-failed { background: url("../images/sprite_general-part2.png") no-repeat 100% -709px; } .input.front.validation-failed { position: relative; background: url("../images/sprite_general-part2.png") no-repeat 0 -709px; } .input.back.validation-failed:before, .input.select.back.validation-failed:before { position: absolute; top: 6px; right: 10px; font-size: 18px; font-weight: bold; color: red; content: "!"; } .input.select.back.validation-failed:before { right: 30px; } .input.back.validation-passed:before, .input.select.back.validation-passed:before { position: absolute; top: 8px; right: 6px; width: 15px; height: 12px; overflow: hidden; content: url('../images/valitdation-passed.png'); } .input.select.back.validation-passed:before { right: 26px; } #pharmacy-contact .input.back.validation-passed:before, .input.select.back.validation-passed:before {top:0px;} #pharmacy-contact .input.back.validation-passed:before, .input.select.back.validation-passed:before {top:0px;} #pharmacy-contact .input.back.validation-passed:before, .input.select.back.validation-passed:before {margin-left:10px;} #pharmacy-contact .input.back.validation-failed:before, .input.select.back.validation-failed:before{top:0px;} #pharmacy-contact .input.back.validation-failed:before, .input.select.back.validation-failed:before{top:6px;} .input.back.range.validation-passed:before{margin-left: 1px; margin-top:8px;} .product-type-configurable .input.select.back.validation-passed:before{left: 350px;} .product-type-configurable .input.select.back.validation-failed:before{left: 359px; margin-top: 7px;} /***** BEGIN CONFIG PRODUCT WEBKIT MEDIA QUERY ******************************/ @media screen and (-webkit-min-device-pixel-ratio:0) { .product-type-configurable .input.select.back.validation-passed:before{left: 170px;} .product-type-configurable .input.select.back.validation-failed:before{left: 178px;} .product-type-configurable .product-options .validation-advice {margin-top: 10px;} .product-type-configurable .product-options dd select {margin-left: 1px; padding-left:5px;} .product-type-configurable select.validation-passed {background: #f4f8e7; border-width:1px; border-style:solid; border-color:#96be0f #f4f8e7 #96be0f #f4f8e7;} .product-type-configurable select.validation-failed {background: #f6eaeb; border-width:1px; border-style:solid; border-color:#a63b46 #f6eaeb #a63b46 #f6eaeb;} .product-type-configurable .input.select.back.validation-passed:before, .product-type-configurable .input.select.back.validation-failed:before {content:none;} } /***** END CONFIG PRODUCT WEBKIT MEDIA QUERY ******************************/ /* .fourstepcheckout-cart-account .input.back.validation-failed:before{content: " ";} .fourstepcheckout-cart-account .input.back.validation-passed:before{ content: " ";} */ .customer-reminder-edit .validation-advice { position: relative; width: 548px; max-width: none; margin: 10px 0 0 -440px; float: left; clear: both; } .customer-reminder-edit #advice-validate-date-nl-custom-product-date{background: none repeat scroll 0 0 #F6FAFB;} p.required { font-size: 10px; text-align: right; color: #f00; } /* Expiration date and CVV number validation fix */ .v-fix { float: left; } .v-fix .validation-advice { display: block; width: 12em; margin-right: -12em; position: relative; } /* form validation footer */ .footer .column .validation-advice { background: url(../images/sprite_icons.png) no-repeat -135px -150px #F86131; -moz-border-bottom-left-radius: 4px; -moz-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; color: #fff; margin: 30px 0 0; padding: 5px 5px 5px 20px; position: absolute; width: 134px; z-index: 999; } .breadcrumbs { font-size: 10px; font-weight: bold; color: #999966; width: 936px; height: 25px; margin: 2px auto 16px; padding: 0 12px 2px; border-bottom: solid 1px #eee; text-transform: none; clear: both; } .breadcrumbs ul { margin: 0; padding: 0; list-style-type: none; } .breadcrumbs ul li:first-child { margin: 3px 0 0 3px; padding: 0; background: none; } .breadcrumbs ul li { margin: 3px 0 0; padding: 0 0 0 23px; background: url(../images/sprite_bullets.png) no-repeat 10px 6px; text-transform: lowercase; float: left; } .breadcrumbs ul li:hover { border: none; } .breadcrumbs ul li a { color: #999966; padding: 6px 0; text-decoration: underline; } .breadcrumbs ul li a:hover { text-decoration: none; } .breadcrumbs ul li span { color: #999966; margin: 0; } .breadcrumbs ul li.product { height: auto; } /* Page Heading */ .order-page .page-title { border: none; } .col2-left-layout .page-title { margin: 0 5px 10px; } .page-title, .vouchers .page-title { border-top: 1px solid #eee; padding: 5px 0 0; margin: 0 0 10px; } .page-title h1, .page-title span.h1, .page-title h2 { font-size: 18px; color: #333300;} .page-title .separator { margin: 0 3px; } .page-title .link-rss { float: right; } .title-buttons { text-align: right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float: left; } .subtitle { clear: both; } p.introtext{margin-bottom:20px;} /* Pager */ .pager { overflow: hidden; } .pager .amount { float: left; line-height: 2em; } .pager .limiter { float: right; line-height: 2em; } .pager .pages { margin: 0; } .pager .pages ol { display: inline; } .pager .pages li { margin: 0 3px; display: inline; } .pager .pages .current { } .pager select { background: none; border: solid 1px #ddd; float: none; height: auto; margin: 0; } .pager select option { margin: 0 5px; } /* Toolbar */ .toolbar { font-size: 10px; font-weight: bold; color: #999966; margin: 0 5px 5px; padding: 8px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; overflow: hidden; clear: both; } .vouchers .toolbar { margin: 0 0 10px; } .toolbar a { color: #999966; } .toolbar a:hover { text-decoration: none; } .toolbar .sorter { float: left; } .toolbar .sorter ul { margin: 0; padding: 0; list-style-type: none; } .toolbar .sorter ul li:first-child { margin: 0 20px 0 0; } .toolbar .sorter ul li { margin: 0 10px 0 0; float: left; } .toolbar .sorter span.asc { display: block; width: 13px; height: 13px; background: url('../images/sprite_bullets.png') 0 -186px no-repeat; float: left; } .toolbar .sorter span.desc { display: block; width: 13px; height: 13px; margin: 3px 0 0; background: url('../images/sprite_bullets.png') 0 -296px no-repeat; float: left; } .toolbar .sorter select { float: none; } .toolbar .pager { float: right; } .toolbar .numbers { display: none; } .toolbar-bottom { margin: 5px 0 0; } .toolbar-bottom ul { display: none; } .toolbar-bottom .numbers { display: block; } .toolbar .sort-order-link{margin-left:5px;} .catalog-category-view .category-view .product-slide-wrap { /* margin: 0 0 0 -5px; */ width: 582px;} /* .catalog-category-view .category-view .product-slide-wrap .toolbar-bottom { margin: 5px 5px 0; } */ .category-view .title { padding: 8px 0; border-top: 1px solid #eee; float:left; width:100%;} .main.col2-left-layout .category-view .title { width: 766px; margin: 0 5px; padding: 8px 0; border-top: 1px solid #eee; float:left; } .main.col3-layout .category-view .title { width: 572px; margin: 0 5px; padding: 8px 0; border-top: 1px solid #eee; float:left; } .category-view .title h1, .category-view .title span.h1 { font-size: 16px; color: #666633; } .category-view .title h2 { font-size: 14px; color: #333300; padding: 2px 0 0; } .catalog-category-view.category-yourskin .col-main .category-header { margin: 0 !important; padding: 0 !important; } .col2-left-layout .catalog-category-view .category-header .content.bitmap { margin: 0 5px 5px; } .col3-layout .catalog-category-view .category-header .content.bitmap { margin: 0; } .category-header .content.bitmap { position: relative; } .category-header .content.bitmap p, .category-header .content.bitmap h1 {top: 10px; font-size: 50px; font-weight: lighter; line-height: 70px; margin: 0; padding: 0 16px 0 0; position: absolute; right: 15px; text-align: right; width: 100%; color:#FFF; text-transform:lowercase;} .category-header .content.bitmap.text-right h1 { right: 0;} .category-header .content.bitmap.text-left h1 { left: 30px; text-align: left; } .category-header .content.bitmap.text-grey h1, .category-header .content.bitmap.text-left.text-grey h1, .category-header .content.bitmap.text-right.text-grey h1 { color:#e8e8e8; } .category-header .content.bitmap.text-medium p, .category-header .content.bitmap.text-medium h1, .category-header .content.bitmap.text-medium.text-left h1, .category-header .content.bitmap.text-medium.text-grey h1, .category-header .content.bitmap.text-medium.text-left.text-grey h1 {font-size: 30px;} .category-header .content.bitmap.text-small p, .category-header .content.bitmap.text-small h1 , .category-header .content.bitmap.text-small.text-left h1, .category-header .content.bitmap.text-small.text-grey h1, .category-header .content.bitmap.text-small.text-left.text-grey h1 {font-size: 20px;} .col-main .category-header .title-wrap { border-bottom: solid 1px #eee; margin: 0 0 12px; padding: 0 0 1px; } .col-main .category-header { margin: 0 0 10px; padding: 0 5px 5px; float:left;} .col2-left-layout .col-main .category-header { padding: 0 !important; } .col-main .category-header .title { padding: 5px 0 0; border-bottom: 0 none; border-top: solid 1px #eee; margin: 0; } .col-main .category-header .title h1, .col-main .category-header .title span.h1, .col-main .category-header > h3 { font-size: 18px; color: #666633; } .col-main .category-header .sub-title { padding: 4px 0 1px; } .col-main .category-header .sub-title, .col-main .category-header .sub-title h3 { font-size: 12px; font-weight: bold; color: #666633; } .col-main .category-header .article .content { } .col-main .category-header > p a { color: #666633; background: url(../images/sprite_bullets.png) 0 -66px no-repeat; padding-left: 10px; font-weight: bold; } .col-main .category-header > p { margin: 0 5px 10px; } .col-main .category-header .article { margin: 0 0 10px; } .col-main .category-header .article .text { font-size: 12px; margin: 10px 0 0 !important; } .col-main .category-header .article .left { width: 171px; margin: 0 10px 0 0; } .col-main .category-header .article .right { width: 391px; } /* Sorter */ .sorter { } .sorter .view-mode { } .sorter .sort-by { } .sorter .link-feed { } /* Data Table */ .data-table { width: 100%; } .data-table th { padding: 5px; border: 1px solid #ddd; font-weight: bold; white-space: nowrap; } .data-table td { padding: 5px; border: 1px solid #ddd; } .data-table thead { background-color: #f2f2f2; } .data-table tbody { } .data-table tfoot { } .data-table tr.first { } .data-table tr.last { } .data-table tr.odd { } .data-table tr.even { background-color: #f6f6f6; } .data-table tbody.odd { } .data-table tbody.odd td { border-width: 0 1px; } .data-table tbody.even { background-color: #f6f6f6; } .data-table tbody.even td { border-width: 0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width: 1px; } .data-table th .tax-flag { white-space: nowrap; font-weight: normal; } .data-table td.label, .data-table th.label { font-weight: bold; background-color: #f6f6f6; } .data-table td.value { } /* Tax Details Row */ tr.tax-total { cursor: pointer; } tr.tax-total td { } tr.tax-total .tax-collapse { float: right; text-align: right; padding-left: 20px; background: url(../images/bkg_collapse.gif) 0 4px no-repeat; cursor: pointer; } tr.show-details .tax-collapse { background-position: 0 -53px; } tr.show-details td { } tr.tax-details td { font-size: 11px; background-color: #dae1e4; color: #626465; } tr.tax-details-first td { border-top: 1px solid #d2d8db; } /* Voucher overview */ .vouchers { border-top: 1px solid #EEE; } .vouchers .page-title { border: none; } .discount-item { color: #7f9963; width: 376px; height: 167px; margin: 5px; border: 1px solid #EEE; float: left; } .discount-item h3 a { font-size: 18px; color: #F3632E; text-decoration: none; } .discount-item h3 a:hover { text-decoration: underline; } .discount-item .info { width: 221px; height: 122px; padding: 5px 10px 10px; line-height: 25px; float: left; } .discount-overview-vouchers .discount-item .info { width: 355px; height: 122px; padding: 5px 10px 10px; line-height: 25px; float: left; } .discount-item .info .date { text-transform: lowercase; } .discount-item .info .days { font-size: 25px; color: #000; padding: 0 5px; } .discount-item .image { position: relative; width: 125px; height: 122px; padding: 10px 0; float: left; } .discount-item .image a { width: 125px; height: 122px; display: block; } .discount-item .image a img { position: absolute; top: 0; bottom: 0; margin: auto; } .discount-item .footer { width: 356px; min-width: 356px; height: 25px; padding: 0 10px; background: none; float: left; } .discount-item .footer a { color: #000; } .discount-item .footer a:hover { text-decoration: none; } .discount-item .footer .all_products { width: 221px; float: left; } .discount-item .footer .conditions { text-align: right; width: 135px; float: left; } .vouchers .expiration{color:#333300;} .vouchers .item { margin: 10px 0; border: 1px solid #EEE; } .vouchers .item h2 { margin: 0 0 5px; } .vouchers .info { color: #7f9963; width: 434px; padding: 10px; float: left; } .vouchers .info h2 { color: #F3632E; } .vouchers .info h4 { color: #000; margin: 0 0 7px; } .vouchers .info a { color: #000; } .vouchers .info a:hover { text-decoration: none; } .vouchers .info .expires { margin: 12px 0 30px; } .vouchers .info .expires .applies { width: 185px; float: left; } .vouchers .info .expires .remaining-days { width: 145px; margin: -5px 0 0; float: left; } .vouchers .info .expires .remaining-days .days { font-size: 25px; color: #000; padding: 0 5px; } .vouchers .image { position: relative; width: 300px; height: 320px; padding: 10px 0; float: left; } .vouchers .image a { width: 300px; height: 320px; display: block; } .vouchers .image a img { position: absolute; top: 0; bottom: 0; margin: auto; } /* Voucher layer */ .layer-inner.voucher{ float:left;} .layer-inner.voucher h1 {border-bottom: 1px solid #E2E1E1; color: #000000; margin-left: -23px; margin-top: -17px; padding-bottom: 9px; padding-left: 23px; width: 104%;} .layer-inner.voucher h3 { margin: 8px 0 10px; } .layer-inner.voucher h4 { color: #666632; margin-left: -15px; } .layer-inner.voucher h3 a { font-size: 18px; color: #cd2164 !important; text-decoration:none; } .layer-inner.voucher .remaining-days {display:none;} .layer-inner.voucher .expires { color: #CD2164 !important; font-size: 13px; font-weight: bold; margin-top: -9px; padding-bottom: 10px;} .layer-inner.voucher ul { margin: 0 0 10px; list-style-type: disc; } .layer-inner.voucher ul li:before { content: "-"; color: #7F9963; padding: 0 10px 0 0; } .layer-inner.voucher .image { width: 100%; height: auto; float: left; } .layer-inner.voucher .voucher-content{float:left; position:relative; width: 70%; margin-bottom: -40px;} .layer-inner.voucher .conditions {border-top: 1px solid #E2E1E1; float: left; margin-left: -22px; padding-left: 35px; padding-top: 6px; width: 149%; } .layer-inner.voucher .links { float: left; padding: 20px 0; width: 100%; margin-bottom: -25px;} .layer-inner.voucher .links .button { margin: 0 0 0 100px; } .layer-inner.voucher .links a { color: #000; } .catalog-product-view .layer-inner.voucher .links a.right {position:absolute; margin-left: 574px; margin-top: -52px;} .catalog-product-view .layer-inner.voucher .links a.button { margin-left: 304px; margin-top: 32px; position: absolute;} .catalog-product-view .layer-inner.voucher .links a.left {margin-left: -10px; margin-top: 30px; color:#999868;} /* Shopping cart tax info */ .cart-tax-info { display: block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right: 20px; } .cart-tax-total { display: block; padding-right: 20px; background: url(../images/bkg_collapse.gif) 100% 4px no-repeat; cursor: pointer; } .cart-tax-info .price, .cart-tax-total .price { display: inline !important; font-weight: normal !important; } .cart-tax-total-expanded { background-position: 100% -53px; } /* Class: std - styles for admin-controlled content */ .std .subtitle { padding: 0; } .std ol.ol { list-style: decimal outside; padding-left: 1.5em; } .std ul.disc { margin: 0 0 10px; } .std ul.disc { list-style: disc outside; padding-left: 18px; } .std dl dt { font-weight: bold; } .std dl dd { margin: 0 0 10px; } /* Misc */ .links li.first { padding-left: 0 !important; } .links li.last { background: none !important; padding-right: 0 !important; } .link-cart { font-weight: bold; color: #f00; } .link-wishlist { font-weight: bold; } .link-reorder { font-weight: bold; } .link-compare { font-weight: bold; } .link-print { background: url(../images/i_print.gif) 0 2px no-repeat; padding: 2px 0 2px 25px; } .link-rss { background: url(../images/i_rss.gif) 0 1px no-repeat; padding-left: 18px; white-space: nowrap; } .btn-remove { display: block; width: 11px; height: 11px; font-size: 0; line-height: 0; background: url(../images/btn_remove.gif) 0 0 no-repeat; text-indent: -999em; overflow: hidden; } .btn-remove2 { background: url(../images/sprite_icons) no-repeat 0 -290px; display: block; font-size: 0; height: 16px; line-height: 0; overflow: hidden; text-indent: -999em; width: 17px; } .separator { margin: 0 5px; color: #bbb; } .divider { clear: both; display: block; font-size: 0; line-height: 0; height: 1px; margin: 10px 0; background: #ddd; text-indent: -999em; overflow: hidden; } /* Noscript Notice */ .noscript { border: 1px solid #ddd; border-width: 0 0 1px; background: #ffff90; font-size: 12px; line-height: 1.25; text-align: center; color: #2f2f2f; margin-top: 29px;} .noscript .noscript-inner { width: 1000px; margin: 0 auto; padding: 12px 0 12px; background: url(../images/i_notice.gif) 20px 50% no-repeat; } .noscript p { margin: 0; } /* Demo Notice */ .demo-notice { margin: 0; padding: 6px 10px; background: #d75f07; font-size: 12px; line-height: 1.15; text-align: center; color: #fff; } /* ======================================================================================= */ /* Header ================================================================================ */ #sanoma-optin-header { position: relative !important; margin: 0 !important; } .top { position: fixed; z-index: 9998; width: 100%; top: 0; } .top .bar { min-width: 1000px; width: 100%; height: 30px; margin: 0; background: url("../images/sprite_general-part1.png") repeat-x scroll 0 -79px transparent;} .top .wrapper { color: #fff; font-size: 10px; width: 949px; height: 30px; margin: 0 auto; position: relative; padding: 0 0 0 16px; } .top .wrapper .orderstatus { position: absolute; right: 0; } .top .wrapper .logo { width: 67px; height: 21px; } .top .wrapper .logo a { width: 67px; height: 21px; margin: 3px 0 0; background: url('../images/sprite_general-part1.png') -248px -42px no-repeat; display: block; } .top .wrapper .logo a span { display: none; } .top .wrapper .order { width: 185px; height: 30px; background: url('../images/sprite_general-part1.png') -426px -32px no-repeat; float: right; } .top .wrapper .order.empty{ width:120px; background: url("../images/sprite_general-part1.png") no-repeat scroll -426px 3px transparent; } .top .wrapper .order .cart { width: 120px; height: 20px; padding: 8px 12px 0 0; text-align: right; float: right; font-weight: bold; font-size: 11px; } .top .wrapper .order.empty .cart { width: auto; padding: 8px 20px 0 0; } .top .wrapper .order .cart a { color: #fff; text-decoration: none; float: left; } .top .wrapper .order.empty .cart a { } .top .wrapper .order a.top-profile-link { font-size: 11px; font-weight: bold; color: #FFF; width: 185px; height: 24px; margin: 3px 0 0; line-height: 24px; text-decoration: none; display: block; } .top .wrapper .order a.top-profile-link span.mini-login-item-qty { height: 24px; text-align: right; margin: 0 0 0 50px; display: inline-block; } .top .wrapper .order a.top-profile-link span.mini-login-grandtotal { height: 24px; padding: 0 8px 0 0; text-align: right; float: right; display: inline-block; } .top .wrapper .order.empty a.top-profile-link { font-size: 11px; font-weight: bold; color: #FFF; width: 117px; height: 24px; margin: 3px 0 0; line-height: 24px; text-decoration: none; display: block; } .top .wrapper ul { height: 24px; margin: 0 5px 0 0; list-style-type: none; float: right; overflow: hidden; } .top .wrapper .order.empty ul { margin: 0; } .top .wrapper ul li:first-child { background: none; } .top .wrapper ul li { padding: 6px 18px 0; background: url("../images/sprite_general-part1.png") no-repeat scroll -631px -37px transparent; float: left; } .top .wrapper ul li a { font-size: 11px; color: #fff; font-weight: bold; text-decoration: none; } .top .wrapper .order.empty ul li a { font-size: 11px; } .top .wrapper ul li a:hover { text-decoration: underline; } .top .wrapper .usp { float: left; height: 30px; overflow: hidden; } .top .wrapper .usp ul { list-style-type: none; float: left; position: relative; } .top .wrapper .usp ul li { font-size: 13px; font-weight: bold; padding: 5px 15px 0; background: url("../images/sprite_general-part1.png") no-repeat scroll -652px 10px transparent; float: left; } .top .wrapper .usp.scroll { width: 303px; margin: 0 0 0 30px; height: 30px; overflow: hidden; } .top .wrapper .usp.scroll ul { margin: 0; float: none; } .top .wrapper .usp.scroll ul li { width: 303px; } .logo { float: left; } .header { position: relative; z-index: 2000; width: 1000px; margin: 30px auto 0; } .header .logo { padding: 30px 0 0 30px; float: left; } .header .logo strong { position: absolute; top: -999em; left: -999em; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -999em; overflow: hidden; } .header h1.logo { margin: 0; padding: 0; } .header span.h1.logo { margin: 0; padding: 0; } .header .welcome-msg { font-weight: bold; text-align: right; } .header .links { float: right; } .header .form-search { text-align: right; } .header .form-search .search-autocomplete { z-index: 999; } .header .form-search .search-autocomplete ul { border: 1px solid #ddd; background-color: #fff; } .header .form-search .search-autocomplete li { padding: 3px; border-bottom: 1px solid #ddd; cursor: pointer; } .header .form-search .search-autocomplete li .amount { float: right; font-weight: bold; } .header .form-search .search-autocomplete li.selected { } .header .form-language { clear: both; text-align: right; } .header-container .top-container { clear: both; text-align: right; } .quicksearch { width: 425px; height: 55px; margin: 28px 13px 0 0; float: right; } .quicksearch .suggestions { font-size: 11px; width: 390px; height: 20px; } .quicksearch .suggestions ul { margin: 0; padding: 0; list-style-type: none; } .quicksearch .suggestions ul li:first-child { margin: 0; } .quicksearch .suggestions ul li { margin: 0 0 0 15px; float: left; } .quicksearch .suggestions ul li a { color: #000; text-decoration: none; } .quicksearch .suggestions ul li a:hover { text-decoration: underline; } .quicksearch input { font-size: 11px; width: 310px; } .quicksearch input:focus { color: #000; } .quicksearch button { margin: -2px 1px 0 0; text-transform: none; font-size: 14px; float: right; } .quicksearch button.grey span { background: url("../images/sprite_general-part3.png") no-repeat scroll 0 -855px transparent; height: 34px; } .quicksearch button.grey span span { padding: 9px 20px 0 0; background: url("../images/sprite_general-part3.png") no-repeat scroll 100% -855px transparent; height: 25px; } .quicksearch button.grey:hover span { background: transparent url('../images/sprite_general-part3.png') 0 -895px no-repeat; } .quicksearch button.grey:hover span span { background: transparent url('../images/sprite_general-part3.png') 100% -895px no-repeat; } /********** < Pharmacies Search */ .cms-apotheken .col-main.wrapper.threecolumn, .pharmacies-find-result .col-main.wrapper.threecolumn { width: 550px; margin: 0 5px 5px; padding: 10px; border: 1px solid #EEE; } .pharmacies-find-result .col-main.wrapper.threecolumn { border: none; } /* repeat recipe herhaal recept */ .repeatrecipemenu h5 { font-weight: bold; font-size: 10px; padding: 5px; border-top: solid 1px #eee; color: #333300; } .repeatrecipemenu li { padding: 5px 5px 4px; } .repeatrecipemenu li a { color: #666633; text-decoration: none; } .repeatrecipemenu li a:hover { text-decoration: underline;} /**********************************/ /* pharmacists */ .cms-page-view .col-main ul.pharmacists-list li { } .cms-page-view .col-main ul.pharmacists-list { margin: 0 0 0 15px; padding: 0; list-style-type: none; } .cms-page-view .col-main ul.pharmacists-list li { list-style: none outside none; margin: 0 0 5px 25px; } .cms-page-view .col-main ul.pharmacists-list li:before { background: url("../images/sprite_general-part3.png") no-repeat scroll -90px -214px transparent; content: ""; float: left; height: 20px; margin: 0 0 0 -20px; width: 10px; } .pharmacists-search { padding: 15px 20px 0; background: #f9fbf0; border: 1px solid #eee; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; margin-bottom: 50px;} .pharmacists-search h4 { color: #333300; padding: 1px 0 17px; } .pharmacists-search hr, .pharmacists-search br { display: none; } .pharmacists-search .search-by-city { border-top: solid 1px #e5e5e5; padding: 21px 0 0; overflow: hidden; } .pharmacists-search .search-by-city, .pharmacists-search .search-by-zip {clear: both; } .pharmacists-search .validation-advice { position: absolute; top: 32px; margin-left:0;} .pharmacists-search #advice-validate-postcode-zip {width: 120px;} .pharmacists-search #advice-validate-number-range {width: 206px;} .pharmacists-search .search-by-zip input.validate-postcode {width: 80px;} .pharmacists-search .search-by-zip .input.front { margin-right: 8px; } .pharmacists-search label { width: 80px; padding: 3px 0 0; float: left;line-height:28px; } .pharmacists-search hr { height: 1px; background: #EEE; border: none; margin: 0 auto; } .pharmacists-search .input { margin: 0 2px 10px 0; position: relative; } .input select { margin: 0 5px 0 10px; } .pharmacists-search input.zipcode { width: 75px; } .pharmacists-search select.radius { width: 143px; } .pharmacies-find-result .pharmacists-search select.radius {width: 148px;} .pharmacists-search .form-city .input.front { margin-right: 8px; } .pharmacists-search input.city { width: 248px; } .pharmacists-search button { margin: 0 0 0 -3px; } .pharmacists-result { padding: 5px 0 0; border-top: 1px solid #EEE; } .pharmacists-result hr, .dossiers-management-search hr { height: 1px; background: #EEE; border: none; margin: 0 auto; } .pharmacists-result h2 span { color: #BFC19D; } .pharmacists-result .result, .dossiers-management-search .result, .advanced_Search_result_container .result { margin: 0 0 10px; } .pharmacists-result .result.threecolumn.border { width: 550px; padding: 10px 5px 10px 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .dossiers-management-search .result.threecolumn.border, .advanced_Search_result_container .result.border { padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .pharmacists-result .result.threecolumn.border .address, .advanced_Search_result_container .result.threecolumn.border .address { width: 50%; float: left; } .pharmacists-result .result.threecolumn.border .address h4, .advanced_Search_result_container .result.border .address h4 { font-size: 14px; color: #666633; text-transform: capitalize; } .pharmacists-result .result.threecolumn.border .address span, .pharmacists-result .result.threecolumn.border .website span { text-transform: capitalize; } .pharmacists-result .result.threecolumn.border .registration { width: 50%; float: left; } .pharmacists-result .result.threecolumn.border .registration button.small span { padding: 0 0 0 10px; } .pharmacists-result .result.threecolumn.border .registration button.small span span { padding: 5px 10px 0 0; } .pharmacists-result .result.threecolumn.border .website { color: #666633; width: 100%; padding: 10px 0 0; float: left; } .pharmacists-result .result.threecolumn.border .website a { color: #666633; } .pharmacists-result .result.threecolumn.border .website a:hover { text-decoration:none;} .pharmacists-result span.link { color: #666633; } .pharmacists-result span.link a { color: #666633; } .dossiers-management-search span.link.title { text-transform: none; } .advanced_Search_result_container span.small-icon { margin: 0 10px 0 0; } .catalog-product-view .col-main .link.add-dossiers.right a {text-transform: none;} .catalog-product-view span.add-dossiers { margin: 9px 6px 0;} .block.pharmacy_not_listed { padding: 8px; } .pharmacies-find-result .registration a.button.grey.small span { padding-left: 10px; } .pharmacies-find-result .registration a.button.grey.small span span { padding-right: 12px; padding-left: 0; } .themes { width: 940px; height: 25px; margin: 25px auto 0; } .themes ul { margin: 0; padding: 0; list-style-type: none; } .themes ul li:first-child { margin: 2px 0; } .themes ul li { margin: 2px 0; float: left; } .themes ul li:first-child a { padding: 3px 12px 3px 0; background: none; } .themes ul li a { padding: 3px 12px; font-size: 16px; color: #666633; text-decoration: none; } .themes ul li a:active, .themes ul li a:hover { color: #999966; } .incontinence-search h1{margin-bottom:3px;} .pharmacists-search.incosearch {margin:10px 0;} .pharmacists-search.incosearch .search-by-zip .input.front{margin-right:25px;} .pharmacists-search.incosearch select.radius{width:200px;} .pharmacists-search.incosearch .search-by-zip input.validate-postcode {width:150px;} .pharmacists-search.incosearch button.grey span span {width:100px;} .incontinence-search.pharmacists-result{padding-top:10px; border-top:0; float:left; position:relative; width:100%;} .incontinence-search.pharmacists-result h4{color: #333300; float: left; position: relative; width: 100%; margin-left:1px; margin-top:15px;} .incontinence-search.pharmacists-result p{margin-left:1px;} .incontinence-search.pharmacists-result .result.threecolumn.border{width:100%;} .incontinence-search.pharmacists-result .result.threecolumn.border .website {width:50%;} .incontinence-search.pharmacists-result .result.threecolumn.border .website a{width:100%; float:left; position:relative; text-align:center;} .incontinence-search.pharmacists-result .result.threecolumn.border .website .distance{clear: both; float: left; position: relative; text-align: center; width: 100%; font-weight:bold; text-transform:none;} .apotheekzorg.inco, .partners.inco{float:left; position:relative; width:96%; padding:10px 2%; margin-bottom:10px;} .apotheekzorg.inco{ padding-top:25px; background:#f9fbf0; height:75px; border:1px solid #EEE; } .partners.inco{padding-left:0;} .apotheekzorg.inco img, .partners.inco img{margin-right:20px;} .apotheekzorg.inco p{margin-top:12px; } .incontinence-search .banner-hulpmiddelen {float:left;} .incontinence-search .banner-apotheekzorg {float:right;} /* my medication */ /* medicine */ .checkout.fivecolumn { width: 960px; margin: 5px; float: left; } .cart.fivecolumn.border { width: 938px !important; margin: 0 auto; padding: 10px; } /* cart-list */ .cart-list { width: 382px; float: left; margin: 23px 0 0 0; } .cart-list h4 { margin: 0 0 7px 7px; } .cart-list .top { position: relative; width: 382px; min-width: 382px; height: 1px; background: url('../images/sprite_general-part4.png') 0 0 no-repeat; } .cart-list .middle { width: 368px; min-height: 200px; height: auto; max-height: 509px; margin: 0 0 0 7px; padding: 0; overflow-x: hidden; overflow-y: auto; background: url("../images/sprite_general-part4.png") no-repeat scroll -7px -11px transparent; } .cart-list .middle a { color: #77a1c4; text-decoration: none; } .cart-list .middle a:hover { text-decoration: underline; } .cart-list .middle .table .col, .cart-list .middle .table .col.first, .cart-list .middle .table .col.last { margin: 0; padding: 0; line-height: 10px; border: none; } .cart-list .middle .table .col .title { padding: 0 0 0 10px; } .cart-list .middle .table .col .title h3{font-size:14px;} .cart-list .middle .table .col .old-price { margin: 0; padding: 0; text-align: right; } .cart-list .middle .table .col .special-price { margin: 0; padding: 0; text-align: center; } .cart-list .footer { width: 346px; min-width: 346px; height: 183px; margin: 0; padding: 10px 18px 0; background: url('../images/sprite_general-part4.png') 0 -344px no-repeat; } .cart-list .footer .table h2 { margin: 0; padding: 0; } .cart-list .footer .table .col.text-right { text-align: right; } .cart-list .footer .table .col.last { padding: 0; margin-bottom: 5px;} .cart-list .footer .table { padding: 0 16px 0 0; } .cart-list .tax-notice { font-size: 10px; margin: -12px 8px 0 0; float: right; } .col-right .cart-list .footer .button.grey {position:absolute; bottom:30px;} .steps { margin: 0 0 10px; background: #f6f6f6; } .steps ul { margin: 0; padding: 0; list-style-type: none; } .steps ul li { clear: both; float: left; width: 572px; border: 1px solid #EEE; margin-top:-1px;} .steps ul li a { color: #909090 !important; font-size: 12px; font-weight: bold; width: 100%; height: 26px; padding: 8px 0 0;background: url("../images/sprite_icons.png") no-repeat scroll right -577px #f6f6f6; text-decoration: none; text-indent: 9px; display: block; float: left; } .steps ul li a:hover {cursor: default;} .steps ul li:first-child a { width: 100%; padding: 8px 0 0; float: left;} .steps ul li.active a { color: #000 !important; background:#FFF;} .steps ul li a span.number { color: #fff; width: 18px; height: 17px; margin: 0 10px 0 0; padding: 1px 0 0; text-align: center; background: url("../images/sprite_general-part3.png") no-repeat scroll 0 -181px transparent; display: inline-block; text-indent: 0px; } .steps ul li.active a{background: url('../images/sprite_icons.png') right -602px no-repeat #FFF;cursor:default;} .steps ul li.active a:hover{text-decoration:none;} .steps ul li.active a span.number { background: url("../images/sprite_general-part3.png") no-repeat scroll 0 -143px transparent; } .steps ul li.active.passed a{background: url('../images/sprite_icons.png') right -577px no-repeat #FFF;} .steps ul li.active.passed .checked{display:block; width:16px; height:11px; margin-left: 20px; display: inline-block; zoom:1; *display:block; background: url("../images/sprite_general-part3.png") no-repeat scroll -87px -219px transparent;} .row.information .info-block{padding-left:10px;} .checkout .cart .table .col.tencolumn.first {padding:5px 0 21px;} .checkout .cart .table .col.order .sixcolumn { width:60%; } .checkout .cart .table .col.sixcolumn.first h2 { margin: -5px 0 24px 3px; } .checkout .cart .table .row.login { border: none; padding: 0; } .checkout .cart .table .row.login .col { margin: 0; padding: 10px !important; } .checkout .row.information.noborder { width:520px; } .checkout .row.information.noborder.succes { width:100%; } .checkout .buttons-set { padding: 19px 10px 21px; overflow: hidden; } .checkout .content.footer-selfcare{width:568px; margin-right:0;} .checkout .content.footer-selfcare .selfcare-product.wrapper{width:100%;} .checkout .content.footer-selfcare ul.footer-tabs {height:31px;} .checkout .content.footer-selfcare ul.footer-tabs li.active span.tab-name {background:#FFF;height: 16px;} .checkout.step2 .cart .table .col.sixcolumn.first h2, .checkout.step3 .cart .table .col.sixcolumn.first h2 {margin-top: 5px; } .col.tencolumn.first.agree { position: relative; } .content.footer-selfcare .selfcare-recommend{position:relative !important;} .content.footer-selfcare #product-slide-wrap li.usps{margin-top:0 !important;} .content.footer-selfcare .footer-tabs .logo img{width: 73px;} .content.footer-selfcare .product{width: 181px !important;} .cart .table .row.information.noborder { height: auto; padding: 10px; border: medium none; } .cart .table .col.sixcolumn { width: 60%; } .mymedication-quote-index .col-main.fourcolumn, .mymedication-quote-promote .col-main.fourcolumn, .mymedication-quote-shipping .col-main.fourcolumn{width:554px;} .mymedication-quote-index .col-right, .mymedication-quote-promote .col-right, .mymedication-quote-shipping .col-right{width:372px; margin-left:39px;} .mymedication-quote-index .list.medicine, .mymedication-quote-promote .list.medicine, .mymedication-quote-shipping .list.medicine{margin: 0 0 0 -2px; position: relative; z-index: 10;} .mymedication-quote-index .header, .mymedication-quote-promote .header, .mymedication-quote-shipping .header, .mymedication-quote-confirm .header{padding: 0 0 2px; height: 135px;} .mymedication-quote-index .header .logo, .mymedication-quote-promote .header .logo, .mymedication-quote-shipping .header .logo, .mymedication-quote-confirm .header .logo{height:auto;} .mymedication-quote-index .col-main, .mymedication-quote-promote .col-main, .mymedication-quote-shipping .col-main { width: 582px !important; } .mymedication-quote-index .col-right, .mymedication-quote-promote .col-right, .mymedication-quote-shipping .col-right { margin: 56px 0 0 10px !important; } .mymedication-quote-promote .checkout .content.footer-selfcare {margin: 0;width: 568px;} .list.medicine.sidebar .middle .table .row .col.number, .list.medicine.sidebar .middle .table .row .col.title, .list.medicine.sidebar .middle .table .row .col.add{border-bottom:none;} .list.medicine .footer button{margin-right: 13px; margin-top: 10px;} .col-right .wellsens-cart{padding:15px 10px 20px 25px; background:#f9fbf0;} .col-right .logo img{width:72px;} .col-right h2{color:#333300 !important; padding-left:13px; margin-left:-14px; display:block; width:auto;} .col-right .wellsens-cart a{color:#666633 !important; margin-top:15px;} .table.medicine { border-bottom: 1px solid #EEE !important; float: left; } .table.medicine .row { height: 50px !important; padding: 10px; border-left: 1px solid #EEE; border-right: 1px solid #EEE; border-bottom: none !important; background: #f7fafb; } .table.medicine .row.title { height: auto !important; padding: 10px; border-left: none; border-right: none; border-bottom: 1px solid #EEE !important; background: #FFF; } .table.medicine .row.last { padding: 10px 10px 0; } .table.medicine .row.toolbar { color: #184680; font-size: 10px; height: auto !important; margin: 0; padding: 10px; border-left: none; border-right: none; border-bottom: none; border-top: 1px solid #EEE; background: #FFF; } .table.medicine .row.toolbar .col.fivecolumn { width: 50%; } .table.medicine .row.toolbar .col.first { padding: 0 10px 0 0; } .table.medicine .row.toolbar .col.last { padding: 0 0 0 10px; } .table.medicine .row.toolbar ul { margin: 0; padding: 0; list-style-type: none; float: right; } .table.medicine .row.toolbar ul li { color: #D63F4C; font-size: 10px; font-weight: bold; padding: 0 0 0 15px; float: left; } .table.medicine .row.toolbar ul li a { color: #81A8C7; font-weight: bold; } .table.medicine .row.toolbar ul li a:hover { text-decoration: none; } .table.medicine .row .col { padding: 0 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; } .table.medicine .row.title .col { border: none !important; } .table.medicine .row .col.first { padding: 0 10px 0 0; } .table.medicine .row .col.last { padding: 0 0 0 10px; } .table.medicine .row.last .col { border: none !important; } .table.medicine .row .col.title { width: 207px; height: 100%; border-bottom: 1px solid #EEEEEE; text-align: left; } .table.medicine .row .col.number { width: 90px; height: 100%; text-align: left; } .table.medicine .row .col.dosage { width: 126px; height: 100%; text-align: left; } .table.medicine .row .col.add { width: 126px; height: 100%; text-align: center; } .table.medicine .row .col.add .active { width: 15px; height: 10px; margin: 0; background: url("../images/sprite_general-part3.png") no-repeat scroll 0 -219px transparent; display: inline-block; } .table.medicine h5 { color: #004a89; } .list.medicine { margin: -172px 0 0 14px; width: 374px; float: left; } .list.medicine .top { position: relative; width: 382px; min-width: 382px; height: 7px; background: url('../images/sprite_general-part4.png') 0 0 no-repeat; } .list.medicine .middle { width: 346px; min-height: 100px; padding: 0 11px 0 18px; background: url('../images/list-medicine-middle.png') 7px 0 repeat-y; } .list.medicine .middle .table { margin: 0 0 -100px; } .list.medicine .middle .table .row.title.logo { border-bottom: 0 none; margin: 0; padding: 10px 0 12px;} .list.medicine .middle .table .row.title.logo span.nsa-logo { margin: -12px 10px 0 0; float: left; } .list.medicine .middle .table .row.title.logo h1 { color: #001B38 !important; } .list.medicine .middle .table .row.title { height: auto; margin: 0; padding: 10px 0 0; border-bottom: 1px solid #EEE; float: none; } .list.medicine .middle .table .row.title h1 { font-size: 12px; margin: 0; padding: 0; } .list.medicine .middle .table .row.title h5 { color: #004a89; } .mymedication-quote-promote .list.medicine .middle .table .row.title .col.number h5 { margin-left: 33px; } .list.medicine .middle .table .row.title .col { text-align: left; border: none !important; } .list.medicine .middle .table .row { height: 60px; padding: 10px 0 0; border-bottom: none; } .list.medicine .middle .table .row .col.title { width: 154px; border-bottom: 1px solid #EEE; } .list.medicine .middle .table .row .col.number { width: 105px; border-bottom: 1px solid #EEE; } .list.medicine .middle .table .row .col { height: 100%; padding: 0 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; } .list.medicine .middle .table .row .col.first { padding: 0 10px 0 0; } .list.medicine .middle .table .row .col.last { padding: 0 0 0 10px; } .list.medicine .middle .table .col span.quantity { font-size: 12px; font-weight: bold; width: 100%; margin: 0; text-align: center; display: block; } .list.medicine .middle .table .col span.quantity input{background: url("../images/sprite_general-part2.png") no-repeat scroll 0 -754px transparent; } .list.medicine .middle .table .col span.quantity .input.front{background: url("../images/sprite_general-part2.png") no-repeat scroll 0 -792px transparent; } .list.medicine .middle .table .col span.quantity .input.back{background: url("../images/sprite_general-part2.png") no-repeat scroll 100% -792px transparent; } .list.medicine .middle .table .col span input { width: 23px; } .list.medicine .middle .table .row .col.add { width: 70px; border-bottom: 1px solid #EEE; } .list.medicine .middle .table .row.last .col { border-bottom: none; } .list.medicine .middle .table .row.table-content { max-height: 230px !important; overflow:auto !important; height: auto;} .list.medicine .middle .table .row.address { height: auto !important; padding: 30px 0 0; border: none; } .list.medicine .middle .table .row.address .col.personal, .list.medicine .middle .table .row.address .col.doctor { width: 50%; padding: 0; position:relative; z-index:9999;} .list.medicine .middle a { color: #77A1C4; text-decoration: none; } .list.medicine .middle a:hover { text-decoration: underline; } .mymedication-quote-index button, .mymedication-quote-index a.button{margin-left:0 !important;} .cart .table.delivery { width: 100%; border: 1px solid #eee !important; float: left; } .cart .table.delivery .row { height: auto; border: none !important; padding: 0 !important; } .cart .table.delivery .row.even .col{border-bottom:0; min-height:100px;} .cart .table.delivery .row.even > div.col:last-child{border-left: 1px solid #eee;} .cart .table.delivery .row .col { width: 50%; padding: 0; padding: 15px 0 0 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-left: 1px solid #eee; float: left; border-bottom: none;} .cart .table.delivery .row .col:first-child{border-left:0;} .cart .table.delivery .row .col.last { background: #FFF; } .cart .table.delivery .row .col h2 { font-size: 14px; color: #184680 !important; margin: 0 0 10px; padding: 0; } .cart .table.delivery .row .col h3 { font-size: 12px; color: #000 !important; margin: 0; padding: 0; } .cart .table.delivery .row .col h2 span.normal { font-weight: normal; } .cart .table.delivery .row .col span.alert { color: #ff0000; } .cart .table.delivery .row .col input[type="radio"] { height: 100%; margin: 2px 5px 0 -20px; } .cart .table.delivery .row .col:first-child {border-left: medium none; border-right: medium none; padding-bottom: 18px;} #pharmacy_pickup, #combine { padding: 20px 20px 46px 40px; } #home_delivery { padding: 20px 20px 28px 40px; } input#pharmacy_pickup { height: auto; padding: 0; margin: 0 0 0 -20px; } input#home_delivery { height: auto; padding: 0; margin: 0 0 0 -20px; } .cart .table.confirm .col.first { padding: 0 10px 0 0; } .cart .table.confirm .col.last { padding: 0 0 0 10px; } .cart .table.confirm .col { padding: 0 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; } .cart .table.confirm .col.onecolumn { width: 10%; } .cart .table.confirm .col.twocolumn { width: 20%; } .cart .table.confirm .col.threecolumn { width: 30%; } .cart .table.confirm .col.fourcolumn { width: 40%; } .cart .table.confirm .col.fivecolumn { width: 50%; } .cart .table.confirm .col.sixcolumn { width: 60%; } .cart .table.confirm .col.sevencolumn { width: 70%; } .cart .table.confirm .col.eightcolumn { width: 80%; } .cart .table.confirm .col.ninecolumn { width: 90%; } .cart .table.confirm .col.tencolumn { width: 100%; } .cart .table.confirm .row .col span.success { width: 73px; height: 55px; margin: 10px auto 0; background: url('../images/sprite_icons.png') 0 -332px no-repeat; display: block; } .cart .table.confirm .row .col span.home { margin: 25px 0 0 15px; display: block; } .list.medicine .footer { width: 382px; min-width: 382px; height: 100px; margin: -70px 0 0; background: url('../images/sprite_general-part4.png') 0 -426px no-repeat; } /* TopNav ===================================================================================*/ .nav-container { position: relative; z-index: 999; width: 960px; height: 45px; margin: 20px auto 0; padding: 0; /* background: url('../images/sprite_menu.png') 0 -65px repeat-x; */ } .nav-container ul { position: relative; width: 960px; margin: 0; padding: 0; list-style-type: none; } .nav-container > ul > li { position: relative; height: 45px; margin: 0; border-left: 1px solid #fff; float: left; } .nav-container ul > li:first-child { border: 0 none; } .nav-container ul li.theme.first { position: absolute; right: 76px; width: 94px; } .nav-container ul li.theme.first a.level-top{ width: 82px; padding:0 6px; text-align:center; max-width:94px;} .nav-container ul li.theme.last { position: absolute; right: 0px; width: 75px; } .nav-container ul li.theme.gezonde-start { width: 75px; float: right; } .nav-container ul li { background: url('../images/sprite_menu.png') 0 0 repeat-x; } .nav-container ul li a { font-weight: bold; color: #454632; max-width: 71px; height: 45px; padding: 0 14px; text-align: center; text-decoration: none; vertical-align: middle; display: table-cell; } .nav-container ul li.theme { background: url('../images/sprite_menu.png') 0 -65px repeat-x; } .nav-container ul li.theme a { color: #FFFEE9; } .nav-container ul li.theme.yourskin { background: url('../images/sprite_menu.png') 0 -130px repeat-x; } .nav-container ul li.theme.yourskin a { color: #FFF; } .nav-container ul li.theme.moeder a, .nav-container ul li.theme.gezonde-start a { max-width: 75px; padding: 0; } .nav-container ul li a:hover, .nav-container ul li a:hover ul.level0 li a:hover, .nav-container ul li.active a, .nav-container ul li:hover, .nav-container ul li.theme a:hover, .nav-container ul li.theme.yourskin a:hover { color: #454632; background: #FFF; } .nav-container ul li.parent:first-child:hover { margin: 0 0 0 -8px; } .nav-container ul li.parent:first-child:hover a.level-top { padding: 0 14px 0 22px; background: url('../images/menu_line.jpg') 0 0 repeat-y; } .nav-container ul li:first-child:hover ul.level0 li a, .nav-container ul li:hover ul.level0 li a:hover { padding: 0; } /* submenu */ .nav-container ul li:hover ul.level0 { display: block; } .nav-container ul li ul.level0 { position: absolute; z-index: -1; top: 45px; left: -5px; width: 100%; min-width: 250px; padding: 10px; background: #FFF; border-right: 4px solid #D9D7C4; border-bottom: 4px solid #D9D7C4; border-left: 4px solid #D9D7C4; -moz-box-shadow: 2px 2px 2px #ABACA9; -webkit-box-shadow: 2px 2px 2px #ABACA9; box-shadow: 2px 2px 2px #ABACA9; display: none; } .nav-container ul li:first-child ul.level0 { left: 0; } .nav-container ul li ul.level0 h3 { font-size: 10px; color: #333300; padding: 10px 6px 4px; } .nav-container ul li ul.level0 li:first-child { padding: 0; border: none; } .nav-container ul li ul.level0 li { width: 100%; height: 25px; line-height: 25px; text-indent: 10px; margin: 0; } .nav-container ul li ul.level0 li a { font-size: 12px; font-weight: normal; color: #666633; width: 100%; height: 25px; max-width: 100%; padding: 0; text-align: left; text-decoration: none; text-transform: none; background: #fff; display: block; } .nav-container ul li ul.level0 li a:hover { color: #333300; background: #F0F1E5; } /* layered navication */ .navigation_div { position: relative; overflow: hidden; } .navigation_more { color: #666633; width: 100%; padding: 15px 0 0; text-align: left; cursor: pointer; display: none; } .navigation_more:hover { color: #333300; text-decoration: underline; } /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { border: 1px solid #eee; margin: 0 0 10px; } .block h3 { color: #333300; font-size: 14px; margin: 0 0 10px; } .block .block-title { padding: 3px 10px; } .block .block-title strong { font-size: 14px; font-weight: bold; } .block .block-title strong span { color: #333300; } .block .block-title a { text-decoration: none !important; } .block .block-subtitle { font-size: 13px; font-weight: bold; } .block .block-content { padding: 10px; overflow: hidden; clear: both; } .block .block-content li.item { padding: 5px 0; } .block .btn-remove { float: right; } .block .actions { text-align: right; } .block .actions a { float: left; } .block .empty { } .block li.odd { } .block li.even { background-color: #f6f6f6; } .col-left .block, .col-right .block { clear: both; overflow: hidden; padding:5px;} .col-left .onecolumn br.clear { display: none; } .block .btn-remove { background: url(../images/sprite_icons.png) no-repeat -35px -295px; display: block; font-size: 0; height: 5px; line-height: 0; margin: 5px 0 0; overflow: hidden; text-indent: -999em; width: 5px; } /* Mini Products List */ .mini-products-list li { padding: 5px 0; } .mini-products-list .product-image { float: left; width: 50px; padding: 5px; border: 1px solid #ddd; } .mini-products-list .product-details { margin-left: 75px; overflow: hidden; } .mini-products-list .product-details h4 { font-size: 1em; font-weight: bold; margin: 0; } /* Block: Account */ .block-account { border-left: none; border-right: none; border-bottom: none;} .col-left > .block-account { border:none;} .block-account .block-title strong {padding: 5px 5px; display: block; } .block-account li { color: #666633; padding: 0 5px 9px; } .block-account a { text-decoration: none; color: #666633; } .block-account a:hover { text-decoration: underline; } .block-account li.current { background: url(../images/sprite_bullets.png) no-repeat 108% -15px; color: #333300; } .block.block-account.left-search .block-title strong span.search-title { width: 100px; display: inline-block;} .block-account.left-search button{margin-top:5px; margin-left:-3px;} .customer-account-index.serviceapotheek.service-apotheek .block-account.left-search button{ margin-left: -2px; margin-top: 5px;} .mymedication-account-index .my-account, .mymedication-account-index .block-account { border:none;} .mymedication-account-index .my-account { padding-top:5px;} .mymedication-account-index .selfcare .table .row .col.prescription { margin-top:4px;} .txt.twocolumn, .txt.threecolumn, .txt.fourcolumn {margin-left:0;} .txt.twocolumn p, .txt.threecolumn p, .txt.fourcolumn p{padding:5px 0;} .twinbsn-explain { padding: 0 2px; } .twinbsn-explain.twocolumn .validation-advice, .twinbsn-explain.threecolumn .validation-advice, .twinbsn-explain.fourcolumn .validation-advice{margin-left: 9%;} .twinbsn-explain.twocolumn label, .twinbsn-explain.threecolumn label, .twinbsn-explain.fourcolumn label{line-height:30px; margin-right:10px; color:#333000;} .twinbsn-explain.twocolumn button, .twinbsn-explain.threecolumn button, .twinbsn-explain.fourcolumn button{margin:30px 0 0 95px;} #practitioner-search .validation-advice {margin-left: 9%;} #practitioner-search .button {margin-left:197px;} .to-pharmacy{background:#f7fafb; padding: 4px 8px 19px;} .to-pharmacy a.button{margin-left:3px;} /* Block: Currency Switcher */ .block-currency { } .block-currency select { width: 100%; border: 1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav { } .block-layered-nav .block-title, .block-layered-nav .block-subtitle { display: none; } .block-layered-nav .currently .block-subtitle { display: block; font-size: 10px; padding: 9px 10px; border-top: solid 1px #eee; font-weight: bold; margin: 29px 0 0; } .block-layered-nav dt { font-size: 10px; padding: 9px 10px; border-top: solid 1px #eee; font-weight: bold; margin: 29px 0 0; } .block-layered-nav dt:first-child { border: 0 none; margin: 0; } .block-layered-nav .currently { } .block-layered-nav li { padding: 0 10px 9px; } .block-layered-nav a { text-decoration: none; color: #666633; } .block-layered-nav a:hover { text-decoration: underline; } .block-layered-nav li ol { margin: 9px 0 0 8px; } .block-layered-nav li li { background: url(../images/sprite_bullets.png) no-repeat 0 -16px; } .block-layered-nav li li:last-child { padding: 0 10px; } .block-layered-nav .actions { clear: both; } .block-layered-nav .actions a { color: #666633; padding-left: 10px; } /* Block: Cart */ .block-cart { } .block-cart .summary { } .block-cart .amount { } .block-cart .subtotal { text-align: center; } /* Block: Wishlist */ .block-wishlist.block .block-title { border: 0 none; } .block-wishlist .product-image { border: 0 none; } .block-wishlist .block-subtitle { font-size: 11px; font-weight: normal; } .block-wishlist { overflow: hidden; } .block-wishlist li { padding: 5px 0; } .block-wishlist .block-title strong { display: block; padding: 5px 0 0; } .block-wishlist .product-name, .block-wishlist .price-box { margin: 0 0 10px; } .block-wishlist h1.old-price { float: right; padding: 0 1px 0 0; } .block-wishlist .regular-price .price, .block-wishlist h1.special-price, .block-wishlist .price-box { font-size: 16px; text-align: right; float: right; position:relative !important; } .block-wishlist .product-name a { color: #666633; text-decoration: none; } .block-wishlist .link-cart a { color: #666633; background: url(../images/sprite_bullets.png) 0 -66px no-repeat; padding-left: 10px; font-weight: bold; } .block-wishlist .product-name a:hover { text-decoration: underline; } .block-wishlist .actions { padding: 10px 0 0; overflow: hidden; } .block-wishlist .actions button { font-size: 10px; } .block-wishlist li.item { border-top: solid 1px #eee; } .block-wishlist li.even { background: #fff; } .block-wishlist li:hover { background: #F6F6F6; } /* Block: Related */ .block-related { } .block-related li { padding: 5px 0; } .block-related input.checkbox { float: left; margin-right: -20px; } .block-related .item { margin-left: 20px; } .block-related .item .product-image { float: left; margin-right: -65px; } .block-related .item .product-details { margin-left: 65px; } /* Block: Compare Products */ .block-compare { overflow: hidden; } .block-compare li { padding: 5px 0; } .block-compare .block-title strong { display: block; padding: 5px 0 0; } .block-compare .product-name a { color: #666633; text-decoration: none; } .block-compare .product-name a:hover { text-decoration: underline; } .block-compare .actions { padding: 10px 0 0; overflow: hidden; } .block-compare .actions a { color: #666633; background: url(../images/sprite_bullets.png) 0 -66px no-repeat; padding-left: 10px; font-weight: bold; margin: 0 0 10px; } .block-compare .actions a:hover { text-decoration: none; } .block-compare li.item { border-top: solid 1px #eee; } .block-compare li.even { background: #fff; } .block-compare li:hover { background: #F6F6F6; } /* Block: Recently Viewed */ .block-viewed { } .block-viewed { overflow: hidden; } .block-viewed li { padding: 5px 0; } .block-viewed .block-title strong { display: block; padding: 5px 0 0; } .block-viewed .product-name a { color: #666633; text-decoration: none; } .block-viewed .product-name a:hover { text-decoration: underline; } .block-viewed li.item { border-top: solid 1px #eee; } .block-viewed li.even { background: #fff; } .block-viewed li:hover { background: #F6F6F6; } /* Block: Recently Compared */ .block-compared { } .block-compare { overflow: hidden; } .block-compare li { padding: 5px 0; } .block-compared .block-title strong { display: block; padding: 5px 0 0; } .block-compared .product-name a { color: #666633; text-decoration: none; } .block-compared .product-name a:hover { text-decoration: underline; } .block-compared .actions { padding: 10px 0 0; overflow: hidden; } .block-compared .actions a { color: #666633; background: url(../images/sprite_bullets.png) 0 -66px no-repeat; padding-left: 10px; font-weight: bold; margin: 0 0 10px; } .block-compared li.item { border-top: solid 1px #eee; } .block-compared li.even { background: #fff; } .block-compared li:hover { background: #F6F6F6; } /* Poll / Newsletter Block */ .poll, .newsletter { min-height: 148px; padding: 12px 0; } .poll.article.pink-a .title h1, .poll.article.pink-b .title h1, .poll.article.pink-c .title h1, .newsletter.article.pink-a .title h1, .newsletter.article.pink-b .title h1, .newsletter.article.pink-c .title h1 { color: #fa77c1; margin: 0 10px 3px; } .poll.article.orange-b .title h1, .poll.article.orange-b .title h1, .poll.article.orange-b .title h1, .newsletter.article.orange-b .title h1, .newsletter.article.orange-b .title h1, .newsletter.article.orange-b .title h1 { color: #ffd5a5; margin: 0 10px 3px; } .poll.pink-a .content, .poll.pink-b .content, .poll.pink-c .content, .newsletter.pink-a .content, .newsletter.pink-b .content, .newsletter.pink-c .content, .poll.orange-a .content, .poll.orange-b .content, .poll.orange-c .content, .newsletter.orange-a .content, .newsletter.orange-b .content, .newsletter.orange-c .content { color: #fff; padding: 0 10px; } .poll.xs .content { height: 107px !important; } .poll.m .content { height: 189px !important; } .poll.xl .content { height: 264px !important; } .poll a, .newsletter a { font-size: 10px; color: #666633; text-transform: lowercase; } .poll.article.pink-a a, .poll.article.pink-b a, .poll.article.pink-c a, .newsletter.article.pink-a a, .newsletter.article.pink-b a, .newsletter.article.pink-c a { color: #fff; } .poll a:hover, .newsletter a:hover { text-decoration: none; } .poll ul, .cms-page-view .col-main .poll ul { margin: 5px 0 10px; } .poll ul li { font-size: 10px; height: 18px; padding: 5px 0; } .cms-page-view .col-main .poll ul li { list-style: none; line-height: auto; margin: 0; } .poll ul li span.radio { width: 18px; height: 18px; padding: 0 5px 0 0; background: url('../images/radio_standard.png') 0 0 no-repeat; display: block; clear: left; float: left; } .poll.pink-b ul li span.radio { background: url('../images/radio_pink.png') 0 0 no-repeat; } .poll.orange-b ul li span.radio { background: url('../images/radio_orange.png') 0 0 no-repeat; } span.checkbox { width: auto !important; height: 18px; margin: 0 !important; padding: 0 5px 5px 18px; background: url('../images/check_standard.png') 0 0 no-repeat; float: left; display: inline !important; } .blue span.checkbox { background: url('../images/check_blue.png') 0 0 no-repeat; } .darkblue span.checkbox { background: url('../images/check_darkblue.png') 0 0 no-repeat; } .green span.checkbox { background: url('../images/check_green.png') 0 0 no-repeat; } .darkgreen span.checkbox { background: url('../images/check_darkgreen.png') 0 0 no-repeat; } .orange span.checkbox { background: url('../images/check_orange.png') 0 0 no-repeat; } .pink span.checkbox { background: url('../images/check_pink.png') 0 0 no-repeat; } .red span.checkbox { background: url('../images/check_red.png') 0 0 no-repeat; } span.radio { width: auto !important; height: 18px; margin: 0 !important; padding: 0 5px 5px 18px; background: url('../images/radio_standard.png') 0 0 no-repeat; display: inline !important; } .blue span.radio { background: url('../images/radio_blue.png') 0 0 no-repeat; } .darkblue span.radio { background: url('../images/radio_darkblue.png') 0 0 no-repeat; } .green span.radio { background: url('../images/radio_green.png') 0 0 no-repeat; } .darkgreen span.radio { background: url('../images/radio_darkgreen.png') 0 0 no-repeat; } .orange span.radio { background: url('../images/radio_orange.png') 0 0 no-repeat; } .pink span.radio { background: url('../images/radio_pink.png') 0 0 no-repeat; } .red span.radio { background: url('../images/radio_red.png') 0 0 no-repeat; } .newsletter span.checkbox { width: 18px; height: 18px; padding: 0 5px 0 0; background: url('../images/check_standard.png') 0 0 no-repeat; display: block; clear: left; float: left; } .newsletter.pink-b span.checkbox { background: url('../images/check_pink.png') 0 0 no-repeat; } .newsletter.orange-b span.checkbox { background: url('../images/check_orange.png') 0 0 no-repeat; } /* Poll Block right column */ .block.block-poll .block-subtitle { font-size: 11px; font-weight: normal; margin: 0 0 10px; } .block.block-poll #poll-answers { overflow: hidden; margin: 5px 0 10px; } .block.block-poll #poll-answers li { font-size: 10px; height: 18px; padding: 5px 0; } .block.block-poll #poll-answers li span.radio { background: url("../images/radio_standard.png") no-repeat scroll 0 0 transparent; clear: left; display: block; float: left; height: 18px; padding: 0 5px 0 0; width: 18px; } /* Brands Bar */ .brandbar { width: 100%; overflow: hidden; } .brandbar ul { overflow: hidden; line-height: 52px; height: 54px; float: left; } .brandbar ul li { float: left; text-align: center; } .brandbar ul img { vertical-align: middle; } .brandbar ul a:hover { -moz-opacity: 0.6; -webkit-opacity: 0.6; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity: 0.6; } .brandbar .link { float: right; } .brandbar .link a { line-height: 52px; float: right; color: #666633; background: url(../images/sprite_bullets.png) 0 -46px no-repeat; padding-left: 10px; font-weight: bold; margin: 0 20px 0 10px; white-space: nowrap; } .fourcolumn .brandbar ul { width: 84%; } .fourcolumn .brandbar ul li { width: 14%; } .fourcolumn .brandbar ul li:nth-child(8) { display: none; } .fivecolumn .brandbar ul { width: 87%; } .fivecolumn .brandbar ul li { width: 12.5%; } /* Block: Quicklinks */ .quicklinks { } .quicklinks ol { list-style: decimal; margin: 10px 0 0 8px; font-weight: bold; color: #666633; } .quicklinks li { margin: 0 0 4px 1em; } .col-main .article.quicklinks .title h1 { font-size: 16px; margin: 20px 0 0; } .col-main .article.quicklinks .content { height: auto !important; } .col-main .article.quicklinks a { color: #666633; text-transform: none; } /* Block: Tags */ .block-tags ul, .block-tags li { display: inline; } .newsletter-subscribe { overflow: hidden; } .newsletter-subscribe h3 { margin: 14px 10px 8px; } .newsletter-subscribe p { margin: 0 10px 10px; } .newsletter-subscribe .input-wrap { overflow: hidden; padding: 0 10px; } .newsletter-subscribe .input { float: none; } .newsletter-subscribe input { color: #919191; font-size: 11px; width: 145px; } .newsletter-subscribe input:focus { color: #000; } .newsletter-subscribe button { display: block; float: none; margin: 10px; color: #fff; } /* Block: Reorder */ .block-reorder { } .block-reorder li { padding: 5px 0; } .block-reorder input.checkbox { float: left; margin: 3px -20px 0 0; } .block-reorder .product-name { margin-left: 20px; } /* Block: Banner */ .block-banner { } .block-banner .block-content { text-align: center; } /* Block: Login */ .block-login label { font-weight: bold; color: #666; } .block-login input.input-text { display: block; width: 167px; margin: 3px 0; } /* Block: Category sidebar */ .col-left .content-category, .col-left .product-category { margin: 0 0 10px; } .col-left .content-category .filter-title { font-size: 18px; font-weight:bold; color:#333300; margin: 30px 0 0 13px;} .col-left .content-category h3 { font-size: 14px; padding: 14px 10px 5px 14px; border-top: solid 1px #eee;} .col-left .product-category h3 { font-size: 14px; padding: 14px 10px 5px 3px; border-top: solid 1px #eee; } .col-left .product-category > ul, .col-left .content-category > ul { margin: 0; } .col-left .brands-sub > ul { margin: 0; } .col-left .brands-sub ul li.ctlvl1 { border-top: 1px solid #EEE; } .col-left .product-category li ul { margin: 6px 0 0 0; padding-right:5px;} .col-left .product-category .sub { background: none; } .col-left .content-category li.sub.lvl2, .col-left .product-category li.sub.lvl2 { background: url(../images/sprite_bullets.png) no-repeat 0 -1893px transparent; padding-left: 10px; margin: 0; padding-top:0;} .col-left .product-category li.sub.lvl2.open { background:none;} .col-left .product-category li.sub.lvl3 { background: url(../images/sprite_bullets.png) no-repeat 0 -1893px transparent; padding:0 0 0 10px; margin: 0; } .col-left .product-category li.sub.lvl3.open { background:none; } .col-left .product-category li.sub.lvl4 { background: url(../images/sprite_bullets.png) no-repeat 0 -1893px transparent; padding:0 0 0 7px; margin: 0; } .col-left .product-category li.sub.lvl4.open { background:none; } .col-left .product-category li.sub.lvl5 { background: url(../images/sprite_bullets.png) no-repeat 0 -1893px transparent; padding:0 0 0 10px; margin: 0; } .col-left .product-category li.sub.lvl5.open { background:none; } .col-left .content-category a, .col-left .product-category a { text-decoration: none; color: #666633; } .col-left .content-category .btn-remove { background: url(../images/sprite_icons.png) no-repeat -35px -295px; display: block; font-size: 0; height: 5px; line-height: 0; margin: 6px 0 0; overflow: hidden; text-indent: -999em; width: 5px; float: right; } .col-left .content-category .currently { margin: 0 10px 10px 5px; } .col-left .content-category .currently .block-subtitle { border-top: 1px solid #eee; font-size: 10px; padding: 9px 10px; font-weight: bold; } .col-left .content-category .currently ol { margin: 0 0 0 10px; padding: 0; } .col-left .content-category .currently ol li { margin: 0 0 5px; padding: 0; color: #666633; } .col-left .content-category .currently .actions { margin: 10px 0 0 10px; padding: 0; } .col-left .content-category .currently .actions a { color: #666633; background: url(../images/sprite_bullets.png) 0 -66px no-repeat; padding-left: 10px; font-weight: bold; } .col-left .content-category a:hover, .col-left .product-category a:hover { text-decoration: underline; } .col-left .content-category li ul { margin: 6px 0 0 0; } .col-left .product-category li ul ul { margin: 6px 0 0 0; } .col-left .content-category li li { background: url(../images/sprite_bullets.png) no-repeat 0 -1443px; color:#666633;} .col-left .content-category li li:last-child, .col-left .product-category li li:last-child { padding: 0 10px; } .content-category li.no-bullet{background:none !important; padding-left: 0px !important;} /**** Groene blokken rechterkolom ****/ .block.green { overflow: hidden; } .block.green .content { margin: 8px; } .block.green ul { margin: 8px auto; width: 150px; text-align: left; } .block.green h2, .block.green h3, .block.green h4, .block.green h5, .block.green button { color: #96BF0F; } .block.green button { color: #fff; background: url(../images/sprite_icons.png) no-repeat 0 -155px; width: 130px; height: 43px; float: none; padding: 0 0 10px; font-size: 16px; } .block.green span { width: 40px; height: 37px; background: url(../images/sprite_icons.png) no-repeat 0 0; display: inline-block; float: left; } .block.green button:hover { -moz-opacity: 0.6; -webkit-opacity: 0.6; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity: 0.6; } /* Block: Customer Service Chat */ .block.chat { text-align: center; } .block.chat h4 { padding: 5px 0; } .block.chat h5 { font-size: 9px; } /* Block: CustomerService call */ .block.customerservice { text-align: center; } .block.customerservice h4 { font-size: 14px; padding: 2px 0 0 3px; text-transform:none; text-align:left;} .block.customerservice h5 { font-size: 18px; color:#000;} .block.customerservice span { background-position: -50px -115px; } /* Block: Bestelvoordelen */ .col-right .related-products h4 { color: #666633;} .block.orderusps h4 { text-aling:left; text-transform: none;} .block.orderusps li { min-height: 40px; } .block.orderusps .point-one span { background-position: -123px -644px;} .block.orderusps .point-two span { background-position: -163px -643px; } .block.orderusps .point-three span { background-position: -132px -78px; } /* Zoek uw apotheek */ .block.collect span { background-position: 0 -118px; } .block.collect li { line-height: 25px; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { border: 0; margin: 0 0 7px; } .category-image { width: 100%; overflow: hidden; margin: 0 0 10px; text-align: center; } .category-image img { } .category-description { margin: 0 0 10px; } .category-description h1 { margin: 0 5px 10px; border-top: 1px solid #eee; padding: 5px 0 0; font-size: 18px; color: #333300; } .category-description p { margin: 0 5px; } .category-products { } /* View Type: Grid */ .products-grid { border-bottom: 1px solid #ddd; position: relative; overflow: hidden; } .products-grid.last { border-bottom: 0; } .products-grid li.item { float: left; width: 138px; padding: 12px 10px 80px; position: relative; } .products-grid .product-image { display: block; width: 135px; height: 135px; margin: 0 0 10px; } .products-grid .product-name { margin: 0 0 5px; font-weight: bold; font-size: 13px; } .products-grid .product-name a { } .products-grid .price-box { margin: 5px 0; } .products-grid .availability { line-height: 21px; } .products-grid .actions { position: absolute; bottom: 12px; } .col2-left-layout .products-grid, .col2-right-layout .products-grid { width: 632px; margin: 0 auto; } .col1-layout .products-grid { width: 790px; margin: 0 auto; } /* View Type: List */ .products-list li.item { border-bottom: 1px solid #ddd; padding: 12px 10px; } .products-list li.item.last { border-bottom: 0; } .products-list .product-image { float: left; width: 135px; height: 135px; margin: 0 0 10px; } .products-list .product-shop { margin-left: 150px; } .products-list .product-name { margin: 0 0 5px; font-weight: bold; font-size: 13px; } .products-list .product-name a { } .products-list .price-box { float: left; margin: 3px 13px 5px 0; } .products-list .availability { float: left; margin: 3px 0 0; } .products-list .desc { clear: both; padding: 6px 0 0; margin: 0 0 15px; line-height: 1.35; } .products-list .desc .link-more { font-size: 11px; } .products-list .add-to-links { clear: both; } .products-list .add-to-links li { display: inline; } .products-list .add-to-links .separator { display: inline; margin: 0 2px; } /* ======================================================================================= */ /* Product View ========================================================================== */ /* Rating */ .no-rating { margin: 0; } .ratings { font-size: 11px; padding: 0 0 10px; } .ratings a { color: #999966; } .ratings strong { float: left; margin: 0 3px 0 0; } .ratings .rating-links { margin: 0; } .ratings .rating-links .separator { margin: 0 2px; } .ratings dt { } .ratings dd { } .rating-box { width: 69px; height: 13px; font-size: 0; line-height: 0; background: url(../images/bkg_rating.gif) 0 0 repeat-x; text-indent: -999em; overflow: hidden; } .rating-box .rating { float: left; height: 13px; background: url(../images/bkg_rating.gif) 0 100% repeat-x; } .ratings .rating-box { float: left; margin: 1px 3px 0 0; } .ratings .amount { } .ratings-table th, .ratings-table td { font-size: 11px; line-height: 1.15; padding: 3px 0; } .ratings-table th { font-weight: bold; padding-right: 8px; } /* Availability */ .availability { margin: 0; } .availability span { font-weight: bold; } .availability.in-stock span { } .availability.out-of-stock span { color: #d83820; } /* Email to a Friend */ .email-friend { } /* Alerts */ .alert-price { } .alert-stock { } /********** < Product Prices */ .product .info .special-price{font-size:18px;} .product .info .old-price { margin: -2px 0 0; } .product .info .old-price h5 { text-decoration: line-through; font-size:14px; font-weight:normal;} .footer a.add-to-link.font-8px{text-decoration:none; text-transform: uppercase;} /* .product-slide-wrap .price-box { height: 25px; position: absolute; bottom: 46px;} */ .product-slide-wrap .price { margin-bottom: -10px; margin-top: 15px;} .price-box .price { font-weight: bold; } .price-box .price.action { display: none; } /* Regular price */ .regular-price { float: right; } .regular-price .price, .regular-price h5 { font-size: 22px; font-weight: bold; } /* Old price */ h1.old-price { font-size: 14px; color: #999966; text-decoration: line-through; float: left; } .old-price .price-label { white-space: nowrap; } .old-price .price { font-weight: bold; text-decoration: line-through; } /* Special price */ h1.special-price { font-size: 24px; float: left; padding: 0 0 0 10px; } .special-price .price-label { font-weight: bold; white-space: nowrap; } .special-price .price { font-weight: bold; } /* Minimal price (as low as) */ .minimal-price { } .minimal-price .price-label { font-weight: bold; white-space: nowrap; } .minimal-price-link { display: block; } .minimal-price-link .label { } .minimal-price-link .price { font-weight: normal; } /* Excluding tax */ .price-excluding-tax { display: block; } .price-excluding-tax .label { white-space: nowrap; } .price-excluding-tax .price { font-weight: normal; } /* Including tax */ .price-including-tax { display: block; } .price-including-tax .label { white-space: nowrap; } .price-including-tax .price { font-weight: bold; } /* FTP */ .weee { display: block; font-size: 11px; color: #444; } .weee .price { font-size: 11px; font-weight: normal; } /* Excl tax (for order tables) */ .price-excl-tax { display: block; } .price-excl-tax .label { display: block; white-space: nowrap; } .price-excl-tax .price { display: block; } /* Incl tax (for order tables) */ .price-incl-tax { display: block; } .price-incl-tax .label { display: block; white-space: nowrap; } .price-incl-tax .price { display: block; font-weight: bold; } /* Price range */ .price-from { } .price-from .price-label { font-weight: bold; white-space: nowrap; } .price-to { } .price-to .price-label { font-weight: bold; white-space: nowrap; } /* Price notice next to the options */ .price-notice { padding-left: 10px; } .price-notice .price { font-weight: bold; } /* Price as configured */ .price-as-configured { } .price-as-configured .price-label { font-weight: bold; white-space: nowrap; } .price-box-bundle { } /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight: bold; } .tier-prices .benefit { } .tier-prices-grouped { } /* Add to Links */ .add-to-links .separator { display: none; } /* Add to Cart */ .add-to-cart label { float: left; margin-right: 5px; } .add-to-cart input { width: 25px; } .add-to-cart input.qty { text-align: center; } .add-to-cart button.button { float: left; margin-left: 5px; } /* Add to Links + Add to Cart */ .add-to-box { } .add-to-box .add-to-cart { float: left; } .add-to-box .or { float: left; margin: 0 10px; } .add-to-box .add-to-links { float: left; } .product-view { } .product-view.hproduct{ border-top:1px solid #CCC; padding:5px 0 0 10px; } .product-essential { float:left; position:relative; } .product-collateral .box-collateral { margin: 0 0 15px; } /* PRODUCT VIEW - PRODUCT HEADER */ .product-view .product-view-header { width:100%; float:left; position:relative; margin-bottom:7px; } .product-view .product-view-header .p-header-leftcol{ float:left; position:relative; width:80%; } .product-view .product-view-header .p-header-rightcol{ float:left; position:relative; width:20%; } .search-link { font-size: 11px; color: #999966; width: 225px; margin: 10px 0 10px 18px; } .search-link a { font-size: 11px; font-weight: bold; color: #999966; } .search-link span { float: right; } /* Product Images */ .product-view .product-img-box { float: right; width: 378px; } .col3-layout .product-view .product-img-box { float: none; margin: 0 auto; } .product-view .product-img-box .product-image { border: 1px solid #ddd; } .product-view .product-img-box .product-image-zoom { position: relative; width: 265px; height: 265px; overflow: hidden; z-index: 9; } .product-view .product-img-box .product-image-zoom img { position: absolute; left: 0; top: 0; cursor: move; } .product-view .product-img-box .zoom-notice { text-align: center; } .product-view .product-img-box .zoom { position: relative; z-index: 9; height: 18px; margin: 0 auto 13px; padding: 0 28px; background: url(../images/slider_bg.gif) 50% 50% no-repeat; cursor: pointer; } .product-view .product-img-box .zoom.disabled { -moz-opacity: .3; -webkit-opacity: .3; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*IE8*/ opacity: .3; } .product-view .product-img-box .zoom #track { position: relative; height: 18px; } .product-view .product-img-box .zoom #handle { position: absolute; left: 0; top: -1px; width: 9px; height: 22px; background: url(../images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position: absolute; left: 2px; top: 0; } .product-view .product-img-box .zoom .btn-zoom-in { position: absolute; right: 2px; top: 0; } .product-view .product-img-box .more-views ul { margin-left: -4px } .product-view .product-img-box .more-views li { float: left; padding: 1px; background-color: #ddd; margin: 0 0 8px 4px ; } .product-image-popup { margin: 0 auto; } .product-image-popup .nav { text-align: center; } .product-image-popup .image { display: block; } .product-image-popup .image-label { } /* Product Shop */ .product-view .product-shop { float: left; width: 358px; border:1px solid #efefef; margin-right:8px; padding:10px; } .col1-layout .product-view .product-shop { float: right; width: 700px; } .col3-layout .product-view .product-shop { float: none; width: auto; } .product-view .product-name { } .product-view .short-description { } .product-view .add-to-box{ width:100%; float: left; position: relative; } .product-view .add-to-cart input.qty { width:15px; font-size:10px;} /* Product Options */ .product-options { bottom: 231px; padding: 10px 0 0; position: absolute; width: 95%;} .product-options dt { width:30%; line-height: 30px; float: left; } .product-options dt label { font-weight: bold; } .product-options dt label.required em { color:red;} .product-options dt .qty-holder { float: right; } .product-options dt .qty-holder label { vertical-align: middle; } .product-options dt .qty-disabled { background: none; border: 0; padding: 3px; color: #000; } .product-options dd { margin:0 0 14px 0; float:left; width:70%;} .product-options dd.last { margin:0; } .product-options dl.last dd.last { } .product-options dd input.input-text { width: 98%; } .product-options dd textarea { width: 98%; height: 8em; } .product-options dd select { width: 165px; float:right;} .product-options .options-list { } .product-options .options-list input.radio { float: left; margin: 3px -18px 0 0; } .product-options .options-list input.checkbox { float: left; margin: 3px -20px 0 0; } .product-options .options-list .label { display: block; margin-left: 20px; } .product-options ul.validation-failed { padding: 0 7px; } .product-options p.required { padding: 15px 0 0; } .product-options .validation-advice {margin-left: 15px; margin-top: 31px; width:115px;} .product-options-bottom { padding: 10px 0 0; } .product-options-bottom .add-to-cart { position: absolute; height: 35px; width: 275px; margin: 12px 0 0 90px; float: left; bottom:66px;} .product-options-bottom .add-to-cart b { margin: 8px 0 0; float: left; } .product-options-bottom .add-to-cart .input.front.qty { margin: 8px 12px 0; } .product-options-bottom .add-to-cart button.button { margin: 0; } /* Grouped Product */ .product-view .grouped-items-table { } /* Block: Description */ .product-view .box-description { } /* Block: Additional */ .product-view .box-additional { } /* Block: Upsell */ .product-view .box-up-sell { } .product-view .box-up-sell .products-grid td { width: 25%; } /* Block: Tags */ .product-view .box-tags { } .product-view .box-tags .form-add label { float: left; } .product-view .box-tags .form-add .input-box { float: left; width: 260px; margin: 0 5px; } .product-view .box-tags .form-add input.input-text { width: 254px; } .product-view .box-tags .form-add p { clear: both; } /* Block: Reviews */ .product-view .box-reviews { } .product-view .box-reviews .form-add { } /* Send a Friend */ .send-friend { } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-size: 1em; font-weight: normal; } .product-name a { } /* Product Tags */ .tags-list li { display: inline; } /* Advanced Search */ .advanced-search { } .advanced-search-amount { } .advanced-search-summary { } /* CMS Home Page */ .cms-home .subtitle { } .cms-index-index .subtitle { } /* Sitemap */ .page-sitemap .links { text-align: right; margin: 0 8px -22px 0; } .page-sitemap .links a { text-decoration: none; position: relative; } .page-sitemap .links a: hover { text-decoration: underline; } .page-sitemap .sitemap { margin: 12px; } .page-sitemap .sitemap a { } .page-sitemap .sitemap li { margin: 3px 0; } .page-sitemap .sitemap li.level-0 { margin: 10px 0 0; font-weight: bold; } .page-sitemap .sitemap li.level-0 a { } /* RSS */ .rss-title h1 { background: url(../images/i_rss-big.png) 0 4px no-repeat; padding-left: 27px; } .rss-table .link-rss { display: block; line-height: 1.35; background-position: 0 2px; } /**** Content pagina *****/ .col-main .content.detail { padding: 8px; width: 554px; position: relative; margin: 0 5px 5px; } .col-main .content.detail .main-image { margin: 0 0 10px 0; float: right;} .col-main .content.detail .main-image img { max-width: 100%; height: inherit; } .col-main .content.detail .page-title { margin: -5px 0 15px; padding: 0; border: 0 none; } .col-main .content.detail .page-title h1 { font-size: 24px; } .col-main .content.detail .subtitle { font-size: 18px; clear: none; color: #666633; margin: 0 0 15px; } .col-main .content.detail .introtext { font-weight: bold; margin: 0 0 1.5em; font-size: 14px; color: #666633; } .col-main .content.detail .introtext p { overflow: hidden;} .col-main .content.detail .maintext { font-size: 12px; } .col-main .content.detail .maintext a { color: #666633; text-decoration: underline; } .col-main .content.detail .maintext a:hover { text-decoration: none; } /* author block */ .author { background: #839aca; position: relative; } /* roze c9267b */ .author.medical { background: #004D87; padding-bottom: 80px; } .author.service-pharmacy { background: #829BC8; padding-bottom: 80px; } .author.service-pharmacy .logo { background: url("../images/sprite_general-part2.png") no-repeat scroll 100% -380px transparent; bottom: 127px; height: 67px; left: 83%; margin-left: -33px; position: absolute; width: 71px; } .author.medical .logo { background: url(../images/sprite_icons.png) no-repeat -43px -273px #fff; bottom: 20px; height: 50px; left: 50%; margin-left: -25px; position: absolute; width: 50px; } /* author block in content-detail page */ .content.detail .author { display: block; float: right; margin: -8px -8px 10px 10px; border: 0 none; } .content.detail .author .image, .content.detail .author .image a { height: auto; } .content.detail.blog-item .author .image img { border: 0 none; } .content.detail .author .content { width: auto; float: none; color: #fff; padding: 8px 18px 10px; } .content.detail .author .name { font-weight: bold; font-size: 12px; } .content.detail .author .profession { margin: 3px 0 20px; font-weight: bold; font-size: 12px; text-transform:lowercase;} .content.detail .author .specialty { margin: 0 0 22px; } .content.detail .author .description { font-style: italic; margin: 10px 0; font-size: 11px; } .content.detail .author .other { font-weight: bold; font-size: 12px; } .content.detail .author img { margin: 0 0 9px; padding: 0; width: 184px; height: auto; } .content.detail .author p a { background: url(../images/sprite_bullets.png) 0 -96px no-repeat; padding-left: 10px; font-weight: bold; text-transform: none; } .content.detail .author ul { margin: 5px 0 16px; } .content.detail .author li { font-weight: bold; margin: 0 0 5px 10px; } .content.detail .author li:before { background: url(../images/sprite_bullets.png) no-repeat 0 -95px; content: ""; float: left; height: 12px; margin: 0 0 0 -10px; width: 10px; } .content.detail .author li:last-child { margin: 0 0 0 10px; } .content.detail .author li a { padding: 0; background: 0 none; font-size: 11px; text-transform: none; color: #fff; } /* author block in category view */ .col-main .category-view .author { display: block; float: right; margin: -0 0 10px 10px; background: #c9267b; border: 0 none; position: relative; } /* roze */ .col-main .category-view .author.m { height: 250px; } .col-main .category-view .author.xl { height: 410px; } .col-main .category-view .author.m .image { position: absolute; bottom: 0; } .col-main .category-view .author.s .name, .col-main .category-view .author.s .profession, .col-main .category-view .author.s .specialty { display: none; } .col-main .category-view .author.medical { background: url(../images/i-caduceus.gif) no-repeat 50% 100% #004D87; padding-bottom: 75px; } .col-main .category-view .author.service-pharmacy { background: #829BC8; } .col-main .category-view .author .image, .col-main .category-view .author .image a { height: auto; margin: 0; } .col-main .category-view .author .image { overflow: hidden; height: 130px } .col-main .category-view .author .content { width: auto; float: none; color: #fff; padding: 10px; } .col-main .category-view .category-header .author .content { padding: 10px 18px; } .col-main .category-view .author.m .content { height: auto; padding: 10px; } .col-main .category-view .author.onecolumn.xl .content { height: 250px; } .col-main .category-view .author .description { font-style: italic; margin: 10px 0; font-size: 12px; } .col-main .category-view .author .name { font-weight: bold; font-size: 14px; } .col-main .category-view .author .profession { margin: 0 0 10px; font-size: 12px; } .col-main .category-view .author .other { font-weight: bold; margin: 10px 0; font-size: 12px; } .col-main .category-view .author img { margin: 0 0 9px; padding: 0; width: 184px; height: auto; } .col-main .category-view .author p a { background: url(../images/sprite_bullets.png) 0 -96px no-repeat; padding-left: 10px; font-weight: bold; text-transform: none; } .col-main .category-view .author ul { margin: 22px 0 16px; } .col-main .category-view .author li { background: url(../images/sprite_bullets.png) 0 -96px no-repeat; padding-left: 10px; overflow: hidden; font-weight: bold; margin: 0 0 5px; } .col-main .category-view .author li a { padding: 0; background: 0 none; font-size: 11px; text-transform: none; } .col-main .category-view .category-header .page-title h1 { font-size: 24px; margin: 0; } .col-main .category-view .category-header .page-title h1 a { color: #333300; text-decoration:none; } .col-main .category-view .category-header .page-title h1 a:hover { text-decoration: underline; } .col-main .category-view .category-header .sub-title h3 { color: #666633; font-size: 14px; padding: 0 0 4px; } /* article next to author */ .category-view .article { float: none; width: auto; } /* author-detail page cv */ .authors-view-detail .page-title { border: 0 none; margin: -2px 0 0; } .authors-view-detail .sub-title h3 { font-size: 14px; font-weight: bold; margin: 5px 0 10px 0; } .authors-view-detail .image { float: left; margin: 0 5px 0 0; } .authors-view-detail .image a { width: 130px; height: 130px; overflow: hidden; border: solid 1px #eee; } .authors-view-detail .product .image a { border: 0 none; } .authors-view-detail .col-main .article .title { margin: 0; } .authors-view-detail .main-text { margin: 10px 0; } .authors-view-detail .articles { margin: 0 5px; } .authors-view-detail .articles h2 { font-size: 18px; margin: 0 0 12px; color: #333300; } .authors-view-detail .view-detail { overflow: hidden; } .authors-view-detail .view-detail.border { padding: 8px 8px 0; margin: 0 5px 16px; } .authors-view-detail .col-main .author { display: block; float: right; width: 178px; margin: -9px -9px 0 10px; background: #839aca; border: 0 none; padding-bottom: 18px; } /* roze */ .authors-view-detail .author.medical { background: url(../images/i-caduceus.gif) no-repeat 50% 100% #004D87; padding-bottom: 75px; } .authors-view-detail .author.service-pharmacy { background: #829BC8; } .authors-view-detail .col-main .author.onecolumn .image {clear: both; height: auto; } .authors-view-detail .author.onecolumn .image a { height: auto; } .authors-view-detail .author .content { width: auto; float: none; color: #fff; margin: 0 12px; } .authors-view-detail .author .description { font-style: italic; margin: 10px 0; font-size: 12px; } .authors-view-detail .author .name { font-weight: bold; font-size: 12px; margin: 8px 0 3px; } .authors-view-detail .author .profession { margin: 0 0 19px; font-size: 12px; font-weight: bold; text-transform:lowercase; } .authors-view-detail .author .other { font-style: italic; font-weight: bold; margin: 10px 0; font-size: 12px; background: url(../images/sprite_bullets.png) 0 -96px no-repeat; padding-left: 10px; } .authors-view-detail .author img { margin: 0 0 9px; padding: 0; width: 184px; height: auto; } .authors-view-detail .author p a { background: url(../images/sprite_bullets.png) 0 -96px no-repeat; padding-left: 10px; font-weight: bold; text-transform: none; } .content.detail.blog-item .author .image img { border: 0 none; } .content.detail .author .content { width: auto; float: none; color: #fff; padding: 8px 18px 10px; } .content.detail .author .profession { margin: 3px 0 20px; } .content.detail .author .specialty { margin: 0 0 22px; } .content.detail .author .description { font-style: italic; margin: 10px 0; font-size: 11px; } .content.detail .author .other { font-weight: bold; font-size: 12px; } .authors-view-detail .author ul { margin: 22px 0 16px; } .authors-view-detail .author li { background: url(../images/sprite_bullets.png) 0 -96px no-repeat; padding-left: 10px; overflow: hidden; font-weight: bold; margin: 0 0 5px; } .authors-view-detail .author li a { white-space: nowrap; padding: 0; background: 0 none; } .authors-view-detail .articles .article { margin: 5px 0; padding: 8px; } .authors-view-detail .articles .article h3 { margin: 0 0 10px 0; } .authors-view-detail .articles .article h3 a { text-decoration: none; } .authors-view-detail .articles .article h3 a:hover { text-decoration: underline; } .authors-view-detail .articles .article { border: solid 1px #eee; width: 555px; position: relative; margin: 0 0 10px; padding: 8px; } .authors-view-detail .col-main .articles .article .title { margin: 0; overflow: hidden; } .authors-view-detail .articles .article .title h3 a { color: #333300; font-size: 14px; font-weight: bold; border: 0 none; } .authors-view-detail .articles .article .title a:hover { text-decoration:underline; } .authors-view-detail .articles .article .image { float: left; display: table-cell; } .authors-view-detail .articles .article .image a { margin: 3px 8px 0 0; border: solid 1px #eee; } .authors-view-detail .articles .article a { text-transform: none; } .authors-view-detail .articles .article a.readon { color: #999966; font-weight: bold; background: url(../images/sprite_bullets.png) 0 -66px no-repeat; padding-left: 10px; margin-left: 10px; } .authors-view-detail .articles .article .content { display: table-cell; margin: 0; float: none; } .authors-view-detail .articles .article .content .text { font-size: 12px; margin: 0; } .authors-view-detail .articles .article .content a.more { display: block; margin: 10px 0 0; color: #999A67; text-transform: lowercase; font-weight:bold; } .authors-view-detail .articles .article .links { clear: both; margin: 0; padding: 10px 0 6px; } .authors-view-detail .articles .article .links ul { margin: 0; padding: 0; list-style: disc outside none; overflow: hidden; } .authors-view-detail .articles .article .links li { padding: 0; float: left; clear: none; margin: 0 1.5em 0 0.5em; color: #666633; font-size: 10px; } .authors-view-detail .articles .article .links li a { color: #666633; text-decoration: none; border: 0 none; font-size: 10px; } .authors-view-detail .articles .article .links li a:hover { text-decoration: underline; } .authors-view-detail .articles .article .links li:last-child { margin: 0 0 0 0.5em; } .authors-view-detail .articles .article .links li.author { min-width: 50px; width: auto; background: none; margin: 0 1.5em 0 0;} .authors-view-detail .articles .article .links li.author a { color: #666633; text-transform: none; } .authors-view-detail .articles .article .links li.categories a:after { content: "," } .authors-view-detail .articles .article .links li.categories a:last-child:after { content: "" } .authors-view-detail .articles .article .links li.date { text-transform: lowercase;} .authors-view-detail .articles .article.medical, .authors-view-detail .articles .article.service-pharmacy { background: #E5EDF3; } .authors-view-detail .articles .article.service-pharmacy .logo { background: url(../images/sprite_general-part2.png) no-repeat 100% -385px; width:65px; height: 60px; position: absolute; right: 0; bottom: 0; } .authors-view-detail .articles .article.medical .logo { background: url(../images/sprite_icons.png) no-repeat -53px -280px; width:28px; height: 37px; position: absolute; right: 25px; bottom: 10px; } .authors-view-detail .articles .article .links li.categories ul { float:left; } .authors-view-detail .articles .article .links li.categories ul a { font-weight:normal; color: #666633; } .authors-view-detail .articles .article .links li.categories ul li:after { content: ","; } .authors-view-detail .articles .article .links li.categories ul li:last-child { margin: 0; } .authors-view-detail .articles .article .links li.categories ul li:last-child:after { content: ""; } .authors-view-detail .articles .article .links li.categories ul li { list-style: none; padding: 0; margin: 0 0.2em 0 0; } /* author block in home page */ .cms-home .author { position: relative; } .cms-home .col-main .author .image { overflow: hidden; } .cms-home .col-main .author.onecolumn.xl .image, .cms-home .col-main .author.onecolumn.xm .image, .cms-home .col-main .author.onecolumn.xs .image { position: absolute; top: 0; } .cms-home .col-main .author.onecolumn .content { margin: 5px 0 0; padding: 8px 10px; width: 164px; } .cms-home .col-main .author.onecolumn.xl .content { height: 146px; margin: 0 0 8px; position: absolute; bottom: 0; } .cms-home .col-main .author.onecolumn.m .content { height: 61px; margin: 0 0 8px; padding: 8px 10px; position: absolute; bottom: 0; } .cms-home .col-main .author.onecolumn.xs .content { height: 31px; margin: 0 0 8px; padding: 8px 10px; position: absolute; bottom: 0; } .cms-home .author .image, .cms-home .author .image a { height: auto; } .cms-home .author .description { font-style: italic; margin: 10px 0; font-size: 12px; } .cms-home .author .name { font-weight: bold; font-size: 14px; } .cms-home .author .profession { margin: 0 0 10px; font-size: 12px; } .cms-home .author .other { font-style: italic; font-weight: bold; margin: 10px 0; font-size: 12px; background: url(../images/sprite_bullets.png) 0 -96px no-repeat; padding-left: 10px; } .cms-home .author img { margin: 0 0 9px; padding: 0; width: 184px; height: auto; } .cms-home .author p a { background: url(../images/sprite_bullets.png) 0 -96px no-repeat; padding-left: 10px; font-weight: bold; text-transform: none; } .cms-home .author ul { margin: 22px 0 16px; } .cms-home .author li { background: url(../images/sprite_bullets.png) 0 -96px no-repeat; padding-left: 10px; width: 164px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; } .cms-home .author li a { white-space: nowrap; padding: 0; background: 0 none; } /* links onderaan content-pagina (auteur, datum, social) */ .content.detail .content-footer { clear: both; padding: 0; } .content.detail .content-footer .author { background: none; float: none; } .content.detail .content-footer .content-info { overflow: hidden; color: #666633; clear: both; padding-top: 10px;} .content.detail .content-footer .content-info a { color: #999; } .content.detail .content-footer .content-info a:hover { color: #0066CC; } .content.detail .content-footer .content-info .author a { text-transform:none; text-decoration:none; } .content.detail .content-footer .content-info .author a:hover { text-decoration:underline; } .content.detail .content-footer .content-info li, .content-info li.tags span.tag-item { background: url(../images/sprite_bullets.png) no-repeat 0px -1365px; float: left; margin: 0px 10px 4px 0px; padding: 0px 0px 0px 14px; color: #999; } .content.detail .content-footer .content-info li:first-child, .content-info li.tags span.tag-item:first-child { padding: 0; background: none; } .content.detail .content-footer .content-info li.tags, .content.detail .content-footer .content-info li.date { text-transform:lowercase; } .content.detail .content-footer .content-info .by-author { text-transform: lowercase; } .content.detail .content-footer .not-logged-in { border-top: 1px solid #EEE; margin: 20px 0 10px; padding-top: 10px; } .content.detail .content-footer .not-logged-in p { margin: 0 0 10px; } .content.detail .content-footer .not-logged-in a { color: #666633; } .content.detail .social {border-top: medium none; float: left; position: relative; width: 100%; margin-left:0;} .content.detail .social li { float: left; margin: 0 20px 0 0; } /* Pagina met lijst auteurs overzicht */ .authors-list-index { } .authors-list-index .col-left { margin: 0; } .authors-list-index .col-right { margin: 0 0 0 10px; } .authors-list-index .col-main.wrapper.threecolumn { margin: 0 0 10px 10px; } .authors-list-index .page-title { border-top: 1px solid #eee; border-bottom: 0 none; margin: 0 0 10px; padding: 7px 0 4px; } .authors-list-index .page-title h1 { color: #666633; } .authors-list-index .subtitle { font-size: 14px; clear: none; } .authors-list-index .intro-text { margin: 0 0 20px; font-size: 12px; } .authors-list-index ul.threecolumn { width: auto; } .authors-list-index ul.threecolumn > li { float: left; margin: 0 10px 0 0; width: 182px; height: 300px; position: relative; } .authors-list-index ul.threecolumn li ul li { margin: 0 8px; font-size: 11px; } .authors-list-index ul.threecolumn .image { height: 160px; overflow: hidden; } .authors-list-index ul.threecolumn .image img { width: 180px; height: auto; } .authors-list-index ul.threecolumn li ul li.name { font-weight: bold; margin: 10px 10px 0; } .authors-list-index ul.threecolumn li ul li.profession { font-weight: bold; margin: 4px 10px 0; } .authors-list-index ul.threecolumn li ul li.specialisation { margin: 10px 10px 0; } .authors-list-index ul.threecolumn .actions { position: absolute; bottom: 0; padding: 0 0 17px; margin: 0 10px; } .authors-list-index ul.threecolumn .actions a { color: #666633; background: url(../images/sprite_bullets.png) 0 -66px no-repeat; padding-left: 10px; font-weight: bold; text-decoration: underline; } .authors-list-index ul.threecolumn .actions a:hover { text-decoration: none; } /* Veel gestelde vragen - FAQ */ .cms-page-view.cms-veelgestelde-vragen .col-main .page-title { padding: 7px 0 2px; } .cms-page-view.cms-veelgestelde-vragen .col-main .page-title h1{ font-size: 18px; } dl.faq { border-left: solid 1px #eee; border-right: solid 1px #eee; border-bottom: solid 1px #eee; margin: 10px 5px; } dl.faq dt { padding: 10px 13px 10px 27px; background: url(../images/sprite_bullets.png) 10px -121px no-repeat; border-top: solid 1px #eee; } dl.faq dt:first-of-type dd { display: block; } dl.faq dt a { font-weight: bold; font-size: 14px; color: #666633; display: block; text-decoration: none; } dl.faq dt.active a { color: #333300; } dl.faq dt:hover { background-color: #f6f6f6; cursor: pointer; } dl.faq dt:first-child { border: 0 none; } dl.faq dt.active { background: url(../images/sprite_bullets.png) 8px -176px no-repeat; } dl.faq dd { font-size: 12px; padding: 1px 8px 10px; } dl.faq dd a:hover { text-decoration:none; } dl.faq dd.active { display: block; } dl.faq dd .close { display: block; margin: 3px 0; } dl.faq dd .close a { color: #666633; background: url(../images/sprite_bullets.png) 0 -66px no-repeat; padding-left: 10px; font-size: 11px; font-weight: bold; } .theme5 p.empty {padding: 10px 13px 10px 27px; border: solid 1px #eee;} /* ======================================================================= Sidebar Block Product FAQ ======================================================================= */ .block-faqs .search-content { padding: 3px 10px; } .block-faqs .menu { padding: 3px 10px; } .block-faqs #faqssearch { width: 142px; } .block-faqs #faqssearch:focus { color: #000; } .block-faqs .actions { clear: both; padding: 10px 0 0; } .block-faqs ul { margin: 10px 0; } .block-faqs li { padding: 5px 0; border-bottom: solid 1px #eee; } .block-faqs li:last-child { border: 0 none; } .block-faqs li a { text-decoration: underline; color: #666633; background: url(../images/sprite_bullets.png) 0 4px no-repeat; padding-left: 10px; } .block-faqs li a:hover { text-decoration: none; } .block-faqs li a.view-all { color: #666633; background: url(../images/sprite_bullets.png) 0 -66px no-repeat; padding-left: 10px; font-weight: bold; } /* klantenservice informatie pagina detail page ============================*/ .cms-page-view .col-main .page-title h1 { font-size: 24px; margin: 0; } .cms-page-view .col-main .sub-title, .cms-page-view .col-main .sub-title h3 { color: #666633; font-size: 14px; padding: 0 0 4px; } /*un-reset*/ .cms-page-view .col-main p { margin: 0; } .cms-page-view .col-main li ul, .cms-page-view .col-main li ol { margin: 0 1.5em; } .cms-page-view .col-main ul, .cms-page-view .col-main ol { margin: 0 1.5em 1.5em 3em; } .cms-page-view .col-main ul li { list-style: disc url("../images/blog_li_bullet_black.png"); margin-bottom: 0.5em;} .service-apotheek.cms-page-view .col-main ul li, .niet-serviceapotheek.cms-page-view .col-main ul li { list-style: disc url("../images/blog_li_bullet_black.png"); } .cms-page-view .col-main ol li { list-style-type: decimal; margin-bottom: 0.5em; } /*=======================================================*/ /* Bijschrift bij foto's in content-detail pagina's */ .col-main .content.detail .caption { margin: 1em 0; overflow: hidden; } .col-main .content.detail .caption .maintext-image { float: left; margin: 0 10px 10px 0; } .col-main .content.detail .caption br { display: none; } .col-main .content.detail .caption .caption-text { font-style: italic; } .col-main .content.detail .caption .caption-text span{ font-weight: bold; padding: 0 0.5em 0 0; } /* Recently viewed boven footer */ ul.footer-tabs { height: 29px; padding: 0 0 0 20px; border-bottom: 1px solid #eee; } ul.footer-tabs li.active a { color: #333300; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; padding: 6px 20px 5px; background: #fff; float: left; } ul.footer-tabs li a { color: #999966; font-size: 12px; font-weight: bold; padding: 7px 21px 4px; background: #fff; text-decoration: none; outline: none; float: left; } ul.footer-tabs li a:hover { color: #333300; } .fivecolumn.recentlyviewed { padding: 5px 0; } .fivecolumn.recentlyviewed { clear: both; } .fivecolumn.recentlyviewed .header-info { padding: 8px 38px 0; } .fivecolumn.recentlyviewed .header-info a { color: #666633; background: url(../images/breadcrumb.gif) no-repeat 0 50%; padding: 0 0 0 10px; font-weight: bold; margin: 0 0 0 54px; } .fivecolumn.recentlyviewed .header-info a:hover { text-decoration: none; } .fivecolumn.recentlyviewed .header-info li { display:inline-block; width: 450px; } .fivecolumn.recentlyviewed .header-info h2 { display:inline; font-size: 16px; } .fivecolumn.recentlyviewed .delete { text-align: right; } .tab-recently-viewed .fivecolumn.recentlyviewed #product-slide-wrap { margin: 15px 0px 0px; } .tab-promoted-products .fivecolumn.recentlyviewed #product-slide-wrap { margin: 20px 0px 0px; } .recentlyviewed .commands { margin: 10px 10px 0; } .recentlyviewed .commands a { color: #999966; font-size: 10px; text-transform: lowercase; } .recentlyviewed .commands a:hover { text-decoration: none; } /* ======================================================================================= */ /* Checkout ============================================================================== */ .checkout { float: left; margin: 5px; } .checkout h2 { color: #333300; margin: 20px 0 10px; } .checkout h3 { color: #333300; font-size: 14px; } .checkout h5 { color: #CCCC99; } .checkout span.special-price, .checkout span.total { color: #333300; } .fourstepcheckout-cart-account .col-main.wrapper.fourcolumn, .fourstepcheckout-cart-shipping .col-main.wrapper.fourcolumn, .fourstepcheckout-cart-payment .col-main.wrapper.fourcolumn, .fourstepcheckout-cart-success .col-main.wrapper.fourcolumn { width:578px; padding: 0;} .fourstepcheckout-cart-account .col-right, .fourstepcheckout-cart-shipping .col-right, .fourstepcheckout-cart-payment .col-right, .fourstepcheckout-cart-success .col-right {width: 382px;} .fourstepcheckout-cart-index .col.sixcolumn.label { line-height: 27px; } .fourstepcheckout-cart-index .total .col.sixcolumn.label { font-weight: bold; } .fourstepcheckout-cart-index input.qty { text-align: center; } .fourstepcheckout-cart-index .col-right { margin: 5px 5px 5px 10px; } .fourstepcheckout-cart-index .btn-cart-bottom { margin: 20px -4px 0 0; } .fourstepcheckout-cart-index button.update { margin: 0 -5px 0 0; } .col-main .checkout.fourcolumn { width: 100%; } .col-main .checkout.fourcolumn .cart .table {background:#f9fbf0;} .fourstepcheckout-cart-index .col-main .checkout.fourcolumn .cart .table {background:#FFF;} .col-main .checkout.fourcolumn .steps {margin:0;} .col-main .checkout.fourcolumn.customer-account-login .cart { border-top: none; border-bottom: none; } .col-main .checkout.fourcolumn .buttons-set { overflow: hidden; margin:0; padding: 19px 10px 21px; background:#fff; } .col-main .checkout.fourcolumn .buttons-set a.button.grey { margin-left: 3px;} .shipping-type .validation-advice { margin-bottom: 10px; margin-left: 22px; max-width: 100%; position:relative;} .fourstepcheckout.row.title h1 { margin:20px 0 0 5px;} ul#payment_form_ops_cc, ul#payment_form_ogone { margin: 0 0 20px; display: inline-block; } ul#payment_form_ops_cc label { height: 31px; margin: 0 20px 0 0; line-height: 30px; } .fourstepcheckout-cart-account .customer-account-login .cart .table .col.twocolumn{width:49%; min-height: 248px;} .fourstepcheckout-cart-account .cart .table .row.login .col.last {padding-left:5px;} .fourstepcheckout-cart-account .cart .table .row.login .col.last .checkout-login-btn{margin-right:-6px;} .fourstepcheckout-cart-account .customer-account-login #login-form input.half{width: 145px;} .fourstepcheckout-cart-account .customer-account-login .forgot-password-link{margin:5px 12px 0 0 !important;} .fourstepcheckout-cart-account .customer-account-login #login-form label {padding-top:0;} .fourstepcheckout-cart-account .customer-account-login .register-form-wrapper .validation-advice { left: -22px; margin-top: 5px;} @media screen and (-webkit-min-device-pixel-ratio:0) { .fourstepcheckout-cart-account .customer-account-login .register-form-wrapper .validation-advice { left: 60px; margin-top: 31px;} } .fourstepcheckout-cart-account .customer-account-login form#new-account .validation-advice { left: 0px; margin-top: -20px; width: 143px;} .fourstepcheckout-cart-shipping .col-main .validation-advice { margin: -11px 0 0; line-height: 10px; float: right; } .fourstepcheckout-cart-shipping .col-main span.shipping-type, .fourstepcheckout-cart-payment .col-main span.method-type { width: 100%; margin: 0 0 10px; } .fourstepcheckout-cart-shipping .col-main .shippingaddress .validation-advice {margin-left: 269px; margin-top: 9px; width:50px; line-height: 9px; width: 129px;} .fourstepcheckout-cart-shipping .col-main span.small { font-size: 11px; font-style: italic; margin: 10px 0 0; display: inline-block; } .fourstepcheckout-cart-shipping .col-main p.no-pharmacy-found{clear: both; color: #FF0000; float: left; line-height: 15px; margin: 0; padding-top: 15px !important; position: relative;} .pharmacy-checkout-search {width: 540px; margin-bottom: 15px;} .pharmacy-checkout-search .in-a-range-of{margin: 24px 5px 0 7px;} .pharmacy-checkout-search #pharmacy-checkout-submit{float: left !important; margin-left: 15px; margin-top: 16px;} .pharmacy-checkout-search #advice-required-entry-pharmacy_zipcode { margin: 35px 0 0; float: left; } .pharmacy-checkout-search select#pharmacy_range { width: 85px; } #pharmacy-checkout-result select { height: 105px; margin: 0 0 10px; padding: 10px; background: #fff; border: 1px solid #999999; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 3px 3px 3px 3px; box-shadow: 1px 1px 2px #CCCCCC inset; } .fourstepcheckout-cart-account .customer-account-login .buttons-set, .fourstepcheckout-cart-shipping .buttons-set, .fourstepcheckout-cart-payment .buttons-set { padding: 10px; border: none !important; } .fourstepcheckout-cart-account .customer-account-login .buttons-set .button.grey.small, .fourstepcheckout-cart-shipping .buttons-set .button.grey.small, .fourstepcheckout-cart-payment .buttons-set .button.grey.small { margin: 6px 0 0; text-align: center; } .fourstepcheckout-cart-account .customer-account-login .buttons-set .right, .fourstepcheckout-cart-shipping .buttons-set .right, .fourstepcheckout-cart-payment .buttons-set .right, .fourstepcheckout-cart-success .prescription-notice.fourcolumn { width: auto; } .fourstepcheckout-cart-success .success.threecolumn { width: 574px; margin: 0 0 0 1px !important; } .fourstepcheckout-cart-success .top-row { margin: 0 0 10px; border-bottom: 1px solid #EEE; border-left: 1px solid #EEE; border-right: 1px solid #EEE; } .fourstepcheckout-cart-success .top-row .table .row { background: #FFF; } .fourstepcheckout-cart-success .top-row .table .row .col { text-align: left !important; } .fourstepcheckout-cart-success .top-row .table .row .col p { margin: 10px 0 0; padding: 0; } .fourstepcheckout-cart-success .top-row .table .row .col span.checkmark { width: 73px; height: 55px; margin: 0 0 0 30px; display: block; } .fourstepcheckout-cart-account .checkout-account.table {width:100%;} .fourstepcheckout-cart-account #new-account {width:100%;} .shipping-methods {color:#000;} .shipping-methods .shipping-type{margin-bottom:5px;} .shipping-methods .pharmacy-checkout-search {padding:10px 0 25px 25px; width:516px;} .shipping-methods .in-a-range-of{margin:23px 10px 0} .shipping-methods .pharmacy-checkout-submit{margin:18px 10px 0} .shipping-methods select#pharmacy-checkout-list{margin:0 10px 25px 25px; background:#FFF; border-width:1px; border-style:solid; border-color:#abadb3 #dbdfe6 #dbdfe6 #abadb3; padding:6px;} .fourstep-payment .cart .table .row.title{border-bottom:0; } .fourstep-payment .cart h5{color:#333300;} .fourstep-payment .cart p{color:#000;} .fourstepcheckout-cart-success .cart p{font-weight:normal; padding-left:112px; margin-bottom:20px;} .fourstepcheckout-cart-success .prescription-notice p{padding-left:37px;} .fourstepcheckout-cart-index .checkout small, .cart-list .table small {font-size:10px; float: right; clear: both; line-height: 10px; margin-left: 5px; margin-top: 3px; } .cart-list .table small {line-height: 12px; margin-left:5px;} .fourstepcheckout-cart-index .checkout div.total .col.sixcolumn.label {line-height: 15px;} /* CHECKOUT RIGHT COL */ .col-right > .checkout{padding-top:33px;} .col-right > .checkout .twocolumn{width:356px; border-bottom: medium none;} .col-right > .checkout .cart .table { background:#fafafa;} .col-right > .checkout .col-right .cart .table .row.title { border:none;} .col-right > .checkout .col-right .row.title h4{ color:#666633;} .col-right #fourtstepcheckout-cart { float: left; width: 100%;} .col-right #fourtstepcheckout-cart .row.odd {border-bottom:none;} .col-right #fourtstepcheckout-cart .row.even {height:19px;} .col-right #fourtstepcheckout-cart .row.even .col.twocolumn {border-right:none;} .col-right #fourtstepcheckout-cart .row.even .col.onecolumn span, .col-right #fourtstepcheckout-cart .row.even .col.twocolumn span, .col-right #fourtstepcheckout-cart .row.even .col.threecolumn span, .col-right #fourtstepcheckout-cart .row.even .col.fourcolumn span {margin-top:0;} .col-right #fourtstepcheckout-cart .row.even .col.fourcolumn span.total {margin-top:-3px;} .shipping .notice { color: #FFF !important; width: 16px; text-align: center; background: #666633; display: block; } .shipping a.notice:hover span.tooltip { display: inline-block; } .shipping a.notice span.tooltip { position: absolute; z-index: 100; width: 100px; margin: -26px 0 0 29px; padding: 10px; font-size: 14px; text-align: center; font-size: 10px; color: #FFF !important; text-transform: none; text-align: left; background: #666633; line-height: 12px; border-radius: 2px; -moz-box-shadow: 0 0 3px #CCC; -webkit-box-shadow: 0 0 3px #CCC; box-shadow: 0 0 3px #CCC; display: none; } .shipping a.notice span.tooltip:before { position: absolute; top: 10px; left: -20px; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent #666633 transparent transparent; content: ""; } .shipping a.notice span.tooltip hr { height: 1px; width: 100%; margin: 3px 0 5px; border: none; background: #1a5c95; } .fourstepcheckout-cart-success .col-right .row.cart.footer .button.grey.small{display:none;} .col-right .tax-notice{font-style: italic;} /* END CHECKOUT RIGHT COL */ /* END Checkout ============================================================================== */ .cart p { color: #000; font-size: 12px; } .cart.fourcolumn { width: 746px!important; padding: 10px; } .cart.fourcolumn.border { width: 744px!important; padding: 10px; } .cart .table { background: none; } .cart .table .row.title { height: auto; border-bottom: 1px solid #eee; padding: 10px; } .cart .table .row.title.noborder { border: none; } .cart .table .row.cart .col.last { padding: 0; } .cart h1 { margin: -5px 0 5px; padding: 0; } .cart h2,.cart h3 { padding: 0; } .cart .table .row.cart .order.col span { display: block; } .cart .table .row.cart .order.col span h2 { display: inline-block; } .cart .table .row.cart { height: 115px; padding: 0; } .cart .table .row.cart a.button.orange.big { margin: 0 -4px 0 0; } .fourstepcheckout-cart-index .cart .table .row.cart a.button.orange.big { margin: 39px -4px 0 0; } .cart .table .row.cart .col { height: 25px; } .checkout hr, .cart .table .row.cart .col hr { height: 1px; border: none; background: #eee; float: right; margin: 0 auto; } .cart .table .row { height: 100px; border-bottom: 1px solid #eee; padding: 10px; } .cart.register .table .row {height: auto; } .product-review.cart .table .row { height: auto; } .cart .table .row.title .col { border: none; text-align: center; padding: 0; } .cart .table .row.title .col h5 { padding: 0; } .cart .table .row.discount { height: auto; border-bottom: 1px solid #eee; padding: 10px 0 15px 10px; } .cart .table .row.discount .col h2 { margin: 5px 0 0; } .cart .table .row.discount .col input { width: 247px; } .cart .table .row.login { height: auto; border-top: 1px solid #eee; border-bottom: none; padding: 10px 10px 15px; } .cart .table .row.login .col.first { border-right: 1px solid #eee; padding: 10px 10px 10px 0; } .cart .table .row.login .col.last { padding: 10px 0 10px 10px; } .cart .table .row.login .col { padding: 10px; } .cart .table .row.login .col span.input, .cart .table .row.information .col span.input { width: 100%; margin: 0 0 10px; } .cart .table .row.login .col span.input.standard, .cart .table .row.information .col span.input.standard { width: 100%; height: auto; margin: 0 0 10px; } .cart .table .row .col span.input.half { width: 390px; height: auto; margin: 0 0 10px; } .cart .table .row .col span.input.standard span.radio { width: 150px; display: inline-block; margin: 8px 0 0; } .cart .table .row.login .col span.input label, .cart .table .row.information .col span.input label { width: 85px; text-align: right; float: left; margin: 0 10px 0 0; padding: 7px 0 0; } .cart .table .row.information .col span.input.normal label, .cart .table .row.information .col span.input.standard label, .cart .table .row.information .col span.input.variable label { width: 124px; } span.input .explanation { font-size: 10px; width: 250px; margin: 0 0 0 10px; float: left; } .wishlist-index-share .validation-advice { clear: both; color: #FF0000; font-size: 10px; line-height: 13px; margin-bottom: 0; margin-left: 14%; margin-top: 0px; min-height: 13px; position: absolute; width: 314px; z-index: 0;} .wishlist-index-share .cart .table .row.login .col span.input, .wishlist-index-share .cart .cart .table .row.information .col span.input {margin: 0 0 27px;} /* Vouchers cart */ .cart .table .vouchers { border: none; } .cart .table .vouchers h2 span { font-size: 14px; color: #666633; } .cart .table .vouchers .row { height: 56px; } .cart .table .vouchers .row.title { padding: 10px 0; } .cart .table .vouchers .row.title h2 { margin: 0 0 5px; } .cart .table .vouchers .row.title .col { text-align: left; } .cart .table .vouchers .row .col { border: none; } .cart .table .vouchers .row .col h3, .cart .table .vouchers .row .col.saving { color: #F3632E; } .cart .table .vouchers .row .col.saving { padding: 10px 0 0; } .cart .table .vouchers .row .col.saving span.amount { font-size: 14px; font-weight: bold; } .cart .table .vouchers .row .col .expiration a { color: #000; } #dossier-search .cart .table .row.information, #dossier-search .cart .table .row.information > .col.tencolumn{padding-left:0; padding-top:0;} #dossier-search .cart .table span.input.normal label{width:137px; font-weight:bold; margin-bottom:3px;} .cart .table .row.information .col label.dhr, .cart .table .row.information .col label.mrs { padding-top:0 !important; width:43px !important;} .cart .table .row.login .col span.input input, .cart .table .row.information .col span.input input { width: 234px; } .cart .table .row.login .col span.input select, .cart .table .row.information .col span.input select, .cart .table .row.information .col span.input select { width: 244px; } .cart .table .row.information .col span.input.align { margin: 0 0 10px 134px; } .cart .table .row.information .col span.input input.half { width: 71px; } .cart .table .row.information .col .input .input.front.half { margin: 0 10px 0 0; } .cart .table .row.login .col a.register { color: #BFC19D; float: left; margin: 10px 0 0; } .cart .table .row.login .col a.register: hover { text-decoration: none; } .cart .table .row.information { height: auto; padding: 10px 10px 15px; } .cart .table .row.information.noborder { height: auto; border: none; padding: 0 10px 0px; } .checkout .table.title .row.information.noborder { padding:0;} .cart .table .row.intro.noborder { height: auto; border: none; padding:10px 0 0 20px; margin:0;} .cart .table .row.practitioner{padding-top:0; border: none; } .practitioner-search-wrapper{padding:10px;} .cart .table .row.find-practitioner{width:97%; height: auto; padding-left:6px;} .select-pract-label{line-height:39px;} .cart .table .row.information .col input[type=checkbox],.cart .table .row.information .col input[type=radio] { width: auto!important; height: auto; float: left; margin: 0 10px 0 0; } .info-label{float:left; width:345px !important; margin-top:0 !important; padding-top:0 !important;} .cart .table .row.information .col p.conditions { margin: 0 0 0 23px; } .cart .table .row.information .col p { padding: 0 0 22px; } .cart .table .row.information .col .shippingaddress { width: 440px; border: 1px solid #eee; margin: 0 0 10px 23px; padding: 15px; } .cart .table .row.information .col .bank { width: 300px; margin: 0 0 10px 23px; padding: 5px 15px; } .cart .table .row.information .col .bank select { width: 150px; height: auto; margin: 0; background: #FFF; border: 1px solid #eee; margin-left:10px;} .cart .table .col { height: 100%; border-right: 1px solid #eee; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding: 0 10px; display: table-cell;} .cart .table .col span input { width: 30px; } .cart .table .col.image { padding: 0!important; } .cart .table .col.image a.image { height: 171px; width: 100%; background: #aaa; display: block; } .cart .table .col.image a.image span { display: none; } form#fourtstepcheckout-cart a.image { height: 100px; } .cart .table .col.title .title { min-height: 52px; } .cart .table .col.title .actions { width: 285px; height: 16px; } .cart .table .col.title .actions ul li { border-left: 1px solid #666633; float: left; padding: 0 10px; } .cart .table .col.title .actions ul li:first-child { border: none; padding: 0 10px 0 0; } .cart .table .col.title .actions ul li a { color: #666633; text-decoration: none; } .cart .table .col.title .actions ul li a: hover { text-decoration: underline; } .cart .table .col.first { padding: 0 10px 0 0; } .cart .table .col.last { padding: 0 0 0 10px; } .cart .table .col.image.regular-products, .cart .table .freeproduct .col.image { width: 14% !important; } .cart .table .col.title.fourcolumn {margin-left: -15px; width: 38% !important;} .cart .table .col.onecolumn, .new-dossier .col.onecolumn, .management-dossiers .col.onecolumn { width: 10%; } .cart .table .col.twocolumn, .new-dossier .col.twocolumn, .management-dossiers .col.twocolumn { width: 20%; } .cart .table .col.threecolumn, .new-dossier .col.threecolumn, .management-dossiers .col.threecolumn { width: 30%; } .cart .table .col.fourcolumn, .new-dossier .col.fourcolumn, .management-dossiers .col.fourcolumn { width: 40%; } .grandtotals .col .col.fourcolumn { width: 90px !important; float: right; } .cart .table .col.fivecolumn, .new-dossier .col.fivecolumn, .management-dossiers .col.fivecolumn { width: 50%; } .sales-order-view .col.fivecolumn { height: 150px; } .cart .table .col.sixcolumn, .new-dossier .col.sixcolumn, .management-dossiers .col.sixcolumn { width: 60%; } .grandtotals .col .col.sixcolumn { width: 207px !important; } .cart .table .col.sevencolumn, .new-dossier .col.sevencolumn, .management-dossiers .col.sevencolumn { width: 70%; } .cart .table .col.eightcolumn, .new-dossier .col.eightcolumn, .management-dossiers .col.eightcolumn { width: 80%; } .cart .table .col.ninecolumn, .new-dossier .col.ninecolumn, .management-dossiers .col.ninecolumn { width: 90%; } .cart .table .col.tencolumn, .new-dossier .col.tencolumn, .management-dossiers .col.tencolumn { width: 100%; border: none; } div.order.col div.total.col.tencolumn.last, div.order.col div.shipping.col.tencolumn.last, div.order.col div.subtotal.col.tencolumn.last { margin-left: -10px; } .cart .table .col.third, .new-dossier .col.third { width: 33.3%; } .cart .table .col.fourth, .new-dossier .col.fourth { width: 25%; } .stampcard.root .row.title .col { padding: 10px !important; border: none !important; } .stampcard.root .row.title .col.first { padding: 10px 0 10px 10px !important; } .stampcard.root .row .col { min-height: 165px; } .stampcard.root .row .col h3 { font-size: 13px; color: #999966; } .stampcard.root .row .col p { color: #333300; } .stampcard.root .row .col.last { border: none !important; } .stampcard.root .col.fourth { width: 25%; } .stampcard.root .col.fourth.center { text-align: center !important; } .stampcard.root .table { border-bottom: 1px solid #EEE !important; } .stampcard.root .row { border-bottom: none !important; } .cart .table .col span.old-price,.cart .table .col span.special-price,.cart .table .col span.regular-price,.cart .table .col span.quantity,.cart .table .col span.total,.cart .table .col span.add,.cart .table .col span.edit { font-size: 12px; font-weight: bold; width: 100%; text-align: center; display: block; margin: 48px 0 0; } .cart .table .col span.old-price { color: #909090; font-weight: normal; text-decoration: line-through; } .cart .table .col span.quantity { margin: 48px 0 0; } .mymedication-quote-confirm .checkout.step4 .cart .table .col span.quantity { margin: 48px 0 0 12px; } .mymedication-quote-confirm .checkout.step4 .cart .table .col span.quantity input.qty { text-align: center; } .cart .table .row.discount .col span.add { margin: 2px 0 0; } .cart .table .col span.add { margin: 40px 0 0; } .cart .table .col span.total { font-size: 18px; text-align: right; margin: 46px 0 0; } .steps ul,.cart .table .col.title .actions ul { list-style-type: none; margin: 0; padding: 0; } .steps ul li a: hover,.cart .table .row.cart .order.col .total.col h2 { color: #000; } .cart .table .row.cart,.cart .table .row.cart .col,.cart .table .row.discount .col,.cart .table .row.title.information,.cart .table .row.information .col,.cart .table .col.image,.cart .table .col.last { border: none; color: #333300;} .cart .table .row.title h4 { color: #333300; } .registerform.cart .table .row.title h4 { margin-bottom:5px;} .cart .table .row.cart .order.col,.cart .table .row.title .col.last { text-align: right; } .cart .table .row.title .col.first,.cart .table .row.information .col span.input label { text-align: left; } .cart .table .row.information .col .input .input.half.last,.cart .table .row.information .col span.edit { margin: 0; } .cart .table .col span.add button { margin: 0 auto; float: none; } .cart .table .col span.edit button { margin: 0 auto; float: none; } .cart .table .row.information .col p a,.cart .table .row.information .col.disabled p { color: #494b2d; } .cart .table .col span.add button,.cart .table .col span.edit button { float: none; margin: 0 auto; } /* End Checkout ========================================================================== */ /* Shopping Cart ========================================================================= */ .cart { } /* Checkout Types */ .cart .checkout-types { float: right; text-align: right; } /* Shopping Cart Table */ .cart-table .item-msg { font-size: 10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding: 25px 0 0; } .cart .cart-collaterals .col2-set { float: left; width: 700px; } .cart .crosssell { } .cart .crosssell h2 { font-size: 13px; font-weight: bold; } .cart .crosssell .product-image { float: left; width: 75px; height: 75px; border: 1px solid #ddd; } .cart .crosssell .product-details { margin-left: 90px; } .cart .crosssell li.item { margin: 12px 0; } /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount, .cart .shipping { } /* Shopping Cart Totals */ .cart .totals { float: right; } .cart .totals table { width: 100%; } .cart .totals table th, .cart .totals table td { padding: 5px; } .cart .totals table th { font-weight: bold; } /* Options Tool Tip */ .item-options dt { font-weight: bold; font-style: italic; } .item-options dd { padding-left: 10px; } .truncated { cursor: help; } .truncated a.dots { cursor: help; } .truncated a.details { cursor: help; } .truncated .truncated_full_value { position: relative; z-index: 999; } .truncated .truncated_full_value dl { position: absolute; top: -99999em; left: -99999em; z-index: 999; width: 250px; padding: 8px; border: 1px solid #ddd; background-color: #f6f6f6; } .truncated .show dl { top: -20px; left: 50%; } .col-left .truncated .show dl { left: 30px; top: 7px; } .col-right .truncated .show dl { left: -240px; top: 7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight: bold; } .sp-methods .price { font-weight: bold; } .sp-methods .form-list { padding-left: 20px; } .sp-methods select.month { width: 150px; margin-right: 10px; } .sp-methods select.year { width: 96px; } .sp-methods input.cvv { width: 3em !important; } .sp-methods .centinel-logos a { margin-right: 3px; } .sp-methods .centinel-logos img { vertical-align: middle; } .please-wait { float: right; margin-right: 5px; } .please-wait img { vertical-align: middle; } .cvv-what-is-this { cursor: help; margin-left: 5px; } /* Tooltip */ .tool-tip { border: 1px solid #ddd; background-color: #f6f6f6; padding: 5px; position: absolute; z-index: 9999; } .tool-tip .btn-close { text-align: right; } .tool-tip .btn-close a { display: block; margin: 0 0 0 auto; width: 15px; height: 15px; background: url(../images/btn_window_close.gif) 100% 0 no-repeat; text-align: left; text-indent: -999em; overflow: hidden; } .tool-tip .tool-tip-content { padding: 5px; } /* Gift Messages */ .gift-messages { } .gift-messages-form { border: 1px solid #ddd; background-color: #f5f5f5; } .gift-messages-form { position: relative; } .gift-messages-form label { float: none !important; position: static !important; } .gift-messages-form h4 { } .gift-messages-form .whole-order { } .gift-messages-form .item { margin: 0 0 10px; } .gift-messages-form .item .product-img-box { float: left; width: 75px; } .gift-messages-form .item .product-image { margin: 0 0 7px; } .gift-messages-form .item .number { margin: 0; font-weight: bold; text-align: center; } .gift-messages-form .item .details { margin-left: 90px; } .gift-messages-form .item .details .product-name { } .gift-message-link { display: block; background: url(../images/bkg_collapse.gif) 0 4px no-repeat; padding-left: 20px; } .gift-message-link.expanded { background-position: 0 -53px; } .gift-message-row { } .gift-message-row .btn-close { float: right; } .gift-message dt strong { font-weight: bold; } /* Checkout Agreements */ .checkout-agreements { } .checkout-agreements li { margin: 10px 0; } .checkout-agreements .agreement-content { border: 1px solid #ddd; background-color: #f6f6f6; padding: 5px; height: 10em; overflow: auto; } .checkout-agreements .agree { padding: 6px; } /* Centinel */ .centinel { } /* Generic Info Set */ .info-set { } /********** Common Checkout Styles > */ /* One Page Checkout */ .block-progress { } .block-progress dt { font-weight: bold; } .block-progress dt.complete, .block-progress dd.complete { background-color: #f6f6f6; } .opc { border-bottom: 1px solid #ddd; position: relative; } .opc li.section { border: 1px solid #ddd; border-bottom: 0; } .opc .buttons-set.disabled button.button { display: none; } .opc .buttons-set .please-wait { height: 21px; line-height: 21px; } .opc .step-title { background-color: #f6f6f6; padding: 0 5px; text-align: right; } .opc .step-title .number { float: left; line-height: 22px; margin-right: 5px; } .opc .step-title h2 { float: left; } .opc .step-title a { display: none; float: right; } .opc .allow .step-title { cursor: pointer; } .opc .active { } .opc .active .step-title { background-color: #ccc; cursor: default; } .opc .step { border-top: 1px solid #ddd; padding: 10px; position: relative; } .opc .step .tool-tip { right: 10px; } .opc .order-review { } /* Multiple Addresses Checkout */ .checkout-progress { padding: 0 50px; margin: 10px 0; } .checkout-progress li { float: left; width: 20%; border-top: 5px solid #ccc; text-align: center; color: #ccc; } .checkout-progress li.active { border-top-color: #000; color: #000; } .multiple-checkout { position: relative; } .multiple-checkout .tool-tip { top: 50%; margin-top: -120px; right: 10px; } .multiple-checkout .grand-total { font-size: 1.5em; text-align: right; } /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .customer-account-login .col-main.wrapper.fourcolumn { margin: 15px; position: relative; width: 746px; } .customer-account-login .fieldset { padding: 0; margin: 0; border: 0 none; } .customer-account-login .fieldset .legend { margin: 0 0 10px -10px; } .customer-account-login .page-title { display: none; } .customer-account-login .col2-set { float: left; } .customer-account-login .col2-set h2 { font-size: 18px; width: 340px; font-size: 18px; font-weight: normal; background: none; } .customer-account-login .col-main .col2-set p { margin: 9px 0 19px; font-size:13px; } .customer-account-login .col-1 { float: left; width: 340px; } .customer-account-login .col-2 { float: left; width: 340px; margin: 0 0 0 50px } .customer-account-login .form-list li { margin: 0 0 8px; clear:both; } .customer-account-login #login-form label { float: left; width: 80px; margin: 0 14px 5px 0; line-height: 30px; } .customer-account-login #login-form label em { display: none; } .customer-account-login #login-form .input-text { width: 244px; } .customer-account-login #login-form button { float: left; } .customer-account-login .form-list .input-box { float: right; clear: none; width: auto; } .customer-account-login .form-footer { position: relative; clear: both; overflow: hidden; } .customer-account-login .form-footer a { position: absolute; left: 0; bottom: 0; color: #666633; font-weight: bold; background: url(../images/sprite_bullets.png) no-repeat 0 -65px; padding: 0 0 0 10px; } .customer-account-login .form-footer a:hover { text-decoration: none; } .customer-account-login .validation-advice { clear: none; left: -34px; top:28px; position: absolute; width: 230px; } .customer-account-login p.required { display:none; } .customer-account-login .twocolumn{width: 363px; float: left; margin-right: 0; } .customer-account-login .twocolumn:first-child{margin-right: 10px; } .customer-account-login .register-form-wrapper{float:left; position:relative; clear:both;} .customer-account-login .input-wrapper{float:left; position:relative; width:100%; margin-top:20px;} .customer-account-login .input-box{float:left; position:relative;} .customer-account-login .forgot-password-link{float:left; position:relative; padding-top:10px;} .customer-account-login .btns-set{float:left; position:relative; width:100%; margin-top:14px;} .customer-account-login .input-row{margin-bottom:10px;} .customer-account-login .register-form-wrapper a { color:#663; font-size: 11px; } .customer-account-login .buttons-set { overflow: hidden; border: 0 none; margin:0; padding: 10px 0; } .customer-account-login .buttons-set li { display: block; } .customer-account-login .buttons-set a.forgot { color: #666633; background: url(../images/sprite_bullets.png) 0 -66px no-repeat; padding-left: 10px; font-weight: bold; } .customer-account-login .buttons-set a.forgot:hover { text-decoration:none; } .customer-account-login .buttons-set .left { float: left; width: 70%; padding: 1px 0 0; } .customer-account-login .buttons-set .left li { clear: both; margin: 0 0 10px; } .customer-account-login .buttons-set .right { float: right; width: 30%; } .customer-account-login .buttons-set .message { text-align: right; clear: both; padding: 10px 0 0; } .customer-account-login .col-right { margin: 0; } .customer-account-login .find-pharmacy-login:before { width:17px; background: url("../images/sprite_icons.png") transparent 0 -450px no-repeat; height:17px; display:block; content:" "; position:absolute; margin-left:-25px; z-index:100;} .customer-account-login .find-pharmacy-login:after { width: 32px; background: url("../images/sprite_icons.png") transparent -54px -276px no-repeat; height: 41px; display: block; content: " "; position: absolute; right: -8px; margin-top: -67px; z-index:100;} .customer-account-login .find-pharmacy-login { width:82%; background:#e5ecf2; padding:17px 7% 17px 10%; clear:both; margin-top:17px; float:left; z-index:99; position:relative;} .customer-account-login .find-pharmacy-login h5{ font-size:18px; color:#094f93;} .customer-account-login .find-pharmacy-login .find-pharmacy-login-txt span{ float:left; clear:both; margin-top:5px;} .customer-account-login .find-pharmacy-login a{ color:#000;} .fourstepcheckout-cart-success .checkout .success { overflow: hidden; position: relative; margin: 0 0 10px; } .fourstepcheckout-cart-success .checkout a.button { margin: 0 0 50px 112px; } .fourstepcheckout-cart-success .checkout .success .checkmark { width: 73px; height: 55px; background: url(../images/sprite_icons.png) no-repeat 0 -331px; position: absolute; top: 20px; left: 20px; } .fourstepcheckout-cart-success .prescription-notice { overflow: hidden; position: relative; margin: 0 0 10px; position: relative; background: #E5EDF3; } .fourstepcheckout-cart-success .prescription-notice .sa-logo { position: absolute; width: 81px; height: 67px; top: 20px; right: 5px; } .fourstepcheckout-cart-success .prescription-notice h3 { color: #034c9b; margin: 12px 0 16px 36px;} .fourstepcheckout-cart-success .prescription-notice a.button { margin: 0 0 23px 36px;} .fourstepcheckout-cart-success .prescription-notice h3:before { content: ""; width: 17px; height: 17px; background: url("../images/sprite_icons.png") no-repeat scroll 0 -450px #E5EDF3; display: inline-block; margin: 0 10px 0 -26px; } .checkout .freeproduct, .checkout .freeproducts { margin: 25px 0 0; } .checkout .freeproducts .title h2 { margin: 0 0 17px; } .checkout .freeproducts .title h2 span { font-size: 14px; } .checkout .freeproducts .title h3 { font-size: 14px; } .checkout .freeproducts .col.last { position: relative; } .checkout .freeproducts .col.last .button { display: block; font-size: 12px; font-weight: bold; text-align: center; width: 100%; margin: 40px 0 0; } /*un-reset*/ .block.explain { position: relative; padding: 16px; } .block.explain h4 { color: #96BF0F; margin: 0 0 12px; } .block.explain ul { margin: 0; padding: 0; width: 160px; text-indent: -19px; list-style-type: none; } .block.explain ul li { padding: 8px 0 0 19px; } .block.explain ul li:first-child { padding: 0 0 0 19px; } .block.explain ul li strong { font-size: 14px; color: #96BF0F; margin: 0 4px 0 0; } .block.explain span.icon { position: absolute; right: 16px; bottom: 19px; width: 37px; height: 31px; margin: 0; background: url('../images/sprite_sidebar.png') 0 0 no-repeat; display: block ;} /* Logout succes page */ .customer-account-logoutsuccess .col-main { margin: 0 10px; } /* Forgot password */ .customer-account-forgotpassword .col-main.wrapper.fivecolumn, .customer-account-confirmation .col-main.wrapper.fivecolumn { margin: 0 0 20px 0; width:600px; float: none; padding-left: 5px;} .customer-account-forgotpassword .fieldset, .customer-account-confirmation .fieldset {border: 0 none; overflow: hidden; margin: 0; padding: 0; } .customer-account-forgotpassword label, .customer-account-confirmation label { width: 90px !important; } .customer-account-forgotpassword .buttons-set, .customer-account-confirmation .buttons-set {margin: 20px 0 0; border: 0 none; border-top: solid 1px #eee; overflow: hidden; } .row.practitioner{min-height:110px; width: 98%;} /* Account Login/Create Pages ============================================================ */ /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float: none; margin: 0; } .my-account a { color: #666633; } .my-account a:hover { text-decoration: none; } /********** < Dashboard */ .dashboard { } .dashboard .welcome-msg { margin: 10px 0 10px 6px; } .dashboard .welcome-msg h2.subtitle { margin-left: 0; font-size: 16px; } /* Block: Recent Orders */ .dashboard .box-recent { margin: 10px 0; } /* Block: Account Information */ .dashboard .box-info { } /* Block: Reviews */ .dashboard .box-reviews .number { float: left; font-size: 10px; font-weight: bold; line-height: 1; color: #fff; margin: 3px -20px 0 0; padding: 2px 3px; background: #ddd; } .dashboard .box-reviews .details { margin-left: 20px; } /* Block: Tags */ .dashboard .box-tags .number { float: left; font-size: 10px; font-weight: bold; line-height: 1; color: #fff; margin: 3px -20px 0 0; padding: 2px 3px; background: #ddd; } .dashboard .box-tags .details { margin-left: 20px; } /********** Dashboard > */ .form-list .housenumber input.input-text, .form-list .housenumberadd input.input-text { width: 30px; } /* algemeen voor my account-pagina's */ .my-account .buttons-set { border: 0 none; border-top: solid 1px #ddd; padding: 10px 0; overflow: hidden; } .my-account .buttons-set a { color: #666633; font-weight: bold; } .my-account .buttons-set a:hover { text-decoration: none; } .my-account ul.buttons-set { width: 760px; overflow: visible; border-top: 0 none; } .my-account ul.buttons-set button.button { float: none; } .my-account ul.buttons-set li { display: inline; width: 33%; } .my-account ul.buttons-set li.left { text-align: left; } .my-account ul.buttons-set li.center { text-align: center; } .my-account ul.buttons-set li.right { text-align: right; } .my-account .fieldset { background: none; border: 0 none; padding: 0; margin: 0; overflow: hidden; } .my-account .fieldset .legend { background: none; color: #330; float: none; font-size: 16px; margin: 0; padding: 0; border: 0 none; border-top: solid 1px #ddd; } .my-account .fieldset .legend:nth-of-type(1) { border: none; } /* customer account index */ .dashboard { margin: 0 0 10px; } .dashboard h1{ margin: 0 0 10px 0; } .my-account { margin: 0 5px 5px; padding: 6px 0 0; } .account.threecolumn.wrapper { width: 572px !important; padding: 10px 0 0; } .account .col { min-height: 123px !important; border: 1px solid #eee !important; } .account .col.first { width: 281px !important; margin: 0 10px 0 0; padding: 10px !important; } .account .col.last { width: 281px !important; padding: 10px !important; } .account a { color: #BFC19D; } .account a:hover { text-decoration: none; } .sim-index-index p { padding: 0 !important; } .account input[type="checkbox"], .account input[type="radio"] { margin: 0 10px 10px 0 !important; } .account span.input span.input { width: 254px !important; margin: 0 !important; padding: 7px 0 0; } .account span.input span.input a { float: right; } .hide-required em { display: none; } .account.gender{position:relative;} .account.form.cart h4 { font-size: 14px; } .account.form.cart .table .row.information { overflow: hidden; } .account.form.cart .table .row.text.information { margin: 0; } .account.form.cart .table .row.text.information label { padding: 0; } .account.form input.readonly, .required-entry.validate-date-nl.readonly {color: #919191;} .account.form .validation-advice { margin: 7px 0 0 265px; } #form-validate-repeatservice .account.form .validation-advice {left:70px;} .account.form .gender .validation-advice { margin: -17px 0 0 275px; } #pharmacy-contact .account.form .gender .validation-advice { margin: -11px 0 0 275px; } .account.form #advice-required-entry-terms { margin: -15px 0 0 75px; } .account.form .select .validation-advice { margin: 7px 0 0 244px; } .account.form .select.med .validation-advice { margin: 16px 0 0 277px; } .account.form .terms { position: relative; } .account.form .terms .validation-advice { margin-left: 0; left: 470px; top: 30px; } .account.form.cart .table .row.information .col span.input.text { margin: 10px 0 15px; } .account.form.cart .table .row.information .col span.input.text .info { width: 345px; margin: -2px 0 0; float: right; } .account.form.cart .table .row.information .col span.input.text label { padding: 0; } .account.form.cart .table .row.information label.change-password { padding: 0; } .account.form.cart .table .row.change-password { padding: 10px 10px 0; border: 0 none; } .account.form.cart .table .row.change-password.information .col span.input.text { margin: 0; padding: 0; } .account.form.cart .table .change_password_block .row { border: 0 none; } .account.form.cart .right-field-extra { margin: 0 0 0 18px; } .account.form.cart button.big.orange { margin: 0 -6px 0 0; } .account.form a.no-practitioner { margin-left: 18px; } .serviceapotheek .account.form .buttons-set { border-top: solid 1px #eee; padding: 10px 0 0; } .account.form, .share.form { padding: 10px; background: #f9fbf0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .account.form .col, .share.form .col { min-height: 0 !important; border: none !important; } .account.form .col.first, .share.form .col.first { width: 100% !important; margin: 0; padding: 0 !important; } .account.form .col.last, .share.form .col.last { width: 100% !important; padding: 0 !important; } .registerform { margin: 0 0 100px; } .ratings { padding: 0 10px !important; border: 1px solid #eee; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .ratings .table .row { height: auto; padding: 0; border: none; } .ratings .table .row.title { height: auto; min-height: 30px; padding: 0; } .ratings .table .row .col { padding: 10px 0; } .ratings .table .row.title .col { padding: 10px 0; } .ratings h3 { font-size: 14px; color: #333300; margin: 0; } .ratings a { color: #666633; } .ratings ol { margin: 0; } .ratings ol li { padding: 5px 0 0; } .ratings ol li:first-child { padding: 0; } .ratings ol li span { color: #fff; font-weight: bold; width: 20px; margin: 0 10px 0 0; padding: 2px 0; text-align: center; background: #666633; display: block; float: left; } .ratings ol li a { color: #666633; line-height: 20px; text-transform: capitalize; } .starrate { margin: 3px 0 0; float: right; } .order-history.cart, .wishlist.cart, .reviews.cart { padding: 0; border: 1px solid #eee; border-top: none; border-left: none; border-right: none; } .stampcard.cart { border-bottom: none; } .order-history.cart .table .row.title, .stampcard.cart .table .row.title, .wishlist.cart .table .row.title, .reviews.cart .table .row.title { height: auto; min-height: 30px; padding: 0; border-left: none; border-right: none; } .order-history.cart .table .row.title h5, .stampcard.cart .table .row.title h5, .wishlist.cart .table .row.title h5, .reviews.cart .table .row.title h5 { font-size: 11px; color: #999966; } .order-history.cart .table .row, .stampcard.cart .table .row, .wishlist.cart .table .row, .reviews.cart .table .row, .new-dossier .table .row, .management-dossiers .table .row { height: auto; min-height: 50px; padding: 0; border: 1px solid #eee; border-bottom: none; } .order-details .row.total { min-height: 20px !important; padding: 0 !important; border-left: none !important; border-right: none !important; border-bottom: none !important; } .order-details .row.total .row.subtotal { min-height: 20px !important; border-top: none !important; } .order-details .row.total .row.subtotal span.price { padding: 0 !important; width: auto !important; float: left !important; } .order-details .row.title .col.txt-right, .order-details .row .col.txt-right { text-align: right !important; } .stampcard.cart .table .row.title { background: none; border-bottom: none; } .stampcard.cart .table .row { background: url('../images/raster.png') 0 0 repeat-y; border-bottom: 1px solid #eee; } .order-history.cart .table .row.toolbar, .reviews.cart .table .row.toolbar { font-size: 10px; height: auto; min-height: 30px; margin: 0; padding: 0; border: 1px solid #eee; border-bottom: none; border-left: none; border-right: none; } .order-history.cart .table .row.toolbar.first, .reviews.cart .table .row.toolbar.first { height: auto; min-height: 10px; padding: 0; border-top: none; } .order-history.cart .table .row.toolbar .col.first, .reviews.cart .table .row.toolbar .col.first { padding: 10px 0 10px 10px; } .order-history.cart .table .row.toolbar .col.last, .reviews.cart .table .row.toolbar .col.last { padding: 10px 10px 10px 0; } .order-history.cart .table .row.toolbar ul, .reviews.cart .table .row.toolbar ul { margin: 0; padding: 0; list-style-type: none; float: right; } .order-history.cart .table .row.toolbar ul li:first-child, .reviews.cart .table .row.toolbar ul li:first-child { padding: 0 5px; border: none; } .order-history.cart .table .row.toolbar ul li, .reviews.cart .table .row.toolbar ul li { color: #BFC19D; font-weight: bold; padding: 0 0 0 5px; border-left: 1px solid #BFC19D; float: left; } .order-history.cart .table .row.toolbar ul li a, .reviews.cart .table .row.toolbar ul li a { color: #BFC19D; font-weight: bold; } .order-history.cart .table .row.toolbar ul li a:hover, .reviews.cart .table .row.toolbar ul li a:hover { text-decoration: none; } .order-history.cart .table .row.title .col, .stampcard.cart .table .row.title .col, .wishlist.cart .table .row.title .col, .reviews.cart .table .row.title .col { min-height: 10px; text-align: left; } .order-history.cart .table .row .col, .authors.cart .table .row .col, .stampcard.cart .table .row .col, .reviews.cart .table .row .col { padding: 10px; border: none; } .stampcard.cart .table .row.title .col { padding: 10px 0 !important; } .stampcard.cart .table .row.title .col.first { padding: 10px 0 10px 10px !important; } .reviews.cart .table .row .col, .new-dossier .table .col, .manage-my-dossiers-list .table .col{ padding: 10px 0 10px 10px; border: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .new-dossier .table .col { padding: 10px 0 10px 10px; border: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .order-history.cart a, .stampcard.cart a, .reviews.cart a { color: #666633; } .order-history.cart .table .row .col:nth-child(2) { white-space: nowrap; } .wishlist.cart .table .row .col { min-height: 235px; padding: 10px; word-wrap: break-word; border: none; } .wishlist.cart .table .row .col .price-box .old-price, .wishlist.cart .table .row .col .price-box .special-price, .wishlist.cart .table .row .col .price-box .regular-price { width: 100%; clear: both; } .wishlist.cart .table .row .col .price-box .regular-price h5 { font-size: 24px; color: #333300; } .wishlist.cart .table .row .col.border { border-top: none; border-bottom: none; border-left: none; border-right: 1px solid #eee; } .wishlist.cart .table .row .col span.regular-price { margin: 0; } .wishlist.cart .table .row .col textarea { width: 100%; height: 100px; resize: none; } .wishlist.cart .table .row .col a.delete { margin: 10px 0 0 0; } .wishlist.cart .table .row .col a.delete span span { width: 94px; } .address { margin: 0 0 10px; } .address.tencolumn.border { padding: 10px 5px 10px 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .address.tencolumn.border .address { font-weight: bold; width: 50%; float: left; } .address.tencolumn.border .address h4 { color: #666633; text-transform: capitalize; } .address.tencolumn.border .address span { text-transform: capitalize; } .address.tencolumn.border .actions { width: 50%; padding: 12px 0 0; float: left; } .address.tencolumn.border .actions a.margin { margin: 0 5px 10px -3px; } .address.tencolumn.border .actions a span { min-width: 120px; } .product-review .table .row { min-height: 171px; padding: 0 0 10px; } .product-review .table .row .col { min-height: 171px; } .share.cart .table .row .col textarea { width: 394px; } .share.cart .table .row .col textarea#email_address { height: 50px; } .share.cart .table .row .col textarea#message { height: 100px; } .stampcarddetail .table { border: 4px solid #f1f4fa; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .stampcarddetail .table .row { min-height: 100% !important; height: 100%; padding: 0; border: none; } .stampcarddetail .table .row .col { height: 200px; padding: 12px 10px 10px; background: url('../images/sprite_stampcard.png') 11px -8px no-repeat; border: 4px solid #f1f4fa; } .stampcarddetail .table.free .row .col { height: 156px; background: url('../images/sprite_stampcard.png') 356px -273px no-repeat; } .stampcarddetail .table .row .col h2 { position: absolute; z-index: 1; font-size: 70px; font-weight: normal; color: #cbd7ec; width: 113px; margin: 100px 0 0; text-align: right; display: block; } .stampcarddetail .table.free .row .col h2 { font-size: 50px; width: 533px; margin: 46px 0 0; } .stampcarddetail .table .row .col h3 { font-size: 12px; color: #7696ce; } .stampcarddetail .table .row .col .information { position: relative; z-index: 2; } /* address index */ .customer-address-index .col-main.wrapper.fourcolumn { margin: 0 auto; width: 761px; } .customer-address-index .col2-set { clear: both; margin: 10px 0; overflow: hidden; } .customer-address-index .col-1, .customer-address-index .col-2 { width: 270px; border: 1px solid #eee; padding: 8px; position: relative; } .customer-address-index .col-1 { float: left; } .customer-address-index .col-2 { float: right; } .customer-address-index .info-box { margin: 10px 0 0; } .customer-address-index .addresses-additional li { margin: 0 0 10px; } .customer-address-index .addresses-additional li:last-child { margin: 0; } .customer-address-index .addresses-additional .actions { margin: 10px 0 0; } .customer-address-index .addresses-additional .actions a { color: #666633; background: url(../images/sprite_bullets.png) 0 -66px no-repeat; padding-left: 10px; font-weight: bold; } .customer-address-index .info-box h3 { font-size: 12px; margin: 14px 0 5px; } .customer-address-index .info-box h3 a { color: #666633; background: url(../images/sprite_bullets.png) 0 -66px no-repeat; padding-left: 10px; font-weight: bold; margin: 0 0 0 20px; } .customer-address-index .info-box h3 a:hover { text-decoration: none; } .customer-address-index h2.sub-title { font-size: 16px; margin: 6px 0; } .customer-address-index h3 a { font-size: 12px; margin: 0 0 0 10px; } .customer-address-index .info-box .footer-link { background: none; height: 30px; width: 100%; position: absolute; bottom: 0; } .customer-address-index .buttons-set button.button { float: left; } .customer-address-index .buttons-set .back-link { clear: both; padding: 10px 0 0; } /* customer create form */ .customer-account-create .row.information a { color: #666633; background: url(../images/sprite_bullets.png) 0 -66px no-repeat; padding-left: 10px; font-weight: bold; } .customer-account-create .cart .table .row.information .col .checkbox { margin: 0px 10px 20px 0px; } .customer-account-create p.intro { margin: 3px 0 0; } /* voor skinselect in customer account */ .customer-account-edit label {width: 124px; float: left; line-height: 31px; margin: 0 10px 0 0; } .customer-account-edit .input-box { width: 520px; padding: 10px 0 0; float: left;} .customer-account-edit .input-box select { padding: 5px; border: 1px solid #999999; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 3px 3px 3px 3px; box-shadow: 1px 1px 2px #CCCCCC inset; width: 254px; height: 31px; background: #fff; height: 110px; margin: -10px 15px 0 0; } .customer-account-edit .input-box select option { padding: 5px; } .customer-account-edit .row.information label {line-height: 120%; } /* Sales Order View */ .sales-order-view .page-title.title-buttons a { color: #666633; background: url(../images/sprite_bullets.png) 0 -66px no-repeat; padding-left: 10px; font-weight: bold; } .sales-order-view .order-date { margin: 10px 8px; } .sales-order-view .col-main.wrapper.fourcolumn { margin: 0 auto; width: 761px; } .sales-order-view .col2-set { clear: both; margin: 10px 0; overflow: hidden; } .sales-order-view .col-1, .sales-order-view .col-2 { width: 260px; border: 1px solid #eee; padding: 8px; position: relative; } .sales-order-view .col-1 { float: left; } .sales-order-view .col-2 { float: right; } .sales-order-view .info-box { margin: 10px 0 0; min-height: 112px; } .sales-order-view .info-box h3 { color: #666633; font-size: 14px; margin: 10px 0 8px; } .sales-order-view .order-details h2 { font-size: 18px; margin: 6px 0 7px 8px; } .sales-order-view .my-account .buttons-set { border: 0 none; } .sales-order-view #my-orders-table .row .col { padding: 10px; } .sales-order-view #my-orders-table .row .col.price { text-align: left !important; } .sales-order-view #my-orders-table .row .col.right { text-align: right; } .sales-order-view #my-orders-table .row .col.left { text-align: left; } .sales-order-view #my-orders-table .row .col.center { text-align: center; } .wishlist-index-index .wishlist.cart button.grey.small span span, .wishlist-index-index .wishlist.cart a.button.grey.small span span { width: 100px !important; text-align: center !important; } .wishlist-index-index .wishlist.cart a.button.grey.small { margin: 10px 0 0 3px !important; } /* Address Book */ .addresses-list { } .addresses-list-additional li.item { } /* Order View */ .order-info { border: 1px solid #ddd; padding: 5px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display: inline; } .order-info dt { font-weight: bold; } .order-date { margin: 10px 0; } .order-info-box { } .order-items { width: 100%; overflow-x: auto; } .order-gift-message { margin: 15px 0; } .gift-message dt strong { color: #666; } .gift-message dd { margin: 5px 0 0; font-size: 13px; } .order-about { margin: 15px 0; } .order-about dt { font-weight: bold; } .order-about dd { font-size: 13px; margin: 0 0 7px; } .tracking-table { margin: 0 0 15px; } .tracking-table th { font-weight: bold; white-space: nowrap; } .tracking-table th, .tracking-table td { padding: 1px 5px 0 0; } .tracking-table-popup { width: 100%; } .tracking-table-popup th { font-weight: bold; white-space: nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding: 1px 8px; } /* Order Print Pages */ .page-print .print-head { } .page-print .print-head img { float: left; } .page-print .print-head address { float: left; margin-left: 15px; } /* Price Rewrites */ .page-print .gift-message-link { display: none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display: block; white-space: nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display: inline; } /* My Reviews */ .product-review .product-img-box { float: left; width: 140px; } .product-review .product-img-box .product-image { display: block; width: 125px; height: 125px; } .product-review .product-img-box .label { font-size: 11px; margin: 0 0 3px; } .product-review .product-img-box .ratings .rating-box { float: none; display: block; margin: 0 0 3px; } .product-review .product-details { margin-left: 150px; } .product-review .product-name { font-size: 16px; font-weight: bold; margin: 0 0 10px; } .product-review h3 { } .product-review p { margin: 0 0 1.5em; } .product-review .date { margin: 10px 0; font-weight: bold; font-size: 13px; color: #999A67; } .product-review .ratings-table { margin: 0 0 10px; } .product-review dt { font-weight: bold; } .product-review dd { font-size: 13px; margin: 5px 0 0; } /* My helpdesk */ .helpdeskultimate-customer-index .col-main { margin: 0; } .ticket-create-form h3 { color: #663; } #helpdesk-ticket-form fieldset { background: #F9FBF0; width: 450px; padding: 8px; } #helpdesk-ticket-form ul { width: 474px; } #helpdesk-ticket-form li { margin: 0 0 10px; display: inline-block; position: relative; } #helpdesk-ticket-form label { margin: 0 0 3px; width: 100%; font-weight: bold; } #helpdesk-ticket-form input#title { width: 450px; } #helpdesk-ticket-form button { text-transform: none; } #helpdesk-ticket-form a.left { color: #999966; font-weight:bold; } #helpdesk-ticket-form a.left:hover { text-decoration:none; } #helpdesk-ticket-form textarea { border: 1px solid #999; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 1px 1px 2px #ccc inset; -webkit-box-shadow: 1px 1px 2px #ccc inset; box-shadow: 1px 1px 2px #ccc inset; height: 150px; padding: 5px; width: 458px; } .helpdeskultimate-customer-index .validation-error textarea { background: #F6EAEB; border: solid 1px #A63B46; } .helpdeskultimate-customer-index .validation-advice { left: 480px; } #helpdesk-ticket-form textarea.validation-failed { border: 1px solid #A63B46; background: #F6EAEB; } #fme-ask-question-form-wraper .wide .validation-advice, #review-form .wide .validation-advice { background: url("../images/validation_advice_bg.gif") no-repeat scroll 2px 1px ; color: #A63B46; font-size: 12px; font-weight: bold; left: 0; padding: 2px 0 0 15px; position: relative; width: auto; top: 0; margin: 5px 0 0; } #fme-ask-question-form-wraper .field { position: relative; } #fme-ask-question-form-wraper #security_code { margin: 0 10px 5px; } .helpdeskultimate-customer-index .button-set { width: 474px; } /* My helpdesk single ticket view*/ .helpdeskultimate-customer-view a { color: #666633; } .helpdeskultimate-customer-view .back a { font-weight: bold; } .helpdeskultimate-customer-view a:hover { text-decoration:none; } .helpdeskultimate-customer-view h3 { color: #663; } .helpdeskultimate-customer-view fieldset.group-select { background: #F9FBF0; width: 470px; padding: 8px; } .helpdeskultimate-customer-view .legend { background: none repeat scroll 0 0 transparent; color: #333300; float: none; font-size: 16px; margin: 28px 0 10px; padding: 0; } .helpdeskultimate-customer-view .group-select textarea { border: 1px solid #999; border-radius: 3px 3px 3px 3px; box-shadow: 1px 1px 2px #ccc inset; height: 150px; padding: 5px; width: 458px; margin: 5px 0 0; } .helpdeskultimate-customer-view #ticketlist fieldset, .helpdeskultimate-customer-view #replyform fieldset { margin: 0; } .helpdeskultimate-customer-view .back { display: block; margin: 10px 0; } .helpdeskultimate-customer-view .message-box { margin: 28px 0 0; } .helpdeskultimate-customer-view .message-box.level2 h4 { font-size: 16px; color: #330; } .helpdeskultimate-customer-view .message-body { margin: 10px 0; } .helpdeskultimate-customer-view #helpdesk-reply-form button { margin: 10px 0; } /* Twitter box */ .twtr-widget { font-family: Arial, sans-serif !important; } .twtr-doc, .twtr-timeline { -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; } #twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a, #twtr-widget-1 h3, #twtr-widget-1 h4 { background-color: #96BE0E !important; color: #333300 !important; } .twtr-widget p { line-height: 1.3em !important; } .twtr-doc a { color: #FFFFFF !important; } /* customer account sales order history */ .sales-order-history .page-title { border: 0 none; } .helpdeskultimate-customer-index .col-main.wrapper.fourcolumn { margin: 0 auto 0; width: 761px; } .helpdeskultimate-customer-index #my-reviews-table thead { background: none; border-top: solid 1px #ddd; } .helpdeskultimate-customer-index #my-reviews-table tbody { border: solid 1px #ddd; } .helpdeskultimate-customer-index #my-reviews-table th { color: #999966; font-size: 11px; font-weight: bold; white-space: nowrap; } .helpdeskultimate-customer-index #my-reviews-table th, .helpdeskultimate-customer-index #my-reviews-table td { border: 0 none; border-bottom: solid 1px #ddd; padding: 8px 5px; } .helpdeskultimate-customer-index #my-reviews-table td { cursor: pointer; } .helpdeskultimate-customer-index #my-reviews-table tr:hover { background: #F9FBF0; } .helpdeskultimate-customer-index #my-reviews-table tr:hover th { background: #fff; } .helpdeskultimate-customer-index #my-reviews-table .order-id, .helpdeskultimate-customer-index #my-reviews-table .order-id a { color: #666633; } .helpdeskultimate-customer-index #my-reviews-table .order-id a:hover { text-decoration: none; } .helpdeskultimate-customer-index #my-reviews-table .date { white-space: nowrap; } .helpdeskultimate-customer-index #my-reviews-table .price { text-align: right; white-space: nowrap; } .helpdeskultimate-customer-index #my-reviews-table .actions { text-align: center; white-space: nowrap; } .helpdeskultimate-customer-index #my-reviews-table .actions a { color: #666633; background: url(../images/sprite_bullets.png) 0 -66px no-repeat; padding-left: 10px; font-weight: bold; } .helpdeskultimate-customer-index #my-orders-table .actions a:hover { text-decoration: none; } /* my stampcard */ ul.my-stampcards h2 { margin: 0 0 20px; } ul.my-stampcards ul { margin: 0 0 20px; } ul.my-stampcards ul li { margin: 10px 0; } ul.my-stampcards ul li a { color: #666633; text-decoration: none; } ul.my-stampcards ul li a:hover { text-decoration: underline; } /* ======================================================================================= */ /* ==== Blog ============================================================================= */ /* listing page*/ .blog-list, .vouchers { margin: 0 5px; } .blog-list .sub-title h3 { font-size: 16px; font-weight: bold; color: #666633; margin: 0 0 10px 0; } .blog-list .article { border: solid 1px #eee; width: 554px; position: relative; margin: 0 0 10px; padding: 8px 8px 6px; } .col-main .blog-list .article.border .title { margin: 0 0 8px; } .articles .article .title h2 a, .blog-list .article .title h2 a, .blog-list .article .title h3 a { color: #333300; font-size: 16px; font-weight: bold; text-decoration:none;} .blog-list .article .title a:hover { text-decoration:underline; } .blog-list .article .image { float: left; display: table-cell; } .blog-list .article .image a { margin: 3px 8px 0 0; border: solid 1px #eee; } .blog-list .article a { text-transform: none; } .blog-list .article .content { display: table-cell; margin: 0; float: none; } .blog-list .article .content .text { font-size: 12px; margin: 0;} .blog-list .article .content a.more { display: block; margin: 10px 0 0; color: #999A67; text-transform: lowercase; font-weight:bold; } .blog-list .article .links { clear: both; margin: 0; padding: 10px 0 0; } .blog-list .article .links ul { margin: 0; padding: 0; overflow: hidden; } .blog-list .article .links li { background: url("../images/sprite_bullets.png") no-repeat scroll 0px -1365px transparent; clear: none; color: #666633; float: left; font-size: 10px; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 15px; } .recent-comments .article .links li { background: url("../images/sprite_bullets.png") no-repeat scroll 0px -1394px transparent; clear: none; color: #999; float: left; font-size: 10px; margin: 0px 6px 0px 0px; padding: 0px 0px 0px 8px; } .blog-list .article .links li:last-child, .recent-comments .article .links li:last-child { margin: 0; } .blog-list .article .links li:first-child, .recent-comments .article .links li:first-child { padding: 0; background: 0;} .blog-list .article .links li a, .recent-comments .article .links li a { color: #666633; text-decoration:none; } .blog-list .article .links li a:hover, .recent-comments .article .links li a:hover { text-decoration:underline; } .blog-list .article .links li.author, .recent-comments li.author { background: none; padding: 0;} .blog-list .article .links li.author a, .recent-comments .article .links li.author a { text-transform: none; } .blog-list .article .links li.categories a:after { content: "," } .blog-list .article .links li.categories a:last-child:after { content: "" } .blog-list .article .links li.date, .recent-comments .article .links li.date { text-transform: lowercase;} .blog-list .article.medical, .blog-list .article.service-pharmacy { background: #E5EDF3; } .blog-list .article.service-pharmacy .logo { background: url("../images/sprite_general-part2.png") no-repeat scroll 100% -385px transparent; width:65px; height: 60px; position: absolute; right: 0; bottom: 0; } .blog-list .article.medical .logo { background: url(../images/sprite_icons.png) no-repeat -53px -280px; width:28px; height: 37px; position: absolute; right: 18px; bottom: 10px; } .widget-categories, .widget-authors { border-top: solid 1px #eee; margin: 0 0 10px;} .widget-categories h3, .widget-authors h3 { display: block; font-size: 10px; padding: 7px 5px 5px; } .widget-categories li, .widget-authors li { padding: 4px 5px; } .widget-authors .author { background: none;} .widget-categories a, .widget-authors a { text-decoration: none; color: #666633; } .widget-categories a:hover, .widget-authors a:hover { text-decoration: underline; } .widget-authors .author { background: none;} .widget-authors .all { margin: 30px 0 30px 5px; } .widget-authors .all a { color: #666633; font-weight: normal;} .authors-view-detail .widget-authors .author { float: none; margin: 0; background: none;} .blog-list.blog-item .introtext { font-size: 14px !important; color: #666633; line-height: 1.3em !important; } .blog-list.blog-item .title h1, .blog-list.blog-item .title h3 { font-size: 24px !important; color: #333300; } .fb_iframe_widget span { height: 22px !important; margin: 0; } .blog-post-view .fb_iframe_widget span { height: 22px !important; margin: 0 18px 0 0; } .twitter iframe { width: 110px !important; } .blog-list .content-footer .content-info { color: #666633; } .blog-list .content-footer .content-info h4 { display: none; } .blog-list .content-footer .content-info a { text-decoration: underline; color: #666633; } .blog-list .content-footer .content-info a:hover { text-decoration: none; } .blog-list .content-footer .content-info ul.tags li { padding: 0; margin: 0 0.5em 0 0; padding: 0 0 0 10px;} .blog-list .content-footer .content-info ul.tags li a { font-weight:normal; text-decoration:underline; color: #666633; } .blog-list .content-footer .content-info ul.tags li a:hover { text-decoration: none; } .blog-list .content-footer .content-info ul.tags li:last-child a { margin: 0; } .blog-list.blog-item .content-footer .content-info ul.tags li a { color: #999; text-decoration: underline;} .blog-list.blog-item .content-footer .content-info ul.tags li a:hover { text-decoration: none;} .blog-list .content-footer { clear: both; padding: 10px 0 0; } .blog-list .content-footer .author { font-size: 10px; } .blog-list .content-footer .content-info { overflow: hidden; font-size: 10px; } .blog-list li li.post-details { padding: 10px 0 0; color: #999966; } .blog-list li li.post-details a { color: #999966; } .blog-list li li.post-details a:hover { text-decoration: none; } .blog-list .content-footer .content-info .by-author { text-transform: lowercase; } /* single blog item */ .blog-list.blog-item .commentWrapper { padding: 5px 0 0; margin: 0 0 20px; } .blog-list.blog-item .commentWrapper .content-footer { padding: 5px 0 0; margin: 0 0 20px; } .blog-list.blog-item .content-footer .content-info li.date { text-transform: lowercase;} .blog-list.blog-item .commentWrapper .content-footer .content-info li { font-size: 10px; } .blog-list.blog-item .form { overflow: hidden; border-top: solid 1px #eee; margin: 20px 0 40px; } .content.detail.blog-list.blog-item .author { margin: -11px -8px 10px 10px; } .blog-list.blog-item .form h4 { font-size: 18px; color:#666633; margin: 16px 0 18px; padding: 0;} .blog-list.blog-item .comment-list-header h4 { font-size: 18px; color:#666633; margin: 16px 0 24px; } .blog-list.blog-item .form label { margin: 0 0 3px; width: 100%; } .blog-list.blog-item .form .aw-blog-comment-area label { } .blog-list.blog-item .form-list label.required em { float: none; position: relative; right: 0; } .blog-list.blog-item .form button { text-transform: none; } .blog-list.blog-item .aw-post-comment .logged-in {line-height:25px; margin-left:10px;} .blog-list .text img.left { float:left; margin: 0 8px 8px 0; } .blog-list .text img.right { float:right; margin: 0 0 8px 8px; } .blog-list .form-list .input-box { margin: 0 0 10px; overflow: hidden; width: auto; } .blog-list .explain { display:none; } .blog-list .aw-blog-comment-area textarea { border: 1px solid #999; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 1px 1px 2px #ccc inset; -webkit-box-shadow: 1px 1px 2px #ccc inset; box-shadow: 1px 1px 2px #ccc inset; height: 150px; padding: 5px; width: 425px; } .blog-list .comment-total { text-transform: lowercase; } .blog-list .post-pagelist a, .blog-list .post-pagelist { color: #666633; } .blog-list .validation-advice { margin: 5px 0 0 280px; } .blog-list .aw-blog-comment-area { position: relative; } .blog-list .aw-blog-comment-area .validation-advice { margin: 5px 0 0 450px; top: 20px; } /*un-reset*/ .blog-item .introtext p, .blog-item .maintext p { margin: 0 0 1.5em; } .blog-item .maintext li ul, .blog-item .introtext li ul, .blog-item .maintext li ol, .blog-item .introtext li ol { margin: 0 1.5em; } .blog-item .maintext ul, .blog-item .introtext ul, .blog-item .maintext ol, .blog-item .introtext ol { margin: 0 1.5em 1.5em 3em; } .blog-item .maintext ul, .blog-item .introtext ul, .blog-item .maintext ul li, .blog-item .introtext ul li { list-style: disc url("../images/blog_li_bullet_black.png"); margin-bottom: 1.5em; } .blog-item .maintext ol, .blog-item .introtext ol, .blog-item .maintext ol li, .blog-item .introtext ol li { list-style-type: decimal; } /* blog authors listing page */ .authors-list-index .authorlist { width: 594px; } .authors-list-index .authorlist .pager { width: 582px; } .authors-list-index .col-main div.onecolumn { position:relative; height: 326px; margin: 0 5px; overflow: hidden; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .authors-list-index .col-main div.onecolumn a { color: #999966; background: url(../images/sprite_bullets.png) 0 -66px no-repeat; padding-left: 10px; font-weight: bold; font-size: 11px; } .authors-list-index .col-main div.onecolumn .image { height: 184px; width: 184px; overflow: hidden; margin: 0 0 3px; display:table-cell; vertical-align: middle; } .authors-list-index .col-main div.onecolumn img { width: auto !important; height: 184px; } .authors-list-index .col-main div.onecolumn ul { margin: 8px 10px; } .authors-list-index .col-main div.onecolumn .name { font-weight: bold; font-size: 11px; margin: 0 0 4px; color: #060404; } .authors-list-index .col-main div.onecolumn .profession { font-weight: bold; font-size: 11px; margin: 0 0 10px; color: #060404;} .authors-list-index .col-main div.onecolumn .specialisation { color: #060404; height: 32px; line-height: 1.6em; overflow: hidden; position: absolute; text-overflow: ellipsis; top: 234px; width: 160px; font-size: 11px; } .authors-list-index .col-main div.onecolumn .more-articles { font-weight: bold; font-size: 11px; margin: 0 0 10px; position: absolute; bottom: 16px; width: 100%; } .authors-list-index .col-main div.onecolumn .actions { position: absolute; bottom: 10px; left: 8px; } .authors-list-index .pager { clear: both; color: #666633; font-weight:bold; } .authors-list-index .pager .step { margin: 0 auto; text-align: center; } .authors-list-index .pager a { color: #666633; text-decoration: underline; text-transform:lowercase;} .authors-list-index .pager a.prev, .authors-list-index .pager a.next{float:left; width:11%; position:relative; display:block; white-space: nowrap; } .authors-list-index .pager a:hover { text-decoration: none; } .authors-list-index .pager .numbers {float:left; width:78%; position:relative; display:block; text-transform:lowercase;} /* Blog author CV */ .blog-author-cv-header { overflow: hidden; } .blog-author-cv-header { padding: 8px; } .blog-author-cv-header .author { display: block; float: right; margin: -18px -17px 10px 10px; background: #c9267b; border: 0 none; } /* roze */ .blog-author-cv-header .author.medical { background: #004D87; } .blog-author-cv-header .author.service-pharmacy { background: #829BC8; } .author .image { overflow: hidden; } .blog-author-cv-header .author .content { width: auto; float: none; color: #fff; } .blog-author-cv-header .page-title { border: 0 none; } .blog-author-cv-header .page-title h1 { color: #666633; margin: 0 0 4px; } .blog-author-cv-header .page-title h3 { color: #666633; font-size: 14px; padding: 0 0 2px; } .blog-author-cv-header .author { float:right; margin: -8px -8px 8px 8px; } .blog-author-cv-header .intro-text { font-size: 12px; color: #666633; } .blog-author-cv-header .description { font-style: italic; margin: 10px 0; font-size: 12px; } .blog-author-cv-header .name { font-weight: bold; font-size: 14px; } .blog-author-cv-header .profession { margin: 0 0 10px; font-size: 12px; } .blog-author-cv .more-by h2 { margin: 16px 0; font-size: 18px; color: #666633; } /* ======================================================================================= */ /* Content Listing ========================================================================*/ .content-list { margin: 15px 0 0; } .subtitle h3.article-qty-title { font-size: 16px; font-weight: bold; color: #666633; margin: 0 0 10px 0; text-transform: lowercase; } .col-main .content-list .articles .article { margin: 0 5px 10px; padding: 8px 8px 6px; border: solid 1px #eee; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .recent-comments .articles .article { border: solid 1px #eee; position: relative; margin: 0 0 18px; padding: 8px;} .col-main .content-list .articles .article .title { margin: 0 0 8px; } .col-main .content-list .articles .article .title h2 a, .col-main .content-list .articles .article .title h3 a { color: #333300; font-size: 16px; font-weight: bold; text-decoration:none;} .col-main .content-list .articles .article .subtitle h3 { font-size: 14px;} .col-main .content-list .articles .article .title a:hover { text-decoration:underline; } .col-main .content-list .articles .article .image { float: left; display: table-cell; } .col-main .content-list .articles .article .image a { margin: 3px 8px 0 0; border: solid 1px #eee; } .col-main .content-list .articles .article a { text-transform: none; } .col-main .content-list .articles .article a.readon { color: #999966; font-weight: bold; background: url(../images/sprite_bullets.png) 0 -66px no-repeat; padding-left: 10px; margin-left: 10px; } .col-main .content-list .articles .article .content { display: table-cell; margin: 0; float: none; } .col-main .content-list .articles .article.medical .content { padding-bottom: 20px; } .col-main .content-list .articles .article.service-pharmacy .content { padding-bottom: 28px; } .col-main .content-list .articles .article .content { display: table-cell; margin: 0; float: none; } .col-main .content-list .articles .article .content .text { font-size: 12px; margin: 0; } .col-main .content-list .articles .article .content a.more { display: block; margin: 10px 0 0; color: #999A67; text-transform: lowercase; font-weight:bold; } .col-main .content-list .articles .article .links { clear: both; margin: 0; padding: 10px 0 6px; } .col-main .content-list .articles .article .links ul { margin: 0; padding: 0; overflow: hidden; } .col-main .content-list .articles .article .links li { padding: 0 0 0 15px; float: left; clear: none; margin: 0 10px 0 0; color: #999; font-size:10px; background: url(../images/sprite_bullets.png) no-repeat 0 -1365px; } .col-main .content-list .articles .article .links li:first-child { padding: 0; } .col-main .content-list .articles .article .links li a { color: #999; text-decoration:none; } .col-main .content-list .articles .article .links li a:hover { text-decoration:underline; } .col-main .content-list .articles .article .links li:last-child { margin: 0 0 0 0.5em; } .col-main .content-list .articles .article .links li.author { background: none; } .col-main .content-list .articles .article .links li.categories a:after { content: "," } .col-main .content-list .articles .article .links li.categories a:last-child:after { content: "" } .col-main .content-list .articles .article .links li.date { text-transform: lowercase;} .col-main .content-list .articles .article.medical, .col-main .content-list .articles .article.service-pharmacy { background: #E5EDF3; } /*.col-main .content-list .articles .article.service-pharmacy .logo { background: url(../images/sprite_general.png) no-repeat -929px -1070px; width:65px; height: 60px; position: absolute; right: 0; bottom: 0; }*/ .col-main .content-list .articles .article.medical .logo { background: url(../images/sprite_icons.png) no-repeat -53px -280px; width:28px; height: 37px; position: absolute; right: 18px; bottom: 10px; } .col-main .content-list .articles .article .links li { line-height: 16px; } .col-main .content-list .articles .article .links li.date { text-transform: lowercase; } .col-main .content-list .articles .article .links li.categories ul { float:left; } .col-main .content-list .articles .article .links li:first-child { background: none; } .col-main .content-list .articles .article .links li.categories { margin: 0 20px 0 0; } .col-main .content-list .articles .article .links li.categories ul li:first-child { background: none; } .col-main .content-list .articles .article .links li.categories ul li a:hover { text-decoration: underline; } .col-main .content-list .articles .article .links li.categories ul li:after { content: ","; } .col-main .content-list .articles .article .links li.categories ul li:last-child { margin: 0; } .col-main .content-list .articles .article .links li.categories ul li:last-child:after { content: ""; } .col-main .content-list .articles .article .links li.categories ul li { background: none; padding: 0; margin: 0 0.5em 0 0; } .col-main .content-list .articles .article .links li.categories ul li a { text-transform: lowercase; } .recent-comments{ margin:0 0 10px; padding: 0 10px; border-top:1px solid #eee; overflow: hidden; } .col-left.recent-comments{ padding: 0 10px 0 5px; } .recent-comments h5{ margin-bottom:10px; font-size: 10px; padding: 6px 0 0; } .recent-comments .author{ background:none; } .recent-comments .article{ border:none; margin: 0px 0px 18px; overflow: hidden; } .recent-comments .article .links { margin: 3px 0; } .recent-comments .article .links li div { display: inline; } /* ======================================================================================= */ /* CATALOG SEARCH */ .catalogsearch-result-index .col3-layout { height: 1800px; } .catalogsearch-result-index .col3-layout .threecolumn .page-title { border-bottom:none; border-top:1px solid #ddd; padding-top:8px; } .catalogsearch-result-index .col3-layout .threecolumn .results-view .category-products .products-grid { border:none; } .catalogsearch-result-index .col3-layout .threecolumn .results-view .category-products .products-grid .hproduct.item { float:left; width:542px; height:82px; padding-top: 10px; border:1px solid #f0eeee; margin-bottom:12px; } .catalogsearch-result-index .col3-layout .threecolumn .results-view .category-products .products-grid .product-name { float:left; } .catalogsearch-result-index .col3-layout .threecolumn .results-view .category-products .products-grid .product-name a { font-size:12px; font-weight:bold; color:#999966; } .catalogsearch-result-index .col3-layout .threecolumn .results-view .category-products .products-grid .product-name a:hover { text-decoration:none; } .catalogsearch-result-index .col3-layout .threecolumn .results-view .category-products .products-grid .product-image { float:left; margin-right:4px; } .catalogsearch-result-index .col3-layout .threecolumn .results-view .category-products .products-grid .regular-price .price { float: right; } .catalogsearch-result-index .col3-layout .threecolumn .results-view .category-products .products-grid .actions { display:none; } .catalogsearch-result-index .col3-layout .threecolumn .toolbar .pager, .catalogsearch-result-index .col3-layout .threecolumn .toolbar .sorter { border:none; } .catalogsearch-result-index .col3-layout .threecolumn .toolbar .pager .pages { display:none; } .catalogsearch-result-index .col3-layout .threecolumn .toolbar-bottom .pager .pages { display:block; } .catalogsearch-result-index .col3-layout .col-left { background:transparent; } .catalogsearch-result-index .col3-layout .col-left .block, .catalogsearch-result-index .col3-layout .col-right .block { border:none; } .catalogsearch-result-index .col3-layout .col-left .block .block-title, .catalogsearch-result-index .col3-layout .col-right .block .block-title { border-top: 1px solid #DDDDDD; border-bottom:none; } .catalogsearch-result-index .col3-layout .block .block-content dl#narrow-by-list dd ol li a { font-size:12px; font-weight:normal; color:#666633; text-decoration:none; } .catalogsearch-result-index .col3-layout .results-view .category-products .toolbar { color:#999966; font-size:10px; font-weight:bold; } .catalogsearch-result-index .col3-layout .results-view .category-products .toolbar-bottom .pager .pages ol li a { color:#999966; } .catalogsearch-result-index .col3-layout .results-view .category-products .toolbar-bottom .pager .pages ol li.current { color:#000; } .catalogsearch-result-index .col3-layout .threecolumn .results-view .category-products .toolbar .sorter .sort-by a { color:#999966; } .catalogsearch-result-index li.item .info { clear: both; color: #666633; font-size: 11px; height: 52px; min-width: 100%; padding: 8px 0; text-align: center; width: 100%; word-break: normal; position: relative; } .catalogsearch-result-index li.item .price { bottom: 0; position: absolute; } .catalogsearch-result-index li.item .regular-price { float: none; } .catalogsearch-result-index li.item .price { color: #C0292A; font-size: 18px; margin: 5px 0 0; width: 182px; display: block; } /* ======================================================================================= */ /* Aandoeningen - Conditions */ /* search form col-left */ .col-left #search_mini_form { padding: 8px; border-top: solid 1px #eee; margin: 0 0 10px; display: block; overflow: hidden; } .col-left #search_mini_form h3 { font-size: 10px; font-weight: bold; margin: 0 0 10px; } .col-left #search_mini_form input#search { width: 148px; } .col-left #search_mini_form button { margin: 10px 0 0; margin: 10px 0 0 -4px; } .col-left #search_mini_form .previous { font-weight: bold; color: #666633; margin: 0 0 26px; font-size: 11px; text-transform:lowercase; } .col-left #search_mini_form .previous a { font-weight: bold; color: #666633; } /* search form col-left new version */ .col-left .diseases-search-container { padding: 8px; border-top: solid 1px #eee; margin: 0 0 10px; display: block; overflow: hidden; } .catalog-product-view .col-left .diseases-search-container {border:none;} .col-left .diseases-search-container input { width: 136px; } .col-left .diseases-search-container button { margin: 10px 0 0 -4px; } .col-left .diseases-search-container .previous { font-weight: bold; color: #666633; margin: 0 0 10px; } .col-left .diseases-search-container .previous a { font-weight: bold; color: #666633; } /* select by alphabet letter in left margin */ .block.abc-filter-wrapper { clear: both; padding: 3px 0 8px; border: 0 none; margin: 0 0 10px; display: block; overflow: hidden; border: 0 none; border-top: solid 1px #eee; } .block.abc-filter-wrapper .block-title strong { } ul.alphabet { margin: 11px 0 0; } ul.alphabet li { width: 29px; float:left; text-align: center; } ul.alphabet li a { color: #999966; text-decoration: none; font-size:18px; font-weight:bold; line-height:30px; display:block; } ul.alphabet li.item-all { width: 48px; } ul.alphabet li.item-all a { text-transform: none; } ul.alphabet li a.active { color:#000; font-size: 24px; } ul.alphabet li a:hover, ul.alphabet li.current a { color:#666633; font-size: 24px; } /* col-main */ .diseases-search-result-header { margin: 0 5px; } .diseases .page-title h1 { font-size: 24px; padding: 0 0 9px; } .diseases .sub-title.search { border-top: solid 1px #eee; padding: 9px 0 0; margin: 15px 5px 18px; } .diseases .sub-title.search h2 { color: #333300; } .diseases .sub-title.search .query { color: #999A67; } .diseases .onecolumn.border.quicklinks { padding: 8px; width: 182px; } .diseases .toolbar { border-top: 0 none; padding: 5px 0 7px; margin: 0; } .diseases .pager { color: #999966; font-size: 11px; font-weight: bold; overflow: hidden; } .diseases .pager .right { float: right !important; } .diseases .col-main .onecolumn.border { clear: both; overflow: hidden; margin: 0 0 10px; } .diseases .quicklinks ol { list-style: decimal; margin: 10px 8px; font-size: 11px; font-weight: bold; color: #666633; } .diseases .quicklinks li { margin: 0 0 4px 1em; } .diseases .quicklinks a { color: #666633; text-transform: none; } .diseases .page-title { border-top: solid 1px #eee; border-bottom: 0 none; padding: 8px 0 0; } .diseases .title { border-top: solid 1px #eee; margin: 15px 0; } .diseases .title h2 { margin: 8px 0 3px; padding: 0 10px 0 0; font-size: 18px; } .diseases .listing { margin: 8px 9px; } .diseases .listing li { padding: 0 0 5px; } .diseases .listing a { color: #666633; padding-left: 10px; font-weight: bold; font-size: 11px; display: inline-block; } .diseases .listing a:before { content: ""; float: left; width: 10px; height: 12px; margin: 0 0 0 -10px; background: url(../images/sprite_bullets.png) 0 -66px no-repeat; } .diseases .related-blogs ul { margin: 17px 0 0 10px; font-size: 11px; } .diseases .related-blogs li { margin: 0 0 4px 0; } .diseases .related-blogs a { color: #666633; font-weight: bold; display: inline-block; } .diseases .related-blogs a:before { content: ""; float: left; width: 10px; height: 12px; margin: 0 0 0 -10px; background: url(../images/sprite_bullets.png) 0 -66px no-repeat; } .diseases .quicklinks a:hover, .diseases .title h2 a:hover, .diseases .listing a:hover { text-decoration: none; } .diseases .pager a, .diseases .title h2 a { color: #999966; font-size: 10px; } .diseases .quicklinks .title, .diseases .related-blogs .title { border: 0 none; margin: 0 8px; } .diseases .quicklinks .title h2, .diseases .related-blogs .title h2 { font-size: 16px; margin: 12px 0 0; } .diseases .quicklinks .content, .diseases .related-blogs .content { height: auto !important; padding: 0 0 6px; } .diseases div.left { width: 362px; margin: 5px; } .diseases div.right { margin: 5px; } /* dossier pages opmaak */ .page-title.disease-hd h1 { margin: 0 0 22px; } .col-main .disease-description.dossier .page-title h1 { font-size: 16px; color: #666633; } .des-inner-column-left { margin: 0; } .col-main .disease-description { position: relative; } .col-main .disease-description .tabs { height: 21px; border-bottom: solid 1px #ddd; width: 576px; } .col-main .disease-description .tabs > li { display: inline; } .col-main .disease-description .tabs > li a { color: #666633; padding: 5px; text-decoration: none; border: solid 1px #fff; border-bottom: 0 none; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; cursor: pointer; } .col-main .disease-description .tabs > li.current a:hover, .col-main .disease-description .tabs > li.current a { color: #333300; border: solid 1px #ddd; border-bottom: solid 1px #fff; background: #fff; } .col-main .disease-description .tabs > li a:hover { border: solid 1px #eee; border-bottom: 0 none; text-decoration: underline; } .col-main .disease-description ul.content { padding: 20px 8px 10px; margin: -1px 0 0; font-size: 12px; width: 559px; } .col-main .disease-description ul.content > li { display: none; } .col-main .disease-description ul.content > li.current { display: block; } .col-main .disease-description ul.content li h2 { font-size: 12px; color: #333300 !important; } .col-main .disease-description ul.content li h2 span { text-transform: lowercase; } /*un-reset*/ .col-main .disease-description ul.content p { margin: 0 0 1.5em; } .col-main .disease-description ul.content li ul, .col-main .disease-description ul.content li ol { margin: 0 1.5em 1.5em 1.5em; } .col-main .disease-description ul.content ul li { list-style-type: disc; } .col-main .disease-description ul.content ol li { list-style-type: decimal; } .col-main .disease-description ul.content li#selfcare ul { padding: 0; margin: 0; } .col-main .disease-description ul.content li#selfcare ol li, .col-main .disease-description ul.content li#selfcare ul li{ list-style-type: none; } .col-main .disease-description ul.content li#selfcare ul li{ float: left; } .col-main .disease-description ul.content li#selfcare .usps .info { height: 123px; overflow:hidden; } .col-main .disease-description ul.content li#selfcare .usps .info ul { margin: 10px; } .col-main .disease-description ul.content li#selfcare .usps .info ul li { padding: 0 0 0 20px; background: url(../images/sprite_bullets.png) no-repeat 0 -347px; margin: 0; color: #666633; float: none;text-align: left; } .col-main .disease-description ul.content li#selfcare .usps .footer { width: 176px; height: 20px; position: absolute; bottom: 0;} .col-main .disease-description ul.content li#selfcare .product { margin: 0 10px 10px 0; height: 275px;width: 178px; } .col-main .disease-description ul.content li#selfcare .product .label { margin: 0; position: absolute; right: 0; } .col-main .disease-description ul.content li#selfcare .info h3, .col-main .disease-description ul.content li#selfcare .info h3 a { color: #333300; font-size: 11px; margin: 0 8px; line-height: 1em; height: 1em; overflow: hidden; } .col-main .disease-description ul.content li#selfcare .content.addto-content { padding: 5px !important; width: 166px; } .col-main .disease-description ul.content li#selfcare .price h3 { font-size: 14px; color: #666633; } /* block "Other articles" in sidebar */ .block.other-articles { border: none; } .block.other-articles .content > ul > li { padding: 10px 8px; margin: 0 0 10px; overflow: hidden; } .block.other-articles .content li li { margin: 0 0 3px; font-size: 11px; } .block.other-articles .content li li a { color: #666633; background: url(../images/sprite_bullets.png) 0 -66px no-repeat; padding-left: 10px; font-weight: bold; } .block.other-articles .title { border-top: solid 1px #eee; margin: 0; } .block.other-articles .title h1 { font-size: 16px; margin: 10px 8px; } /* search results product grid in */ .hreview-aggregate .product .info b a { display: inline-block; height: 27px; } .hreview-aggregate .product .content .add-to-links a { color: #666633; } .hreview-aggregate .product .special-price{ color:#ca2300; } .hreview-aggregate .regular-price .price { color: #C0292A; } .catalog-category-view .info .txt.now-for {display:none;} .catalog-category-view .info .old-price.left .txt.from {display:none;} /* .catalog-category-view */.info .price, /* .catalog-category-view */.info .price h5 {margin:0; width: 100%;} /* .catalog-category-view */.info .old-price, /* .catalog-category-view */.info .old-price h5 {margin:0;} /* .catalog-category-view */.info .old-price h5 {text-align:right; padding-right:10px;} /* .catalog-category-view */.special-price.left, /* .catalog-category-view */.old-price.left {float:right !important; width:50%;} /* .catalog-category-view */.info .special-price h5 {text-align:left; padding-left:10px;} .detail .content .special-price.left, .detail .content .old-price.left { width: auto; margin-right:4px; } /* block related products in sidebar */ .col-right .product-slider h3 {font-size: 14px; color: #666633; margin: 0 5px; } /* SEARCH RESULTS DISEASES/ GENERAL */ .diseases-result-products, .diseases-result-diseases, .diseases-result-leaflet, .pharmacy-container.result-container {float:left; position:relative; width:100%; margin-bottom:30px; margin: 0; } .searchengine-q-results .col3-layout .threecolumn .page-title { padding: 5px 0; } .searchengine-q-results .page-title h1 { color: #666633; } .searchengine-q-results .border { } .searchengine-q-results .toolbar { border-bottom: 0 none; margin: 5px 0 0; padding: 10px; } .searchengine-q-resultst .diseases-search-results .product-result-ul{width:100%;} .searchengine-q-resultst .diseases-search-results li { padding: 8px; margin: 0 0 14px; } .searchengine-q-results .diseases-search-results li h1 { font-size: 11px; padding: 3px 0 5px; } .searchengine-q-results .diseases-search-results li a { color: #999966; text-decoration:none;} .searchengine-q-results .diseases-search-results li .footer a { text-decoration:underline;} .searchengine-q-results .diseases-search-results a.readon span { color: #999966; } .searchengine-q-results .diseases-search-results li a:hover{text-decoration:underline;} .searchengine-q-results .diseases-search-results li h1 a:hover, .searchengine-q-results .diseases-search-results li span a:hover { text-decoration: none; } .searchengine-q-results .diseases-search-results li p, .searchengine-q-results .diseases-search-results li span { display: inline; } .searchengine-q-results .link-title{font-weight:bold;} .searchengine-q-results .diseases-search-results .product-result-row{padding:10px; border:1px solid #e5e5e5; margin-bottom:12px; margin-left: 5px; width:550px; float:left;} .searchengine-q-results h3.result {margin-bottom:10px;} .searchengine-q-results .to-top{width:572px; margin: 5px auto; clear:both; display: block;} .searchengine-q-results .to-top:hover{text-decoration:none;} .searchengine-q-results .product-result-ul li .small-icon {margin-right: 5px; overflow: hidden;} .searchengine-q-results .product .footer { height: 30px !important; } /* search results diseases service paharmacy / service apotheek */ .diseases-search-results .diseases-search-result-header h1 { font-size: 24px; padding: 9px 0 11px; border-top: solid 1px #eee; } .diseases-search-results .results-title h3 { font-size: 16px; padding: 6px 0 8px; } .diseases-search-results li a .link-title { font-size: 12px; text-decoration: underline; color: #999966; padding: 2px 0 3px; } .serviceapotheek .diseases-search-results li a .link-title { color: #004A89; } .diseases-search-results li a .link-title:hover, .diseases-search-results li a:hover .link-title { text-decoration: none !important; } .diseases-search-results .results-title { width: 562px; border-top: solid 1px #eee; margin: 0 5px; } .serviceapotheek .diseases-search-results .results-title { margin: 0; } .diseases-search-results a.readon { font-weight: bold; margin: 0 0 0 5px; } .diseases-search-results a.readon span { color: #d5424a; } .searchengine-q-results .diseases-search-results li a:hover { text-decoration: none; } /* search results non-product page */ .search-results-non-product .col3-layout .threecolumn .page-title { padding: 5px 0; } .catalogsearch-result-index .search-results-non-product .page-title h1 { color: #666633; } .search-results-non-product .border { } .search-results-non-product .toolbar { border-bottom: 0 none; margin: 5px 0 0; padding: 10px; } .search-results-non-product br.clear { display: none; } .search-results-non-product .search-results li { padding: 8px; margin: 0 0 14px; } .search-results-non-product .search-results li h1 { font-size: 11px; padding: 3px 0 5px; } .search-results-non-product .search-results li a { color: #999966; text-decoration:underline; } .search-results-non-product .search-results li h1 a:hover, .search-results-non-product .search-results li span a:hover { text-decoration: none; } .search-results-non-product .search-results li span a { background: url(../images/sprite_bullets.png) no-repeat 0 4px; padding-left: 7px; margin-left: 0.5em; } .search-results-non-product .search-results li p, .search-results-non-product .search-results li span { display: inline; } /* twinbsn-explain */ .customer-account-confirmtwin .col-main { margin: 0 0 0 10px; } .customer-account-confirmtwin h1 { font-size: 18px; color: #999966; margin: 0 0 20px 0; font-weight: normal; } .customer-account-confirmtwin .twinbsn-explain form { display: block; margin: 20px 0 0; } .customer-account-confirmtwin .twinbsn-explain button { margin: 0 0 0 10px; } /* Re-captcha */ #recaptcha_widget_div input { height: 24px; } /* Page Customer Service Home ======================================================================= */ /* col.main */ .cms-klantenservice-home .col-main .page-title h1 { font-size: 18px; padding: 1px 0 3px; } .cms-klantenservice-home .intro-text { margin: 0 0 -5px; } .intro-text { margin: 5px 5px 10px; } .intro-text p { margin: 0 0 11px; } .content.customerservice { height: 204px; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .content.customerservice img { margin: 10px 10px 0; } .content.customerservice h3 { margin: 4px 10px 5px; font-size: 14px; } .content.customerservice ul { margin: 3px 10px 10px; } .content.customerservice ul li { margin: 0 0 3px 10px; list-style: none; line-height: 1.2em; } .content.customerservice ul li:before { background: url(../images/sprite_bullets.png) no-repeat 0 -64px; content: ""; float: left; height: 13px; margin: 0 0 0 -10px; width: 10px; } .content.customerservice ul li a { color: #666633; font-weight: bold; text-decoration: underline; font-size: 11px; } .content.customerservice ul li a:hover {text-decoration: none; } /* col-left */ /* test1 */ .block.customer-service { border: 0 none; border-top: solid 1px #eee; margin: 0 0 10px;} .block.customer-service h3 { display: block; font-size: 10px; padding: 7px 10px 0; margin: 0 0 6px; } .block.customer-service li { padding: 4px 10px 5px; } .block.customer-service a { text-decoration: none; color: #666633; } .block.customer-service a:hover { text-decoration: underline; } /* col-right Top 5 FAQ */ .top-5-faq h3 { font-size: 16px; margin: 12px 8px 0 8px;} .top-5-faq h4 { font-size: 14px; color: #333300; margin: 0 8px; } .top-5-faq ol { margin: 10px 8px 0;} .top-5-faq ol li { font-weight: bold; font-size: 11px; list-style: decimal outside none; margin: 0 8px 1em 18px; color: #666633; } .top-5-faq ol li a { color: #666633; list-style-type: decimal; font-weight: bold; font-size: 11px; } .top-5-faq .action { margin: 15px 10px 10px; } .top-5-faq .action a { font-size: 11px; color: #666633; background: url(../images/sprite_bullets.png) 0 -66px no-repeat; padding-left: 10px; font-weight: bold; } .top-5-faq ol li a:hover, .top-5-faq .action a:hover { text-decoration: none; } /* Product Compare vergelijk ==========================================================*/ .page-popup.catalog-product-compare-index { background: #fff; } #product_comparison {display: table; margin-top: -16px; } #product_comparison .row {display: table-row; position: relative; } #product_comparison .row.noborder .col {border: 0 none; border-left: solid 1px #fff; border-right: solid 1px #fff; } #product_comparison .col {display: table-cell; border-left: solid 1px #ddd; border-top: solid 1px #ddd; border-right: solid 1px #ddd; width: 156px; min-width: 217px; padding: 10px; margin: 0 8px 0 0; } #product_comparison .col.th { width: 100px; min-width: 100px; font-weight: bold; text-align: right; font-size: 11px; } #product_comparison .row.noborder .col.empty, #product_comparison .col.empty { width: 12px; min-width: 12px; padding: 0; border: 0 none; } #product_comparison .col.center { text-align: center; } #product_comparison .col.first { border-top: 0 none; } #product_comparison .row.top .col { padding-bottom: 0; } #product_comparison .row.middle .col { padding-bottom: 0; padding-top: 0; border-top: 0 none;} #product_comparison .row.bottom .col { padding-top: 0; border-top: 0 none;} #product_comparison .col.last { border-bottom: solid 1px #ddd; } #product_comparison .col.binliner { border-top: 0 none; border-bottom: 0 none; height: 20px; padding: 0 10px; } #product_comparison .col .bin { position: relative; height: 1px; width: 100%; } #product_comparison .col .bin .delete { width: 100px; border-left: solid 1px #ddd; border-top: solid 1px #ddd; border-right: solid 1px #ddd; text-align: right; position: absolute; background: url(../images/sprite_icons.png) no-repeat -102px -264px #ddd; height: 23px; right: -11px; top: -4px; } #product_comparison .col .bin .delete a { color: #888; text-decoration:none; padding-right: 20px; display: block; text-transform: lowercase; font-size: 10px; } #product_comparison .col .bin .delete a:hover { text-decoration:underline; } #product_comparison .col .old-price.left { display: inline-block; float: none !important; padding-bottom: 4px; } #product_comparison .col .special-price.left { display: inline-block; float: none !important; font-size: 18px; } #product_comparison .col .old-price { font-size: 14px; padding-top: 4px; } #product_comparison .col .regular-price, #product_comparison .col button { float: none; text-transform: none; font-size: 14px; } #product_comparison .col .availability { line-height: 32px; margin: 0 0 14px; } #product_comparison .product-image { margin: 0 0 10px; } #product_comparison .product-name { margin: 8px 0 0; } #product_comparison .product-name a { color: #333300; font-weight: bold; font-size: 11px; text-decoration:none; } #product_comparison .product-name a:hover { text-decoration: underline; } #product_comparison p { font-size: 11px; } #product_comparison .ratings { border: 0 none; } #product_comparison .price-box { margin: 0 0 8px; width: 100%; } #product_comparison .regular-price h5 { padding-top: 5px; } #product_comparison .btn-cart { margin: 0 0 16px; } #product_comparison .regular-price .price { color: #C0292A; font-size: 18px; } #product_comparison .wishlist a { font-size: 9px; white-space: nowrap; } #product_comparison .wishlist a:hover { text-decoration: none; } .page-popup .page-title { margin: 0 0 36px; } .page-popup .buttons-set { border: 0 none; border-top: solid 1px #ddd; margin: 20px 0 0; } /* Error 404 page ======================================================================= */ .cms-no-route .col-main.wrapper.fourcolumn { width: 760px; margin: 0 10px 10px; } .cms-no-route .col-right { margin: 0 0 0; } .cms-no-route .page-head-alt { padding: 5px 0 10px; } .cms-no-route .col-main.wrapper.fourcolumn ul.disc li { font-size: 12px; } .cms-no-route .col-main.wrapper.fourcolumn ul.disc li a { color: #666633; } .cms-no-route .col-main.wrapper.fourcolumn ul.disc li a:hover { text-decoration: none; } /* Footer ================================================================================ */ .footer { position: relative; z-index: 998; min-width: 1000px; width: 100%; height: 200px; background: url('../images/sprite_general-part1.png') 0 -359px repeat-x; } .footer .wrapper { width: 940px; min-height: 180px; margin: 0 auto; padding: 5px; } .footer .wrapper .column h2 { font-size: 18px; color: #fff; font-weight: bold; margin: 15px 0 10px; letter-spacing: 1px; } .footer .wrapper .column h3 { color: #FFF; line-height: 1.45; } .footer .wrapper .column.phone h5 { font-size: 12px; } .footer .wrapper .column h4 { font-size: 14px; color: #FFF; font-weight: bold; margin: 0 0 13px; } .footer .wrapper .column p a { font-size: 12px; color:#FFF; text-decoration:none; } .footer .wrapper .column { font-size: 11px; color: #fff; width: 178px; height: 145px; margin: 23px 5px 5px; float: left; } .footer .wrapper .column ul {color:#fff; margin: 5px 0 0; padding: 0; list-style-type: none; line-height: 23px; } .footer .wrapper .column ul li { font-weight: bold; } .footer .wrapper .column ul li a { color: #fff; font-weight: normal; } .footer .wrapper .column ul li a:hover { text-decoration: none; } .footer .wrapper .column .input { margin: 0 0 3px; } .footer .wrapper .column input { font-size: 11px; width: 140px; } .footer .wrapper .column div.phone, .footer .wrapper .column span.phone { width: 23px; height: 23px; margin: 0 10px 0 0; background: url("../images/sprite_general-part2.png") no-repeat scroll 0 -392px transparent; float: left; display: block; } .footer .column a.facebook, .footer .column a.google, .footer .column a.hyves, .footer .column a.linkedin, .footer .column a.twitter, .footer .column a.youtube { width: 24px; height: 24px; margin: 0 5px 0 0; background: url('../images/sprite_icons.png') no-repeat; float: left; display: block; } .footer .column a.facebook span, .footer .column a.google span, .footer .column a.hyves span, .footer .column a.linkedin span, .footer .column a.twitter span, .footer .column a.youtube span { display: none; } .footer .column a.facebook { background-position: 0 0; } .footer .column a.facebook:hover { background-position: 0 -34px; } .footer .column a.google { background-position: -34px 0; } .footer .column a.google:hover { background-position: -34px -34px; } .footer .column a.hyves { background-position: -68px 0; } .footer .column a.hyves:hover { background-position: -68px -34px; } .footer .column a.linkedin { background-position: -102px 0; } .footer .column a.linkedin:hover { background-position: -102px -34px; } .footer .column a.twitter { background-position: -136px 0; } .footer .column a.twitter:hover { background-position: -136px -34px; } .footer .column a.youtube { background-position: -170px 0; } .footer .column a.youtube:hover { background-position: -170px -34px; } .footer .form-subscribe p{margin-bottom:15px;} .copyright { font-size: 11px; color: #fff; width: 930px; height: 15px; padding: 0 5px; bottom: 12px; position: absolute; float: left; } .copyright ul { margin: 0; padding: 0; list-style-type: none; } .copyright ul li:first-child { padding: 0 11px 0 0; border: none; } .copyright ul li { padding: 0 11px 0 10px; border-left: 1px solid #fff; float: left; } .copyright a, .copyright ul li a { color: #fff; text-decoration: none; } .copyright a:hover, .copyright ul li a:hover { text-decoration: underline; } .copyright .spacer{margin:0 10px;} .bottom { position: relative; z-index: 998; width: 980px; height: 65px; margin: 0 auto 50px; padding-top:10px; } .bottom span.logo a span { display: none; } .bottom span.logo { width: 117px; height: 36px; margin: 0 40px 0 25px; padding: 5px 0 0; background: none; } .bottom span.logo a { width: 117px; height: 36px; background: url('../images/sprite_general-part1.png') -248px 0 no-repeat; display: block; } .bottom span img{margin: 0 10px 0 0;} /* ======================================================================================= */ /* GENERAL LAYER STYLES */ .layer-bg{background:url("../images/layer-outer-bg-70pc.png") transparent repeat 0 0; width:100%; height:100%; top:0; left:0; position:fixed; z-index:99999;} .layer-wrapper{display:table;overflow:hidden;margin:0px auto; } *:first-child+html .layer-wrapper {position:relative;}/*ie7*/ * html .layer-wrapper{position:relative;}/*ie6*/ .layer-outer{display:table-cell;vertical-align: middle; } *:first-child+html .layer-outer{position:absolute;top:50%;}/*ie7*/ * html .layer-outer{position:absolute;top:50%;}/*ie6*/ .layer-inner{background:#FFF; width:600px; padding:30px;} *:first-child+html .layer-inner{position:relative;top:-50%;}/*ie7*/ * html .layer-inner{position:relative;top:-50%;}/*ie6*/ .layer-wrapper{height:100%;width:465px;} .layer-inner .hr-100{margin:10px 0;} .layer-header {width:100%; margin-bottom:10px;} .layer-footer {width:100%; margin:10px 0;} /* NEW DOSSIER SUGGESTIONS + MANAGE DOSSIERS */ .management-dossiers, .manage-my-dossiers-list .text, .manage-my-dossiers-list .title, .manage-my-dossiers-list, .new-dossier, .dossier-list, .top-text, .bottom-text{ width:100%; clear: both;} .new-dossier{ margin-bottom:30px;} .new-dossier h2{color:#ff0000;} .new-dossier .content .management-dossiers .text{width: 370px; margin-left: 0;} .new-dossier hr{margin:10px 0;} .new-dossier .table .col, .manage-my-dossiers-list .table .col{float:left;} .dossier-list, .manage-my-dossiers-list{border-bottom:1px solid #EEE; background:#f7fbfc; margin:20px 0; float:left;} .dossier-list .dissease-row.row, .manage-my-dossiers-list .dissease-row.row{min-height:40px;} .dossier-list .dissease-field1, .manage-my-dossiers-list .dissease-field1{font-weight:bold;} .dossier-list .dossier-not-applicable, .management-dossiers .dossier-not-applicable{ color:#408cdc; cursor:pointer;} .dossier-list .dossier-not-applicable:hover, .management-dossiers .dossier-not-applicable:hover{ text-decoration:underline;} .dossier-list .new-dossier button.button-b{float:right;} .management-dossiers .button{margin-left:10px;} /* Clears ================================================================================ */ .clearer: after, .header-container: after, .header-container .top-container: after, .header: after, .header .quick-access: after, #nav: after, .main: after, .footer: after, .footer-container .bottom-container: after, .col-main: after, .col2-set: after, .col3-set: after, .col4-set: after, .search-autocomplete li: after, .block .block-content: after, .block .actions: after, .block li.item: after, .block-poll li: after, .block-layered-nav .currently li: after, .page-title: after, .products-grid: after, .products-list li.item: after, .box-account .box-head: after, .dashboard .box .box-title: after, .box-reviews li.item: after, .box-tags li.item: after, .pager: after, .sorter: after, .ratings: after, .add-to-box: after, .add-to-cart: after, .product-essential: after, .product-collateral: after, .product-view .product-img-box .more-views ul: after, .product-view .box-tags .form-add: after, .product-options .options-list li: after, .product-options-bottom: after, .product-review: after, .cart: after, .cart-collaterals: after, .cart .crosssell li.item: after, .opc .step-title: after, .checkout-progress: after, .multiple-checkout .place-order: after, .group-select li: after, .form-list li: after, .form-list .field: after, .buttons-set: after, .page-print .print-head: after, .advanced-search-summary: after, .gift-messages-form .item: after, .send-friend .form-list li p: after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } /* ======================================================================================= */ .my-medication .table h1, .selfcare .table h1, .my-medication .description h2, .selfcare .description h2 { margin: 0; margin-bottom:5px; } .my-medication .table .row, .selfcare .table .row, .my-medication .table .row .col, .selfcare .table .row .col { height: auto; padding: 0; border: none; } .my-medication .table .row .col.prescription, .selfcare .table .row .col.prescription { width: 205px; margin: 5px 0 0; padding: 10px; background: #f9fbf0; border: 1px solid #eee; float: right; } .selfcare .table .row .col.advice { width: 184px; margin: 3px 0 0; padding: 10px; background: #f9fbf0; border: 1px solid #eee; float: right; } .my-medication .table.medication { border: none;} .selfcare .table.selfcare {border:none;} .my-medication .table.medication .row.title { border: none; } .my-medication .table.medication .row, .selfcare .table.selfcare .row { min-height: 50px; padding: 10px; border-top: 1px solid #EEE; border-left: 1px solid #EEE; border-right: 1px solid #EEE; } .dossiers-management-edit .my-account .selfcare.cart .table.selfcare .last.dissease-row.row {border-bottom: 1px solid #EEEEEE;} .selfcare .table.selfcare .row { min-height: 30px; } .selfcare .table.selfcare .row.odd { background: #f9fbf0; } .selfcare .table.selfcare .row.even { background: #fff; } .selfcare .table.selfcare .row.noborder { border: none; } .selfcare .table.selfcare .row.search, .selfcare .table.selfcare .row.item { background: #FFF; } .selfcare .table.selfcare .row.title { height: auto !important; min-height: 10px !important; border: none; background: #FFF; } .selfcare .table.selfcare .row.title .col { text-align: left; } .my-medication .table.medication .row.first { border-top: none; } .my-medication .table.medication .row.odd { background: #f9fbf0; } .my-medication .table.medication .row .col, .selfcare .table.selfcare .row .col { height: 100%; } .selfcare .table.selfcare .row .col ul.vt-menu { margin: 0; } .selfcare .table.selfcare .row .col ul.vt-menu li:first-child { padding: 0; } .selfcare .table.selfcare .row .col ul.vt-menu li { padding: 9px 0 0; } .selfcare .table.selfcare .row .col ul.vt-menu li a { text-decoration: none; } .selfcare .table.selfcare .row .col ul.vt-menu li.active a, .selfcare .table.selfcare .row .col ul.vt-menu li a:hover { color: #184680 !important; } .selfcare .table.selfcare .row.search .col input#product-search-q { width: 245px; } .selfcare .table.selfcare .row.search .col input#product-usage { width: 135px; } .my-medication .table.medication .row .col.center, .selfcare .table.selfcare .row .col.center { text-align: left; } .my-medication .table.medication .row .col.right, .selfcare .table.selfcare .row .col.right { text-align: right; } .my-medication .table.medication .row .col h5, .selfcare .table.selfcare .row .col h5 { margin: 0; } .customer-account-create .row.information a.agree-terms{padding-left:0; background:none;} .my-medication .table.medication.lightblue, .selfcare .table.selfcare.lightblue{border-top:none;} .my-medication .table.medication.lightblue .row, .selfcare .table.selfcare.lightblue .row{background:#f6fafb;} .my-medication .table.medication.lightblue .row.title, .selfcare .table.selfcare.lightblue .row.title{background:none; border:none;} .my-medication .table .row .therapy-advice { margin: 0 0 0 6px; padding: 13px 0 0 14px; } .my-medication .table .row .therapy-advice h5 { font-size: 12px; color: #d5424a !important; margin: 13px 0 0; padding: 0 0 7px; } .my-medication .table .row .therapy-advice h5:before { background: url(../images/sprite_icons.png) no-repeat 0px -401px transparent; content: ""; display: inline-block; height: 20px; margin:0 10px -4px -14px; width: 4px; } a.icon { margin: 0 auto; display: block; } a.icon:hover { opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */ } span.icon { margin: 0 5px 0 0; display: inline-block; } a.icon span { display: none; } a.icon.info, span.icon.info { width: 14px; height: 15px; background: url('../images/sprite_icons.png') -112px -115px no-repeat; float: left;} a.icon.video, span.icon.video { width: 16px; height: 17px; background: url('../images/sprite_icons.png') -130px -115px no-repeat; float: left;} a.icon.reminder, span.icon.reminder { width: 16px; height: 16px; background: url('../images/sprite_icons.png') 100% -80px no-repeat; float: left;} a.icon.notify, span.icon.notify { width: 16px; height: 15px; background: url('../images/sprite_icons.png') 100% -130px no-repeat; float: left;} span.icon.sync { width: 24px; height: 11px; background: url("../images/sprite_icons.png") no-repeat scroll -68px -649px transparent; float: left;} a.icon.refresh, span.icon.refresh { width: 24px; height: 17px; background: url("../images/sprite_icons.png") no-repeat scroll -44px -700px transparent; margin-left:3px; float: left;} a.icon.refresh:hover, span.icon.refresh:hover{opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ } span.legend-txt{display: inline-block; zoom:1; *display:block; float: left;} a.icon.refresh.not-proactive, span.icon.refresh.not-proactive { background: url("../images/sprite_icons.png") no-repeat scroll -1px -700px transparent;} .footer-selfcare .selfcare-product { padding: 16px 0 0 !important; } .footer-selfcare.outer { width:100%;background: url("../images/sprite_general-part4.png") repeat-x scroll 0 -1010px transparent; margin-top: -66px;} .footer-selfcare.inner { margin-bottom:21px;} .footer-selfcare.inner.fivecolumn { width: 960px; } .footer-selfcare.inner .title { margin-top:-30px;} .footer-selfcare.inner #product-slide-wrap { margin:0;} .footer-selfcare.inner .selfcare-product { padding: 0 !important;} .footer-selfcare.inner .product { margin: 10px 5px 8px 3px; background: none repeat scroll 0 0 #FFFFFF; height: 312px;} .footer-selfcare.inner .product a { color:#666633 !important; } .footer-selfcare.inner .product .info.left{margin-left:0;} .footer-selfcare.inner .disease-url { font-size: 12px; font-weight: bold; color: #D5424A; padding: 0 3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .footer-selfcare.inner .disease-url ul.right { font-size: 11px; text-transform: lowercase; } .footer-selfcare.inner .disease-url li:first-child { margin: 0 15px 0 0 !important; } .footer-selfcare.inner .disease-url.half { width: 50%; float: left; } .footer-selfcare.inner span.arrow {color:#e8358f;} .footer-selfcare.inner span.arrow.beige{color:#666633;} .footer-selfcare.inner .product .info b a { color: #333300; font-size: 12px; text-decoration: none; } .footer-selfcare.inner div.usps { width:100%; margin-top: 0px; min-width:0; text-transform:none; font-size:11px; } .footer-selfcare.inner #product-slide-wrap .usps ul { margin: 10px 0 0 !important; padding: 0; list-style-type: none; } /* .footer-selfcare.inner #product-slide-wrap .usps ul li { padding: 0 0 0 25px; line-height: 20px; background: url('../images/sprite_bullets.png') 5px -345px no-repeat; float: none !important; } */ .footer-selfcare.inner #product-slide-wrap .usps .footer { height: auto; width: 174px; overflow:hidden; min-width: auto; position: absolute; bottom: 0; left: 0;} .footer-selfcare.inner #product-slide-wrap .usps .footer a { font-size: 11px; font-weight: bold; line-height: 37px; text-transform: none; } .recommended.list { width: 172px !important; margin: 5px; padding: 10px 10px 0; border-top: 1px solid #EEE; background: transparent; float: left; } .recommended.list h5 { font-size: 10px; color: #666633 !important; } .recommended.list ul { margin: 10px 0 0 !important; padding: 0; list-style-type: none; } .recommended.list ul li { line-height: 20px !important; float: none !important; } .recommended.list ul li a { color: #999966 !important; text-decoration: none; } .recommended.list ul li a:hover { text-decoration: underline; } .mymedication-quote-promote .row.information > .footer-selfcare{margin-top:18px;} .mymedication-quote-index .cart .row.information h2, .mymedication-quote-promote .cart .row.information h2, .mymedication-quote-shipping .cart .row.information h2 { color:#d5424a !important; margin: 1px 0 13px; } .mymedication-quote-promote .row.information .fivecolumn.footer-selfcare, .mymedication-quote-promote .row.information .fivecolumn #product-slide-wrap, .mymedication-quote-promote .row.information .wrapper.fivecolumn, .mymedication-quote-promote .col-main .row.information .wrapper.fivecolumn {width:100%;} .mymedication-quote-promote .row.information .footer-selfcare.inner .product {width: 179px; height: 302px; } .mymedication-quote-promote .footer-selfcare.inner #product-slide-wrap li.usps { margin-top: 29px; } .mymedication-quote-promote .row.information .footer-selfcare.inner li.usps:last-child .product{margin-right:0;} .mymedication-quote-promote .row.information ul.footer-tabs li.active span.tab-name {background:#FFF; padding: 8px 20px 2px; } .mymedication-quote-promote .uit-aanbod { padding: 37px 12px 0 0; } .mymedication-quote-promote .detail-wrapper{width:100%;} .mymedication-quote-promote .col-main .content .right{width:auto;} .mymedication-quote-promote .col-main .logo.right{margin-bottom: 10px;} .mymedication-quote-promote #product-slide-wrap { width: 100%; } .mymedication-quote-promote .layer-inner {padding:10px; width:743px; float: left; position:relative;} .mymedication-quote-promote .layer-inner .name{width:100%; margin-top:20px; } .mymedication-quote-promote .layer-inner .name h2{padding-top:15px; color:#333300 !important; } .mymedication-quote-promote .layer-inner .more-about-wellsens {margin-top:49px;} .mymedication-quote-promote .layer-inner .more-about-wellsens a{color:#666633 !important; text-transform:lowercase;} .mymedication-quote-promote .layer-inner > .fourcolumn{width: 100%;} .mymedication-quote-promote .layer-inner > .fourcolumn .twocolumn.border {width: 359px; height:340px;} .mymedication-quote-promote .layer-inner .fourcolumn .detail.twocolumn:first-child{margin-left:0; margin-right:16px;} .mymedication-quote-promote .layer-inner .fourcolumn .detail.twocolumn:last-child{margin-right:0;} .mymedication-quote-promote .layer-inner .fourcolumn .detail.twocolumn .twocolumn.last {width: auto;} .mymedication-quote-promote .layer-inner .detail.twocolumn .twocolumn.image { margin-top:45px; text-align:center;} .mymedication-quote-promote .layer-inner .product-info{height:177px; overflow:hidden; width:350px; padding: 0 0 0 10px; } .mymedication-quote-promote .layer-inner .price-box h3{ margin-bottom:0;} .mymedication-quote-promote .layer-inner .price-box h3 .price{color:#2f2f02;} .mymedication-quote-promote .layer-inner .price-box .special, .mymedication-quote-promote .layer-inner .price-box .action{color:#9b9c70; line-height:29px; text-decoration: line-through; font-size:18px; margin-right: 30px;} .mymedication-quote-promote .col-main .detail .content .add-to .add-to-cart {width:auto;} .mymedication-quote-promote .layer-inner .button {margin-right: 10px;} .mymedication-quote-promote .layer-inner .seperator-bottom{margin-bottom:10px;} .mymedication-quote-promote .layer-inner .action-box{padding-top:5px; display:inline-block; zoom:1; *display:block; float:left; height: 26px; background:url("../../wellsens_base/images/sprite_icons.png") transparent -121px -321px no-repeat;} .mymedication-quote-promote .layer-inner .footnote{padding:15px 5px;} .x-red{color:#d5424a;} .mymedication-quote-promote .usps li {line-height: 15px;} .mymedication-quote-promote .detail .price-box { width: 350px; height: 50px; margin: 0; padding: 0 10px 0 0; } .mymedication-quote-promote .detail .add-to b{color:#999966;} .mymedication-quote-promote .detail .action-box.left{ display:block; width: 90px; height: 25px; margin: 0 0 0 10px; } .mymedication-quote-promote .detail .price-box .action.right.bold, .mymedication-quote-promote .detail .action-txt{ display:none;} .mymedication-quote-promote .detail .more-views {width: 100%;} .mymedication-quote-promote .footer-selfcare .selfcare-recommend { position: absolute; padding: 10px 0;} .selfcare ul.footer-tabs { height: 31px; } .selfcare ul.footer-tabs li.active a, ul.footer-tabs li.active span.tab-name { padding: 8px 20px 7px; border-bottom: none; } .selfcare ul.footer-tabs li:first-child a, ul.footer-tabs li:first-child span.tab-name { margin: 0; } .selfcare ul.footer-tabs li a { border: 1px solid #EEEEEE; color: #000000 !important; float: left; font-weight: normal; height: 22px !important; line-height: 14px; margin: 0 0 0 10px; padding: 8px 20px 6px; width: 100px;} .selfcare ul.footer-tabs li a, ul.footer-tabs li span.tab-name { color: #000 !important; height:2px; border: 1px solid #eee; margin: 0 0 0 10px; padding: 8px 20px 6px; float: left;font-weight:normal; } .selfcare ul.footer-tabs li a:hover, ul.footer-tabs li span.tab-name:hover { color: #4390D8 !important; cursor:pointer;} .selfcare .table.selfcare .row .col span.input span.title { font-weight: bold; margin: 0 10px 0 0; vertical-align: top; } .selfcare .table.selfcare .row .col span.input textarea { width: 155px; } .selfcare .table.selfcare .row .col span.input.normal { line-height: 33px; } .my-medication .table.medication .row.legend, .selfcare .table.selfcare .row.legend { color: #808080; height: auto !important; min-height: 10px !important; margin: 0; padding: 10px; border-left: none; border-right: none; background: #FFF; } .my-medication .table.medication .row.legend .col, .selfcare .table.selfcare .row.legend .col { padding: 0; } .my-medication .table.medication .row.legend ul { margin: 0; padding: 0; list-style-type: none; } .my-medication .table.medication .row.legend ul li:first-child { padding: 0; } .my-medication .table.medication .row.legend ul li { color: #808080; padding: 0 0 0 34px; float: left; } .my-medication .table.medication .row.toolbar, .selfcare .table.selfcare .row.toolbar { color: #184680; font-size: 10px; height: auto !important; min-height: 10px !important; margin: 0; padding: 10px; border-left: none; border-right: none; background: #FFF; } .my-medication .table.medication .row.toolbar .col.fivecolumn, .selfcare .table.selfcare .row.toolbar .col.fivecolumn { width: 50%; } .my-medication .table.medication .row.toolbar .col.first, .selfcare .table.selfcare .row.toolbar .col.first { padding: 0 10px 0 0; } .my-medication .table.medication .row.toolbar .col.last, .selfcare .table.selfcare .row.toolbar .col.last { padding: 0 0 0 10px; } .my-medication .table.medication .row.toolbar ul, .selfcare .table.selfcare .row.toolbar ul { margin: 0; padding: 0; list-style-type: none; float: right; } .my-medication .table.medication .row.toolbar ul li, .selfcare .table.selfcare .row.toolbar ul li { color: #D63F4C; font-size: 10px; font-weight: bold; padding: 0 0 0 15px; float: left; } .selfcare .table.selfcare .row.toolbar ul li:first-child, .order-history.cart .table .row.toolbar ul li:first-child { padding: 0 5px; border: none; } .selfcare .table.selfcare .row.toolbar ul li, .order-history.cart .table .row.toolbar ul li { font-weight: bold; padding: 0 0 0 5px; border-left: 1px solid #184680; float: left; } .my-medication .table.medication .row.toolbar ul li a, .selfcare .table.selfcare .row.toolbar ul li a { color: #81A8C7; font-weight: bold; text-transform: none !important; } .my-medication .table.medication .row.toolbar ul li a:hover, .selfcare .table.selfcare .row.toolbar ul li a:hover { text-decoration: none; } .my-medication .table.medication .row.toolbar {padding-left:0 !important;} .my-medication .table.medication .row.toolbar .pager{width:100%;} .my-medication .table.medication .row.toolbar .amount{float:left; width:40%;} .my-medication .table.medication .row.toolbar .amount, .my-medication .table.medication .row.toolbar .pages, .my-medication .table.medication .row.toolbar .limiter{font-size: 10px; text-transform: none;} .my-medication.cart .table .col.sevencolumn { width: 63%; } .my-medication .table.medication .row.title { border: medium none; padding: 12px 10px; min-height: 0; overflow: hidden; } .my-medication .table.medication .row.title .col { text-align: left; } .my-medication .col.prescription h3 { font-size: 12px; margin: 0 0 5px; } .my-medication .col.prescription button { margin: 8px 0 0; } .selfcare.cart ul.footer-tabs { padding: 0px 0px 0px 8px; } .selfcare.cart .table.delivery label b { color: #004A89; } .selfcare.cart .table.delivery .col.first .validation-failed .validation-advice { margin-top: 33px; position: absolute; margin-left: 0;} .selfcare.cart .table.delivery .col.last .validation-failed .validation-advice { margin-left: 175px; width: 80px; } .selfcare.cart .table.delivery .col.last select { width: 136px; } .mymedication-prescription-detail .selfcare.cart .table.delivery .col.last select { width: 303px; } .selfcare.cart .table.delivery .col.first, .selfcare.cart .table.delivery .col.last { position: relative; padding-left: 30px;} #advice-validate-one-required-by-name-date-manual { left: -10px; top: 0px; } #advice-validate-one-required-by-name-date-calculate { left: -10px; top: 0px; } .selfcare .table.selfcare .row .col.explanation span.input.normal { line-height: 1em; min-height: 1em; margin-bottom: 12px;} .selfcare .table.selfcare .row .col.explanation span.input.normal input { height: 1em; min-height: 1em; } .selfcare .table.selfcare .row .col.explanation .explain { width: 105px; margin-right: 20px; } .selfcare .table.selfcare .date b { text-transform:lowercase; } .selfcare .table.selfcare .row .col.explanation button { margin-left:70px; } #medmes-form .validation-advice {position: absolute; margin: -12px 0 0 215px;} #medmes-form #advice-required-entry-medmes_text.validation-advice {position: absolute; margin: -36px 0 0 162px;} .selfcare .prescription-text br.clear {display: none;} .selfcare .prescription-text p { margin: 0 0 7px; } .selfcare .prescription-text li ul, .selfcare .prescription-text li ol { margin: 0 1.5em; } .selfcare .prescription-text ul, .selfcare .prescription-text ol { margin: 0 1.5em 1.5em 3em; } .selfcare .prescription-text ul li { list-style: disc; margin-bottom: 0.5em; } .selfcare .prescription-text ol li { list-style-type: decimal; margin-bottom: 0.5em; } /* YOURSKIN ======================================================================================= */ .category-yourskin .category-header h1, .category-yourskin .category-header h2, .category-yourskin .category-header h3, .category-yourskin .col-main .category-header .content a, .category-yourskin .col-main .category-header .content a.more, .category-yourskin .col-main .category-header .article a { color: #2E478F; } .category-yourskin .col-main .category-header .article .title, .category-yourskin .col-main .category-header .content .title { padding: 0; } .category-yourskin .col-main .category-header .article .title { border: 0 none; } .category-yourskin .col-main .category-header .article .title h1 { color: #2E478F; font-size: 24px; } .category-yourskin .col-main .category-header .content { margin: 0 8px 8px; } .category-yourskin .col-main .category-header .article .text { margin: 0 !important; } .category-yourskin .category-header .content.bitmap p, .category-yourskin .category-header .content.bitmap h1 { background: none repeat scroll 0% 0% transparent; bottom: auto; font-weight: normal; margin: 0px; padding: 0px; position: relative; right: 0px; text-align: left; text-transform: none; width: 100%; line-height: 100%; font-size: 24px; } .category-yourskin .col-main .category-header .content, .category-yourskin .col-main .category-header .article { float: left; margin: 5px; } /* Content Columns */ .category-yourskin .col-main .category-header .article.onecolumn { width: 184px; } .category-yourskin .col-main .category-header .article.onecolumn.border { width: 182px; } .category-yourskin .col-main .category-header .article.twocolumn { width: 378px; } .category-yourskin .col-main .category-header .article.twocolumn.border { width: 376px; } .category-yourskin .col-main .category-header .article.threecolumn { width: 572px; } .category-yourskin .col-main .category-header .article.threecolumn.border { width: 570px; } .category-yourskin .col-main .category-header .article.fourcolumn { width: 766px; } .category-yourskin .col-main .category-header .article.fourcolumn.border { width: 764px; } .category-yourskin .col-main .category-header .article.fivecolumn { width: 960px; } .category-yourskin .col-main .category-header .article.fivecolumn.border { width: 958px; } .category-yourskin .col-main .category-header .article .left, .category-yourskin .col-main .category-header .article .right { width: 50%; } .category-yourskin .col-main .category-header .content.bitmap.blue-a.border { background: #fff; } .category-yourskin .col-main .category-header .content.bitmap.blue-a.border * { color: #2E478F; font-weight: normal; } .category-yourskin .col-main .category-header .content.bitmap.blue-a.border h3 { color: #64D1EF; font-size: 24px; } .category-yourskin .col-main .category-header .content.bitmap.blue-a.border p { font-size: 12px; } .category-yourskin .col-main .category-header .content.bitmap.blue-a.border h5 { } /* kan later weg wanneer root category als class name in de root staat */ /* .category-vichy .category-view .title { margin: 0px 0px 5px; } */ .category-vichy .category-header .content.bitmap p, .category-vichy .category-header .content.bitmap h1 { position: relative; right: 0px; bottom: auto; font-size: 24px; font-weight: normal; line-height: 100%; width: 100%; margin: 0px; padding: 0px; text-align: left; text-transform: none; background: none; } .category-vichy .col-main .category-view .category-header .content, .category-vichy .col-main .category-view .category-header .article { float: left; margin: 5px; } /* Content Columns */ .category-vichy .title { margin: 15px 5px 5px; float:left;} .category-vichy .col-main .category-header .article.onecolumn { width: 184px; } .category-vichy .col-main .category-header .article.onecolumn.border { width: 182px; } .category-vichy .col-main .category-header .article.twocolumn { width: 378px; } .category-vichy .col-main .category-header .article.twocolumn.border { width: 376px; } .category-vichy .col-main .category-header .article.threecolumn { width: 572px; } .category-vichy .col-main .category-header .article.threecolumn.border { width: 570px; } .category-vichy .col-main .category-header .article.fourcolumn { width: 766px; } .category-vichy .col-main .category-header .article.fourcolumn.border { width: 764px; } .category-vichy .col-main .category-header .article.fivecolumn { width: 960px; } .category-vichy .col-main .category-header .article.fivecolumn.border { width: 958px; } .category-vichy .col-main .category-header .article .left, .category-vichy .col-main .category-header .article .right { width: 50%; } .category-vichy .col-main .category-header .content.bitmap.blue-a.border { background: #fff; } .category-vichy .col-main .category-header .content.bitmap.blue-a.border * { color: #2E478F; font-weight: normal; } .category-vichy .col-main .category-header .content.bitmap.blue-a.border h3 { color: #64D1EF; font-size: 24px; } .category-vichy .col-main .category-header .content.bitmap.blue-a.border p { font-size: 12px; } .category-vichy .col-main .category-header .content.bitmap.blue-a.border h5 { } /******************/ .category-eucerin .category-view .title { margin: 0px 0px 5px; } .category-eucerin .category-header .content.bitmap p, .category-eucerin .category-header .content.bitmap h1 { background: none repeat scroll 0% 0% transparent; bottom: auto; font-weight: normal; margin: 0px; padding: 0px; position: relative; right: 0px; text-align: left; text-transform: none; width: 100%; line-height: 100%; font-size: 24px; } .category-eucerin .col-main .category-header .content, .category-eucerin .col-main .category-header .article { float: left; margin: 5px; } /* Content Columns */ .category-eucerin .title { margin: 15px 0 5px; float:left;} .category-eucerin .col-main .category-header .article.onecolumn { width: 184px; } .category-eucerin .col-main .category-header .article.onecolumn.border { width: 182px; } .category-eucerin .col-main .category-header .article.twocolumn { width: 378px; } .category-eucerin .col-main .category-header .article.twocolumn.border { width: 376px; } .category-eucerin .col-main .category-header .article.threecolumn { width: 572px; } .category-eucerin .col-main .category-header .article.threecolumn.border { width: 570px; } .category-eucerin .col-main .category-header .article.fourcolumn { width: 766px; } .category-eucerin .col-main .category-header .article.fourcolumn.border { width: 764px; } .category-eucerin .col-main .category-header .article.fivecolumn { width: 960px; } .category-eucerin .col-main .category-header .article.fivecolumn.border { width: 958px; } .category-eucerin .col-main .category-header .article .left, .category-eucerin .col-main .category-header .article .right { width: 50%; } .category-eucerin .col-main .category-header .content.bitmap.blue-a.border { background: #fff; } .category-eucerin .col-main .category-header .content.bitmap.blue-a.border * { color: #2E478F; font-weight: normal; } .category-eucerin .col-main .category-header .content.bitmap.blue-a.border h3 { color: #64D1EF; font-size: 24px; } .category-eucerin .col-main .category-header .content.bitmap.blue-a.border p { font-size: 12px; } .category-eucerin .col-main .category-header .content.bitmap.blue-a.border h5 { } /******************/ .category-inneov .category-view .title { margin: 0px 0px 5px; float:left;} .category-inneov .category-header .content.bitmap p, .category-inneov .category-header .content.bitmap h1 { position: relative; right: 0; bottom: auto; font-size: 24px; font-weight: normal; width: 100%; margin: 0; padding: 0; text-align: left; text-transform: none; line-height: 100%; background: none; } .category-inneov .col-main .category-view .category-header .content, .category-inneov .col-main .category-view .category-header .article { float: left; margin: 5px; } /* Content Columns */ .category-inneov .title { margin: 15px 0 5px; float:left;} .category-inneov .col-main .category-view .article.onecolumn { width: 184px; } .category-inneov .col-main .category-view .article.onecolumn.border { width: 182px; } .category-inneov .col-main .category-view .article.twocolumn { width: 378px; } .category-inneov .col-main .category-view .article.twocolumn.border { width: 376px; } .category-inneov .col-main .category-view .article.threecolumn { width: 572px; } .category-inneov .col-main .category-view .article.threecolumn.border { width: 570px; } .category-inneov .col-main .category-view .article.fourcolumn { width: 766px; } .category-inneov .col-main .category-view .article.fourcolumn.border { width: 764px; } .category-inneov .col-main .category-view .article.fivecolumn { width: 960px; } .category-inneov .col-main .category-view .article.fivecolumn.border { width: 958px; } .category-inneov .col-main .category-header .article .left, .category-inneov .col-main .category-header .article .right { width: 50%; } .category-inneov .col-main .category-header .content.bitmap.blue-a.border { background: #fff; } .category-inneov .col-main .category-header .content.bitmap.blue-a.border * { color: #2E478F; font-weight: normal; } .category-inneov .col-main .category-header .content.bitmap.blue-a.border h3 { color: #64D1EF; font-size: 24px; } .category-inneov .col-main .category-header .content.bitmap.blue-a.border p { font-size: 12px; } .category-inneov .col-main .category-header .content.bitmap.blue-a.border h5 { } /******************/ .category-somatoline .category-view .title { margin: 0px 0px 5px; } .category-somatoline .category-header .content.bitmap p, .category-somatoline .category-header .content.bitmap h1 { background: none repeat scroll 0% 0% transparent; bottom: auto; font-weight: normal; margin: 0px; padding: 0px; position: relative; right: 0px; text-align: left; text-transform: none; width: 100%; line-height: 100%; font-size: 24px; } .category-somatoline .col-main .category-view .category-header .content, .category-somatoline .col-main .category-view .category-header .article { float: left; margin: 5px; } /* Content Columns */ .category-somatoline .title { margin: 15px 0 5px; float:left;} .category-somatoline .col-main .category-view .article.onecolumn { width: 184px; } .category-somatoline .col-main .category-view .article.onecolumn.border { width: 182px; } .category-somatoline .col-main .category-view .article.twocolumn { width: 378px; } .category-somatoline .col-main .category-view .article.twocolumn.border { width: 376px; } .category-somatoline .col-main .category-view .article.threecolumn { width: 572px; } .category-somatoline .col-main .category-view .article.threecolumn.border { width: 570px; } .category-somatoline .col-main .category-view .article.fourcolumn { width: 766px; } .category-somatoline .col-main .category-view .article.fourcolumn.border { width: 764px; } .category-somatoline .col-main .category-view .article.fivecolumn { width: 960px; } .category-somatoline .col-main .category-view .article.fivecolumn.border { width: 958px; } .category-somatoline .col-main .category-header .article .left, .category-somatoline .col-main .category-header .article .right { width: 50%; } .category-somatoline .col-main .category-header .content.bitmap.blue-a.border { background: #fff; } .category-somatoline .col-main .category-header .content.bitmap.blue-a.border * { color: #2E478F; font-weight: normal; } .category-somatoline .col-main .category-header .content.bitmap.blue-a.border h3 { color: #64D1EF; font-size: 24px; } .category-somatoline .col-main .category-header .content.bitmap.blue-a.border p { font-size: 12px; } .category-somatoline .col-main .category-header .content.bitmap.blue-a.border h5 { } /******************/ .category-la-roche-posay h1, .category-la-roche-posay h2, .category-la-roche-posay h3, .category-la-roche-posay .col-main .content a, .category-la-roche-posay .col-main .content a.more, .category-la-roche-posay .col-main .article a { color: #2E478F; } .category-la-roche-posay .category-view .title { margin: 0px 0px 5px; } .category-la-roche-posay .category-header .content.bitmap p, .category-la-roche-posay .category-header .content.bitmap h1 { background: none repeat scroll 0% 0% transparent; bottom: auto; font-weight: normal; margin: 0px; padding: 0px; position: relative; right: 0px; text-align: left; text-transform: none; width: 100%; line-height: 100%; font-size: 24px; } .category-la-roche-posay .col-main .category-view .category-header .content, .category-la-roche-posay .col-main .category-view .category-header .article { float: left; margin: 5px; } /* Content Columns */ .category-la-roche-posay .title { margin: 15px 0 5px; float:left;} .category-la-roche-posay .col-main .category-view .article.onecolumn { width: 184px; } .category-la-roche-posay .col-main .category-view .article.onecolumn.border { width: 182px; } .category-la-roche-posay .col-main .category-view .article.twocolumn { width: 378px; } .category-la-roche-posay .col-main .category-view .article.twocolumn.border { width: 376px; } .category-la-roche-posay .col-main .category-view .article.threecolumn { width: 572px; } .category-la-roche-posay .col-main .category-view .article.threecolumn.border { width: 570px; } .category-la-roche-posay .col-main .category-view .article.fourcolumn { width: 766px; } .category-la-roche-posay .col-main .category-view .article.fourcolumn.border { width: 764px; } .category-la-roche-posay .col-main .category-view .article.fivecolumn { width: 960px; } .category-la-roche-posay .col-main .category-view .article.fivecolumn.border { width: 958px; } .category-la-roche-posay .col-main .category-header .article .left, .category-la-roche-posay .col-main .category-header .article .right { width: 50%; } .category-la-roche-posay .col-main .category-header .content.bitmap.blue-a.border { background: #fff; } .category-la-roche-posay .col-main .category-header .content.bitmap.blue-a.border * { color: #2E478F; font-weight: normal; } .category-la-roche-posay .col-main .category-header .content.bitmap.blue-a.border h3 { color: #64D1EF; font-size: 24px; } .category-la-roche-posay .col-main .category-header .content.bitmap.blue-a.border p { font-size: 12px; } .category-la-roche-posay .col-main .category-header .content.bitmap.blue-a.border h5 { } /* einde van de kan-weg sectie */ /* COL_LEFT MENU */ /* generic */ .col-left .content-category li.ctlvl1.parent.open > a, .col-left .product-category li.ctlvl1.parent.open > a {color:#333300; font-weight:bold;} .col-left .product-category li a:hover, .col-left .content-category li a:hover{color:#333300; text-decoration:none; font-weight:bold;} .col-left .product-category.brands { border-bottom: solid 1px #EEE; margin: 0 0 10px; } .col-left .product-category.brands h3 {display: none; } .col-left .product-category.brands li { padding: 0; } .col-left .product-category li, .col-left .content-category li, .col-left .product-category.brands-sub li { padding: 3px 5px 3px 14px; } .col-left .product-category.brands li.yourskin-action{height:50px;} .col-left .product-category.brands .button.action span span{padding: 8px 0 0 45px; min-width: 115px;} .col-left .content-category li.lvl1.open, .col-left .product-category li.lvl1.open, .col-left .content-category li.lvl1.current, .col-left .product-category li.lvl1.current, .col-left .conten-category li.lvl2.open, .col-left .product-category li.lvl2.open, .col-left .conten-category li.lvl2.current, .col-left .product-category li.lvl2.current, .col-left .content-category li.lvl3.open, .col-left .product-category li.lvl3.open, .col-left .content-category li.lvl3.current, .col-left .product-category li.lvl3.current{ background: #f4f4ea; } .col-left .content-category li.lvl4.open, .col-left .product-category li.lvl4.open, .col-left .content-category li.lvl4.current, .col-left .product-category li.lvl4.current{ background: #f4f4ea; } .col-left .content-category li.active > a, .col-left .product-category li.active > a{ color:#333300; font-weight:bold; } .col-left .product-category li.sub.parent{background:none;} /* first level: brand logos */ .col-left .product-category.brands .lvl1.brandimage > a { border-top: solid 1px #EEE; height: 50px; background: url(../images/sprite_yourskin.png) 0 0 no-repeat; display: block; text-indent: -9999px; } .col-left .product-category.brands .lvl1.brandimage > a:hover { -moz-opacity: 0.6; -webkit-opacity: 0.6; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity: 0.6; } .col-left .product-category.brands li.lvl1.brandimage.vichy > a { background-position: 46px 0; } .col-left .product-category.brands li.lvl1.brandimage.la-roche-posay > a { background-position: 46px -50px; } .col-left .product-category.brands li.lvl1.brandimage.eucerin > a { background-position: 46px -100px; } .col-left .product-category.brands li.lvl1.brandimage.inneov > a { background-position: 46px -150px; } .col-left .product-category.brands li.lvl1.brandimage.somatoline > a { background-position: 46px -200px; } .col-left .product-category.brands li.lvl1.brandimage.somatoline-cosmetic > a { background-position: 46px -200px; } /* second level uppercase header with arrows */ .col-left .product-category.brands li.lvl1 > ul { margin: 9px 0 0; line-height: 24px; } .col-left .product-category.brands li.lvl2 { background: none; padding: 5px 3px; } .col-left .product-category .lvl2.current:before { background-position: -190px -13px; } .col-left .product-category.brands li.lvl2 > a { font-size: 14px; font-weight: bold; color: #333300; text-decoration:none; background: none; padding: 0; } .col-left .product-category.brands li.lvl2 > a:hover { text-decoration:underline; } /* third level list items*/ .col-left .product-category.brands li.lvl2 > ul { margin: 0; padding: 0 0 18px; } .col-left .product-category.brands li ul ul { margin: 0px 0px 0px 6px; } .col-left .product-category.brands .lvl3 li { background: url(../images/sprite_bullets.png) no-repeat 0 -1440px transparent; padding: 0 10px; margin: 0; } .col-left .product-category.brands li li:last-child { padding: 0px 10px 0 14px; } .col-left .product-category.brands .lvl3 ul li:last-child { padding: 0px 10px; } /* PRODUCT CATEGORY SKINS */ .col-left .product-category.skins li.lvl1 { border-top: solid 1px #EEE; padding: 10px 10px 9px 6px; } .col-left .product-category.skins li.lvl1.parent > a { font-size: 10px; font-weight: bold; color: #333300; text-decoration:none; background: none; padding: 0 0 0 3px; } .col-left .product-category.skins li.lvl1.parent > a:hover { text-decoration: underline; } .col-left .product-category.skins li.lvl1.parent > a:before { background: url(../images/sprite_yourskin.png) no-repeat -191px 0; content: ""; display: inline-block; height: 8px; width: 10px; margin: 0 6px 0 0; } .col-left .product-category.skins li.lvl1.parent.current > a:before { background-position: -190px -13px; } .col-left .product-category.skins li.lvl1 > ul { margin: 9px 0 0 3px; } .col-left .product-category.skins li.lvl2:before { display: none; } .col-left .product-category.skins li.lvl2 { background: none; padding: 0; margin: 0 0 9px; } .col-left .product-category.skins li:last-child.lvl2 { margin: 0; } /* Block Skinselect */ .block.skinselect { width: auto !important; border: 0 none; border-top: solid 1px #eee; border-bottom: solid 1px #eee; } .block.skinselect h5 { color: #333300; font-size: 10px; text-decoration: none; font-weight: bold; padding: 10px 0 7px; } .block.skinselect .info { color: #7a7a4e; margin: 0 0 10px; } /*.skin-selector { background: url(../images/sprite_general.png) no-repeat 0 -579px transparent; overflow: hidden; width: 168px; margin: 0 0 8px; } .skinselector-dropdown .select { background: url(../images/sprite_general.png) no-repeat 0 -579px transparent; }*/ .block.skinselect .select { padding: 8px 10px; color: #666633; float: left; margin: 0 0 8px; } .block.skinselect select { float: none; padding: 5px 5px 5px 0; width: 156px; } .description-skinselector { position: relative; width: 168px; } .skinselector-remove .select { height: 10px; position: absolute; right: 0; top: 0; width: 10px; } .block.skinselect option { background: #fff; color: #666633; padding: 4px; } /* .block.skinselect .btn-remove { float: none; position: absolute; right: 8px; top: 2px; background: url("../images/sprite_general.png") no-repeat scroll -860px -1080px transparent; width: 18px; height: 18px; } .block.skinselect .btn-remove:hover { -moz-opacity: 0.6; -webkit-opacity: 0.6; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity: 0.6; } */ .hreview-aggregate .product .old-price, .hreview-aggregate .product .special-price { float: none; } /* .hreview-aggregate .product .footer { position: absolute; bottom: 5px; } */ .hreview-aggregate .price-box, .hreview-aggregate .regular-price, .promoted-products-footer .price-box, .promoted-products-footer .regular-price {width:166px; } .promoted-products-footer .price-box h3 { margin: 0 !important; line-height: 18px; } /* .hreview-aggregate .price {width:94%; float:left; } */ .twocolumn .dropdown select{width:218px; padding:5px 0;} .practitioner-form{margin-bottom:30px;} .practitioner-form h5{margin-bottom:3px; margin-top:5px;} a.right.no-practitioner{margin:5px 140px 0 0;} a.med.no-practitioner{margin:5px 330px 0 0;} .practitioner-form .button {margin-left:172px} .intro{margin-bottom:20px;} .nobsn .button {margin-top:10px;} /*=== /YOURSKIN ===========================================================================*/ /* Global Styles ========================================================================= */ /** DONT SHOW THE VALIDATION BACKGROUND FOR QUANTITY INPUT FIELDS **/ input.qty.validation-passed{background: url("../images/sprite_general-part2.png") no-repeat scroll 0 -760px transparent; } .input.qty.front.validation-passed{background: url("../images/sprite_general-part2.png") no-repeat scroll 0 -798px transparent; } .input.qty.back.validation-passed{background: url("../images/sprite_general-part2.png") no-repeat scroll 100% -798px transparent; } .input.qty.back.validation-passed:before{content:"";} input.qty.validation-failed{background-position:0 -1441px; color:red;} .input.qty.front.validation-failed{background-position:0 -1479px; } .input.qty.back.validation-failed{background-position:100% -1479px; } .input.qty.back.validation-failed:before{content:"";} .input.qty .validation-advice{display:none;} .checkbox .validation-advice{margin-left:0;} .loginsms .validation-advice{margin-left:16%;} .isConnected{background:#ebf2d6 !important;} .notConnected{background:#e5e5e5 !important; } .legend{background:#FFF; display:block; padding:15px; margin: 10px 0 0 2px; } .legend-mymedication{background:#f2f6f9; display:block; padding:15px; margin: 10px 0 30px; } .legend-mymedication ul{height:18px; } .legend-mymedication li {display:inline-block; zoom:1; *display:block; margin:0 15px 0 0; } .legend-mymedication li.last {margin-bottom:0;} .legend-item { padding: 8px; display: block; clear: both; } .legend-item.isConnected { margin: 0; } .isConnected { background: #F4F8E7 !important; } .notConnected { background: #e5e5e5 !important; } /* Form lists */ /* Grouped fields */ .form-list li { margin: 0 0 8px; } .form-list label { float: left; color: #111; font-weight: bold; position: relative; z-index: 0; } .form-list label.required { } .form-list label.required em { float: right; font-style: normal; color: #eb340a; position: absolute; top: 0; right: -8px; } .form-list li.control label { float: none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right: 6px; } .form-list li.control .input-box { clear: none; display: inline; width: auto; } .form-list .input-box { display: block; clear: both; width: 260px; } .form-list .field { float: left; width: 275px; } .form-list input.input-text { width: 254px; } .form-list input#smscode{width:264px;} .form-list textarea { width: 254px; height: 10em; } .form-list select { width: 254px; padding: 6px 0; } .form-list select option { background: #fff; padding: 3px 0; } .form-list li.wide .input-box { width: 535px; } .form-list li.wide input.input-text { width: 529px; } .form-list li.wide textarea { width: 529px; } .form-list li.wide select { width: 535px; } .form-list li.additional-row { border-top: 1px solid #ccc; margin-top: 10px; padding-top: 7px; } .form-list li.additional-row .btn-remove { float: right; margin: 5px 0 0; } .form-list .input-range input.input-text { width: 74px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width: auto; } .form-list .name-prefix { width: 65px; } .form-list .name-prefix select { width: 55px; } .form-list .name-prefix input.input-text { width: 49px; } .form-list .name-suffix { width: 65px; } .form-list .name-suffix select { width: 55px; } .form-list .name-suffix input.input-text { width: 49px; } .form-list .name-middlename { width: 70px; } .form-list .name-middlename input.input-text { width: 49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width: 140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width: 124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width: 205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width: 189px; } .form-list .customer-name-prefix-suffix .name-firstname { width: 210px; } .form-list .customer-name-prefix-suffix .name-lastname { width: 205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width: 189px; } .form-list .customer-name-prefix-suffix .name-firstname { width: 210px; } .form-list .customer-name-prefix-suffix .name-lastname { width: 205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width: 189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width: 210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width: 205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width: 189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float: left; width: 85px; } .form-list .customer-dob input.input-text { display: block; width: 74px; } .form-list .customer-dob label { font-size: 10px; font-weight: normal; color: #888; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width: 60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width: 46px; } .form-list .customer-dob .dob-year { width: 140px; } .form-list .customer-dob .dob-year input.input-text { width: 134px; } .buttons-set { clear: both; margin: 5px 0 0; padding: 5px; border: 1px solid #ddd; } .buttons-set .back-link { float: left; color: #666633; } .buttons-set button.button { float: right; } .buttons-set p.required { margin: 0 0 5px; } .buttons-set-order { } .fieldset { border: 1px solid #ddd; background: #fefefe; padding: 22px 25px 12px 33px; margin: 28px 0; } .fieldset .legend { float: left; font-weight: bold; font-size: 13px; border: 1px solid #fefefe; background: #dedede; color: #333; margin: -33px 0 0 -10px; padding: 0 8px; position: relative; } /* Expiration date and CVV number validation fix */ .v-fix { float: left; } .v-fix .validation-advice { display: block; width: 12em; margin-right: -12em; position: relative; } /* Global Messages */ .success { color: #3d6611; font-weight: bold; } .error { color: #f00; font-weight: bold; } .notice { color: #ccc; } .col-main ul.messages { margin: 5px !important; } .col-main ul.messages, .col-main ul.messages li { list-style-type: none !important; } .messages, .messages ul, ul.messages { list-style: none !important; list-style-image: none !important; margin: 0 5px; padding: 0 !important; } ul.messages li { list-style-image: none !important; } ul.messages li li { margin: 0 0 3px; } .error-msg, .success-msg, .note-msg, .notice-msg { min-height: 24px !important; padding: 11px 8px 8px 32px !important; clear: both; } .cms-page-view.serviceapotheek.service-apotheek.cms-inschrijven-wijzigen-alle .error-msg, .cms-page-view.serviceapotheek.service-apotheek.cms-inschrijven-wijzigen-alle .success-msg, .cms-page-view.serviceapotheek.service-apotheek.cms-inschrijven-wijzigen-alle .note-msg, .cms-page-view.serviceapotheek.service-apotheek.cms-inschrijven-wijzigen-alle .notice-msg { min-height: 24px !important; padding: 11px 8px 8px 32px !important; clear: both; width:727px; position:absolute; } .cms-page-view.serviceapotheek.service-apotheek.cms-herhaalreceptaanvraag .error-msg, .cms-page-view.serviceapotheek.service-apotheek.cms-herhaalreceptaanvraag .success-msg, .cms-page-view.serviceapotheek.service-apotheek.cms-herhaalreceptaanvraag .note-msg, .cms-page-view.serviceapotheek.service-apotheek.cms-herhaalreceptaanvraag .notice-msg { min-height: 24px !important; padding: 11px 8px 8px 32px !important; clear: both; width:727px; position:relative; margin-bottom: 10px; } .fourstepcheckout-cart-index .error-msg, .fourstepcheckout-cart-index .success-msg, .fourstepcheckout-cart-index .note-msg, .fourstepcheckout-cart-index .notice-msg{width:726px;} .fourstepcheckout-cart-index .col-main ul.messages{margin-right:0 !important;} .error-msg { background: url("../images/sprite_bullets.png") no-repeat scroll 10px -418px #ffcccb; color: #000; font-size: 14px; font-weight: bold; } .success-msg { background: url("../images/sprite_bullets.png") no-repeat scroll 10px -618px #a3df85; color: #000; font-size: 14px; font-weight: bold; } .note-msg, .notice-msg { background: url("../images/sprite_bullets.png") no-repeat scroll 10px -418px #ffe5b2; color: #000; font-size: 14px; font-weight: bold; clear:both; } .error-msg a, .success-msg a { color:#FFF !important;} /* Sorter */ .sorter { } .sorter .view-mode { } .sorter .sort-by { } .sorter .link-feed { } /* Data Table */ .data-table { width: 100%; } .data-table th { padding: 5px; border: 1px solid #ddd; font-weight: bold; white-space: nowrap; } .data-table td { padding: 5px; border: 1px solid #ddd; } .data-table thead { background-color: #f2f2f2; } .data-table tbody { } .data-table tfoot { } .data-table tr.first { } .data-table tr.last { } .data-table tr.odd { } .data-table tr.even { background-color: #f6f6f6; } .data-table tbody.odd { } .data-table tbody.odd td { border-width: 0 1px; } .data-table tbody.even { background-color: #f6f6f6; } .data-table tbody.even td { border-width: 0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width: 1px; } .data-table th .tax-flag { white-space: nowrap; font-weight: normal; } .data-table td.label, .data-table th.label { font-weight: bold; background-color: #f6f6f6; } .data-table td.value { } /* Tax Details Row */ tr.tax-total { cursor: pointer; } tr.tax-total td { } tr.tax-total .tax-collapse { float: right; text-align: right; padding-left: 20px; background: url(../images/bkg_collapse.gif) 0 4px no-repeat; cursor: pointer; } tr.show-details .tax-collapse { background-position: 0 -53px; } tr.show-details td { } tr.tax-details td { font-size: 11px; background-color: #dae1e4; color: #626465; } tr.tax-details-first td { border-top: 1px solid #d2d8db; } /* Shopping cart tax info */ .cart-tax-info { display: block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right: 20px; } .cart-tax-total { display: block; padding-right: 20px; background: url(../images/bkg_collapse.gif) 100% 4px no-repeat; cursor: pointer; } .cart-tax-info .price, .cart-tax-total .price { display: inline !important; font-weight: normal !important; } .cart-tax-total-expanded { background-position: 100% -53px; } /* Class: std - styles for admin-controlled content */ .std .subtitle { padding: 0; } .std ol.ol { list-style: decimal outside; padding-left: 1.5em; } .std ul.disc { margin: 0 0 10px; } .std ul.disc { list-style: disc outside; padding-left: 18px; } .std dl dt { font-weight: bold; } .std dl dd { margin: 0 0 10px; } /********** < Pharmacies Search */ .cms-apotheken .col-main.wrapper.threecolumn, .pharmacies-find-result .col-main.wrapper.threecolumn { width: 543px; margin: 0 5px 5px; padding: 10px; border: 1px solid #EEE; } .pharmacies-find-result .col-main.wrapper.threecolumn { border: none; padding-top:0;} /* Product View ========================================================================== */ /* Rating */ .no-rating { margin: 0; } .ratings { font-size: 11px; padding: 0 0 10px; } .ratings a { color: #999966; } .ratings .rating-links { margin: 0; } .ratings .rating-links .separator { margin: 0 2px; } .ratings dt { } .ratings dd { } .rating-box { width: 69px; height: 13px; font-size: 0; line-height: 0; background: url(../images/bkg_rating.gif) 0 0 repeat-x; text-indent: -999em; overflow: hidden; } .rating-box .rating { float: left; height: 13px; background: url(../images/bkg_rating.gif) 0 100% repeat-x; } .ratings-table th, .ratings-table td { font-size: 11px; line-height: 1.15; padding: 3px 0; } .ratings-table th { font-weight: bold; padding-right: 8px; } /* Availability */ .availability { margin: 0; } .availability span { font-weight: bold; } .availability.in-stock span { } .availability.out-of-stock span { color: #d83820; } /* Email to a Friend */ .email-friend { } /* Alerts */ .alert-price { } .alert-stock { } /********** < Product Prices */ .detail .price-box { width: 40%; height: auto; margin: 0 0 0 60%; } .price-box { height: 20px; } .wishlist-index-index .price-box { height: auto; } .price-container { position: absolute; bottom: 50px; width: 166px !important; white-space: nowrap !important; } .price-box .price { font-weight: bold; } /* Regular price */ .regular-price { float: right; } .regular-price .price { font-size: 24px; color: #333300 !important; font-weight: bold; } .regular-price h5 { font-size: 18px; color:#cc0000;} .content.product-view .regular-price h5 {color:#333300; font-size:24px;} .content.product-view .special-price h5 {margin-left:10px;} /* Old price */ h1.old-price { font-size: 14px; color: #999966; text-decoration: line-through; float: left; } .old-price .price-label { white-space: nowrap; } .old-price .price { font-weight: bold; text-decoration: line-through; } h5.old-price { font-size: 18px; color: #999966 !important; padding: 5px 0 0; text-decoration: line-through; } /* Special price */ h1.special-price { font-size: 24px; float: left; padding: 0 0 0 10px; } .special-price .price-label { font-weight: bold; white-space: nowrap; } .special-price .price { font-weight: bold; } h5.special-price { font-size: 24px; color: #333300; font-weight: bold; } /* Minimal price (as low as) */ .minimal-price { } .minimal-price .price-label { font-weight: bold; white-space: nowrap; } .minimal-price-link { display: block; } .minimal-price-link .label { } .minimal-price-link .price { font-weight: normal; } /* Excluding tax */ .price-excluding-tax { display: block; } .price-excluding-tax .label { white-space: nowrap; } .price-excluding-tax .price { font-weight: normal; } /* Including tax */ .price-including-tax { display: block; } .price-including-tax .label { white-space: nowrap; } .price-including-tax .price { font-weight: bold; } /* FTP */ .weee { display: block; font-size: 11px; color: #444; } .weee .price { font-size: 11px; font-weight: normal; } /* Excl tax (for order tables) */ .price-excl-tax { display: block; } .price-excl-tax .label { display: block; white-space: nowrap; } .price-excl-tax .price { display: block; } /* Incl tax (for order tables) */ .price-incl-tax { display: block; } .price-incl-tax .label { display: block; white-space: nowrap; } .price-incl-tax .price { display: block; font-weight: bold; } /* Price range */ .price-from { } .price-from .price-label { font-weight: bold; white-space: nowrap; } .price-to { } .price-to .price-label { font-weight: bold; white-space: nowrap; } /* Price notice next to the options */ .price-notice { padding-left: 10px; } .price-notice .price { font-weight: bold; } /* Price as configured */ .price-as-configured { } .price-as-configured .price-label { font-weight: bold; white-space: nowrap; } .price-box-bundle { } ul.config-product-options { margin-left: 0px; margin-top: 3px;} /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight: bold; } .tier-prices .benefit { } .tier-prices-grouped { } /* Add to Links */ .add-to-links .separator { display: none; } /* Add to Cart */ .add-to-cart label { float: left; margin-right: 5px; } .add-to-cart input { width:15px; } .add-to-cart input.qty { text-align: center; font-size:10px;} .add-to-cart button.button { float: left; margin-left: 5px; } /* Add to Links + Add to Cart */ .add-to-box { } .add-to-box .add-to-cart { float: left; } .add-to-box .or { float: left; margin: 0 10px; } .add-to-box .add-to-links { float: left; } .product-view { } .product-view.hproduct{ border-top:1px solid #CCC; padding:5px 0 0 10px; } .product-essential { float:left; position:relative; } .product-collateral .box-collateral { margin: 0 0 15px; } /* PRODUCT VIEW - PRODUCT HEADER */ .product-view .product-view-header { width:100%; float:left; position:relative; margin-bottom:7px; } .product-view .product-view-header .p-header-leftcol{ float:left; position:relative; width:80%; } .product-view .product-view-header .p-header-rightcol{ float:left; position:relative; width:20%; } /* Product Images */ .product-view .product-img-box { float: right; width: 378px; } .col3-layout .product-view .product-img-box { float: none; margin: 0 auto; } .product-view .product-img-box .product-image { border: 1px solid #ddd; } .product-view .product-img-box .product-image-zoom { position: relative; width: 265px; height: 265px; overflow: hidden; z-index: 9; } .product-view .product-img-box .product-image-zoom img { position: absolute; left: 0; top: 0; cursor: move; } .product-view .product-img-box .zoom-notice { text-align: center; } .product-view .product-img-box .zoom { position: relative; z-index: 9; height: 18px; margin: 0 auto 13px; padding: 0 28px; background: url(../images/slider_bg.gif) 50% 50% no-repeat; cursor: pointer; } .product-view .product-img-box .zoom.disabled { -moz-opacity: .3; -webkit-opacity: .3; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*IE8*/ opacity: .3; } .product-view .product-img-box .zoom #track { position: relative; height: 18px; } .product-view .product-img-box .zoom #handle { position: absolute; left: 0; top: -1px; width: 9px; height: 22px; background: url(../images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position: absolute; left: 2px; top: 0; } .product-view .product-img-box .zoom .btn-zoom-in { position: absolute; right: 2px; top: 0; } .product-view .product-img-box .more-views ul { margin-left: -4px } .product-view .product-img-box .more-views li { float: left; padding: 1px; background-color: #ddd; margin: 0 0 8px 4px ; } .product-image-popup { margin: 0 auto; } .product-image-popup .nav { text-align: center; } .product-image-popup .image { display: block; } .product-image-popup .image-label { } /* Product Shop */ .product-view .product-shop { float: left; width: 358px; border:1px solid #efefef; margin-right:8px; padding:10px; } .col1-layout .product-view .product-shop { float: right; width: 700px; } .col3-layout .product-view .product-shop { float: none; width: auto; } .product-view .product-name { } .product-view .short-description { } .product-view .add-to-box{ width:100%; float: left; position: relative; } /* Product Options ----------------------------------------------------------------------------------------------------> DUBBEL? .product-options { padding: 10px; margin: 10px 0 0; border: 1px solid #ddd; background-color: #f6f6f6; } .product-options dt label { font-weight: bold; } .product-options dt .qty-holder { float: right; } .product-options dt .qty-holder label { vertical-align: middle; } .product-options dt .qty-disabled { background: none; border: 0; padding: 3px; color: #000; } .product-options dd { margin: 10px 0; } .product-options dl.last dd.last { } .product-options dd input.input-text { width: 98%; } .product-options dd textarea { width: 98%; height: 8em; } .product-options dd select { width: 100%; } .product-options .options-list { } .product-options .options-list input.radio { float: left; margin: 3px -18px 0 0; } .product-options .options-list input.checkbox { float: left; margin: 3px -20px 0 0; } .product-options .options-list .label { display: block; margin-left: 20px; } .product-options ul.validation-failed { padding: 0 7px; } .product-options p.required { padding: 15px 0 0; } .product-options-bottom { padding: 10px; border: 1px solid #ddd; border-top: 0; } .product-options-bottom .price-box { margin: 10px 0; } */ /* Grouped Product */ .product-view .grouped-items-table { } /* Block: Description */ .product-view .box-description { } /* Block: Additional */ .product-view .box-additional { } /* Block: Upsell */ .product-view .box-up-sell { } .product-view .box-up-sell .products-grid td { width: 25%; } /* Block: Tags */ .product-view .box-tags { } .product-view .box-tags .form-add label { float: left; } .product-view .box-tags .form-add .input-box { float: left; width: 260px; margin: 0 5px; } .product-view .box-tags .form-add input.input-text { width: 254px; } .product-view .box-tags .form-add p { clear: both; } /* Block: Reviews */ .product-view .box-reviews { } .product-view .box-reviews .form-add { } /* Send a Friend */ .send-friend { } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart { } /* Checkout Types */ .cart .checkout-types { float: right; text-align: right; } /* Shopping Cart Table */ .cart-table .item-msg { font-size: 10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding: 25px 0 0; } .cart .cart-collaterals .col2-set { float: left; width: 700px; } .cart .crosssell { } .cart .crosssell h2 { font-size: 13px; font-weight: bold; } .cart .crosssell .product-image { float: left; width: 75px; height: 75px; border: 1px solid #ddd; } .cart .crosssell .product-details { margin-left: 90px; } .cart .crosssell li.item { margin: 12px 0; } /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount, .cart .shipping { } /* Shopping Cart Totals */ .cart .totals { float: right; } .cart .totals table { width: 100%; } .cart .totals table th, .cart .totals table td { padding: 5px; } .cart .totals table th { font-weight: bold; } /* Options Tool Tip */ .item-options dt { font-weight: bold; font-style: italic; } .item-options dd { padding-left: 10px; } .truncated { cursor: help; } .truncated a.dots { cursor: help; } .truncated a.details { cursor: help; } .truncated .truncated_full_value { position: relative; z-index: 999; } .truncated .truncated_full_value dl { position: absolute; top: -99999em; left: -99999em; z-index: 999; width: 250px; padding: 8px; border: 1px solid #ddd; background-color: #f6f6f6; } .truncated .show dl { top: -20px; left: 50%; } .col-left .truncated .show dl { left: 30px; top: 7px; } .col-right .truncated .show dl { left: -240px; top: 7px; } /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float: none; margin: 0; } .my-account a { color: #666633; } .my-account a:hover { text-decoration: none; } /********** < Dashboard */ .dashboard .welcome-msg { margin: 0; } /* Block: Recent Orders */ .dashboard .box-recent { margin: 10px 0; } /* Block: Account Information */ .dashboard .box-info { } /* Block: Reviews */ .dashboard .box-reviews .number { float: left; font-size: 10px; font-weight: bold; line-height: 1; color: #fff; margin: 3px -20px 0 0; padding: 2px 3px; background: #ddd; } .dashboard .box-reviews .details { margin-left: 20px; } /* Block: Tags */ .dashboard .box-tags .number { float: left; font-size: 10px; font-weight: bold; line-height: 1; color: #fff; margin: 3px -20px 0 0; padding: 2px 3px; background: #ddd; } .dashboard .box-tags .details { margin-left: 20px; } /********** Dashboard > */ .form-list .housenumber input.input-text, .form-list .housenumberadd input.input-text { width: 30px; } /* algemeen voor my account-pagina's */ .my-account .buttons-set { border: 0 none; border-top: solid 1px #ddd; padding: 10px 0; overflow: hidden; } .my-account .buttons-set a { color: #666633; font-weight: bold; } .my-account .buttons-set a:hover { text-decoration: none; } .my-account ul.buttons-set { width: 760px; overflow: visible; border-top: 0 none; } .my-account ul.buttons-set button.button { float: none; } .my-account ul.buttons-set li { display: inline; width: 33%; } .my-account ul.buttons-set li.left { text-align: left; } .my-account ul.buttons-set li.center { text-align: center; } .my-account ul.buttons-set li.right { text-align: right; } .my-account .fieldset { background: none; border: 0 none; padding: 0; margin: 0; overflow: hidden; } .my-account .fieldset .legend { background: none; color: #330; float: none; font-size: 16px; margin: 0; padding: 0; border: 0 none; border-top: solid 1px #ddd; } .my-account .fieldset .legend:nth-of-type(1) { border: none; } .order-history.cart, .wishlist.cart, .reviews.cart { padding: 0; border: 1px solid #eee; border-top: none; border-left: none; border-right: none; } .stampcard.cart { border-bottom: none; } .order-history.cart .table .row.title, .stampcard.cart .table .row.title, .wishlist.cart .table .row.title, .reviews.cart .table .row.title { height: auto; min-height: 30px; padding: 0; border-left: none; border-right: none; } .order-history.cart .table .row.title h5, .stampcard.cart .table .row.title h5, .wishlist.cart .table .row.title h5, .reviews.cart .table .row.title h5 { font-size: 11px; color: #999966; } .order-history.cart .table .row, .stampcard.cart .table .row, .wishlist.cart .table .row, .reviews.cart .table .row, .new-dossier .table .row { height: auto; min-height: 50px; padding: 0; border: 1px solid #eee; border-bottom: none; } .stampcard.cart .table .row.title { border-bottom: none; } .stampcard.cart .table .row { border-bottom: 1px solid #eee; } .order-history.cart .table .row.toolbar, .authors.cart .table .row.toolbar, .reviews.cart .table .row.toolbar { font-size: 10px; height: auto; min-height: 30px; margin: 10px 0 0; padding: 0; border: 1px solid #eee; border-bottom: none; border-left: none; border-right: none; } .authors.cart .table .row.toolbar { border-bottom: 1px solid #EEE; } .discount-overview-vouchers .table .row.toolbar.first, .order-history.cart .table .row.toolbar.first, .authors.cart .table .row.toolbar.first, .reviews.cart .table .row.toolbar.first { height: auto; min-height: 10px; padding: 0; border-top: none; } .discount-overview-vouchers .table .row.toolbar .col.first, .order-history.cart .table .row.toolbar .col.first, .authors.cart .table .row.toolbar .col.first, .reviews.cart .table .row.toolbar .col.first { padding: 10px 0 10px 10px; } .discount-overview-vouchers .table .row.toolbar .col.last, .order-history.cart .table .row.toolbar .col.last, .authors.cart .table .row.toolbar .col.last, .reviews.cart .table .row.toolbar .col.last { padding: 10px 10px 10px 0; } .order-history.cart .table .row.toolbar ul, .discount-overview-vouchers .table .row.toolbar ul, .authors.cart .table .row.toolbar ul, .reviews.cart .table .row.toolbar ul { margin: 0; padding: 0; list-style-type: none; float: right; } .discount-overview-vouchers .table .row.toolbar ul li:first-child, .order-history.cart .table .row.toolbar ul li:first-child, .authors.cart .table .row.toolbar ul li:first-child, .reviews.cart .table .row.toolbar ul li:first-child { padding: 0 5px; border: none; } .discount-overview-vouchers .table .row.toolbar ul li, .order-history.cart .table .row.toolbar ul li, .authors.cart .table .row.toolbar ul li, .reviews.cart .table .row.toolbar ul li { color: #BFC19D; font-weight: bold; padding: 0 0 0 5px; border-left: 1px solid #BFC19D; float: left; } .discount-overview-vouchers .table .row.toolbar ul li a, .order-history.cart .table .row.toolbar ul li a, .authors.cart .table .row.toolbar ul li a, .reviews.cart .table .row.toolbar ul li a { color: #BFC19D; font-weight: bold; } .discount-overview-vouchers .table .row.toolbar ul li a:hover, .order-history.cart .table .row.toolbar ul li a:hover, .authors.cart .table .row.toolbar ul li a:hover, .reviews.cart .table .row.toolbar ul li a:hover { text-decoration: none; } .discount-overview-vouchers .table .row.title .col, .order-history.cart .table .row.title .col, .stampcard.cart .table .row.title .col, .wishlist.cart .table .row.title .col, .reviews.cart .table .row.title .col { min-height: 10px; text-align: left; } .discount-overview-vouchers .table .sumcolumn{width:562px;} .cart h4 { margin: 0; } .reviews.cart .table .row .col, .new-dossier .table .col { padding: 10px 0 10px 10px; border: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .reviews.cart .table .row .col.nopadding { padding: 10px 0; } .reviews.cart .table .row.noborder { border: none; } .reviews.cart .table .row .col.text-right { text-align: right; } .reviews.cart .table .row .col.nopadding span.price { float: left; } .reviews.cart .table .row.total .col.nopadding { text-align: right; } .reviews.cart .table .row.total .col.nopadding span.price { float: right; } .reviews.cart .table .row.total .col.nopadding span.price { width: 114px; padding: 0 0 0 10px; text-align: left !important; display: inline-block; } .order-history.cart a, .stampcard.cart a, .reviews.cart a { color: #666633; } .order-history.cart .table .row .col.last { padding: 10px; } .wishlist.cart .table .row .col { min-height: 235px; padding: 10px; border: none; } .wishlist.cart .table .row .col.border { border-top: none; border-bottom: none; border-left: none; border-right: 1px solid #eee; } .wishlist.cart .table .row .col span.regular-price { margin: 0; } .wishlist.cart .table .row .col textarea { width: 100%; height: 100px; resize: none; } .wishlist.cart .table .row .col a.delete { margin: 10px 0 0 0; } .wishlist.cart .table .row .col a.delete span span { width: 94px; } .address { margin: 0 0 10px; } .address.tencolumn.border { padding: 10px 5px 10px 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .address.tencolumn.border .address { font-weight: bold; width: 50%; float: left; } .address.tencolumn.border .address h4 { color: #666633; text-transform: capitalize; } .address.tencolumn.border .address span { text-transform: capitalize; } .address.tencolumn.border .actions { width: 50%; padding: 12px 0 0; float: left; } .address.tencolumn.border .actions a.margin { margin: 0 5px 10px -3px; } .address.tencolumn.border .actions a span { min-width: 120px; } .product-review .table .row { min-height: 171px; padding: 0 0 10px; } .product-review .table .row .col { min-height: 171px; } .share.cart .table .row .col textarea { width: 394px; } .share.cart .table .row .col textarea#email_address { height: 50px; resize: none; } .share.cart .table .row .col textarea#message { height: 100px; resize: none; } /* address index */ .customer-address-index .col-main.wrapper.fourcolumn { margin: 0 auto; width: 761px; } .customer-address-index .col2-set { clear: both; margin: 10px 0; overflow: hidden; } .customer-address-index .col-1, .customer-address-index .col-2 { width: 270px; border: 1px solid #eee; padding: 8px; position: relative; } .customer-address-index .col-1 { float: left; } .customer-address-index .col-2 { float: right; } .customer-address-index .info-box { margin: 10px 0 0; } .customer-address-index .addresses-additional li { margin: 0 0 10px; } .customer-address-index .addresses-additional li:last-child { margin: 0; } .customer-address-index .addresses-additional .actions { margin: 10px 0 0; } .customer-address-index .addresses-additional .actions a { color: #666633; background: url(../images/sprite_bullets.png) 0 -66px no-repeat; padding-left: 10px; font-weight: bold; } .customer-address-index .info-box h3 { font-size: 12px; margin: 14px 0 5px; } .customer-address-index .info-box h3 a { color: #666633; background: url(../images/sprite_bullets.png) 0 -66px no-repeat; padding-left: 10px; font-weight: bold; margin: 0 0 0 20px; } .customer-address-index .info-box h3 a:hover { text-decoration: none; } .customer-address-index h2.sub-title { font-size: 16px; margin: 6px 0; } .customer-address-index h3 a { font-size: 12px; margin: 0 0 0 10px; } .customer-address-index .info-box .footer-link { background: none; height: 30px; width: 100%; position: absolute; bottom: 0; } .customer-address-index .buttons-set button.button { float: left; } .customer-address-index .buttons-set .back-link { clear: both; padding: 10px 0 0; } /* Sales Order View */ .sales-order-view .page-title.title-buttons a { color: #666633; background: url(../images/sprite_bullets.png) 0 -66px no-repeat; padding-left: 10px; font-weight: bold; } .sales-order-view .order-date { margin: 10px 8px; } .sales-order-view .col-main.wrapper.fourcolumn { margin: 0 auto; width: 761px; } .sales-order-view .col2-set { clear: both; margin: 10px 0; overflow: hidden; } .sales-order-view .col-1, .sales-order-view .col-2 { width: 260px; border: 1px solid #eee; padding: 8px; position: relative; } .sales-order-view .col-1 { float: left; } .sales-order-view .col-2 { float: right; } .sales-order-view .info-box { margin: 10px 0 0; min-height: 112px; } .sales-order-view .info-box h3 { color: #666633; font-size: 14px; margin: 10px 0 8px; } .sales-order-view .order-details h2 { font-size: 18px; margin: 6px 0 7px 8px; } .sales-order-view #my-orders-table .date { white-space: nowrap; } .sales-order-view #my-orders-table .subtotal, .sales-order-view #my-orders-table .price, .sales-order-view #my-orders-table .qty { text-align: right; white-space: nowrap; } .sales-order-view #my-orders-table .sku a { color: #666633; text-decoration: none; } .sales-order-view #my-orders-table thead { background: none; border-top: solid 1px #ddd; } .sales-order-view #my-orders-table tbody { border: solid 1px #ddd; } .sales-order-view #my-orders-table th { color: #999966; font-size: 11px; font-weight: bold; white-space: nowrap; } .sales-order-view #my-orders-table th, .sales-order-view #my-orders-table td { border: 0 none; border-bottom: solid 1px #ddd; padding: 8px 5px; } .sales-order-view #my-orders-table h3 { font-weight: normal; font-size: 12px; } .sales-order-view #my-orders-table tfoot { border-top: solid 2px #ddd; } .sales-order-view .my-account .buttons-set { border: 0 none; } /* Address Book */ .addresses-list { } .addresses-list-additional li.item { } /* Order View */ .order-info { border: 1px solid #EEE; padding: 5px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display: inline; } .order-info dt { font-weight: bold; } .order-date { margin: 10px 0; } .order-info-box { } .order-items { width: 100%; overflow-x: auto; } .order-gift-message { margin: 15px 0; } .gift-message dt strong { color: #666; } .gift-message dd { margin: 5px 0 0; font-size: 13px; } .order-about { margin: 15px 0; } .order-about dt { font-weight: bold; } .order-about dd { font-size: 13px; margin: 0 0 7px; } .tracking-table { margin: 0 0 15px; } .tracking-table th { font-weight: bold; white-space: nowrap; } .tracking-table th, .tracking-table td { padding: 1px 5px 0 0; } .tracking-table-popup { width: 100%; } .tracking-table-popup th { font-weight: bold; white-space: nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding: 1px 8px; } /* Order Print Pages */ .page-print .print-head { } .page-print .print-head img { float: left; } .page-print .print-head address { float: left; margin-left: 15px; } /* Price Rewrites */ .page-print .gift-message-link { display: none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display: block; white-space: nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display: inline; } /* My Reviews */ .product-review .product-img-box { float: left; width: 140px; } .product-review .product-img-box .product-image { display: block; width: 125px; height: 125px; } .product-review .product-img-box .label { font-size: 11px; margin: 0 0 3px; } .product-review .product-img-box .ratings .rating-box { float: none; display: block; margin: 0 0 3px; } .product-review .product-details { margin-left: 150px; } .product-review .product-name { font-size: 16px; font-weight: bold; margin: 0 0 10px; } .product-review h3 { } .product-review p { margin: 0 0 1.5em; } .product-review .date { margin: 10px 0; font-weight: bold; font-size: 13px; color: #999A67; } .product-review .ratings-table { margin: 0 0 10px; } .product-review dt { font-weight: bold; } .product-review dd { font-size: 13px; margin: 5px 0 0; } /* My helpdesk */ .helpdeskultimate-customer-index .col-main { margin: 0; } .ticket-create-form h3 { color: #663; } #helpdesk-ticket-form fieldset { background: #F9FBF0; width: 450px; padding: 8px; } #helpdesk-ticket-form ul { width: 474px; } #helpdesk-ticket-form li { margin: 0 0 10px; display: inline-block; position: relative; } #helpdesk-ticket-form label { margin: 0 0 3px; width: 100%; font-weight: bold; } #helpdesk-ticket-form input#title { width: 450px; } #helpdesk-ticket-form button { text-transform: none; } #helpdesk-ticket-form a.left { color: #999966; font-weight:bold; } #helpdesk-ticket-form a.left:hover { text-decoration:none; } #helpdesk-ticket-form textarea { border: 1px solid #999; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 1px 1px 2px #ccc inset; -webkit-box-shadow: 1px 1px 2px #ccc inset; box-shadow: 1px 1px 2px #ccc inset; height: 150px; padding: 5px; width: 458px; } .helpdeskultimate-customer-index .validation-error textarea { background: #F6EAEB; border: solid 1px #A63B46; } .helpdeskultimate-customer-index .validation-advice, #fme-ask-question-form-wraper .validation-advice { left: 280px; min-height: 13px; padding: 1px 0 0 17px; position: absolute; width: 270px; top: 15px; } .helpdeskultimate-customer-index .validation-advice { left: 480px; } #helpdesk-ticket-form textarea.validation-failed { border: 1px solid #A63B46; background: #F6EAEB; } #fme-ask-question-form-wraper .wide .validation-advice, #review-form .wide .validation-advice { background: url("../images/validation_advice_bg.gif") no-repeat scroll 2px 1px ; color: #A63B46; font-size: 12px; font-weight: bold; left: 0; padding: 2px 0 0 15px; position: relative; width: auto; top: 0; margin: 5px 0 0; } #fme-ask-question-form-wraper .field { position: relative; } #fme-ask-question-form-wraper #security_code { margin: 0 10px 5px; } .helpdeskultimate-customer-index .button-set { width: 474px; } /* My helpdesk single ticket view*/ .helpdeskultimate-customer-view a { color: #666633; } .helpdeskultimate-customer-view .back a { font-weight: bold; } .helpdeskultimate-customer-view a:hover { text-decoration:none; } .helpdeskultimate-customer-view h3 { color: #663; } .helpdeskultimate-customer-view fieldset.group-select { background: #F9FBF0; width: 470px; padding: 8px; } .helpdeskultimate-customer-view .legend { background: none repeat scroll 0 0 transparent; color: #333300; float: none; font-size: 16px; margin: 28px 0 10px; padding: 0; } .helpdeskultimate-customer-view .group-select textarea { border: 1px solid #999; border-radius: 3px 3px 3px 3px; box-shadow: 1px 1px 2px #ccc inset; height: 150px; padding: 5px; width: 458px; margin: 5px 0 0; } .helpdeskultimate-customer-view #ticketlist fieldset, .helpdeskultimate-customer-view #replyform fieldset { margin: 0; } .helpdeskultimate-customer-view .back { display: block; margin: 10px 0; } .helpdeskultimate-customer-view .message-box { margin: 28px 0 0; } .helpdeskultimate-customer-view .message-box.level2 h4 { font-size: 16px; color: #330; } .helpdeskultimate-customer-view .message-body { margin: 10px 0; } .helpdeskultimate-customer-view #helpdesk-reply-form button { margin: 10px 0; } /* Twitter box */ .twtr-widget { font-family: Arial, sans-serif !important; } .twtr-doc, .twtr-timeline { -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; } #twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a, #twtr-widget-1 h3, #twtr-widget-1 h4 { background-color: #96BE0E !important; color: #333300 !important; } .twtr-widget p { line-height: 1.3em !important; } /* customer account sales order history */ .sales-order-history .page-title { border: 0 none; } .helpdeskultimate-customer-index .col-main.wrapper.fourcolumn { margin: 0 auto 0; width: 761px; } .helpdeskultimate-customer-index #my-reviews-table thead { background: none; border-top: solid 1px #ddd; } .helpdeskultimate-customer-index #my-reviews-table tbody { border: solid 1px #ddd; } .helpdeskultimate-customer-index #my-reviews-table th { color: #999966; font-size: 11px; font-weight: bold; white-space: nowrap; } .helpdeskultimate-customer-index #my-reviews-table th, .helpdeskultimate-customer-index #my-reviews-table td { border: 0 none; border-bottom: solid 1px #ddd; padding: 8px 5px; } .helpdeskultimate-customer-index #my-reviews-table td { cursor: pointer; } .helpdeskultimate-customer-index #my-reviews-table tr:hover { background: #F9FBF0; } .helpdeskultimate-customer-index #my-reviews-table tr:hover th { background: #fff; } .helpdeskultimate-customer-index #my-reviews-table .order-id, .helpdeskultimate-customer-index #my-reviews-table .order-id a { color: #666633; } .helpdeskultimate-customer-index #my-reviews-table .order-id a:hover { text-decoration: none; } .helpdeskultimate-customer-index #my-reviews-table .date { white-space: nowrap; } .helpdeskultimate-customer-index #my-reviews-table .price { text-align: right; white-space: nowrap; } .helpdeskultimate-customer-index #my-reviews-table .actions { text-align: center; white-space: nowrap; } .helpdeskultimate-customer-index #my-reviews-table .actions a { color: #666633; background: url(../images/sprite_bullets.png) 0 -66px no-repeat; padding-left: 10px; font-weight: bold; } .helpdeskultimate-customer-index #my-orders-table .actions a:hover { text-decoration: none; } /* my stampcard */ ul.my-stampcards h2 { margin: 0 0 20px; } ul.my-stampcards ul { margin: 0 0 20px; } ul.my-stampcards ul li { margin: 10px 0; } ul.my-stampcards ul li a { color: #666633; text-decoration: none; } ul.my-stampcards ul li a:hover { text-decoration: underline; } /* ======================================================================================= */ /* block "Other articles" in sidebar */ .block.other-articles { border: none; } .block.other-articles .content > ul > li { padding: 10px 8px; margin: 0 0 10px; overflow: hidden; } .block.other-articles .content li li { margin: 0 0 3px; font-size: 11px; } .block.other-articles .content li li a { color: #666633; background: url(../images/sprite_bullets.png) 0 -66px no-repeat; padding-left: 10px; font-weight: bold; } .block.other-articles .title { border-top: solid 1px #eee; margin: 0; } .block.other-articles .title h1 { font-size: 16px; margin: 10px 8px; } /* block related products in sidebar */ .col-right .product-slider h3 {font-size: 14px; color: #666633; margin: 0 5px; } /* search results non-product page */ .search-results-non-product .col3-layout .threecolumn .page-title { padding: 5px 0; } .catalogsearch-result-index .search-results-non-product .page-title h1 { color: #666633; } .search-results-non-product .border { } .search-results-non-product .toolbar { border-bottom: 0 none; margin: 5px 0 0; padding: 10px; } .search-results-non-product br.clear { display: none; } .search-results-non-product .search-results li { padding: 8px; margin: 0 0 14px; } .search-results-non-product .search-results li h1 { font-size: 11px; padding: 3px 0 5px; } .search-results-non-product .search-results li a { color: #999966; text-decoration:underline; } .search-results-non-product .search-results li h1 a:hover, .search-results-non-product .search-results li span a:hover { text-decoration: none; } .search-results-non-product .search-results li span a { background: url(../images/sprite_bullets.png) no-repeat 0 4px; padding-left: 7px; margin-left: 0.5em; } .search-results-non-product .search-results li p, .search-results-non-product .search-results li span { display: inline; } /* twinbsn-explain */ .customer-account-confirmtwin .col-main { margin: 0 0 0 10px; } .customer-account-confirmtwin h1 { font-size: 18px; color: #999966; margin: 0 0 20px 0; font-weight: normal; } .customer-account-confirmtwin .twinbsn-explain form { display: block; margin: 20px 0 0; } .customer-account-confirmtwin .twinbsn-explain button { margin: 0 0 0 10px; } .new-dossier, .dossier-list, .top-text, .bottom-text{ width:100%; clear: both;} .new-dossier{ margin-bottom:30px;} .new-dossier h2 {color:#ff0000;} .new-dossier .content{width: 326px; margin-left: 0; margin-bottom: 10px;} .new-dossier hr{margin:10px 0;} .new-dossier .table .col{float:left;} .dossier-list{border-bottom:1px solid #EEE; background:#f7fbfc; margin:20px 0; float:left;} .dossier-list .dissease-row.row{min-height:40px;} .dossier-list .dissease-field1{font-weight:bold;} .dossier-list .dossier-not-applicable{ color:#408cdc; cursor:pointer;} .dossier-list .dossier-not-applicable:hover{ text-decoration:underline;} .dossier-list .new-dossier button.button-b{float:right;} /* Clears ================================================================================ */ .clearer: after, .header-container: after, .header-container .top-container: after, .header: after, .header .quick-access: after, #nav: after, .main: after, .footer: after, .footer-container .bottom-container: after, .col-main: after, .col2-set: after, .col3-set: after, .col4-set: after, .search-autocomplete li: after, .block .block-content: after, .block .actions: after, .block li.item: after, .block-poll li: after, .block-layered-nav .currently li: after, .page-title: after, .products-grid: after, .products-list li.item: after, .box-account .box-head: after, .dashboard .box .box-title: after, .box-reviews li.item: after, .box-tags li.item: after, .pager: after, .sorter: after, .ratings: after, .add-to-box: after, .add-to-cart: after, .product-essential: after, .product-collateral: after, .product-view .product-img-box .more-views ul: after, .product-view .box-tags .form-add: after, .product-options .options-list li: after, .product-options-bottom: after, .product-review: after, .cart: after, .cart-collaterals: after, .cart .crosssell li.item: after, .opc .step-title: after, .checkout-progress: after, .multiple-checkout .place-order: after, .group-select li: after, .form-list li: after, .form-list .field: after, .buttons-set: after, .page-print .print-head: after, .advanced-search-summary: after, .gift-messages-form .item: after, .send-friend .form-list li p: after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } /* ======================================================================================= */ .catalog-product-compare-index .buttons-set button.button {float: left;} /* MY MEDICATION FIX MAC ========================================================================== */ .serviceapotheek.mymedication-quote-promote .col-main, .serviceapotheek.mymedication-quote-shipping .col-main {width:582px;} .account.form .validation-advice { margin: 8px 0 0 265px; } .mymedication-quote-promote .col-right, .mymedication-quote-shipping .col-right {margin-left:4px;} /* CHROME HACKS ========================================================================== */ @media screen and (-webkit-min-device-pixel-ratio:0) { .breadcrumbs ul li { margin-top: 5px; } .breadcrumbs ul li:first-child { margin-top: 4px; } .stampcard.root .row .col { min-height: 186px; } .account .col { min-height: 137px !important; } .ratings .table .row.title .col { padding:11px 0 10px; } .ratings ol { margin-top: -1px; margin-bottom: 1px; } .block .block-title .font-10px { line-height: 14px; } .block-account .block-title strong { padding: 6px 5px; } .footer .wrapper .column h3 { margin: 1px 0px 12px; } .cart .row.toolbar { padding: 1px 0 !important; } .page-title { padding: 6px 0 0; } .cms-klantenservice-home .intro-text { margin: -1px 0 -5px; } .content.customerservice h3 { margin: 5px 10px 5px; } .content.customerservice ul li { margin: 0 0 4px 10px; } h1.head { padding: 1px 0 0 18px; } .catalog-product-view .detail.twocolumn.xl.border { margin-top: 4px; } .catalog-product-view .detail.twocolumn.xl.border .content.product-view { padding: 11px 10px 10px; } .content.product-view .product-info { padding: 9px 0px 0px; } /* .customer-account-login .validation-advice { margin-left: 19px; padding-left: 15px; } */ .input.back input:-webkit-autofill { height: 29px; border-top: solid 1px #979797;border-bottom: solid 1px #979797; box-shadow: 0 4px 4px -4px #888 inset; -webkit-box-shadow: 0 4px 4px -4px #888 inset; } .input.back input.validation-passed:-webkit-autofill { border-top: solid 1px #96BB2B;border-bottom: solid 1px #96BB2B; } .input.back input.validation-failed:-webkit-autofill { border-top: solid 1px #A73B48;border-bottom: solid 1px #A73B48; } /* .input.normal .input.back.validation-passed:before { margin-left: 232px !important; } .input.normal .input.back.validation-failed:before { margin-left: 242px !important; } .register-form-wrapper .input.back.validation-passed:before { margin-left: 242px !important; } .input.normal .input.back.validation-failed:before { margin-left: 242px !important; } .register-form-wrapper .input.back.validation-failed:before { margin-left: 252px !important; } */ .account.form .select .validation-advice { margin: -12px 0 0 244px; } /* .account.form .validation-advice { margin: -12px 0 0 265px; width: 350px; } */ .account.form .half .validation-advice { margin: 8px 0 0 265px; } /* .half .input.back.validation-passed:before, .half .input.select.back.validation-passed:before{content:url('../images/valitdation-passed.png'); position: relative; top: -2px;} .input.back.validation-failed:before, .input.select.back.validation-failed:before{color: red; content: "!"; font-size: 18px; font-weight: bold; position: relative; top: 8px; } .fourstepcheckout-cart-account .customer-account-login .register-form-wrapper .input.back.validation-passed:before { margin-left: 142px !important; } .fourstepcheckout-cart-account .customer-account-login .register-form-wrapper .input.back.validation-failed:before { margin-left: 145px !important; } .customer-account-login .register-form-wrapper .validation-advice { margin-top: 8px; left: -34px; } .fourstepcheckout-cart-account .customer-account-login .register-form-wrapper .validation-advice { margin-top: 11px; left: -34px; } .customer-account-login .validation-advice { background: url(../images/sprite_general) no-repeat 0 -1248px; clear: none; left: 59px; margin-top:9px; position: absolute; width: 230px; } .half .input.back.validation-passed, .half .input.back.validation-failed { position: relative; } .half .input.back.validation-passed:before { position: absolute; right: 7px; margin-left: 0; } .half .input.back.validation-failed:before { position: absolute; top: 4px; right: 15px; margin-left: 0; } .customer-account-create.serviceapotheek .input.back.half.validation-passed:before{margin-left: 100px;} .customer-account-create.serviceapotheek .input.back.half.validation-failed:before{margin-left: 110px;} */ .customer-account-create.serviceapotheek .input.back.validation-failed select{-webkit-box-shadow:inset 0 1px 2px #bbb; border-top: solid 1px #A73B48;border-bottom: solid 1px #A73B48; background:#F6E9EA;} .stampcarddetail .table .row .col h2 { margin: 102px 0 0; } .diseases .page-title h1 { padding: 0px 0px 8px; } .diseases .sub-title.search { margin:16px 5px 18px; } .diseases .toolbar { padding: 6px; } .col-left .content-category { margin-bottom: 1px; } .col-left .product-category h3 { padding-top: 8px; padding-bottom: 10px; } .cms-page-view #product-slide-wrap { margin: 4px 0px 0px; } .repeatrecipemenu h5 { padding-top: 6px; padding-bottom: 6px; } .cms-apotheken .col-main h1 { line-height: 29px; } .cms-apotheken h3 { padding-top: 1px;} .pharmacists-search h4 { padding: 2px 0px 17px; } .pharmacists-search .input select { padding: 5px; } .col-main .category-header .title { padding-top: 6px; } ul.alphabet { margin: 12px 0px 0px; } .col-left .diseases-search-container button { margin: 12px 0px 0px -4px; } .diseases .sub-title.search { margin: 15px 5px 17px; padding: 10px 0px 0px; } .diseases .col-main .onecolumn.border { padding-top: 9px; } /* yourskin skinselector dropdown */ .skin-selector { background: 0 none; overflow: hidden; margin: 0; } .block.skinselect .input.front, .block.skinselect .input.back { background: 0 none; padding: 0; } .block.skinselect select { padding: 5px; border: 1px solid #999; width: 168px; height: 31px; margin: 0; border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 1px 1px 2px #ccc inset; box-shadow: 1px 1px 2px #ccc inset;} /* apothekenzoeker dropdown */ .pharmacists-search .input.back.validate-number, .pharmacists-search .input.front.validate-number { background: 0; padding: 0; margin: 0; } .pharmacists-search .input.front.validate-number { margin-right: 8px; } .pharmacists-search .input select { padding: 5px; border: 1px solid #999; border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 1px 1px 2px #ccc inset; -webkit-box-shadow: 1px 1px 2px #ccc inset; width: 158px; height: 31px; background: #fff; margin: 0 2px 0 0;} .pharmacists-search .input select.validation-failed { background: #F6E9EA;border-color:#A63B46;} .pharmacists-search .input select.validation-passed { background: #F4F7E6;border-color:#96BB2B;} ul.footer-tabs li.active a { border-bottom: solid 2px #fff; } .col-main .disease-description .tabs > li.current a:hover, .col-main .disease-description .tabs > li.current a { border-bottom: solid 2px #fff; } .steps ul li a span.number { padding: 1px 0 0; } .mymedication-account-index #product-slide-wrap li { border-bottom: solid 1px #F7FAFC !important;} ul.footer-tabs li.active span.tab-name { padding-bottom: 8px; } .pharmacists-search select.validate-number.radius {width: 158px !important;} .cart .table.delivery .row .col input[type="radio"] { height: auto; } #reminder-service .col.last select.timespan-selector { padding: 5px; border: 1px solid #999; width: 168px; height: 31px; margin: 0; border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 1px 1px 2px #ccc inset; box-shadow: 1px 1px 2px #ccc inset; } .selfcare.cart .table.delivery .col .input.back.validation-failed:before { margin-left: 155px; } .selfcare.cart .table.delivery .col .input.back.validation-passed:before { margin-left: 145px; } .selfcare.cart .table.delivery .col .validate-date-nl, .selfcare.cart .table.delivery .col .validate-digits { width: 149px; } .my-medication .table.medication .row.toolbar .col.first, .selfcare .table.selfcare .row.toolbar .col.fivecolumn {padding-top:6px; padding-bottom:8px;} .authors-view-detail .author .content {float:left;} .footer .wrapper .column.phone h5 {color: #FFFFFF !important; font-size: 18px; font-weight: bold; letter-spacing: 1px; margin: 15px 0 10px;} /* TOPMENU FIX CHROME/ MAC */ .nav-container ul li.theme.first { position: absolute; right: 76px; width: 90px; } .nav-container ul li.theme.first a.level-top{ width: 80px; padding:0 6px; text-align:center; max-width:90px;} .fourstepcheckout-cart-shipping .input.back.validation-passed:before{margin-left: 150px;} .fourstepcheckout-cart-shipping .input.range.back.validation-passed:before{margin-left: 60px;} /* .input.back.validation-passed:before {position:absolute !important; top:-1px !important; right: 8px !important;} .input.front.validation-passed {position:relative !important;} */ } #pharmacy-contact .form-list li { margin:0 0 8px;list-style:none; float:left; position:relative; width:100%;} #pharmacy-contact .form-list li.fields { margin:0; } #pharmacy-contact .form-list .field { display:block; margin:0 0 8px; } #pharmacy-contact .form-list li.control {} #pharmacy-contact .form-list label { float:left; width:170px; padding:2px 10px 0 0; } #pharmacy-contact .form-list .input-box { float:left; width:420px; } #pharmacy-contact label {text-align:left; margin-top:5px; padding-top:0;} #pharmacy-contact .form-list h3 {float:left; width:100%; border-bottom: 1px dashed #747678; margin: 0 0 11px 0; color:#0F3053; margin-top:15px; padding-bottom:5px;} #pharmacy-contact .validation-failed, #pharmacy-contact .validation-passed{float:left;} #pharmacy-contact .validation-advice {width:160px;} #pharmacy-contact.request .validation-advice {width:290px;} #pharmacy-contact .form-list .input-box {clear:none;} #pharmacy-contact select.half, #pharmacy-contact input.half {width:102px;} #pharmacy-contact input[type="radio"] { height:15px; margin-top:7px !important;} #pharmacy-contact .input.front .validation-advice { margin: -12px 0 0 335px !important; } #pharmacy-contact .input.front.medicine.second .validation-advice { margin: -12px 0 0 168px !important; } #pharmacy-contact .input.front.large.select .input.back.validation-passed:before { margin: 9px 22px 0 -42px; } #pharmacy-contact .input.front.large .input.back.validation-passed:before, #pharmacy-contact .input.front.medicine .input.back.validation-passed:before { margin: 9px 0 0 -26px; } #pharmacy-contact .input.front.day .input.back.validation-passed:before, #pharmacy-contact .input.front.month .input.back.validation-passed:before, #pharmacy-contact .input.front.year .input.back.validation-passed:before { margin: 9px 22px 0 -42px; } #pharmacy-contact .input.front.large.select .input.back.validation-failed:before { margin:7px 15px 0 -37px } #pharmacy-contact .input.front.large .input.back.validation-failed:before, #pharmacy-contact .input.front.year .input.back.validation-failed:before { margin: 6px 15px 0 -37px; } #pharmacy-contact .input.front.day .input.back.validation-failed:before, #pharmacy-contact .input.front.month .input.back.validation-failed:before, #pharmacy-contact .input.front.year .input.back.validation-failed:before { margin: 6px 0 0 -37px; } #pharmacy-contact textarea { width: 459px; height: 135px; } .form-list.pharmacy-contact{float:left; position:relative; margin-left:0 !important; padding-right:20px;} .categorylist .ctlvl1 span.parent-cat-arrow, .categorylist .ctlvl1.open .ctlvl2 span.parent-cat-arrow, .categorylist .ctlvl1.open .ctlvl2.open .ctlvl3 span.parent-cat-arrow { width: 7px; height: 7px; margin: 0 0 0 -10px; padding: 0 !important; background: url('../images/sprite_bullets.png') 0 -20px no-repeat !important; display: inline-block; cursor:pointer;} .categorylist .ctlvl1 span.parent-cat-arrow span { display: none; } .categorylist .ctlvl1.open span.parent-cat-arrow, .categorylist .ctlvl1 .ctlvl2.open span.parent-cat-arrow, .categorylist .ctlvl1 .ctlvl2 .ctlvl3.open span.parent-cat-arrow, .categorylist .ctlvl1.open .ctlvl2.open .ctlvl3.open span.parent-cat-arrow { background-position: 0 -1503px !important; } li.ctlvl3.lvl3 ul.subitem.lvl3 li.ctlvl4.lvl4.sub.parent .parent-cat-arrow {background: url("/skin/frontend/enterprise/wellsens_base/images/sprite_bullets.png") no-repeat scroll 0 -20px transparent !important;} li.ctlvl3.lvl3 ul.subitem.lvl3 li.ctlvl4.lvl4.sub.parent.open .parent-cat-arrow {background-position: 0 -1503px !important;} /* scrollbar chrome */ ::-webkit-scrollbar { width: 17px; background: url('../images/scrollbar.png') -68px 0 repeat-y; } ::-webkit-scrollbar-thumb { border-radius: 3px; -webkit-box-shadow: inset 0 0 2px #000; background: url('../images/scrollbar.png') -34px 0 repeat-y; } ::-webkit-scrollbar-thumb:hover { border-radius: 3px; -webkit-box-shadow: inset 0 0 2px #000; background: url('../images/scrollbar.png') -51px 0 repeat-y; } ::-webkit-scrollbar-button:vertical:decrement { height: 17px; background: url('../images/scrollbar.png') 0 0 no-repeat; } ::-webkit-scrollbar-button:vertical:decrement:hover { background: url('../images/scrollbar.png') 0 -17px no-repeat; } ::-webkit-scrollbar-button:vertical:increment { height: 17px; background: url('../images/scrollbar.png') -17px 0 no-repeat; } ::-webkit-scrollbar-button:vertical:increment:hover { background: url('../images/scrollbar.png') -17px -17px no-repeat; } /* YOURSKIN SPECIFIC STYLES */ .yourskin .title h2{margin:10px 0;} /* SERVICE PHARMACY NEW DOSSIER */ .layer-bg .layer-inner .new-dossier .dossier-form.table .content.twocolumns.left p {width: 620px;} .fourstepcheckout-cart-account .col .input .gender {width:60px !important;} .fourstepcheckout-cart-account .col .input.gender .radio {margin-top:7px !important;} .fourstepcheckout-cart-account .col .input.gender .validation-advice {margin-top:-18px !important; left: 15px !important;} .customer-account-create .row.title.information.noborder.terms .col #advice-required-entry-terms {left: 95px; margin-top: 32px;} .customer-account-create .col .input input#male, .customer-account-create .col .input input#female, .customer-account-create .col .input input#mrs {margin-top:8px !important;} .customer-account-create .col .input .dhr, .customer-account-create .col .input .mrs {margin-top:8px !important;} .customer-account-create .col .input #advice-validate-one-required-male, .customer-account-create .col .input #advice-validate-one-required-female, .customer-account-create .col .input #advice-validate-one-required-mrs {left: 40px; margin-top: -10px;} .customer-account-create .col .input #male.validation-failed, .customer-account-create .col .input #mrs.validation-failed, .customer-account-create .col .input #female.validation-failed { background: none !important; } .order-history.cart .table .row .col.onecolumn.status { width: 17% !important; } .order-history.cart .table .row .col.threecolumn.order.last { width: 23% !important; } /* SANOMA COOKIE PAGE SETTINGS */ .button-cookie-instellingen-gif:hover {background-position: right -138px;} .button-cookie-instellingen-gif span{display: block; padding: 12px 10px 11px 10px; background: url(http://administrator.leef.nl/media/Plaatjes/buttons-instellingen-aanpassen-blauw.gif) no-repeat 0 0; color:#FFF; } .button-cookie-instellingen-gif:hover span{ background-position: 0 -92px; } .button-cookie-instellingen-gif { clear: both; float: left; display: block; padding: 0 4px 0 0; margin: 10px; background: url(http://administrator.leef.nl/media/Plaatjes/buttons-instellingen-aanpassen-blauw.gif) no-repeat right -46px; font-weight: bold; text-shadow: 0 1px 0 #999; color: #fff; text-decoration: none; cursor: pointer;} /* BEGIN REISADVIES ROOSENDAAL */ #form-validate-traveladvicepharmroosendaal .col.sevencolumn.first div.left { margin: 0px 18px 0 0; } #form-validate-traveladvicepharmroosendaal .required.long.weight-kg {width: 114px;} #form-validate-traveladvicepharmroosendaal .appear-treatcont.appear-div .travel { border:none !important; background:none !important; padding: 10px 0 25px;} #form-validate-traveladvicepharmroosendaal .required.no-width {float: left; font-weight: bold; margin: 7px 42px 0 0 !important;} #form-validate-traveladvicepharmroosendaal .input.normal.radiobutton {width:700px;} #form-validate-traveladvicepharmroosendaal .cart .table .row.information .col label.dhr, #form-validate-traveladvicepharmroosendaal .cart .table .row.information .col label.mrs {padding-top: 0 !important;width: 85px !important;} #form-validate-traveladvicepharmroosendaal .appear-vacc.appear-div .travel {background:none; border:none; padding:0 0 10px 0; width: 460px;} #form-validate-traveladvicepharmroosendaal .appear-vacc .travel ul li span.against{display: inline-block;float: left;width: 125px;} #form-validate-traveladvicepharmroosendaal .button.grey.small.morevac {margin: 10px 0 10px 125px;} #form-validate-traveladvicepharmroosendaal .appear-div .input.front.large input.large {width: 420px !important;} #form-validate-traveladvicepharmroosendaal .appear-div .input.normal .required {width: 250px !important;} #form-validate-traveladvicepharmroosendaal .container .appear-div .input.normal .required {width: 114px !important;} #form-validate-traveladvicepharmroosendaal .container .appear-div .input.normal .required.which-medicine-or-other, #form-validate-traveladvicepharmroosendaal .container .appear-div .input.normal .required.complications {width: 255px !important;} #form-validate-traveladvicepharmroosendaal .required.medium {float: left; margin: 5px 4px 0 0; width: 200px;} #form-validate-traveladvicepharmroosendaal .appear-div.serious-illment .required.medium {width: 186px !important;} #form-validate-traveladvicepharmroosendaal .appear-div.serious-illment .input.normal { width: 90px !important;} /* END REISADVIES ROOSENDAAL */ /* BEGIN PHARMACY TRAVELFORM */ .pharmacy-travel-form .form .table .row .col { color: #060404 !important; } .pharmacy-travel-form .account.form {background: none repeat scroll 0 0 #F7FAFB !important; padding: 10px 0 10px 0 !important;} .pharmacy-travel-form .table .row.information .col span.input.normal label, .pharmacy-travel-form .table .row.information .col span.input.standard label, .pharmacy-travel-form .table .row.information .col span.input.variable label, .pharmacy-travel-form .table .row.information ul li span.input.normal label { width: 114px; } .pharmacy-travel-form .table .row.information .col span.input label.medium { width: 165px; } .pharmacy-travel-form .table .row.information .col span.input label.long { width: 280px; } .pharmacy-travel-form .table .row.information .col span.input label.first { margin: 7px 10px 0 0 !important; } .pharmacy-travel-form .table .row.information .col span.input label.extralong { width: 415px; margin: -7px 0 0; } .pharmacy-travel-form div.left .left span.input.normal label, .pharmacy-travel-form div.left.checkbox span.input.normal label { width: 155px !important; padding: 0 !important; } .pharmacy-travel-form div.left.checkbox span.input.normal .medshow label { width: 38px !important; } .pharmacy-travel-form div.left.checkbox .checkbox_med, .pharmacy-travel-form div.left.checkbox .medshow { float: left; margin:7px 0 0 0; } .pharmacy-travel-form div.left.checkbox .medshow .input.front { position: absolute; margin: -7px 0 0 50px; } .pharmacy-travel-form div.left.checkbox .medshow input { width: 190px !important; } .pharmacy-travel-form div.left { width: 450px; margin: 41px 0 0; } .pharmacy-travel-form div.left .left { width: 250px; margin: 0; } .pharmacy-travel-form div.left.checkbox { padding: 6px 0 0 !important; } .pharmacy-travel-form div.left.first { margin: 0 27px 0 0; } .pharmacy-travel-form div.left .left.first { width: 200px; margin: 0; } .pharmacy-travel-form div.left.last { margin: 0; } .pharmacy-travel-form .input.normal.radiobutton { min-height: 24px; padding: 7px 0 0; } .pharmacy-travel-form .input.normal.radiobutton label.required { margin: -8px 10px 0 0 !important; } .pharmacy-travel-form .input.title { height: auto; min-height: auto; margin: -1px 0 6px !important; } .pharmacy-travel-form .input.front.half { margin: 0 !important; } .pharmacy-travel-form .input.front.half.first { margin: 0 10px 0 0 !important; } .pharmacy-travel-form .input.front.half input.half { width: 137px !important; } .pharmacy-travel-form .input.front.half.first input.half { width: 138px !important; } .pharmacy-travel-form .input.normal.weight p, .pharmacy-travel-form .input.normal.until p { margin: 0 !important; padding: 0 0 0 8px !important; line-height: 32px !important; float: left; } .pharmacy-travel-form .input.normal.weight .input input, .pharmacy-travel-form .input.normal.until .input input { width: 50px !important; text-align: center; } .pharmacy-travel-form .input.year.front input { width: 115px !important; text-align: center; } .pharmacy-travel-form .travel { padding: 10px 15px 15px; border: 1px solid #EEE; background: #FFF; } .pharmacy-travel-form ul.append-hidden { display: none; } .pharmacy-travel-form ul.append_row { margin: 0; padding: 0; list-style-type: none; } .pharmacy-travel-form ul.append_row li { list-style: none !important; } .pharmacy-travel-form ul.append_row li.list-header { font-weight: bold; margin: 0; } .pharmacy-travel-form ul.append_row li.list-item { padding: 0 0 5px; border-bottom: 1px dotted #DDD; } .pharmacy-travel-form ul li span.country, .pharmacy-travel-form ul li span.region { width: 210px; margin: 0 7px 0 0; display: inline-block;} .pharmacy-travel-form ul li span.days { width: 80px; display: inline-block;} .pharmacy-travel-form ul li span.region { margin: 0 27px 0 0; } .pharmacy-travel-form ul li span.dates { width: 325px; margin: 0 27px 0 0; display: inline-block;} .pharmacy-travel-form ul li span.dates .input.first { margin: 0 7px 0 0; } .pharmacy-travel-form ul li span.country input, .pharmacy-travel-form ul li span.region input { width: 190px; } .pharmacy-travel-form ul li span.days input { width: 60px !important; text-align: center; } .pharmacy-travel-form a.moredest { margin: 4px 0 0; } .pharmacy-travel-form .yourtravel select { width: 259px !important; } .pharmacy-travel-form .dropdown_appear .input.front { margin: 10px 0 0; } .pharmacy-travel-form .dropdown_appear.dis .input.front { margin: 0; } .pharmacy-travel-form .appear-risk .dropdown_appear .input.front { margin: 0; } .pharmacy-travel-form .dropdown_appear textarea { width: 274px; } .pharmacy-travel-form .dropdown_appear input { width: 160px !important; } .pharmacy-travel-form .appear-question .depres label { margin: 7px 10px 0 !important; } .pharmacy-travel-form .appear-question .depres .input.front { margin: 0 !important; } .pharmacy-travel-form .appear-question .depres input { width: 139px !important; } .pharmacy-travel-form .dropdown_appear label { font-weight: bold; margin: 7px 10px 0 !important; float: left;} .pharmacy-travel-form .appear-compl label, .pharmacy-travel-form .appear-medtreat label, .pharmacy-travel-form .appear-question label, .pharmacy-travel-form .appear-treatcont label, .pharmacy-travel-form .appear-radiated label, .pharmacy-travel-form .appear-healthprob label, .pharmacy-travel-form .appear-hypermed label, .pharmacy-travel-form .appear-preg label { font-weight: bold; margin: 7px 10px 0 0 !important; float: left;} .pharmacy-travel-form .appear-travel label { font-weight: bold; width: auto !important; } .pharmacy-travel-form .appear-travel label.last { margin: 0 10px !important; } .pharmacy-travel-form .appear-travel .input.front.half input.half { width: 124px !important; } .pharmacy-travel-form .appear-where label, .pharmacy-travel-form .appear-acc label { font-weight: bold; width: 100px; line-height: 31px; float: left; } .pharmacy-travel-form .appear-where input#bigcity_trips_towhere { width: 330px; } .pharmacy-travel-form .dropdown_appear input#with_whom { width: 254px !important; } .pharmacy-travel-form .dropdown_appear input#sickness_type { width: 217px !important; } .pharmacy-travel-form .appear-compl input#complication_vac_which { width: 379px !important; } .pharmacy-travel-form .appear-medtreat input#treatment_when { width: 326px !important; } .pharmacy-travel-form .appear-healthprob input#health_travel_yes_details { width: 372px !important; } .pharmacy-travel-form .appear-hypermed input#hypersensitive_medication_yes_details { width: 373px !important; } .pharmacy-travel-form .appear-vacc .input.normal.radiobutton { margin: 0 !important; } .pharmacy-travel-form .appear-vacc .input.normal.radiobutton label { padding: 0 !important; } .pharmacy-travel-form .appear-vacc .input.year { margin: -7px 0 0; float: left; } .pharmacy-travel-form .appear-vacc .travel { padding: 10px 15px 10px; width:435px; } .pharmacy-travel-form .appear-vacc .travel ul { margin: 0; padding: 0; list-style-type: none; } .pharmacy-travel-form .appear-vacc .travel ul li { list-style: none !important; } .pharmacy-travel-form .appear-vacc .travel ul li.list-header { font-weight: bold; margin: 0; padding: 0 0 15px; } .pharmacy-travel-form .appear-vacc .travel ul li.list-item { margin: 0 !important; padding: 12px 0 0; border-top: 1px dotted #DDD; } .pharmacy-travel-form .appear-vacc .travel ul li.list-item.first { padding: 0; border: 0; } .pharmacy-travel-form .appear-vacc .travel ul li span.check { padding: 0px 0 0; } .pharmacy-travel-form .appear-vacc .travel ul li span.against { width: 100px; float: left; display: inline-block;} .pharmacy-travel-form .appear-vacc .travel ul li span.year_vac_1, .pharmacy-travel-form .appear-vacc .travel ul li span.year_vac_2, .pharmacy-travel-form .appear-vacc .travel ul li span.year_vac_3 { width: 103px; margin: 0 5px 0 0; display: inline-block;} .pharmacy-travel-form .appear-vacc .travel ul li input[type="text"] { width: 70px; } .pharmacy-travel-form .appear-treatcont ul.append-hidden-doctor { display: none; } .pharmacy-travel-form .appear-treatcont ul.append_doctor { margin: 0; padding: 0; list-style-type: none; } .pharmacy-travel-form .appear-treatcont ul.append_doctor li { padding: 0 0 10px; list-style: none !important; border-bottom: 1px dotted #DDD;} .pharmacy-travel-form .appear-treatcont ul.append_doctor li input { width: 248px; } .pharmacy-travel-form .option.check { float: left; } .pharmacy-travel-form .option.check span.checkbox, .pharmacy-travel-form .option.check label { float: left; } .pharmacy-travel-form .button.grey.small.morevac{margin: 0px 0 5px 100px;} .pharmacy-travel-form .check.against.year{margin-top: -7px;} .pharmacy-travel-form .account.form .validation-advice{margin: 29px 0 0 6px;} .pharmacy-travel-form .account.form .input.back.half.staydays.validation-failed .validation-advice{margin: 9px 0 0 120px;} .pharmacy-travel-form .account.form .option.check .validation-advice{margin: 39px 0 0 100px;} .pharmacy-travel-form .input.front.day.validation-passed .input.back.validation-passed:before, .pharmacy-travel-form .input.front.month.validation-passed .input.back.validation-passed:before, .pharmacy-travel-form .input.front.year.validation-passed .input.back.validation-passed:before, .pharmacy-travel-form .input.front.day.validation-passed .input.back.validation-passed:before {right: 26px; } .pharmacy-travel-form .input.back.validation-passed:before, .input.select.back.validation-passed:before {top:8px;} .pharmacy-travel-form span.checkbox { width: auto !important; height: 18px; margin: 0 !important; padding: 0 5px 10px 18px; background: url('../images/check_standard.png') 0 0 no-repeat; float: left; display: inline !important; } .pharmacy-travel-form .input.front select { padding: 6px 0; width:107px;} .pharmacy-travel-form .account.form .validation-advice.nights{left:50px;} .append-hidden-children .child_weight_appear {margin-left: -36px;} .append-hidden-children .child_weight_appear .required.long {margin-right: 10px !important; width: 290px !important;} .append_children_row .input.normal.weight {margin-left: -36px !important; width: 430px !important;} .append_children_row .required.long { margin-right: 10px !important; width: 290px !important;} /* END PHARMACY TRAVELFORM */ /* BEGIN PREGNANT FORM */ .input.front.radiation {float: right;} .input.back.radiation {} .cms-zwangerschap .cart .table .col span input {width: 70px;} .become.no { width: 45px !important;} .become.not_breastfeeding {float: right; margin: -2px 170px 0 0;} .cms-zwangerschap .input.front.radiation {float: right; margin: -5px 0 0;} .cms-page-view.serviceapotheek.service-apotheek.cms-zwangerschap .input.normal.radiobutton label{padding: 0px !important;} .fourstepcheckout-cart-shipping .col-main #pharmacy-checkout-result .validation-advice { position: relative; width: auto !important; margin: 0 0 5px !important; float: left; } .fourstepcheckout-cart-shipping .col-main #pharmacy-checkout-search .input.select.back.validation-passed:before { top: 0 !important; } @-moz-document url-prefix(){.cms-zwangerschap textarea { padding: 3px; border: 1px solid #999; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 3px 3px 3px 3px; box-shadow: 1px 1px 2px #ccc inset; }} @media screen and (-webkit-min-device-pixel-ratio:0) { .zwangerschapsformulier .show-given-birth.toggle .input.normal.radiobutton {margin: 5px 0 0px 23px !important;} .list-pregnancy .show-pregnant-due-date.toggle .input.normal {margin: 0 0 10px 23px !important;} } .zwangerschapsformulier .cart .table .row.information .col label.dhr, .zwangerschapsformulier .cart .table .row.information .col label.mrs {padding-top: 0 !important; width: 185px !important;} .zwangerschapsformulier .cart .table .row.login .col span.input, .cart .table .row.information .col span.input {width: 100%;} .zwangerschapsformulier .show-pregnant-due-date.toggle > label {float: left; margin: 6px 5px 0 0;} .zwangerschapsformulier .cart .table .col span input {width: 45px;} .zwangerschapsformulier .input.normal.radiobutton {margin: 5px 0 -20px 23px !important;} .zwangerschapsformulier .required.long {padding: 0 !important;}.zwangerschapsformulier .left.dhr {margin: -1px -150px 0 0 !important;} .zwangerschapsformulier .account.form .validation-advice {margin: 8px 0 0 335px;} @-moz-document url-prefix(){.zwangerschapsformulier textarea { padding: 3px; border: 1px solid #999; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 3px 3px 3px 3px; box-shadow: 1px 1px 2px #ccc inset; }} .zwangerschapsformulier .input.front.day .input.back.validation-passed:before, .zwangerschapsformulier .input.front.month .input.back.validation-passed:before, .zwangerschapsformulier .input.front.year .input.back.validation-passed:before {right: 24px;} .zwangerschapsformulier .become {margin: 0px 0 0 !important; width: 48px !important;} .list-pregnancy .input.normal {margin: 0 0 -10px 23px !important;} /* END PREGNANT FORM */ /* BEGIN CONTACT APOTHEEK FORM */ .cms-contactformulier .account.form .your_pharmacy .validation-advice { margin: 8px 0 0 241px;} .cms-contactformulier .input.front.pharmacy_select.validation-failed .input.back.validation-failed:before, .cms-contactformulier .input.front.pharmacy_select.validation-failed .input.select.back.validation-failed:before {color: #FF0000; content: "!"; font-size: 18px; font-weight: bold; position: absolute; right: 25px; top: 6px;} .cms-contactformulier .input.front.day .input.back.validation-passed:before, .cms-contactformulier .input.front.month .input.back.validation-passed:before, .cms-contactformulier .input.front.year .input.back.validation-passed:before {margin: 0 20px 0 -42px; } .cms-contactformulier .account.form .validation-advice {margin: 8px 0 0 334px;} .your_pharmacy {margin: 10px 0 50px 10px !important;} .your_pharmacy .input.back.validation-passed:before, .input.select.back.validation-passed:before {right:23px;} @-moz-document url-prefix(){.cms-contactformulier textarea { padding: 3px; border: 1px solid #999; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 3px 3px 3px 3px; box-shadow: 1px 1px 2px #ccc inset; }} .cms-contactformulier textarea.input-text.large.required-entry.validation-failed + .validation-advice { margin:-200px 0 0 334px} /* END CONTACT APOTHEEK FORM */ /* BEGIN DIABETES INTAKEFORM */ #intakeformulier_1 .cart .table .row.information .col span.input.normal label, #intakeformulier_1 .cart .table .row.information .col span.input.standard label, #intakeformulier_1 .cart .table .row.information .col span.input.variable label { width: 130px;} #intakeformulier_1 .validation-advice { margin: 8px 0 0 330px;} #intakeformulier_1 .input.front.parcitioner_distance.validation-failed .validation-advice { margin: 8px 0 0 232px;} #advice-validate-select-pharmacy_distance.validation-advice{display:none;} #intakeformulier_1 .input.front.straal .input.back.distance:before {right: 25px !important;} #intakeformulier_1 .input.front.again .input.back:before, #intakeformulier_1 .input.front.insurance .input.back:before {right: 25px} #intakeformulier_1 .your-pharmacy {line-height: 34px;} #intakeformulier_1 .input.back.postcode .validation-advice.validation-advice {margin: 8px 0 0 208px;} #intakeformulier_1 .input.back.housenumber .validation-advice.validation-advice { display:none;} #intakeformulier_1 .input.back.name-initials .validation-advice.validation-advice { display:none;} #intakeformulier_1 .month.validate-select.validation-failed .validation-advice {margin: 8px 0 0 250px;} #intakeformulier_1 .input.front.day .input.back:before, #intakeformulier_1 .input.front.month .input.back:before, #intakeformulier_1 .input.front.year .input.back:before {right: 25px !important;} #intakeformulier_1 .input.front.parcitioner_distance .input.back:before {right: 25px !important;} #intakeformulier_1 .results-pharmacy {right: 25px !important;} #intakeformulier_1 .input.front.large.postcode .input.back:before {right: 3px !important;} #intakeformulier_1 .input.back.validation-passed:before, .input.select.back.validation-passed:before {display:none;} #intakeformulier_1 .cart .table .row.login .col span.input label, #intakeformulier_1 .cart .table .row.information .col span.input label {margin: 7px 10px 0 0;} #intakeformulier_1 .tootip-bsn, #intakeformulier_3 .tootip-bsn {margin: 7px 0 0 -28px; position: absolute;} #intakeformulier_1 .tootip-bsn.date { margin: 7px 0 0 112px !important;} #pharmacist_new_search {float:left; margin:32px 0 0 -322px;} #intakeformulier_1 .input-text.large.required-entry.passed{background: url("../images/sprite_general-part5.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none;float: left;height: 31px; margin: 0 10px;} #intakeformulier_1 .tootip-bsn a.notice span.tooltip {margin: -12px 0 0 -132px;} #intakeformulier_1 a.notice span.tooltip:before {left: 110px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); } #intakeformulier_1 a.notice span.tooltip{width:95px;} #intakeformulier_1 .tootip-bsn a.notice span.tooltip:before { left: 110px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); } #intakeformulier_2 .tootip.go-to {float: left;} #intakeformulier_2 .tootip-bsn.radio { float:left;} #intakeformulier_2 .account input[type="checkbox"], .account input[type="radio"] {margin: 1px 10px 8px 0 !important;} #intakeformulier_2 .cart .table .row.login .col span.input label, .cart .table .row.information .col span.input label{padding:0px !important;} #intakeformulier_2 .input.front.small { background: url("../images/sprite_general-part4.png") no-repeat scroll 0 -592px rgba(0, 0, 0, 0); float: right; margin: 0 140px 0 0;} #intakeformulier_2 .input.front, #intakeformulier_2 .input.input-text radio-text, #intakeformulier_2 .input.front { float: left; margin: 0 10px;} #intakeformulier_2 span.checkbox {margin: 0 3px 5px 0 !important;} #intakeformulier_2 .input.normal .validation-advice { margin: 8px 0 0 0px !important; } #intakeformulier_2 .answerText {float: left;} #intakeformulier_2 .cart .table .row.information .col span.input.normal label, .cart .table .row.information .col span.input.standard label, .cart .table .row.information .col span.input.variable label {width: auto !important;} #intakeformulier_2 .goto {float: left;margin-left: 20px;} #intakeformulier_2 .col-main.onecolumn .right, #intakeformulier_2 .col-main.twocolumn .right, #intakeformulier_2 .col-main.threecolumn .right .col-main.fourcolumn .right, #intakeformulier_2 .col-main.fivecolumn .right {float: left;} #intakeformulier_2 .questionText{display: inline-block; float: left;} #intakeformulier_3 .cart .table .row.information .col span.input.normal label, #intakeformulier_3 .cart .table .row.information .col span.input.standard label, #intakeformulier_3 .cart .table .row.information .col span.input.variable label { width: 250px;} #intakeformulier_3 .account.form .validation-advice {margin: 25px 0 0 0px; width: auto;} #advice-required-entry-V11_AanvullendeOpmerkingen.validation-advice {margin: -90px 0 0 405px !important; width: 114px !important;} #intakeformulier_3 .input.back.validation-failed {background:none;} #intakeformulier_3 .input.back {background:none;} #intakeformulier_3 .input.front {background:none;} #contactmij_1 .account.form .validation-advice {margin: 8px 0 0 330px;} #contactmij_1 #advice-required-entry-pharmacy_postcode.validation-advice {margin: 8px 0 0 312px !important;} #contactmij_1 .input.front.day .input.back:before, #contactmij_1 .input.front.month .input.back:before, #contactmij_1 .input.front.year .input.back:before, #contactmij_1 .input.front.straal .input.back:before {right: 25px;} #contactmij_1 .input.front.postcode .input.back:before {right: 2px;} /* END DIABETES INTAKEFORM */ /* BEGIN RECAPTCHA IN APOTHEEK FORMS */ .recaptcha_nothad_incorrect_sol.recaptcha_isnot_showing_audio, .recaptcha_nothad_incorrect_sol.recaptcha_is_showing_audio {float: right; margin-right: 473px;margin-top:5px;} /* END RECAPTCHA IN APOTHEEK FORMS */ .fourstepcheckout-cart-shipping .col-main #pharmacy-checkout-result .validation-advice { position: relative; width: auto !important; margin: 0 0 5px !important; float: left; } .fourstepcheckout-cart-shipping .col-main #pharmacy-checkout-search .input.select.back.validation-passed:before { top: 0 !important; } /* BUNDLE PRODUCTS */ #customizeTitle { margin: 6px 0 16px 10px; padding: 0 6px; border: none;} #customizeTitle h1 { font-size: 24px; color: #333300; line-height: 24px;} #option-container { } #bundleSummary { width: 739px; margin: 5px; padding: 10px; } #bundleSummary .block-title { margin: 0 0 10px; padding: 0; } #bundleSummary .block-content.summary { margin: 0; padding: 10px 0 0; border-top: 1px solid #EEE; } #bundleSummary .add-to-cart { width: 390px; height: 35px; margin: 10px 0 8px; padding: 8px 0 0; } #bundleSummary .add-to-cart b { margin: 0 10px 0 0; float: left; } #bundleSummary .add-to-cart button { margin: -8px 0 0; float: right !important; } #bundleSummary .price-box { margin: 19px 0 0; } .product-options-bottom .price-box { margin: 3px 0 0; } .product-type-bundle .product-options { position: relative; bottom: auto; width: 739px; margin: 5px; padding: 10px; border: 1px solid #EEE; float: left; } .product-type-bundle .product-options-bottom { width: 739px; margin: 5px; padding: 10px; border: 1px solid #EEE; float: left; } ul.options-list-radio li, ul.options-list-checkbox li { width: 100%; float: left; } ul.options-list-radio li { margin: 0 0 5px 0; } ul.options-list-radio li input[type="radio"] { width: 18px; height: 18px; margin: 0 6px 0 0; } .product-type-bundle span.input label { font-weight: bold; margin: 0 8px 0 0; float: left; } .product-type-bundle .input.qty input { width: 30px; text-align: center; } .product-type-bundle span.input.selectbox .input.front { margin: 0 10px 0 0; } .product-type-bundle span.input.selectbox .input select { width: 250px; } .product-type-bundle span.input.selectbox .quantity { margin: 6px 0 0; float: left; } .product-type-bundle span.input.selectbox .quantity .input.qty, #bundleSummary .add-to-cart .input.qty { min-height: 18px !important; } .product-type-bundle .product-collateral { padding: 10px; } .product-type-bundle .fourcolumn.product-collateral { width: 739px; } #bundleProduct .price-box { font-size: 24px; color: #333300; } #bundleProduct .price-box p.price-from .price-label, #bundleProduct .price-box p.price-to .price-label { font-size: 16px; font-weight: normal; } #bundleProduct .price-box p.price-from, #bundleProduct .price-box p.price-to { float: left; } #bundleProduct .price-box p.price-to { margin: 0 0 0 10px; } #bundleSummary .input.multiple.front { background: url('../images/sprite_general-part1.png') 0 -844px no-repeat; } #bundleSummary .input.multiple.back { background: url('../images/sprite_general-part1.png') 100% -844px no-repeat; } #bundleSummary .input select.multiselect { height: 140px !important; background: url('../images/sprite_general-part1.png') 0 -681px no-repeat; } #bundleSummary .input.multiple.front.validation-passed { background: url('../images/sprite_general-part1.png') 0 -651px no-repeat; } #bundleSummary .input.multiple.back.validation-passed { background: url('../images/sprite_general-part1.png') 100% -651px no-repeat; } #bundleSummary .input select.multiselect.validation-passed { background: url('../images/sprite_general-part1.png') 0 -489px no-repeat; } #bundleSummary .input.multiple.front.validation-failed { background: url('../images/sprite_general-part1.png') 0 -976px no-repeat; } #bundleSummary .input.multiple.back.validation-failed { background: url('../images/sprite_general-part1.png') 100% -976px no-repeat; } #bundleSummary .input select.multiselect.validation-failed { background: url('../images/sprite_general-part1.png') 0 -814px no-repeat; } .product-type-bundle .price-box p.price-as-configured span.price-label { display: none; } /* .product-type-bundle .price-box p span.price-label { display: none; } */ /* END BUNDLE PRODUCTS */ /* BEGIN DISEASE ACCORDION */ .accordeon .name h3 { border: 1px solid #EEEEEE; float: left; font-size: 13px; padding: 10px; width: 97%; background: url("../images/sprite_icons.png") no-repeat scroll right -602px #FFFFFF;} .catalog-product-view .accordeon .name h3 { min-height:15px; border: 1px solid #EEEEEE; float: left; font-size: 13px; padding: 10px; width: 546px; background: url("../images/sprite_icons.png") no-repeat scroll right -602px #FFFFFF;} .accordeon .pillar h2 {border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; float: left; font-weight: normal; padding-left: 9px; padding-top: 13px; padding-bottom:17px; width: 99%;} .accordeon .pillar .items #product-slide-wrap {float:left; width: 100%;} .accordeon .pillar .items .threecolumn.wrapper {float:left; width: 100%;} .accordeon .pillar .items {border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; float: left; width: 566px; margin-top: -15px;} .accordeon .pillar .items #product-slide-wrap .threecolumn.wrapper .usps .product.border {height: 312px; margin: 10px 0 10px 11px;} .accordeon .pillar .items #product-slide-wrap .threecolumn.wrapper .usps {list-style-type: none;} .accordeon .pillar .items #product-slide-wrap .threecolumn .usps .product .footer { margin-top:143px;} .accordeon .pagination button span {background: none repeat scroll 0 0 transparent !important; text-decoration: underline; text-transform: uppercase; width: 0; display:inline;} .accordeon .pagination button span:hover {text-decoration:none !important;} .accordeon .pagination button.link.pillar-prev {color:#969b65 !important; font-size: 10px; font-weight: normal; line-height: 22px;} .accordeon .pagination button.link.pillar-next {color:#969b65 !important; margin-left: -10px; margin-right:2px; font-size: 10px; font-weight: normal; line-height: 22px;} .accordeon .pagination {border-bottom: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; float: left; margin-bottom: 10px; margin-left: 8px; margin-top: 5px; width: 97%;} .accordeon .pagecounter {color: #999965; float: left; margin-top: 5px;} .accordeon .pagination-container {border-bottom: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; float: left; margin-bottom: -1px; width: 566px;} .accordeon .button-container { float: right; margin-right: -20px;} .accordeon .pillar.close .items, .accordeon .pillar.close .pagination-container, .accordeon .pillar.close h2 {display:none;} .accordeon .pillar.close .name h3 {background: url("../images/sprite_icons.png") no-repeat scroll right -577px #f6f6f6; color:#91928d;} .accordeon .pillar.close + .pillar {margin-top: -1px; float:left;} .accordeon .pillar + .pillar {margin-top:-2px; float:left;} .accordeon .pillar.close {float:left; width: 100%;} .catalog-product-view .accordeon .pillar.close {float:left; width: 100%; height:38px;} .catalog-product-view .accordeon .pillar .items {border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; float: left; width: 566px; margin-top: -15px;} .catalog-product-view .accordeon .name h3 {margin-bottom:0; min-height:15px; border: 1px solid #EEEEEE; float: left; font-size: 13px; padding: 10px; width: 546px; background: url("../images/sprite_icons.png") no-repeat scroll right -602px #FFFFFF;} .catalog-product-view .accordeon .name h3 {margin-bottom:0; min-height:15px; color: #004988 !important; width:546px; border-color:#EEEEEE; background: url("../images/sprite_icons.png") no-repeat scroll right -522px #FFFFFF;} .mymedication-quote-promote .accordeon .name h3 {min-height:15px; color: #004988 !important; width:546px; border-color:#EEEEEE; background: url("../images/sprite_icons.png") no-repeat scroll right -522px #FFFFFF;} .mymedication-quote-promote .accordeon .pillar .items {margin-top: -10px; padding-left: 8px; padding-top: 7px; width:558px;} .mymedication-quote-promote .accordeon {float:left; margin-top:10px; width: 569px;} .mymedication-quote-promote .accordeon .pillar .items .usps .footer {top: 278px;} .mymedication-quote-promote ul.footer-tabs {border-bottom: 1px solid #EEEEEE;} .mymedication-quote-promote ul.footer-tabs li.active span.tab-name {border-color: #EEEEEE; border-style: solid; border-width: 1px 1px 0;} .mymedication-quote-promote .checkout .buttons-set {overflow: hidden; padding: 19px 0px 21px;} .mymedication-quote-promote .accordeon .pagination {width:96%;} .mymedication-quote-promote .accordeon .pagination-container {border-left:none; border-right:none;} .accordeon .pillar .items .usps .product {width: 174px !important;} .mymedication-quote-promote .footer-selfcare.inner .product {background: none repeat scroll 0 0 #FFFFFF; height: 312px; margin: 13px 8px 10px 3px;} .mymedication-quote-promote .accordeon .pillar.close + .pillar {margin-top: -13px; float:left;} .mymedication-quote-promote .accordeon .pillar + .pillar {margin-top:-2px; float:left;} .mymedication-quote-promote {float:left; width: 100%;} .mymedication-quote-promote .accordeon .pillar.close .name h3 {color:#6491b8; background: url("../images/sprite_icons.png") no-repeat scroll right -547px #f2f7fb;} .catalog-product-view.product .info h1.special-price, .product .info h3 {font-size: 12px; text-decoration: none; margin: 0 0 10px;} .catalog-product-view.product .info h1.special-price, .product .info .h3 a {color: #333300 !important;} .catalog-product-view .product .footer a, .catalog-product-view.serviceapotheek.service-apotheek.catalog-product-view.product-diabetes-insipidus.product-type-content .product .footer a {color: #666633 !important; font-family: Arial,sans-serif; font-size: 11px; font-weight: bold; margin-top: 131px; text-transform: none; } .catalog-product-view .col-main .disease-description ul.content {font-size: 12px;margin: -1px 0 0;padding: 20px 8px 10px;width: 563px;} .catalog-product-view .accordeon .pagination {border:0 !important; float: left; margin: 5px 5px 5px 10px; } .catalog-product-view .product .info { margin-left:0 !important; font-size: 11px; color: #666633; min-width: 166px; width: 166px; height: 80px; padding: 8px 8px 0 8px; text-align: center; word-break: normal; clear: both; } .catalog-product-view .product .info a {color: #666633 !important; margin: 0; text-decoration: none;} .catalog-product-view .price-container {bottom: 28px; position: absolute; white-space: nowrap !important; width: 166px !important;} /* END DISEASE ACCORDION */ /* Zopim */ #zopim_chat_link { background-image: url(../images/chat.png); width: 240px; height: 28px; dispolay:block; position: fixed; bottom:0; right:0; z-index: 100000; line-height: 28px; vertical-align: middle; color: #FFFFFF !important; text-decoration: none; text-align: center; font-weight: bold; } #cancel_zopim_chat_link.active { bottom: 322px; background-color: none; color: #FFFFFF; display: block; font-size: 14px; font-weight: bold; height: 16px; position: fixed; right: 0; text-align: center; text-decoration: none; width: 30px; z-index: 10000050; } .titlebutton_holder.light .icon_minimize { display: none; } /* End Zopim */ /* BEGIN CART FIX */ .fourstepcheckout-cart-index .main .col-main.fourcolumn.wrapper .checkout.fourcolumn .cart .grey.big {display: block; margin-top: 39px; position: absolute;} .fourstepcheckout-cart-index .main .col-main.fourcolumn.wrapper .checkout.fourcolumn .cart .table .row.cart {height: 88px;} /* END CART FIX */ /* BEGIN MY MEDICATION FIX */ .mymedication-quote-index .checkout.fivecolumn {width:100%;} .mymedication-quote-index .expired-perscriptions-quote {margin-top: 10px;} .mymedication-quote-index .expired-perscriptions-quote .row.toolbar { float: left; margin-left: 0; margin-right: 0; margin-top: -1px; width: 569px;} /* END MY MEDICATION FIX */ /* BEGIN STATIC BLOCK CLASS CHANGES */ .cms-autowidth {width: auto;} .category-reispakketten .category-view .onecolumn {width: auto;} /* END STATIC BLOCK CLASS CHANGES */ /* BEGIN VOUCHER OVERVIEW TOOLBAR FIX */ .discount-overview-vouchers .row.pager.toolbar {float: left; height: 18px; line-height: 0;} /* END VOUCHER OVERVIEW TOOLBAR FIX */ .medicine-table table {width:100%;} /* BEGIN HEADER TITLE IN BANNER*/ .title-header {} .title-header h1 {color: #666633; font-family: Arial,sans-serif; font-size: 18px;font-weight: normal; line-height: 20px; margin:-84px 0 0 20px; position:absolute;} .header-image-text {margin: 0; overflow: hidden; vertical-align: top;} /* END HEADER TITLE IN BANNER*/ /* BEGIN KOAG KOAG */ .selfcare-text { margin-bottom: 5px; padding: 0 9px 0px 3px; width: 550px;} .catalog-product-view .selfcare-text{ margin: 25px 0 -20px 8px; width: 550px!important;} .catalog-product-view.catalog-product-view.product-aambeien.product-type-content.categorypath-aandoeningen-html.category-aandoeningen .catalog-product-view .selfcare-text{ margin: 35px 0 -20px 8px; width: 550px!important;} /* END KOAG KOAG */ /* BEGIN onecolmn service apotheek search block */ .content.content.onecolumn.blue-a.m.border .diseases-search-container input{width: 141px;} .content.content.onecolumn.blue-a.m.border p.no-padding{width:176px;} /* END onecolmn service apotheek search block */ /* END COUNTY SELECT IN FORM */ #country_id {width:238px;} .customer-account-edit .input.front.country .input.back.validation-failed:before, .customer-account-edit .input.front.country .input.back.validation-passed:before, .customer-account-create .input.front.country .input.back.validation-failed:before, .customer-account-create .input.front.country .input.back.validation-passed:before, .fourstepcheckout-cart-account .input.front.country .input.back.validation-failed:before, .fourstepcheckout-cart-account .input.front.country .input.back.validation-passed:before{right: 30px;} /* END COUNTY SELECT IN FORM */ /* tijdelijk uitschakelen van vergelijk functionaliteit */ .footer .addto-content ul.add-to-links li.add-to-list, body.catalog-category-view .main div.product div.content ul.add-to-links li.add-to-list, body.catalog-category-view .main div.main div.col-main div.category-view ul.add-to-links li.add-to-list { width: 50%; } /*BEGIN PAKJEGEMAK */ .addresstable { width: 40%; } #iFramePopup { height: 100%; width: 100%; margin: 0px 0px 0px 0px; } #divPopup { position: absolute; -moz-box-sizing: border-box; box-sizing: border-box; left: 80px; top: 70px; border: outset; display: none; width: 800px; height: 610px; padding: 0px; z-index: 1200; } /* END PAKJEGEMAK */ /*BEGIN INPUT DISABLED FIX */ .input-text.disabled.validate-postcode.required-entry.validation-failed {opacity: 1;} .input.front.disabled {opacity: 0.4;} .input.back.disabled {opacity: 1;} .input-text.disabled.required-entry {opacity: 1;} /* END INPUT DISABLED FIX */ .cms-page-view.nietserviceapotheek.niet-service-apotheek.cms-contact .recaptcha_nothad_incorrect_sol.recaptcha_isnot_showing_audio, .cms-page-view.nietserviceapotheek.niet-service-apotheek.cms-contact .recaptcha_nothad_incorrect_sol.recaptcha_is_showing_audio { margin-right: 280px; } cms-page-view nietserviceapotheek.niet-service-apotheek.cms-rondom-zwangerschap .recaptcha_nothad_incorrect_sol.recaptcha_isnot_showing_audio, cms-page-view nietserviceapotheek.niet-service-apotheek.cms-rondom-zwangerschap .recaptcha_nothad_incorrect_sol.recaptcha_is_showing_audio { margin-right: 484px; } .cms-page-view.nietserviceapotheek.niet-service-apotheek.cms-reisadvies-roosendaal .main {width: 960px;} .cms-page-view table { width: 100%; } .cms-page-view table li { list-style-position: outside; margin-left: 15px;} /* KLUISJES */ .block-kluisjes .left + .left {margin: 0;} .block-kluisjes .row.information .col span.input select {width: 310px !important;} .block-kluisjes .row.information .left {margin: 0 6px 0 12px;} .block-kluisjes .row.information .input {margin: 0 0 4px;} .serviceapotheek .block-kluisjes .table .row.information .col p {padding: 0 12px 5px;} .block-kluisjes .table .row.information .col span.kluis-select {margin: 0 0 0 12px;}