/* //____________________________________________________________________ // // prise_css_frontend.css - PRISE Frontend CSS // Copyright (c) 2007-2025 by Manfred Baumeister, Dublin, Ireland //____________________________________________________________________ */ /*____________________________________________________________________*/ /* PRISE CSS configuration */ :root { /* Colors */ --prise-box-border-color:#2080a0; /* --prise-box-border-color:#3399cc; */ /* Typography - font families */ --prise-fontfamily:Arial,Helvetica,Verdana,sans,sans-serif; --prise-fontfamily-monospace:Courier New,Courier,Monospace; /* Typography - font sizes */ --prise-fontsize-base:12px; --prise-fontsize-frontend:var(--prise-fontsize-base); --prise-fontsize-backend:var(--prise-fontsize-base); --prise-fontsize:1rem; --prise-fontsize-md:var(--prise-fontsize); --prise-fontsize-lg:1.5rem; --prise-fontsize-sm:0.75rem; /* Line heights */ --prise-lineheight-frontend:normal; /* Override Bootstrap style to force height alignment of input.form-control and btn in btn-group's */ --prise-lineheight-backend:1.5; /* Adjust to Bootstrap :root {--bs-body-line-height:1.5; } */ /* Box layouts/positioning */ --prise-spacing:1.5rem; --prise-aside-width:320px; --prise-box-width:320px; } /*____________________________________________________________________*/ /* Debug styles */ /* Display div borders */ .DEBUG div div { border:solid blue 1px; } .DEBUG div div div { border:solid green 1px; } .DEBUG div div div div { border:solid orange 1px; } .DEBUG div div div div div { border:solid red 1px; } /* Missing document language */ html:not([lang]), html[lang=""] { } /* Incorrect character set */ meta[charset]:not([charset="UTF-8"]) { } /* Character set tag not first child after opening */ meta[charset="UTF-8"]:not(:first-child) { } /* Unaccessible viewport attributes */ meta[name="viewport"][content*="user-scalable=no"], meta[name="viewport"][content*="maximum-scale"], meta[name="viewport"][content*="minimum-scale"] { } /* Unnecessary or deprecated attributes */ script[type="text/javascript"], link[rel="stylesheet"][type="text/css"] { } /* Inline styles */ .DEBUG *[style] { border:dotted 1px red; } /* Faulty or missing link targets */ .DEBUG a:not([href]) .DEBUG a[href="#"], .DEBUG a[href=""], .DEBUG a[href*="javascript:void(0)"] { } /* Unaccessible images */ .DEBUG img:not([alt]), .DEBUG img[alt=""] { } /* Unlabelled form elements */ .DEBUG input:not([id]), .DEBUG select:not([id]), .DEBUG textarea:not([id]) { } .DEBUG label:not([for]) { } .DEBUG input:not([name]), .DEBUG select:not([name]), .DEBUG textarea:not([name]) { } .DEBUG form:not([name]):not([id]) { } /* Empty interactive elements */ .DEBUG button:empty, .DEBUG a:empty { } /*___________________________________________________________________*/ html { /* background-color:#ffffff; */ } * { font-family:inherit; } body { font-family:var(--prise-fontfamily); font-size:var(--prise-fontsize); } code,tt,pre { font-family:var(--prise-fontfamily-monospace); } h1 { font-size:24px; } h2 { font-size:20px; } h3 { font-size:18px; } h4 { font-size:14px; } h5 { font-size:12px;font-style:italic; } h6 { font-size:12px;font-style:italic; } .xs,.xsc,.xsb,.xsbc,.xsi { font-size:11px; } .xxs { font-size:10px; } .xxxs { font-size:9px; } .xsb,.xsbc { font-weight:bold; } .xsc,.xsbc { text-align:center; } .xsi { font-style:italic; } .note { color:red;font-weight:bold; } .notebox { display:block;color:#cc0000;font-weight:normal;border:dashed #cc0000 1px;padding:8px;background-color:#f8f8f8;text-align:center; } hr { color:#999999;height:1px;border:none;border-top:solid #999999 1px; } tt { font-weight:bold; } table { border-collapse:collapse; } .tablebrd1 { border:solid #999999 1px; } th { vertical-align:bottom; } td { vertical-align:top; } fieldset { border:solid #999999 1px;padding:6px;margin:6px 0; } legend { border:solid #999999 1px; padding:2px 4px; font-weight:bold; } legend, label { font-size:inherit; } img { border:none; } a { text-decoration:none;cursor:pointer;color:#0093C3; } a:link { color:#0093C3; } a:visited { color:#0093C3; } a:active { color:#0093C3; } a:hover { color:#ED8A3E;text-decoration:underline; } :focus { outline:0; } p,li,.justify { text-align:justify; } .center { text-align:center; } p.left { text-align:left; } caption { font-weight:bold;font-style:italic; } ul { list-style-type:disc; } ul.noindent { margin-left:18px; /* margin-left:1em; */ padding-left:0; } /* Topic list */ ul.topics li, ol.topics li { margin-top:8px; text-align:left; } .mb0, .mb1 { font-family:Arial,Tahoma,Trebuchet MS,Helvetica,Verdana,sans,sans-serif; font-size:11px; font-weight:normal; cursor:pointer; width:auto; vertical-align:bottom; } .mb0, .mb0:active, .mb0:visited, .mb0:link, .mb0:hover, .mb1, .mb1:active, .mb1:visited, .mb1:link, .mb1:hover { text-decoration:none; font-size:10px; font-weight:normal; padding:0.15em 0.4em; border:solid #999999 1px; } .mb0, .mb0:active, .mb0:visited, .mb0:link { border-top:solid #cccccc 1px; border-bottom:solid #666666 1px; background-color:#ffffff; background-image:url(/bmecms/assets/gv002x400_bfc4d2_ffffff.gif); background-repeat:repeat-x; color:#666666; } .mb0:hover, .mb1, .mb1:active, .mb1:visited, .mb1:link, .mb1:hover { border-left:solid #666666 1px; border-bottom:solid #666666 1px; background-color:#006688; background-image:url(/bmecms/assets/gh1280x0001_006688_31ceff.jpg); background-repeat:repeat-y; color:#f0f3f4; } .mb0.inquiry, .mb1.inquiry, .mb0.haggle, .mb1.haggle { text-align:center; font-size:9px; } .mb0.inquiry, .mb0.inquiry:active, .mb0.inquiry:visited, .mb0.inquiry:link { } .mb0.inquiry:hover { } .mb0.haggle, .mb0.haggle:active, .mb0.haggle:visited, .mb0.haggle:link { background-image:none; color:#ffffff; background-color:#ff6600; } .mb0.haggle:hover { background-image:none; color:#f0f3f4; border-color:#ff9933; background-color:#ff9933; } a.doc,a.hlp,a.pdf,a.txt,a.xls,a.zip,a.setup,a.download,a.audio,a.video { background-repeat:no-repeat;background-position:0px center;padding-left:20px; } a.doc,a.doc:active,a.doc:visited,a.doc:link { background-image:url(/bmecms/assets/icon_doc_16x16t0.gif); } a.doc:hover { background-image:url(/bmecms/assets/icon_doc_16x16t1.gif); } a.hlp,a.hlp:active,a.hlp:visited,a.hlp:link { background-image:url(/bmecms/assets/icon_hlp_16x16t0.gif); } a.hlp:hover { background-image:url(/bmecms/assets/icon_hlp_16x16t1.gif); } a.pdf,a.pdf:active,a.pdf:visited,a.pdf:link { background-image:url(/bmecms/assets/icon_pdf_16x16t0.gif); } a.pdf:hover { background-image:url(/bmecms/assets/icon_pdf_16x16t1.gif); } a.txt,a.txt:active,a.txt:visited,a.txt:link { background-image:url(/bmecms/assets/icon_txt_16x16t0.gif); } a.txt:hover { background-image:url(/bmecms/assets/icon_txt_16x16t1.gif); } a.xls,a.xls:active,a.xls:visited,a.xls:link { background-image:url(/bmecms/assets/icon_xls_16x16t0.gif); } a.xls:hover { background-image:url(/bmecms/assets/icon_xls_16x16t1.gif); } a.zip,a.zip:active,a.zip:visited,a.zip:link { background-image:url(/bmecms/assets/icon_zip_16x16t0.gif); } a.zip:hover { background-image:url(/bmecms/assets/icon_zip_16x16t1.gif); } a.setup,a.setup:active,a.setup:visited,a.setup:link { background-image:url(/bmecms/assets/icon_setup_16x16t0.gif); } a.setup:hover { background-image:url(/bmecms/assets/icon_setup_16x16t1.gif); } a.download,a.download:active,a.download:visited,a.download:link { background-image:url(/bmecms/assets/icon_download_16x16t0.gif); } a.download:hover { background-image:url(/bmecms/assets/icon_download_16x16t1.gif); } a.audio,a.audio:active,a.audio:visited,a.audio:link { background-image:url(/bmecms/assets/icon_audio_16x16t0.gif); } a.audio:hover { background-image:url(/bmecms/assets/icon_audio_16x16t1.gif); } a.video,a.video:active,a.video:visited,a.video:link { background-image:url(/bmecms/assets/icon_video_16x16t0.gif); } a.video:hover { background-image:url(/bmecms/assets/icon_video_16x16t1.gif); } .invtext,.invtext:link,.invtext:visited,.invtext:active,.invtext:hover { visibility:hidden;font-weight:normal;color:#666666;background-color:transparent;font-size:0px; } /*__________________________________________________________________*/ /* Clearfix */ * html .clearfix { height:1%; } *+html .clearfix { display:inline-block; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /*__________________________________________________________________*/ /* General BMECMS styles */ /* Language switch notification message style (used/set by BMESITE::switchSiteLanguage()) */ .bme_languageswitch { font-size:0.9em; color:red; background-color:#f0f0f0; margin:4px 0; padding:2px; } /*__________________________________________________________________*/ /* Page tabs */ div.bme_tabpages { width:100%; margin:0; } .bme_tabcontainer0 { display:none; } .bme_tabs { font-size:11px; width:100%; padding:0; line-height:15px; } div.bme_tabs .bme_tab0, div.bme_tabs .bme_tab1 { position:relative; float:left; margin-right:2px; padding:0; cursor:pointer; height:28px; } div.bme_tab0 { color:#000000; line-height:28px; background:url(/bmecms/assets/bme_tab_bg0.gif) repeat-x left top; border:solid #cccccc 1px; border-bottom-color:#999999; background-color:#f8f8f8; } div.bme_tab1 { z-index:1; margin-top:1px; color:#000000; background:url(/bmecms/assets/bme_tab_bg1.gif) repeat-x left top; border:1px solid #999999; border-bottom:0; line-height:27px; background-color:#ffffff; } div.bme_tab0 a, div.bme_tab1 a { display:block; margin:0; text-decoration:none; line-height:27px; padding:0 12px; width:auto; } div.bme_tab0 a { color:#666666; } div.bme_tab0 a:hover { color:#ff0000; } div.bme_tab1 a { color:#000000; } div.bme_tabpage { display:block; position:relative; clear:left; background:#ffffff; margin-top:0; top:-1px; border:solid #999999 1px; padding:8px; ; } div.bme_tabpage > *:first-child { margin-top:8px; } /* Small tabs */ .bme_tabssmall .bme_tabs { font-size:10px; line-height:13px; } .bme_tabssmall div.bme_tabs .bme_tab0, .bme_tabssmall div.bme_tabs .bme_tab1 { height:23px; } .bme_tabssmall div.bme_tab0 { line-height:23px; } .bme_tabssmall div.bme_tab0, .bme_tabssmall div.bme_tab0 a, .bme_tabssmall div.bme_tab1 a { line-height:22px; } .bme_tabssmall div.bme_tab0 a, .bme_tabssmall div.bme_tab1 a { padding:0 5px; } .bme_tabssmall div.bme_tab0 { background:url(/bmecms/assets/bme_tab_bg0.gif) repeat-x left -7px; } .bme_tabssmall div.bme_tab1 { background:url(/bmecms/assets/bme_tab_bg1.gif) repeat-x left -6px; } /* xSmall tabs */ .bme_tabsxsmall .bme_tabs { font-size:9px; line-height:12px; } .bme_tabsxsmall div.bme_tabs .bme_tab0, .bme_tabsxsmall div.bme_tabs .bme_tab1 { height:19px; } .bme_tabsxsmall div.bme_tab0 { line-height:19px; } .bme_tabsxsmall div.bme_tab0, .bme_tabsxsmall div.bme_tab0 a, .bme_tabsxsmall div.bme_tab1 a { line-height:18px; } .bme_tabsxsmall div.bme_tab0 a, .bme_tabsxsmall div.bme_tab1 a { padding:0 4px; } .bme_tabsxsmall div.bme_tab0 { background:url(/bmecms/assets/bme_tab_bg0.gif) repeat-x left -9px; } .bme_tabsxsmall div.bme_tab1 { background:url(/bmecms/assets/bme_tab_bg1.gif) repeat-x left -8px; } /* Make images in bme_tabpage 3-column product tables responsive */ .bme_tabpage table td.product_l img, .bme_tabpage table td.product_c img, .bme_tabpage table td.product_r img, table td.product_l img, table td.product_c img, table td.product_r img { max-width:100%; max-height:100%; height:auto; object-fit:contain; } /*__________________________________________________________________*/ /* Thumbwraps */ ul.bme_thumbwrap { list-style-type:none; } .bme_thumbwrap { display:inline-block; margin:0; padding:0; } .bme_thumbwrap li { display:inline-block; vertical-align:top; margin:0; padding:0; } .bme_thumbwrap a { display:block; } .bme_thumbwrap a span { display:block; padding:4px 0; font-size:9px; } /* IE workaround: */ .bme_thumbwrap, .bme_thumbwrap li { *display:inline; *height:0; *he\ight:auto; } /*__________________________________________________________________*/ /* Tooltips */ .bme_tooltip { position:absolute; width:300px; border:solid #666666 1px; padding:4px; z-index:10000; -moz-box-shadow:4px 4px 5px #999999; -webkit-box-shadow:4px 4px 5px #999999; box-shadow:4px 4px 5px #999999; } /* Drop box shadow (Microsoft/IE-specific!) */ .bme_tooltip { filter:progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); } .bme_tooltip .tooltip_header { position:relative; overflow:hidden; font-weight:bold; text-align:left; background-color:#f0f0f0; padding:4px; border-bottom:solid #cccccc 1px; } .bme_tooltip .tooltip_body { position:relative; overflow:auto; } .bme_tooltipanchor { position:relative; top:0px; left:0px; } .bme_tooltipanchor img { } .bme_tooltipanchor span.bme_tooltip { display:none; } .bme_tooltipanchor:hover span.bme_tooltip { display:block; position:absolute; left:0.9em; top:1.0em; width:200px; background-color:white; padding:8px; } /*__________________________________________________________________*/ /* Side menu */ div.sidemenu { width:100%;float:left;display:block;height:auto;margin:0;padding:0;border:0; } .sidemenu ul { margin:1px;padding:0; } .sidemenu li { list-style-type:none; } .sidemenu a,.sidemenu a:link,.sidemenu a:active,.sidemenu a:visited, .sidemenu .mb0,.sidemenu .mb0:link,.sidemenu .mb0:active,.sidemenu .mb0:visited,.sidemenu .mb1 { display:block;width:auto;font-family:Arial,Tahoma,Trebuchet MS,Helvetica,Verdana,sans,sans-serif;font-size:11px;font-weight:normal;cursor:pointer;text-align:left;text-decoration:none;color:#fff6f0;border:outset #e8e8e8 1px;background-color:#d4d0c8;background-image:none;padding:1px 3px;font-size:10px;font-weight:normal;padding:0.15em 0.4em;color:#666666;background-color:#ffffff;background-image:url(/bmecms/assets/gv002x400_bfc4d2_ffffff.gif);background-repeat:repeat-x;border-top:solid #cccccc 1px;border-left:solid #999999 1px;border-bottom:solid #666666 1px;border-right:solid #999999 1px; } .sidemenu a:hover,.sidemenu .mb0:hover,.sidemenu .mb1,.sidemenu .mb1:link,.sidemenu .mb1:active,.sidemenu .mb1:visited,.sidemenu .mb1:hover { color:#fff6f0;border:inset #000000 1px;background-color:#000080;background-image:none;font-size:10px;font-weight:normal;padding:0.15em 0.4em;color:#f0f3f4;background-color:#006688;background-image:url(/bmecms/assets/gh1280x0001_006688_31ceff.jpg);background-repeat:repeat-y;border-top:solid #999999 1px;border-left:solid #666666 1px;border-bottom:solid #666666 1px;border-right:solid #999999 1px; } /*__________________________________________________________________*/ /* Folders */ .bme_folder1_preload { background:url(/bmecms/assets/folder_160x120.gif); } .bme_folder2_preload { background:url(/bmecms/assets/folder_220x170.gif); } .bme_folder3_preload { background:url(/bmecms/assets/folder_320x240.gif); } li.bme_folder1, li.bme_folder2, li.bme_folder3 { padding:0; border:none; text-align:center; margin:4px; } li.bme_folder1 { background:url(/bmecms/assets/folder_160x120.gif) no-repeat top left; width:160px; height:120px; } li.bme_folder2 { background:url(/bmecms/assets/folder_220x170.gif) no-repeat top left; width:220px; height:170px; } li.bme_folder3 { background:url(/bmecms/assets/folder_320x240.gif) no-repeat top left; width:320px; height:240px; } li.bme_folder1 > div { margin:15px 10px 5px 15px; width:135px; height:95px; } li.bme_folder2 > div { margin:25px 5px 5px 20px; width:195px; height:140px; } li.bme_folder3 > div { margin:27px 8px 8px 27px; width:285px; height:205px; } li.bme_folder1 > div, li.bme_folder2 > div, li.bme_folder3 > div { overflow:hidden; text-align:center; } /*__________________________________________________________________*/ /* Media-specific */ @media screen { .screenonly { } .printonly { display:none; } } @media print { .screenonly { display:none; } .printonly { } } /**********************************/ body, .priseshop { margin:0; padding:0; color:#000000; } .prise_hidden { /* visibility:hidden; */ display:none; } tr.header { background-color:#ffffff; } div.conditions { border:solid #ff0000 1px; } div.prise_header_error { font-size:12px; background:#ff0000; color:#ffffff; font-weight:bold; text-align:center; } div.prise_header_info { font-size:12px; background:#00ff00; color:#ffffff; font-weight:bold; text-align:center; } /*__________________________________________________________________*/ /* PRISE popup windows */ .prise_popup { background-color:#ffffff; margin:0; padding:0; } .prise_popup table.page_header { border-bottom:solid #cccccc 1px; background-color:#e8e8e8; width:100%; } .prise_popup table.page_header td.page_header_left { padding:0; } .prise_popup table.page_header td.page_header_left h1 { padding:12px 6px; font-size:14px; margin:0; } .prise_popup table.page_header td.page_header_right { padding:12px 6px; text-align:right; white-space:nowrap; } .prise_popup div.page_content { padding:6px; padding-top:0; } .prise_popup div.page_footer { border-top:solid #cccccc 1px; border-bottom:solid #cccccc 1px; background-color:#e8e8e8; padding:6px; font-size:11px; white-space:nowrap; text-align:right; } /*__________________________________________________________________*/ /* PRISE boxes */ .prise_box_text { } .prise_box_text_bg { background-color:#f0f0f0; border:solid #cccccc 1px; padding:4px; } .prise_error_box { font-weight:bold; background-color:#ffb3b5; } .prise_gv_box { font-size:14px; font-weight:bold; border:solid #ffffff 1px; background-color:#ffb3b5; } .prise_box_promo { display:block; width:auto; margin-left:auto !important; margin-right:auto !important; border:solid #2664d0 1px; background:#ffffff; padding:4px !important; font-weight:normal; font-size:10px; text-align:center; } .btn span.highlight, /* BOOTSTRAP */ .prise_box_promo span.highlight { color:#ff0000; font-size:14px; font-weight:bold; } .btn span.footnote, /* BOOTSTRAP */ .prise_box_promo span.footnote { font-size:9px; } /* Infobox */ .prise_infobox { font-size:11px; } .prise_infobox_header { font-weight:bold; background:#2080a0; height:17px; color:#ffffff; padding:4px; } .prise_infobox_content { padding:4px; } /*__________________________________________________________________*/ /* PRISE Listings */ /* HTML5/CSS3 Flexbox page navigation styles */ .prise_pagenavigation { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; margin:6px 0; } .prise_pagenavigation prise_block_left, .prise_pagenavigation prise_block_right { float:none; clear:none; } /* Legacy page navigation styles */ td.prise_pagenavigator { line-height:2.5em; font-size:9px; vertical-align:bottom; } div.prise_pagenavigator { clear:both; line-height:2.5em; height:2.5em; font-size:9px; } /* .prise_pagenavigator select, .prise_pagenavigator option { } */ div.prise_block_left { float:left; clear:left; text-align:left; width:auto; } div.prise_block_right { float:right; clear:right; text-align:right; width:auto; } div.prise_block_objects { position:relative; } div.prise_block_objects .prise_block_object_list { position:absolute; left:0px; right:204px; float:left; clear:left; min-width:500px; } div.prise_block_objects .prise_block_object { float:right; clear:right; width:200px; } .prise_main { /* font-size:11px; */ /*##[20200106|MB] font-size setting for .prise_main deactivated ##TBC## */ line-height:1.5em; } div.prise_box_cart { } table.prise_cart_products { } table.prise_cart_products td.cart_product_quantity, table.prise_cart_products td.cart_product { font-size:9px; line-height:1.5em; border-top:solid #cccccc 1px; } table.prise_cart_products tr:first-child td { border-top:none; } table.prise_cart_products td.cart_product_quantity { text-align:right; padding-right:2px; white-space:nowrap; } td.cart_product span.cart_product_pack { font-size:9px; } td.cart_product div.cart_product_price { text-align:right; font-size:9px; } td.prise_table_header { font-size:12px; font-weight:bold; } prise_greeting { color:#333333; font-weight:bold; } span.underline { text-decoration:underline; } /* PRISE product popup/form styles */ div.prise_categorylisting_c4 { text-align:left; font-weight:bold; font-size:11px; } div.prise_categorylisting_c4 ul { float:left; width:31%; min-width:128px; list-style-type:none; padding-left:0; padding-right:10px; margin:0; } div.prise_categorylisting_c4 ul li { text-align:left; border-bottom:dotted #cccccc 1px; margin:8px 0; } /* table.prise_productlisting { border:solid #b6b7cb 1px; } .prise_productlisting_header { background:#b6b7cb; color:#ffffff; font-weight:bold; } */ /* Product lists/tables */ td.product_l, td.product_c { padding-right:4px; } td.product_r, td.product_c { padding-left:4px; } div.product_description_short, div.product_description { /* line-height:1.1em; */ color:#333333; } /* div.prise_productinfo_ul, div.prise_productinfo_ul h4, div.prise_productinfo_ul ul, div.prise_productinfo_ul ul li { margin-top:0; margin-bottom:0; -webkit-margin-before:0; -webkit-margin-after:0; } */ div.prise_productinfo_ul ul li { text-align:left; } .prise_productinfo_keywords { font-size:10px; color:#666666; } div.product_pack { font-size:9px; } /* Product price check containers */ div.product_pricecheck { padding:6px; font-size:11px; } div.product_pricecheck h1 { font-size:1.0em; } div.product_pricecheck h2 { font-size:1.0em; } div.product_pricecheck h3 { font-size:1.0em; } div.product_pricecheck h4 { font-size:1.0em; } div.product_pricecheck h5 { font-size:1.0em; } div.product_pricecheck h6 { font-size:1.0em; } div.product_pricecheck table { border:solid #666666 1px; } div.product_pricecheck div { border:dotted #999999 1px; } div.product_pricecheck h1,h2,h3,h4,h5,h6,p,table { margin:4px 0; } /* Product info */ .prewrap, .prise_message_log { white-space:pre; /* CSS 2.0 */ white-space:pre-wrap; /* CSS 2.1 */ white-space:pre-line; /* CSS 3.0 */ white-space:-pre-wrap; /* Opera 4-6 */ white-space:-o-pre-wrap; /* Opera 7 */ white-space:-moz-pre-wrap; /* Mozilla */ white-space:-hp-pre-wrap; /* HP Printers */ } /* Product info */ .prewrap, div.product_description, div.product_description_short, .prise_message_log { word-wrap:break-word; /* IE 5.5+ */ } td.product_thumbnail { text-align:center; font-size:10px; border-right:dotted #cccccc 1px; padding-right:6px; } td.product_thumbnail a.inquiry { display:block; margin:4px 0; } td.product_description { padding-left:6px; } /* td.product_description div.product_description, */ /* td.product_description div.product_description_short, */ /* div.product_description .prewrap, */ /* div.product_description_short .prewrap, */ td.product_description .prewrap { /* max-width:320px; */ /* *width:320px; */ max-width:100%; /* *width:100%; */ *overflow:auto; } /*__________________________________________________________________*/ /* PRISE backend */ body.prise_backend { background-color:#ffffff; background-image:none; } /* PRISE Backend Header */ div.priseadmin_header { /* height:75px; */ height:80px; clear:both; border-bottom:none; background-color:#f0f0f0; } div.priseadmin_header div.priseadmin_headerlogo, div.priseadmin_header div.priseadmin_headertitle { float:left; line-height:70px; } div.priseadmin_headertitle a { text-shadow:#999999 .1em .1em .05em; letter-spacing:.06em; font-size:24px; font-weight:bold; margin:0; padding:0; padding-left:25px; vertical-align:middle; display:table-cell; } div.priseadmin_headertitle a:hover { text-shadow:none; text-shadow:#b8b8b8 .05em .05em .025em; text-decoration:none; } div.priseadmin_header div.priseadmin_headerbuttons { float:right; } div.priseadmin_header div.priseadmin_headerbuttons a.mb0 { width:100px; display:block; text-align:center; } /* PRISE Backend Menus */ div.priseadmin_topmenu { } td.priseadmin_sidemenu { vertical-align:top; color:#000000; width:130px; } /* PRISE Backend Content */ td.priseadmin_content { border:solid #cccccc 1px; background:#f8f8f8; } /* PRISE Backend Object Box */ td.priseadmin_object { width:250px; padding-left:4px; } td.priseadmin_object .prise_infobox_header { font-weight:normal; height:auto; /* padding:0.4em 0.2em; */ } /* PRISE Backend Buttons */ .prise_backend .button, .prise_backend .mb0, .prise_backend .mb1 { font-weight:normal; cursor:pointer; } .prise_backend input.mb0, .prise_backend input.mb1, .prise_backend input.mb0:hover, .prise_backend input.mb1:hover, .prise_backend .mb0, .prise_backend .mb1 { padding-left:3px; padding-right:3px; padding-top:1px; padding-bottom:1px; } .prise_backend .button, .prise_backend .button:active, .prise_backend .button:visited, .prise_backend .button:link, .prise_backend .button:hover, .prise_backend .mb0, .prise_backend .mb0:active, .prise_backend .mb0:visited, .prise_backend .mb0:link, .prise_backend .mb0:hover, .prise_backend .mb1, .prise_backend .mb1:active, .prise_backend .mb1:visited, .prise_backend .mb1:link, .prise_backend .mb1:hover { text-decoration:none; border:solid #999999 1px; } .prise_backend .button, .prise_backend .button:active, .prise_backend .button:visited, .prise_backend .button:link, .prise_backend .mb0, .prise_backend .mb0:active, .prise_backend .mb0:visited, .prise_backend .mb0:link { border-top:solid #cccccc 1px; border-bottom:solid #666666 1px; background-color:#ffffff; background-image:url(/bmecms/assets/gv002x400_bfc4d2_ffffff.gif); background-repeat:repeat-x; color:#666666; } .prise_backend .button:hover, .prise_backend .mb0:hover, .prise_backend .mb1, .prise_backend .mb1:active, .prise_backend .mb1:visited, .prise_backend .mb1:link, .prise_backend .mb1:hover { border-left:solid #666666 1px; border-bottom:solid #666666 1px; background-color:#006688; background-image:url(/bmecms/assets/gh1280x0001_006688_31ceff.jpg); background-repeat:repeat-y; color:#f0f3f4; } .prise_backend button, .prise_backend a.button, .prise_backend input.mb0, .prise_backend input.mb1, .prise_backend input.mb0:hover, .prise_backend input.mb1:hover { width:auto; text-align:center; } .prise_backend input.mb0, .prise_backend input.mb1 { font-size:10px; } /*__________________________________________________________________*/ /* PRISE backend menus */ .priseadmin_menuleft_header { border:solid #999999 1px; background-color:#336699; color:#ffffff; padding:4px; font-size:11px; font-weight:bold; } /*__________________________________________________________________*/ /* PRISE backend content */ .priseadmin_contenttable { font-size:10px; color:#000000; background-color:#f6f6f6; border:1px solid #000000; } /*__________________________________________________________________*/ /* PRISE backend stock */ div.priseadmin_stock_warning { background-color:#f9f0f1; } /*__________________________________________________________________*/ /* Forms */ form { display:inline; } fieldset > legend + * { margin-top:8px; } button, input, input.checkbox, input.radio, select, textarea { font-size:11px; border-collapse:collapse; border:solid #999999 1px; } input { border:solid #999999 1px; border-collapse:collapse; padding:1px 2px 0 2px; font-size:9px; margin:0; vertical-align:bottom; /*##TODO: eliminate*/ } input.readonly { color:#999999; border-color:#cccccc; } .prise_datatable input.radio, .prise_datatable input.checkbox, .prise_infobox_content input.radio, .prise_infobox_content input.checkbox, .checkbox-inline, .radio-inline { display:inline-block; /* Override Bootstrap "display:block;" setting */ vertical-align:middle; padding:0; margin:0; } input.checkbox, input.radio { border:none; } input.radio { height:1em; font-size:1em; } input.submit, input.submit:hover, input.submit:focus, input.addtocart, /*## input.addtocart UNUSED? ##*/ input.addtocart:hover { /*## input.addtocart UNUSED? ##*/ display:inline; width:auto; border-collapse:collapse; border:solid #999999 1px; margin:0; text-align:center; outline:none; } input.addtocart { /*## input.addtocart UNUSED? ##*/ padding:0; } /* Product add to cart form controls */ input.addtocart-quantity { min-width:3em; max-width:6em; width:100%; } select { font-size:inherit; /*##[20200105|MB] font-size:10px; changed to font-size:inherit; ##TBC## */ margin:0; padding:0; vertical-align:middle; } textarea { width:100%; } /*__________________________________________________________________*/ /* Forms */ .prise_backend prise_formarea { background-color:#f0f0f0; border:solid #cccccc 1px; } table.prise_formarea { margin-top:6px; } td.label { text-align:right; width:100px; white-space:nowrap; font-size:inherit; /*1em;*/ /*10px;*/ /*##[20200105|MB] font-size:10px; changed to font-size:inherit; ##TBC## */ } td.prise_infobox_content fieldset { margin-top:12px; } td.prise_infobox_content label { margin-top:8px; } .prise_backend td.label { width:auto; } table.prise_formarea td.input { text-align:left; } table.prise_formarea td.help { } /* Form input requirement */ .prise_form_input_required { color:#ff0000; } /*__________________________________________________________________*/ /* Price display */ span.product_price { color:#ff0000; font-weight:bold; } span.product_price_old { font-size:0.9em; color:#333333; text-decoration:line-through; } span.product_price_special { color:#ff0000; } product_price_discount, span.product_price_discount { color:#ff0000; } product_price_discount_b, span.product_price_discount_b { color:#ff0000; font-weight:bold; } span.product_price_prefix { font-size:0.8em; } /* Value display - positive / negative indication */ span.negative { color:#ff0000; } span.positive { color:#009900; } span.unavailable { color:#666666; } /*__________________________________________________________________*/ /* Highlights / errors */ .highlight_error, .highlight_warning, .highlight_note, .highlight_red { color:#ff0000; } span.prise_errortext { color:#ff0000; } /*__________________________________________________________________*/ /* Tables */ .prise_modulerow, .prise_modulerow_over { font-size:11px; line-height:1.5; } .prise_modulerow_selected { background-color:#e9f4fc; } /*__________________________________________________________________*/ /* Sitemap Tables */ .sitemap_heading { color:#000000; background-color:#cccccc; padding:0.6em; font-size:1.1em; text-align:left; } .sitemap_heading a { color:#000000; } .sitemap_heading a:hover { color:#ff3300; text-decoration:none; } .sitemap_sub { color:#000000; background-color:#f0f0f0; padding:0.3em 0.6em; text-align:left; } .sitemap_sub a { color:#000000; } .sitemap_sub a:hover { color:#ff6633; text-decoration:none; } /*__________________________________________________________________*/ /* Message box */ .prise_message_box { } .prise_message_error, .prise_message_warning, .prise_message_success, .prise_message_info, .prise_message_help, .prise_message_log { padding:0.1em; padding-left:1.4em; background-repeat:no-repeat; background-size:1.0em; background-position:0.2em 0.2em; } .prise_message_error { background-image:url("icon/icon_msg_error.gif"); background-color:#ff6666; } .prise_message_warning { background-image:url("icon/icon_msg_warning.gif"); background-color:#ffcc33; } .prise_message_success { background-image:url("icon/icon_msg_success.gif"); background-color:#99ff00; } .prise_message_info { background-image:url("icon/icon_msg_info.gif"); background-color:#ccccff; } .prise_message_help { background-image:url("icon/icon_msg_help.gif"); background-color:#ffff99; } .prise_message_log { background-image:url("icon/icon_msg_log.gif"); background-color:#9999ff; } /*__________________________________________________________________*/ /* */ .prise_content_topics { font-size:14px; font-weight:bold; } /*__________________________________________________________________*/ td.inlinebuttons, div.inlinebuttons { padding:0.3em 0; line-height:1.45em; font-size:9px; /*TODO: check! 9px matches .xxxs and seems to look ok in IE, WebKit, etc. */ } .inlinebuttons a.mb0, .inlinebuttons a.mb1, .inlinebuttons input.mb0, .inlinebuttons input.mb1 { display:inline-block; text-align:center; line-height:1.45em; } .inlinebuttons input.mb0, .inlinebuttons input.mb1 { *line-height:1.5em; } .block, .blockl, .blockc, .blockr, .blockj { display:block; } .blockl,.alignl,tr.sortable a.blockl { text-align:left; } .blockc,.alignc,tr.sortable a.blockc { text-align:center; } .blockr,.alignr,tr.sortable a.blockr { text-align:right; } .blockj,.alignj,tr.sortable a.blockj { text-align:justify; } .valignt { vertical-align:top; } .valignm { vertical-align:middle; } .valignb { vertical-align:bottom; } .border { border:solid #cccccc 1px; } .nowrap, tr.sortable a { white-space:nowrap; } /*__________________________________________________________________*/ /* PRISE boxes */ div.prisebox { margin:0; padding:0; } div.prisebox div.product { text-align:center; font-size:11px; } div.prisebox div.product .categorylink { font-weight:bold; } div.prisebox div.product .thumbnail { margin:6px 0; } div.prisebox div.product .productlink { margin:6px 0; } div.prisebox div.price { margin:6px 0 0 0; font-weight:bold; } div.prisebox div.productline { border-bottom:solid #cccccc 1px; margin:4px 0; padding:2px 0; } div.prisebox td.product div.price, div.prisebox div.productline div.price { text-align:right; padding:0; } div.prisebox span.productpack { font-size:8px; } div.prisebox div.price span.taxinfo { font-size:8px; } div.prisebox td.productpos, div.prisebox td.product { border-bottom:solid #cccccc 1px; padding-top:4px; } div.prisebox td.productpos { padding-right:4px; } div.prisesidemenu { border:none; margin:0 3px 6px 3px; } div.prisesidemenu a.mb0, div.prisesidemenu a.mb1 { display:block; margin:0; } .prisebuttons_v a.mb0, .prisebuttons_v a.mb1 { margin:0; display:block; text-align:center; font-weight:bold; } /*__________________________________________________________________*/ /* Forms */ fieldset.h { } fieldset.v { } fieldset.h div { margin:6px 0; clear:both; } fieldset.h div label { display:block; float:left; width:100px; text-align:right; margin-right:2px; clear:left; } fieldset.h div input { float:left; } div.fieldh { margin:6px 0; clear:both; } div.fieldh label { display:block; float:left; width:100px; text-align:right; margin-right:2px; clear:left; } div.fieldh input { float:left; } div.fieldv { } div.fieldv label { display:block; text-align:left; } div.fieldv input { } div.fieldh div, div.fieldv div { margin:6px 0; } div.incorrect input, div.incorrect textarea, div.incorrect select, div.incorrect option { background-color:#ffe0e0; border-color:#ff6666; } div.incorrect label { color:red; } fieldset table td, fieldset table th { padding:6px; } /*__________________________________________________________________*/ /* Page headers / footers */ div.prise_pageheader { /* height:1.4em; */ margin:0; padding:2px 4px; background-color:white; border-bottom:solid #cccccc 1px; font-size:10px; } div.prise_pagefooter { margin-top:6px; padding:4px; text-align:center; font-size:10px; } /*__________________________________________________________________*/ /* Standard BME thumbwrap */ .thumbwrap { display:inline-block; margin:0; padding:0; } ul.thumbwrap { margin:0; padding:0; } .thumbwrap li { display:-moz-inline-box; /* Mozilla */ display:inline-block; /* Opera, Safari, IE */ vertical-align:top; /* Ignored by IE Mac (extra v space) */ margin:0; padding:0; } .thumbwrap a { display:block; /*##REQUIRED?!*/ } /* IE patch/hack */ .thumbwrap, .thumbwrap li { *display:inline; *height:0; *he\ight:auto; } .thumbwrap a span { /* overflow:hidden; */ display:block; /* width:100%; */ padding:4px 0; font-size:9px; } /*__________________________________________________________________*/ /* PRISE category wrappers */ div.issuu { /* display:inline-block; */ margin:0; padding:0; } div.issuu > ul { display:inline-block; margin:0; padding:0; width:100%; height:auto; text-align:center; } div.issuu > ul > li { display:-moz-inline-box; /* Mozilla */ display:inline-block; /* Opera, Safari, IE */ vertical-align:top; /* Ignored by IE Mac (extra v space) */ text-align:center; width:220px; height:320px; margin:8px; padding:8px; border:solid #999999 1px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -moz-box-shadow:0px 0px 8px #999999; -webkit-box-shadow:0px 0px 8px #999999; box-shadow:0px 0px 8px #999999; } div.prise_category_boxes { margin:0; padding:0; height:auto; width:100%; } div.prise_category_boxes ul.bme_thumbwrap { width:100%; height:auto; margin:0; text-align:center; } div.prise_category_boxes ul.bme_thumbwrap li { text-align:center; width:140px; margin:4px; } div.prise_category_boxes ul.bme_thumbwrap li div.topcatlink { margin:0; padding:0; height:3em; font-size:1.0em; font-weight:bold; } div.prise_category_boxes ul.bme_thumbwrap li a.topcat { display:block; margin:0; padding:0.2em 0; font-size:1.2em; } div.prise_category_boxes ul.bme_thumbwrap li a.topcatimg img, div.prise_category_boxes ul.bme_thumbwrap li img.topcatimg { height:48px; } div.prise_category_boxes ul.bme_thumbwrap li div.subcats { overflow:hidden; height:5.4em; /* 'height:'.($maxsubcatcount * 1.8).'em;' */ text-align:left; list-style:disc !important; list-style-type:disc !important; list-style-position:outside !important; list-style-image:url("/bmecms/assets/arrow_right_4x7_ffffff.gif") !important; } div.subcats ul, ul.subcats, div.prise_category_boxes ul.bme_thumbwrap li div.subcats ul { list-style-type:none; margin:6px 0; padding:0; } div.subcats ul li, ul.subcats li, div.prise_category_boxes ul.bme_thumbwrap li div.subcats ul li { width:100%; text-align:left; font-size:9px; margin:0; padding:0; /* list-style-type:none; */ } div.prise_category_boxes ul.bme_thumbwrap li div.subcats ul li a, div.prise_category_boxes ul.bme_thumbwrap li div.subcats ul li a:link, div.prise_category_boxes ul.bme_thumbwrap li div.subcats ul li a:visited, div.prise_category_boxes ul.bme_thumbwrap li div.subcats ul li a:active, div.prise_category_boxes ul.bme_thumbwrap li div.subcats ul li a:hover, div.prise_category_boxes ul.bme_thumbwrap li div.subcats ul li a:focus { display:block; font-size:1.1em; border-bottom:dotted #999999 1px; padding:0.2em 0; white-space:nowrap; overflow:hidden; /* color:#606060; */ font-weight:bold; } div.prise_category_boxes ul.bme_thumbwrap li div.subcats ul li a:link { color:#606060; } div.prise_category_boxes ul.bme_thumbwrap li div.subcats ul li a:visited { color:#808080; } div.prise_category_boxes ul.bme_thumbwrap li div.subcats ul li a:hover { /* color:#ff9900; */ color:#ed8a3e; } div.prise_category_boxes ul.bme_thumbwrap li a.more { text-align:right; font-size:9px; margin-top:4px; } div.consumableselect { border:solid #cccccc 1px; background-color:#ffffff; margin:12px 0 !important; padding:0 !important; } div.consumableselect div.head, div.consumableselect div.body { margin:6px; padding:6px; font-size:11px; } div.consumableselect div.head { border:none; border-bottom:solid #cccccc 1px; margin:0; padding:12px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -moz-border-radius-bottomright:0px; -moz-border-radius-bottomleft:0px; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-right-radius:0px; border-bottom-left-radius:0px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; font-size:12px; font-weight:bold; /* background-image:url(/bmecms/assets/gv002x400_bfc4d2_ffffff.gif); background-repeat:repeat-x; */ /* background: #FF3300; background: -moz-linear-gradient(left, #FF3300 0%, #33FF00 80%, #3333FF 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#FF3300), color-stop(80%,#33FF00), color-stop(100%,#3333FF)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF3300', endColorstr='#3333FF',GradientType=1 ); */ } div.consumableselect div.body { background-color:#ffffff; font-size:11px; line-height:3em; } div.consumableselect label { font-size:11px; /* font-weight:bold; */ } /*__________________________________________________________________*/ /* PRISE page box wrappers */ div.prise_boxwrapper_links { /* width:120px; */ margin:0; padding:0 6px; } div.prise_pagefooter div.prise_boxwrapper_links { /* float:left; */ } div.prise_boxwrapper_links ul { list-style-type:none; margin:0; margin-top:6px; padding:0; } div.prise_boxwrapper_links a { display:block; margin:0; padding:0.2em 0; border-bottom:dotted #999999 1px; text-align:left; font-size:10px; font-weight:normal; } /*__________________________________________________________________*/ /* PRISE sub-category thumbwrap */ .prise_thumbwrap_subcat { display:inline-block; margin:0; padding:0; } ul.prise_thumbwrap_subcat { margin:0; padding:0; } ul.prise_thumbwrap_subcat li { list-style-type:none; float:left; /* width:100px; */ /* height:115px; */ padding:0; margin:2px; text-align:center; } ul.prise_thumbwrap_subcat li a.mb0 { display:block; overflow:hidden; width:100px; height:115px; padding:4px; text-align:center; line-height:1.0em; padding-top:12px; /* white-space:nowrap; */ } ul.prise_thumbwrap_subcat li a.mb0 span.label { line-height:1.4em; font-size:9px; } ul.prise_thumbwrap_subcat li a.mb0 span.img { } /*__________________________________________________________________*/ /* PRISE category thumbwraps, thumbs, boxes */ /*##[20210102|MB] ADDED */ div.prise_category_thumbs_flex { display:flex; flex-direction:row; flex-wrap:wrap; gap:var(--prise-spacing); justify-content:flex-start; gap:var(--prise-spacing); } /* Category sub-category thumbs */ div.prise_category_thumbs .prise_category_thumb { overflow:hidden; min-height:110px; min-width:130px; max-width:140px; width:135px; } div.prise_category_thumbs .prise_category_thumb .img_container { width:100%; height:110px; display:flex; } div.prise_category_thumbs .prise_category_thumb img { max-height:100%; /* .img-fluid (Bootstrap 4) / .img-responsive (Bootstrap 3) */ display:block; max-width:100%; width:auto; height:auto; margin:auto; } /* Product list sub-category thumbs */ div.prise_product_listing div.prise_category_thumbs .prise_category_thumb { overflow:hidden; min-height:90px; min-width:110px; width:110px; } div.prise_product_listing div.prise_category_thumbs .prise_category_thumb .img_container { width:100%; height:90px; } /*__________________________________________________________________*/ /* PRISE product listings */ /*##[20210308|MB] ADDED */ div.product-image { max-height:180px; } div.product-image .img-fluid, div.product-image .img-responsive { /* max-width:160px; */ max-height:min(100%,180px); } /*__________________________________________________________________*/ /* PRISE product thumbwraps, thumbs, boxes */ div.product_carousel { position:relative; width:100%; /* max-width:1280px; */ box-sizing:border-box; } div.product_grid_flex { display:flex; flex-direction:row; flex-wrap:wrap; gap:var(--prise-spacing); justify-content:flex-start; } div.product_list_hd button.icon_list, div.product_grid_hd button.icon_grid { color:var(--bs-btn-disabled-color); pointer-events:none; background-color:var(--bs-btn-disabled-bg); border-color:var(--bs-btn-disabled-border-color); opacity:var(--bs-btn-disabled-opacity); background-image:none; } div.product_list, div.product_grid { /* Bootstrap 5 styling */ margin-top: 0.5rem; !important; margin-bottom: 0.5rem; !important; padding-top: 1.5rem; !important; padding-bottom: 1.5rem; !important; border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color); !important; border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color); !important; display:grid; grid-gap:var(--prise-spacing); } div.product_list { grid-template-columns:repeat(auto-fill,minmax(100%,1fr)); } div.product_grid { grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); } div.product_carousel div.product_grid { flex-wrap:nowrap; overflow:hidden; /* max-width:100%; */ /* width:100%; */ flex:0 0 auto; } .priseshop .bme_tabpages div.product_box, div.prise_product_thumbs div.prise_product_thumb, div.prise_product_thumbs div.product_box { /* min-width:220px; */ /* max-width:220px; */ } div.product_box { position:relative; display:flex; flex-direction:column; flex-wrap:wrap; align-content:center; justify-content:space-between; align-items:stretch; background:white; background-clip:border-box; border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color); border-radius:var(--bs-border-radius); box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15); padding:var(--prise-spacing); gap:var(--prise-spacing); min-width:0; word-wrap:break-word; } div.product_grid_flex div.product_box { flex:2 1 220px; } div.prise_product_thumbs div.prise_product_thumb, div.prise_product_thumbs div.product_box, .product_carousel div.product_box { justify-content:space-between; align-items:flex-start; } div.product_carousel div.product_grid div.product_box { flex:0 0 220px; } div.product_box .product_img, div.product_box .product_name, div.product_box .product_price { margin:0 auto; } div.product_list div.product_box .product_img { margin-left:auto; margin-right:auto; } div.product_list div.product_box .product_img, div.product_grid div.product_box .product_img { width:var(--prise-product-img-width); max-width:var(--prise-product-img-width); text-align:center; } div.product_grid div.product_box .product_img a, div.product_list div.product_box .product_img a { aspect-ratio:1/1; display:flex; align-items:center; text-align:center; margin:auto; padding:0.5rem; } div.product_list div.product_box .product_img a img, div.product_grid div.product_box .product_img a img { margin:auto; max-width:100%; height:auto; } div.product_list div.product_box .product_img a.more_info div, div.product_grid div.product_box .product_img a.more_info div { margin:auto; max-width:100%; /* height: auto; */ } div.product_list div.product_box .product_name, div.product_grid div.product_box .product_name { flex-grow:2; line-height:1.5em; text-align:center; } div.product_list div.product_box .product_name { width:100%; max-width:100%; } div.product_grid div.product_box .product_name a:first-child, div.product_list div.product_box .product_name a:first-child { font-weight:bold; font-size:1.1rem; } div.product_list div.product_box .product_description_short, div.product_grid div.product_box .product_description_short { line-height:1.3em; text-align:center; margin-top:0.8rem; } div.product_grid div.product_box .product_description_short * { text-align:inherit; } div.product_list div.product_box .product_pack, div.product_grid div.product_box .product_pack { font-size:0.8rem; } div.product_list div.product_box .product_price, div.product_grid div.product_box .product_price { align-self:flex-end; text-align:right; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:flex-end; align-content:flex-end; align-items:center; gap:0.5rem; } div.product_list div.product_box .product_price .product_price_old, div.product_grid div.product_box .product_price .product_price_old { font-size:1.0rem; font-weight:normal;bold; } div.product_list div.product_box .product_price .product_price_short, div.product_grid div.product_box .product_price .product_price_short, div.product_list div.product_box .product_price .product_price_special, div.product_grid div.product_box .product_price .product_price_special { font-size:1.6rem; font-weight:bold; } div.product_list div.product_box .product_price .product_price_tax, div.product_grid div.product_box .product_price .product_price_tax, div.product_list div.product_box .product_price .product_price_vpe, div.product_grid div.product_box .product_price .product_price_vpe { font-size:0.8rem; font-weight:normal; } /* Non-small viewport product list product box styling */ @media (min-width: 768px) { div.product_list div.product_box { flex-direction:row; align-items:flex-start; } div.product_list div.product_box .product_img { flex:1 0 0%; } div.product_list div.product_box div.more_info { display:block; visibility:visible; } div.product_list div.product_box .product_name { flex:2 0 100%; align-self:stretch; max-width:calc(100% - 340px); text-align:left; } div.product_list div.product_box .product_description_short { text-align:left; } div.product_list div.product_box .product_price { flex:1 0 0%; display:flex; flex-direction:column; align-self:flex-start; justify-content:flex-start; align-content:flex-end; align-items:flex-end; } } div.product_tabs { margin-top:var(--prise-spacing); } /*__________________________________________________________________*/ /* PRISE product slider */ div.product_slide { } table.product_slide { width:100%; margin:0; } td.slide_left, td.slide_right { vertical-align:middle; text-align:center; padding:0; width:24px; } td.slide_left a, td.slide_right a { display:block; text-align:center; } td.slide_center { overflow:hidden; vertical-align:middle; text-align:center; } div.product_slide, table.product_slide, td.slide_center, td.slide_center div.slide_wrapper, td.slide_center div.slide_container, div.slide_box { height:145px; } td.slide_center div.slide_wrapper { overflow:hidden; } td.slide_center div.slide_wrapper, td.slide_center div.slide_container { width:100%; margin:0 auto; padding:0; position:relative; } td.slide_center div.slide_container { top:0px; } div.slide_box { width:145px; float:left; position:relative; display:inline-block; text-align:center; } div.slide_box div.product_image { height:60px; font-size:8px; text-align:center; } div.slide_box div.product_image img { /*[20201109|MB] Auto adjust product image height to image container */ max-height:100%; max-width:100%; height:100%; width:auto; } div.slide_box div.product_title { height:45px; overflow:hidden; font-size:10px; text-align:center; } div.slide_box div.product_price { overflow:hidden; text-align:center; font-size:10px; line-height:2.0em; white-space:nowrap; } div.debug div.slide_wrapper { border:dotted #ff9900 1px; } div.debug div.slide_container { border:solid #ff00ff 1px; } div.debug div.slide_box div.product_image, div.debug div.slide_box div.product_title, div.debug div.slide_box div.product_price { border:dashed #cc0000 1px; } /*__________________________________________________________________*/ /* PRISE data tables */ table.prise_datatable { /* margin:12px 0; */ } .prise_datatable tr.header, /*##TODO: replace*/ .prise_datatable thead tr { background-color:#f6f6f6; color:#000000; border-bottom:solid #000000 1px; } .prise_datatable thead tr td, .prise_datatable thead tr th, .prise_datatable tr.header td, /*##TODO: replace*/ .prise_datatable tr.header th { /*##TODO: replace*/ font-size:11px; font-weight:bold; padding:4px; background-color:#f0f0f0; border:solid #999999 1px; border-top:solid #cccccc 1px; border-bottom:solid #666666 1px; } .prise_datatable thead div.verticaltext { transform:rotate(-90deg); transform-origin:50% 50% 0; text-align:left; vertical-align:bottom; /* border:solid red 1px; */ height:40px; width:40px; /* float:right; */ } .prise_datatable tbody tr, .prise_datatable tr.data { /*##TODO: replace*/ background-color:#fcfcfc; } .prise_datatable tbody tr:hover, .prise_datatable tr.data:hover { /*##TODO: replace*/ background-color:#ffffcc; cursor:pointer; } .prise_datatable tr.selected, /*##TODO: replace*/ .prise_datatable tbody tr.selected { background-color:#ffff66; } .prise_datatable tr.data td, .prise_datatable tbody tr td { font-size:10px; /**###TBC###**/ color:#000000; vertical-align:top; border-bottom:dashed #cccccc 1px; /* MB [20150809] added (to override padding:0 from bootstrap.min.css) */ padding:1px 2px 1px 2px; } .prise_datatable thead tr.sortable th, .prise_datatable thead tr.sortable td { /* padding:0; */ padding:0 2px; vertical-align:middle; white-space:nowrap; } .prise_datatable thead tr.filter th, .prise_datatable thead tr.filter td { padding:0; vertical-align:middle; } .prise_datatable thead tr.filter input, .prise_datatable thead tr.filter select, .prise_datatable thead tr.filter button { margin:0; padding:0; border:none; width:100%; font-size:0.9em; /* overflow:hidden; */ } /*.prise_datatable thead .mb0,*/ .prise_datatable thead tr.sortable .mb0, .prise_datatable thead tr.filter .mb0 { padding:0.2em 0.4em; border:none; } /*__________________________________________________________________*/ /* Spiffy calendar control styling */ input.cal-TextBox { width:70px; font-size:9px; } a.so-BtnLink { } /*__________________________________________________________________*/ /* Highslide styling */ .highslide { cursor:url(/shop/priseaddon/highslide/graphics/zoomin.cur), pointer; outline:none; } .highslide-active-anchor img { visibility:hidden; } .highslide img { border:2px solid gray; } .highslide:hover img { border:2px solid white; } .highslide-wrapper { background:white; } .highslide-image { border:2px solid white; } /***/ .highslide img { border:1px solid #cccccc; } .highslide:hover img { border:1px solid white; } .highslide-image { border:1px solid white; } /***/ .highslide-image-blur { } .highslide-caption { display:none; border:2px solid white; border-top:none; font-size:11px; padding:5px; background-color:white; } .highslide-loading { display:block; color:black; font-size:8pt; font-family:sans-serif; font-weight:bold; text-decoration:none; padding:2px; border:1px solid black; background-color:white; padding-left:22px; background-image:url(/shop/priseaddon/highslide/graphics/loader.white.gif); background-repeat:no-repeat; background-position:3px 1px; } a.highslide-credits, a.highslide-credits i { padding:2px; color:silver; text-decoration:none; font-size:10px; } a.highslide-credits:hover, a.highslide-credits:hover i { color:white; background-color:gray; } .highslide-move { cursor:move; } .highslide-overlay { display:none; } a.highslide-full-expand { background:url(/shop/priseaddon/highslide/graphics/fullexpand.gif) no-repeat; display:block; margin:0 10px 10px 0; width:34px; height:34px; } /* Controlbar 5 */ .controlbar { background:url(/shop/priseaddon/highslide/graphics/controlbar5.gif); width:100px; height:20px; } .controlbar a { display:block; float:left; height:16px; } .controlbar a:hover { background-image:url(/shop/priseaddon/highslide/graphics/controlbar5-hover.gif); } .controlbar .previous { width:30px; } .controlbar .next { width:24px; background-position:-30px 0; } .controlbar .highslide-move { width:24px; background-position:-54px 0; } .controlbar .close { width:21px; background-position:-78px 0; } /* Highslide widget/display */ .highslide-display-block { display:block; } .highslide-display-none { display:none; } /*__________________________________________________________________*/ /* Backend web containers */ .priseadmin_pageheader { font-size:18px; color:#000000; font-weight:bold; } .priseadmin_pageheader, .priseadmin_pagecontent { padding:0.4em 0.2em; padding:6px; } div.priseadmin_headerbar { border-bottom:solid #666666 1px; background-color:#e0e0e0; margin:0; padding:0; font-size:9px; -moz-box-shadow:0px 2px 3px #999999; -webkit-box-shadow:0px 2px 3px #999999; box-shadow:0px 2px 3px #999999; } /*__________________________________________________________________*/ /* Frontend web containers */ .prise_frontend_headerbar { margin:0; border:none; } div.prise_breadcrumbmenu { margin:4px; margin-bottom:8px; font-size:10px; margin-left:190px; clear:left; } /*__________________________________________________________________*/ /* BME Menu Horizontal #001 */ .bmemenu_h001_preload1 { background:url(/bmecms/assets/gh1280x0001_006688_31ceff.jpg); } .bmemenu_h001_preload2 { background:url(/bmecms/assets/arrow_down_7x4_ffffff.gif); } .bmemenu_h001_preload3 { background:url(/bmecms/assets/arrow_right_4x7_ffffff.gif); } .bmemenu_h001 { padding:0; margin:0; list-style:none; height:26px; position:relative; z-index:600; background:url(/bmecms/assets/gv002x400_bfc4d2_ffffff.gif) repeat-x; border:solid #999999 1px; /****/ -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } .bmemenu_h001 * { -webkit-box-sizing:inherit; -moz-box-sizing:inherit; box-sizing:inherit; } /* .bmemenu_h001 * { font-family:Tahoma,Arial,Helvetica,sans-serif; font-weight:normal; } */ .bmemenu_h001, .bmemenu_h001 a, .bmemenu_h001 li { text-align:left; font-weight:normal; } /* ##ADDSTART## */ .bmemenu_h001 li ul a, .bmemenu_h001 li ul a:link { padding-top:0.5em !important; padding-bottom:0.5em !important; border-top:solid #999999 0px !important; border-bottom:solid #333333 1px !important; padding-left:6px !important; } /* ##ADDEND## */ /* Top (level 1) links/buttons */ .bmemenu_h001 li.top { display:block; float:left; border-right:solid #999999 1px; } .bmemenu_h001 li a.top_link { display:block; float:left; height:26px; line-height:24px; color:#000000; text-decoration:none; font-size:10px; font-weight:normal; padding:0 4px 0 0; cursor:pointer; background:url(/bmecms/assets/gv002x400_bfc4d2_ffffff.gif) repeat-x; } .bmemenu_h001 li a.top_link span { display:block; float:left; height:26px; padding:0 6px; background:url(/bmecms/assets/gv002x400_bfc4d2_ffffff.gif) repeat-x; } .bmemenu_h001 li a.top_link span.down { background:url(/bmecms/assets/arrow_down_7x4_000000.gif) no-repeat right center; padding:0 12px 0 6px; } .bmemenu_h001 li:hover a.top_link, .bmemenu_h001 a.top_link:hover { background:url(/bmecms/assets/gh1280x0001_006688_31ceff.jpg) repeat-y; color:#ffffff; } .bmemenu_h001 li:hover a.top_link span, .bmemenu_h001 a.top_link:hover span { background:none; } .bmemenu_h001 li:hover a.top_link span.down, .bmemenu_h001 a.top_link:hover span.down { background:url(/bmecms/assets/arrow_down_7x4_ffffff.gif) no-repeat right center; } /* Drop-down / Submenus */ .bmemenu_h001 table { position:absolute; top:0; left:0; margin:0; padding:0; border-collapse:collapse; } .bmemenu_h001 li:hover, .bmemenu_h001 a:hover { position:relative; z-index:600; } .bmemenu_h001 :hover ul.sub { z-index:700; left:-1px; top:26px; padding:0; width:160px; height:auto; background:#f8f8f8; border:outset #666666 1px; } .bmemenu_h001 :hover ul.sub li { display:block; position:relative; float:left; width:160px; font-weight:normal; background:url(/bmecms/assets/gv002x400_bfc4d2_ffffff.gif) repeat-x; } .bmemenu_h001 :hover ul.sub li a { display:block; font-size:10px; width:152px; padding:4px 2px; text-decoration:none; color:#333333; border:solid #ffffff 1px; border-left:none; border-right:none; border-color:transparent; background-color:transparent; } .bmemenu_h001 a.fly, .bmemenu_h001 a.fly:hover { background-repeat:no-repeat !important; background-position:150px 8px !important; } .bmemenu_h001 li ul.sub li a.fly { background-image:url(/bmecms/assets/arrow_right_4x7_000000.gif); background-color:#f8f8f8; } .bmemenu_h001 :hover ul.sub li a:hover { background:url(/bmecms/assets/gh1280x0001_006688_31ceff.jpg) repeat-y; background-color:#b9dc40; color:#ffffff; border:solid #999999 1px; border-left:none; border-right:none; } .bmemenu_h001 :hover ul.sub li a.fly { background-image:url(/bmecms/assets/arrow_right_4x7_000000.gif); background-color:transparent; color:#000000; } .bmemenu_h001 :hover ul.sub li a.fly:hover { background-image:url(/bmecms/assets/arrow_right_4x7_ffffff.gif); background-color:transparent; color:#ffffff; } .bmemenu_h001 a:hover a:hover ul, .bmemenu_h001 a:hover a:hover a:hover ul, .bmemenu_h001 a:hover a:hover a:hover a:hover ul, .bmemenu_h001 a:hover a:hover a:hover a:hover a:hover ul { z-index:800; left:159px; top:-4px; padding:0; width:160px; height:auto; background-color:#f0f8d6; border:solid #ff9900 1px; } .bmemenu_h001 ul, .bmemenu_h001 a:hover ul ul, .bmemenu_h001 a:hover a:hover ul ul, .bmemenu_h001 a:hover a:hover a:hover ul ul, .bmemenu_h001 a:hover a:hover a:hover a:hover ul ul { position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; -moz-box-shadow:3px 4px 6px #999999; -webkit-box-shadow:3px 4px 6px #999999; box-shadow:3px 4px 6px #999999; } .bmemenu_h001 li:hover li:hover > ul { z-index:800; top:2px; left:158px; padding:0; width:160px; height:auto; background:#f8f8f8; border:outset #666666 1px; } .bmemenu_h001 li:hover > ul ul { position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; } /**ADDSTART**/ .bmemenu_h001 li:hover ul { border-bottom:none !important; /* TODO: optimize/eliminate !important */ } /**ADDEND**/ /* Submenu/flyout items level 2+ */ .bmemenu_h001 li:hover li:hover > a.fly { background-image:url(/bmecms/assets/arrow_right_4x7_ffffff.gif); color:#ffffff; background-color:transparent; } .bmemenu_h001 li:hover li:hover { background:url(/bmecms/assets/gh1280x0001_006688_31ceff.jpg) repeat-y; color:#ffffff; background-color:transparent; } .bmemenu_h001 li:hover li:hover > li a.fly { background-image:url(/bmecms/assets/arrow_right_4x7_000000.gif); background-color:#f8f8f8; color:#000000; } .bmemenu_h001 a > div { line-height:1.0em; } .bmemenu_h001 a.fly > div { padding-right:10px; } /* Submenu labels/headers/texts */ .bmemenu_h001 li b { display:block; font-size:11px; width:158px; /*138px;*/ margin:8px 0 0 0; padding:0; vertical-align:bottom; text-indent:2px; cursor:default; border-bottom:1px solid #cccccc; } /*__________________________________________________________________*/ /* Round corner boxes */ .box_rc, .box_rc_head, .box_rc_body, div.box_rc, div.box_rc_head, div.box_rc_body, .box_rct, .box_rcb, div.box_rc_shadow, .box_rc_shadow { border:solid #cccccc 1px; padding:6px; margin:0; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; } div.box_rc_shadow, .box_rc_shadow { -moz-box-shadow:0px 0px 8px #999999; -webkit-box-shadow:0px 0px 8px #999999; box-shadow:0px 0px 8px #999999; } div.box_rc_head, .box_rc_head { -moz-border-radius-bottomright:0px; -moz-border-radius-bottomleft:0px; border-bottom-right-radius:0px; border-bottom-left-radius:0px; font-size:12px; font-weight:bold; color:#ffffff; background-color:#cccccc; } div.box_rc_body, .box_rc_body { -moz-border-radius-topleft:0px; -moz-border-radius-topright:0px; border-top-left-radius:0px; border-top-right-radius:0px; margin-bottom:8px; border-top:none; } .box_rc, .box_rc_body { background-color:#ffffff; /**##**/ margin-bottom:8px !important; /**##**/ } .slide_box .box_rc { margin-right:8px; } .box_rct { -moz-border-radius-bottomright:0px; -moz-border-radius-bottomleft:0px; border-bottom-right-radius:0px; border-bottom-left-radius:0px; padding:2px 6px; margin-bottom:0; } .box_rcb { -moz-border-radius-topleft:0px; -moz-border-radius-topright:0px; border-top-left-radius:0px; border-top-right-radius:0px; padding:6px; margin:0 0 8px 0; border-top:none; } .box_rctl { -moz-border-radius-topleft:6px; border-top-left-radius:6px; } .box_rctr { -moz-border-radius-topright:6px; border-top-right-radius:6px; } .box_rcbl { -moz-border-radius-bottomleft:6px; border-bottom-left-radius:6px; } .box_rcbr { -moz-border-radius-bottomright:6px; border-bottom-right-radius:6px; } img.box_rc, img.box_rct, img.box_rcb, img.box_rctl, img.box_rctr, img.box_rcbl, img.box_rcbr { padding:0; } .box_shadow { -moz-box-shadow:0px 0px 8px #999999; -webkit-box-shadow:0px 0px 8px #999999; box-shadow:0px 0px 8px #999999; } .boxtitle, a.boxtitle, a.boxtitle:link, a.boxtitle:hover, a.boxtitle:active, a.boxtitle:visited { color:#ffffff; font-weight:bold; font-size:12px; } .boxtitlebutton, a.boxtitlebutton, a.boxtitlebutton:link, a.boxtitlebutton:hover, a.boxtitlebutton:active, a.boxtitlebutton:visited { padding:0em 0.4em 0.1em 0.4em; font-size:10px; font-weight:normal; } .box_rc_head prise_block_left, .box_rc_head prise_block_right { padding:0; } /*__________________________________________________________________*/ /* Square boxes */ .prise_rectbox, .prise_rectbox_head, .prise_rectbox_body { padding:0; margin:0 3px 6px 3px; border:solid #cccccc 1px; } .prise_rectbox_head { margin-bottom:0; border-bottom:none; background-color:#cccccc; } /* Content container style */ /* NOTE: sequence of definitions crucial to ensure correct styles for nested rcboxes */ .prise_rectbox div.rcboxc3, .prise_rectbox_head div.rcboxc3, .prise_rectbox_body div.rcboxc3 { padding:4px; } .prise_rectbox_head div.rcboxc3 { color:#ffffff; font-size:12px; font-weight:bold; } /*________________________________________________________________________*/ /* HTML5 */ article, aside, figcaption, figure, footer, header, hgroup, nav, section { display:block; } /*____________________________________________________________________*/ /* Form - responsive */ .form_responsive_box { width:90%; max-width:1200px; margin:0 auto; } .form_responsive_box * { box-sizing:border-box; } .form_responsive { list-style-type:none; padding:0; max-width:320px; margin:0 auto; } .form_responsive li { display:flex; flex-wrap:wrap; align-items:center; } .form_responsive > li { margin-top:8px; margin-bottom:8px; } .form_responsive > li > label { flex:1 0 100px; max-width:140px; font:normal 1.0em/1.5 sans-serif; } .form_responsive > li > label + * { flex:1 0 200px; max-width:100%; } .form_responsive li input, .form_responsive li textarea { padding:6px; font:normal 1.0em/1.5 sans-serif; /* border:none; */ } .form_responsive li button { margin:auto; } /*__________________________________________________________________*/ /* Bootstrap 5.3.3+ btn-group-vertical fixes */ /* [20250406|MB] Bootstrap 5.3.3+ Fix: btn-group-vertical .btn margin-left */ .btn-group-vertical > :not(.btn-check:first-child) + .btn, .btn-group-vertical > .btn-group:not(:first-child) { margin-left: 0; /*calc(var(--bs-border-width) * -1);*/ } /* [20250406|MB] Bootstrap 5.3.3+ Fix: btn-group-vertical .btn border-top-right-radius */ /*.btn-group-vertical > .btn:first-child,*/ .btn-group-vertical > .btn:first-child:not(.dropdown-toggle), .btn-group-vertical > .btn.dropdown-toggle-split:first-child, .btn-group-vertical > .btn-group:first-child > .btn { border-top-right-radius: var(--bs-border-radius); border-top-left-radius: var(--bs-border-radius); /* Set to be equal to right side */ } /* [20250406|MB] Bootstrap 5.3.3+ Fix: btn-group-vertical .btn border-bottom-left-radius */ /* .btn-group-vertical > .btn:nth-child(n+3), .btn-group-vertical > :not(.btn-check) + .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: var(--bs-border-radius); } */ .btn-group-vertical > .btn:last-child { border-bottom-left-radius: var(--bs-border-radius); border-bottom-right-radius: var(--bs-border-radius); /* Set to be equal to left side */ } /*__________________________________________________________________*/ /* CSS code end */