/* FILE: styles.css */ /* HANDLES: default,cms_page,STORE_default,THEME_frontend_ultimo_curata,cms_index_noroute,page_two_columns_right,customer_logged_out */ /* Reset %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @font-face { font-family: "Questrial"; src:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Questrial/Questrial-Regular.eot?) format("eot"), url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Questrial/Questrial-Regular.woff) format("woff"), url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Questrial/Questrial-Regular.ttf) format("truetype"), url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Questrial/Questrial-Regular.svg) format("svg"); font-weight:normal; font-style:normal; } /* Webfont: Lato-Black */@font-face { font-family: 'Lato-Black'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Black.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Black.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Black.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Black.ttf') format('truetype'); font-style: normal; font-weight: normal; } /* Webfont: Lato-BlackItalic */@font-face { font-family: 'Lato-Black'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-BlackItalic.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-BlackItalic.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-BlackItalic.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-BlackItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; } /* Webfont: Lato-Bold */@font-face { font-family: 'Lato-Bold'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Bold.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Bold.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Bold.ttf') format('truetype'); font-style: normal; font-weight: normal; } /* Webfont: Lato-BoldItalic */@font-face { font-family: 'Lato-Bold'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-BoldItalic.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-BoldItalic.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-BoldItalic.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-BoldItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; } /* Webfont: Lato-Hairline */@font-face { font-family: 'Lato-Hairline'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Hairline.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Hairline.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Hairline.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Hairline.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Hairline.ttf') format('truetype'); font-style: normal; font-weight: normal; } /* Webfont: Lato-HairlineItalic */@font-face { font-family: 'Lato-Hairline'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-HairlineItalic.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-HairlineItalic.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-HairlineItalic.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-HairlineItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; } /* Webfont: Lato-Heavy */@font-face { font-family: 'Lato-Heavy'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Heavy.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Heavy.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Heavy.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Heavy.ttf') format('truetype'); font-style: normal; font-weight: normal; } /* Webfont: Lato-HeavyItalic */@font-face { font-family: 'Lato-Heavy'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-HeavyItalic.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-HeavyItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-HeavyItalic.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-HeavyItalic.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-HeavyItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; } /* Webfont: Lato-Italic */@font-face { font-family: 'Lato'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Italic.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Italic.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Italic.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Italic.ttf') format('truetype'); font-style: italic; font-weight: normal; } /* Webfont: Lato-Light */@font-face { font-family: 'Lato-Light'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Light.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Light.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Light.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Light.ttf') format('truetype'); font-style: normal; font-weight: normal; } /* Webfont: Lato-LightItalic */@font-face { font-family: 'Lato-Light'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-LightItalic.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-LightItalic.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-LightItalic.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-LightItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; } /* Webfont: Lato-Medium */@font-face { font-family: 'Lato-Medium'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Medium.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Medium.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Medium.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Medium.ttf') format('truetype'); font-style: normal; font-weight: normal; } /* Webfont: Lato-MediumItalic */@font-face { font-family: 'Lato-Medium'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-MediumItalic.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-MediumItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-MediumItalic.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-MediumItalic.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-MediumItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; } /* Webfont: Lato-Regular */@font-face { font-family: 'Lato'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Regular.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Regular.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Regular.ttf') format('truetype'); font-style: normal; font-weight: normal; } /* Webfont: Lato-Semibold */@font-face { font-family: 'Lato-Semibold'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Semibold.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Semibold.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Semibold.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Semibold.ttf') format('truetype'); font-style: normal; font-weight: normal; } /* Webfont: Lato-SemiboldItalic */@font-face { font-family: 'Lato-Semibold'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-SemiboldItalic.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-SemiboldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-SemiboldItalic.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-SemiboldItalic.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-SemiboldItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; } /* Webfont: Lato-Thin */@font-face { font-family: 'Lato-Thin'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Thin.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Thin.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Thin.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Thin.ttf') format('truetype'); font-style: normal; font-weight: normal; } /* Webfont: Lato-ThinItalic */@font-face { font-family: 'Lato-Thin'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-ThinItalic.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-ThinItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-ThinItalic.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-ThinItalic.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-ThinItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; } * { margin:0; padding:0; } html { font-size:16px; /* Fix for Opera */ } body { font:75%/150% 'Questrial', sans-serif; background-color:#fff; color:#333; text-align:center; } #root-wrapper {} img { border:0; vertical-align:top; max-width:100%; } a { color:#888; text-decoration:none; } a:hover { text-decoration:none; color:#333; } :focus { outline:0; } /* Headings */ h1,h2,h3, h4,h5,h6 { margin:0 0 10px; font-weight:normal; } h1 { font-size:32px; line-height:1.25em; /*32px, 40px*/ margin-bottom:20px;font-weight: 600; } h2 { font-size:28px; line-height:1.25em; /*24px, 30px*/ } h3 { font-size:24px; line-height:1.2em; /*20px, 24px*/ } h4 { font-size:20px; line-height:1.25em; /*16px, 20px*/ } h5 { font-size:18px; line-height:1.1428em; /*14px, 16px*/ } h6 { font-size:16px; line-height:1.1666em; /*12px, 14px*/ } /* 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; } /* 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%; min-height:147px; position:relative; } .no-display { display:none !important; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .wrapper {} .page { text-align:left; background-repeat:repeat; background-position:center top; } .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; background:#fff; } .main-container { background-repeat:repeat; background-position:center top; } .main { padding:20px 0; min-height:370px; } /* Decrease padding on home page */ body.cms-index-index .main, body.cms-index-defaultindex .main { padding-top:20px; padding-bottom:20px; } /* Base Columns */ .col-left { float:left; } .col-main { float:left; } .col-right { float:right; } /* 1 Column Layout */ .col1-layout .col-main { width:100%; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main {} .col3-layout .col-wrapper { float:left; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .col-narrow { width:33%; } .col2-set .col-wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /**/ .preface { clear:both; } .postscript { clear:both; } /* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Form Elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic -------------------------------------------------------------- */ input, select, textarea, button { font:12px/15px 'Questrial', sans-serif; vertical-align:middle; } /* Fix: remove default formatting on iOS (e.g. rounded corners) */ input.input-text, textarea { -webkit-appearance:none; } input.input-text, select, textarea { background:#fff; border:1px solid #ddd; color:#888; /* Box model */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* Remove default formatting, fix for iOS (rounded corners and shadow) */ -webkit-border-radius:0px; border-radius:0px; -webkit-box-shadow:none; box-shadow:none; } input.input-text{ height: 36px; } select { height:36px; padding:8px; text-overflow:ellipsis; } select.multiselect { height: auto; } input.input-text, textarea { padding:8px; text-overflow:ellipsis; } select option { padding-right:10px; padding-left:5px; } select.multiselect option { border-bottom:1px solid #eee; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:3em !important; text-align:center; } /* Active and others -------------------------------------------------------------- */ input.input-text:hover, select:hover, textarea:hover, input.input-text:focus, select:focus, textarea:focus { border-color:#aaa; color:#333; outline:none; } input.input-text:disabled, select:disabled, textarea:disabled {} /* Buttons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ .button { display: inline-block; margin:0; border:0; overflow:visible; cursor:pointer; font-size:14px; font-weight: normal; white-space:nowrap; text-align:center; background-color:#ddd; color:#333; line-height: 35px; padding:0 25px; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; font-family: "Questrial", sans-serif; font-weight: 600; } .button:hover { background-color:#333; color:#fff; } .owl-item a.button.btn-cart { font-size: 16px; font-weight: 800; line-height: 35px; } .products-grid .price-box p.special-price { font-size: 14px; display: block; margin: 6px 0 0; } .products-grid .price-box p.special-price span.price { font-size: 18px; } .page-banners.grid-container-spaced { padding: 20px 0 0; border-top: 1px solid #4e4e4e; } .the-slideshow-wrapper .item.slide img { /*width: 100%; height: 100%;*/ /*max-height: 420px;*/ max-height: 560px; } .item.item-right.block_header_top_right .hide-below-768 { font-size: 22px; } .the-slideshow .item.slide { position: relative; } .the-slideshow .slideshow-descriptions a { float: left; position: relative; width: auto; color: #fff; } .the-slideshow .slideshow-descriptions.black a { color: #000; } .the-slideshow .slideshow-descriptions { position: absolute; right: 4%; z-index: 100; top: 5%; width: 30%; color: #fff; font-family: "Questrial", sans-serif; text-align: right; } .the-slideshow .slideshow-button { bottom: 13.5%; font-family: "Questrial",sans-serif; position: absolute; right: 12.5%; z-index: 100; } .the-slideshow .slideshow-descriptions.black { color: #000; } .the-slideshow .slideshow-descriptions a span.slider_button, .the-slideshow .slideshow-button a span.slider_button { background: #f54f91 none repeat scroll 0 0; color: #fff; font-size: 27px; font-weight: bold; padding: 12px 21px; text-align: center; } .the-slideshow .slideshow-descriptions a span.slider_button { position: absolute; bottom: -90px; right: 0; } .the-slideshow .slideshow-descriptions a span.slider_button:hover, .the-slideshow .slideshow-button a span.slider_button:hover { border: 3px solid #f54f91; color: #f54f91; background: #fff; padding: 9px 18px; } .the-slideshow .slideshow-descriptions h2 { font-size: 45px; font-weight: 700; line-height: 1.05em; margin: 0 0 22px 5px; max-width: 579px; } .the-slideshow .slideshow-descriptions p { font-size: 30px; line-height: 35px; margin: 0 0 0 107px; max-width: 477px; } h1.home_headline { font-size: 28px; text-align: center; font-weight: 600; } /* Smaller button - for inline display, e.g. with input boxes -------------------------------------------------------------- */ .button.btn-inline, .sidebar .block .button, /* Sidebar block button */ .product-view .box-tags .form-add .button, /* Customer tags form */ .title-buttons .button /* Heading buttons */ { padding:0 15px; line-height:36px; } /* Big button: Add to cart (product view) & Proceed to checkout -------------------------------------------------------------- */ .product-view .btn-cart, .btn-checkout { line-height:55px; font-size:20px; /*14px*/ } .totals-inner .btn-checkout{ min-width: 200px; } #header-cart .btn-checkout { display: inline-block; font-size: 14px; } @media only screen and (max-width: 479px) { #header-cart .btn-checkout { padding-left: 0; padding-right: 0; } } /* Form %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form lists */ /* Grouped fields */ .form-list li { margin:0 0 8px; } .form-list label { float:left; font-weight:bold; position:relative; z-index:0; margin:0 0 2px 0; } .form-list label.required {} .form-list label.required em { float:right; font-style:normal; 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; } .form-list .field { float:left; width:275px; margin-bottom:5px; } .form-list input.input-text { width:262px; /*244px;*/ } .form-list textarea { width:244px; height:10em; } .form-list select { width:262px; } .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 #e5e5e5; margin-top:10px; } .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 .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; } .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; } /* Orders and Returns form -------------------------------------------------------------- */ #oar_widget_orders_and_returns_form .buttons-set button { float: left; margin-left: 0; } #oar_widget_orders_and_returns_form .buttons-set .required { text-align: left; } /* Fieldset -------------------------------------------------------------- */ .fieldset + .fieldset { margin-top: 30px; } /* Common styles for fieldsets and blocks in Multiple Addresses Checkout and Generic Info Set */ .fieldset, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .info-set { margin:0 0 10px; padding:0; } .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend {} /* Buttons set -------------------------------------------------------------- */ .buttons-set { clear: both; margin: 30px 0 0; padding-top: 10px; border-top: 1px solid #e5e5e5; } .buttons-set p.required { float: right; line-height: 1em; margin: -33px 0 0; } .buttons-set button.button { float: right; margin-left: 5px; min-width: 140px; } /* Back link */ .buttons-set .back-link { float: left; margin: 0; line-height: 36px; } .buttons-set .back-link small { display: none; } .buttons-set .back-link a:before { margin-right:7px; } /* Form Validation -------------------------------------------------------------- */ .validation-advice { clear:both; font-size:0.9166em; line-height:1em; color:#ee001c; margin-top:5px; margin-bottom:5px; } .validation-failed { border:1px solid #ee001c !important; background:#fff !important; } .validation-passed {} /* Required */ p.required { font-size:0.8333em; /*10px*/ text-align:right; } p.required, .product-options dt label.required em, .form-list label.required em { color:#ee001c; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Selected buttons sets -------------------------------------------------------------- */ /* Log in */ .account-login .buttons-set .button, /* Create account */ .account-create .buttons-set .button, /* Forgot password */ .customer-account-forgotpassword .buttons-set .button, /* Advanced search */ .catalogsearch-advanced-index .buttons-set .button, /* Orders and Returns form */ #oar_widget_orders_and_returns_form .buttons-set .button, /* Contact us */ .contacts-index-index .buttons-set .button { min-width: 180px; } /* Selected forms -------------------------------------------------------------- */ #contactForm textarea { width: 100%; max-width: 535px; } /* Global Messages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .success { color:#3d6611; font-weight:bold; } .error { color:#ee001c; font-weight:bold; } .notice { color:#ccc; } .messages, .messages ul { list-style:none !important; margin:0; padding:0; } .messages { overflow:hidden; margin:0 0 10px; } .messages li { margin:0 0 1%; } .messages > li:last-child { margin-bottom:0; } .messages li li { margin:0; } .messages a { text-decoration:underline; } .catalog-category-view .messages { margin-top:15px; margin-bottom:15px; } .cms-index-index .messages, .cms-home .messages { margin:20px 0 20px; } .note-msg { background-position:25px center !important; background-repeat:no-repeat !important; padding:25px 25px 25px 80px !important; font-size:12px !important; } .error-msg, .success-msg, .notice-msg { background-position:8px center !important; background-repeat:no-repeat !important; padding:13px 25px 13px 75px !important; font-size:13px !important; } .error-msg { border-color:#ff0c00; background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/Red.png); color:#ff0c00; border: 3px solid #ff0c00; } .success-msg { border-color:#65e096; background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/yess.png); color:#4e4e4e; border: 3px solid #65e096; } .note-msg, .notice-msg { border-color:#ff8c73; background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/i.png); color:#4e4e4e; border: 3px solid #ff8c73; } /* BreadCrumbs %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .breadcrumbs li { float: left; font-size: 1.1em; } .breadcrumbs li > * { display: inline-block; vertical-align: middle; } .breadcrumbs li .sep { font-size: 0.7em; margin-left: 6px; margin-right: 6px; } .breadcrumbs li .last-crumb {} /* Page Heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-title h1, .page-title h2 { margin-bottom:0; } .page-title { margin-bottom:20px; } /*.category-title { margin-bottom:10px; }*/ /* Links in page title */ .page-title .separator { margin:0 3px; } .page-title .separator, .page-title .link-reorder, .page-title .link-rss, .page-title .link-print { font-weight:normal; display:inline-block; margin-top:10px; } .page-title .link-rss { float:right; margin-top:15px; } /* Title with buttons */ .title-buttons { text-align:right; } .title-buttons button { margin-left:1em; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; text-align:left; /* TRICKY: align left as opposition to other elements */ } /* Toolbar: pager and sorter %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Sorter -------------------------------------------------------------- */ .sorter { padding:10px 0; } /* View mode */ .sorter .view-mode { float:right; } .sorter .view-mode label { margin-right:5px; } .sorter .view-mode .grid, .sorter .view-mode .list { margin-left: 1px; } .sorter .view-mode .grid {} .sorter .view-mode .list {} .sorter .view-mode a.grid:hover {} .sorter .view-mode a.list:hover {} /* Sort by */ .sorter .sort-by { float:left; margin-right:10px; padding-right:3px; background:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/img/link-separator.png) right center no-repeat; } .sorter .sort-by .category-asc, .sorter .sort-by .category-desc {} .sorter .sort-by .category-asc {} .sorter .sort-by .category-desc {} .sorter .sort-by .category-asc:hover {} .sorter .sort-by .category-desc:hover {} /* Pager -------------------------------------------------------------- */ .pager { margin:10px 0; padding:10px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; } .pager .pages { float:right; vertical-align:middle; } .pager .pages strong, .pager .pages span { float:left; margin-right:5px; font-weight:normal; } .pager .pages ol { display:inline-block; vertical-align:middle; } .pager .pages li { float:left; margin:0 0 0 1px; display:block; text-align:center; } .pager .pages li a { display:block; color:inherit; } .pager .pages a.previous, .pager .pages a.next { font-size:16px; } /* Toolbar. Pager and sorter inside toolbar -------------------------------------------------------------- */ .toolbar { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-bottom:-1px; /* To cover the top line of the products grid/list */ /* Move up to cover adjacent lines/elements */ position:relative; z-index:1; } /* Pager inside toolbar - align center */ .toolbar .pager { margin:0; border-bottom:none; border-top:1px dashed #e5e5e5; text-align:center; } .toolbar .pager .pages { display:inline-block; float:none; } /* Bottom toolbar */ .toolbar-bottom { margin-top:10px; } .toolbar-bottom .toolbar { border-bottom:none; } .toolbar-bottom .toolbar .pager { border-top:none; } /*.toolbar-bottom .sorter { display:none; }*/ /* Common styles for toolbar elements -------------------------------------------------------------- */ /* Height */ .sorter, .pager { line-height:36px; } /* Important: the same as the height of the form elements */ /* Icons */ .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc { display:inline-block; vertical-align: middle; font-size:14px; } /* Icons and elements of pager */ .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages .current, .pager .pages li a { width:30px; height:30px; line-height:30px; text-align:center; } /* Amount */ .pager .amount, .sorter .amount { float:left; padding-right:10px; margin-right:10px; background:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/img/link-separator.png) right center no-repeat; } /* Limiter */ .pager .limiter, .sorter .limiter { float:left; margin-right:15px; } /* Data Table %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .data-table { width:100%; } .data-table th, .data-table td { padding:10px; } .data-table thead { background:none; border-bottom:1px solid #e5e5e5; } .data-table thead th { font-weight:bold; vertical-align:bottom; border-right: none; } .data-table thead th.wrap { white-space:normal; } .data-table tr.odd td, .data-table tr.odd th { border-right:1px solid #f5f5f5;} .data-table tr.odd td.last { border-right:none; } .data-table tr.odd {} .data-table tr.odd.last { border-bottom:#eee solid 1px; } .data-table tr.even td, .data-table tr.even th { border-right:1px solid #f5f5f5; } .data-table tr.even td.last { border-right:none; } .data-table tr.even { background-color:#fbfbfb; } .data-table tbody tr:hover {} .data-table tbody tr.product-shop-row:hover { background-color:#fff; } /*TODO:?*/ .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.odd tr.last { border-bottom:#e5e5e5 solid 1px; } .data-table tbody.even { background-color:#f5f5f5; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td {} .data-table th .tax-flag { /*white-space:nowrap;*/ font-weight:normal; } /* Additional classes for mobile devices -------------------------------------------------------------- */ /* Cell title */ .data-table .cell-label { display:none; } /* Shopping cart total summary row expandable to details %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -53px; } tr.show-details td {} tr.summary-details td { font-size:11px; background-color:#f5f5f5; color:#777; padding:2px 5px !important; } tr.summary-details-first td { border-top:1px solid #d5d5d5; } tr.summary-details-excluded { font-style:italic; } /* 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(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/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; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .link-cart { font-weight:bold; } .link-reorder { font-weight:bold; } .link-print { background:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/i_print.gif) 0 center no-repeat; padding:2px 0 2px 25px; } .link-rss { background:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/i_rss.gif) 0 center no-repeat; padding-left:16px; white-space:nowrap; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; font-weight:normal; color:#e5e5e5; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#e5e5e5; text-indent:-9999em; overflow:hidden; } /* Global site notices -------------------------------------------------------------- */ .global-site-notice { background:#f5f5f5; color:#333; } .global-site-notice .notice-inner { max-width:66%; margin:0 auto; padding:10px 0 10px 80px; background:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/i_notice.gif) 20px center no-repeat; text-align:left; } .global-site-notice .notice-inner p { width:80%; margin:0; padding:10px 10px 10px 0; display:inline-block; vertical-align:middle; } .global-site-notice .notice-inner .actions { display:inline-block; vertical-align:middle; } /* Cookie Notice */ .notice-cookie {} /* Noscript Notice */ .noscript {} /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff; } .demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; } .demo-notice .notice-inner p { padding:0; border:0; } /* Buttons remove/close and edit %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Common styles for many buttons -------------------------------------------------------------- */ .btn-remove, /* Generic "close" button */ .btn-remove2, /* Button "remove" on the cart page */ .map-popup-close, .remember-me-popup-head .remember-me-popup-close, /* "Remember me" pop-up, only the "close" button in the header */ .btn-edit { display:inline-block; width:18px; height:18px; line-height:18px; font-size:16px; text-align:center; /* Important: no overflow to hide the text inside the button */ overflow: hidden !important; } /* Class: std %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Styles for admin-controlled content */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std dl dt { font-weight:bold; margin: 0.5em 0; } .std dl dd { margin:0 0 0px 10px; } .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } .std p { font-family: 'Questrial', sans-serif; font-size: 15px; } .feature.indent-size-xxxl p { font-size: 14px; } .cms-ask-glad-lash .std .page-title { display: none; } .std .collapsible p.block-title { font-style: italic; } .grid12.about-us { clear: both; border-top: 1px solid #4e4e4e; margin: 15px 0 0; float: left; padding: 5px 0 0; background-color: #fff; } /* Lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered lists -------------------------------------------------------------- */ /* Common basic styling */ ul.bullet, ul.disc { margin:0 0 1em; padding:0; font-size: 15px; } /* Disc */ ul.disc { list-style:disc outside none; padding-left:1.5em; font-size: 15px; } ul.disc li { background-image:none; padding-left:0; } /* Bullet */ ul.bullet { list-style:none outside none; } ul.bullet li { background:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat; padding-left:25px; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; } .std { font-size: 15px; } ul.bullet li:hover { background-position:3px 0; } /* Different bullets. IMPORTANT: use together with class "bullet" */ ul.list1 li { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/infortis/_shared/cck/list/list1.png); } ul.list2 li { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/infortis/_shared/cck/list/list2.png); } ul.list11 li { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/infortis/_shared/cck/list/list11.png); } ul.list12 li { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/infortis/_shared/cck/list/list12.png); } ul.list13 li { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/infortis/_shared/cck/list/list13.png); } /* Separator */ ul .separator { border-bottom:1px solid #fff; margin:8px 1px; overflow:hidden; } /* Nested unordered lists -------------------------------------------------------------- */ ul.bullet ul, ul.disc ul { margin-top:0.5em; margin-bottom:0.5em; } ul.bullet ul li, ul.disc ul li { background:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/infortis/_shared/cck/list/bullet-small.png) 0 0 no-repeat; padding-left:1.5em; } /* Lists inside ".std" %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered list without any bullets */ .std ul.no-bullets { list-style:none outside none !important; padding-left:0 !important; } .std ul.no-bullets li { background-image:none !important; padding-left:0 !important; } /* Ordered lists */ .std ol { list-style:decimal outside; margin:10px 0; padding:0 0 0 1.5em; } .std ol ol, .std ul ol, .std ol ul { margin:0.5em 0; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } /* Override std styles for selected elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .std .products-grid p { margin-bottom:0; } /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-container, .header-container2, .header-container3 { background-repeat:repeat; background-position:center top; background-attachment: scroll; } .header { padding:0; } /* Misc header elements -------------------------------------------------------------- */ .header .item {} .header .item-left { float: left; margin-right: 10px; text-align: left; } .header .item-right { float: right; margin-left: 10px; text-align: right; } .nav-container { z-index: 2; position: relative; } /* User menu inside header top -------------------------------------------------------------- */ .header-top .item-left .user-menu > * { float: left; } .header-top .item-right .user-menu > * { float: right; } .wrapper .inner-container { padding: 0; position: relative; } .header-container .inner-container { font-family: 'Questrial', sans-serif; } .wrapper .inner-container .right-column.top-menu { position: absolute; right: 0; z-index: 10; } /* User menu and Top Links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Clear floats and override custom styles to avoid incorrect position of elements */ div#user-menu-wrapper-regular { position: relative; width: 100%; } .user-menu { width: 390px; float:none; margin:0; /* Clear floats of other elements */ clear: both; position: absolute; top: 22px; right: 0; } div#user-menu-wrapper-regular .dropdown .dropdown-heading.cover > span, div#user-menu-wrapper-regular .links > li > a{ padding: 0 8px; } .user-menu:before, .user-menu:after { display: table; content: " "; } .user-menu:after { clear: both; } /* Top Links - clear floats */ .top-links ul:before, .top-links ul:after { display: table; content: " "; } .top-links ul:after { clear: both; } /* Logo %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header .logo-wrapper .logo { display:inline-block; /* TODO check */ max-width:94%; margin:10px 0; text-decoration:none !important; } .header .logo-wrapper h1.logo a { display: block; } .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } /* Quick search %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #search_mini_form { clear:both; display:block; } .form-search { position:relative; } .form-search label { float:left; margin:3px 4px 0 0; display:none; } .form-search .input-text { float:right; /* Float in the same direction as position of button */ width:100%; display: block; height:36px; line-height:36px; /*IE8*/ padding:0px 35px 0 7px; color:#bbb; background-color:#fff; overflow:hidden; text-overflow:ellipsis; } /* Button */ .form-search .button { position:absolute; right:0; top:0; margin:1px; padding:0; /*background:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png) no-repeat transparent; background-position:-57px -108px;*/ background-color:transparent !important; color:#000; width:34px; height:34px; line-height:34px; text-align:center; } .form-search .button:hover { background-color:transparent; color:#000; } .form-search .button span { background-image:none !important; /* To hide possible image bg from outdated custom CSS styles */ } .form-search .button span span { display:none; } /* Hide text label */ /* Search autocomplete */ .form-search .search-autocomplete { left:0 !important; /*Fix for IE*/ top:42px !important; position:relative; z-index:4100 !important; } .form-search .search-autocomplete ul { background-color:#fff; text-align:left; padding:3px; } .form-search .search-autocomplete li { padding:3px 5px; cursor:pointer; line-height: 24px; } .form-search .search-autocomplete li:hover {} .form-search .search-autocomplete li .amount { float:right; padding-left:5px; } /* Quick search: skins %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search: small box. Deprecated. -------------------------------------------------------------- */ .search-wrapper-small .form-search .input-text { height:28px; line-height:28px; /*IE8*/ } .search-wrapper-small .form-search .button { /*background:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png) no-repeat transparent; background-position: -61px -111px;*/ width:28px; height:28px; line-height:28px; font-size:10px; } .search-wrapper-small .form-search .search-autocomplete { top:30px !important; } /* Search: inline -------------------------------------------------------------- */ .search-wrapper-inline #search_mini_form { display: inline-block; vertical-align: middle; } /* Search box in the top header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top #search_mini_form { display: inline-block; vertical-align: middle; } .header-top .form-search .input-text { height:28px; line-height:28px; } .header-top .form-search .button { width:28px; height:28px; line-height:28px; font-size:10px; } .header-top .form-search .search-autocomplete { top:30px !important; } .is-not-empty span.icon.ic.ic-cart { color: #f54f91; } /* Mini-cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .after-mini-cart { clear:both; } /* Mini-cart heading -------------------------------------------------------------- */ .mini-cart .mini-cart-heading .ic { font-size: 16px; line-height: 1em; } .mini-cart .mini-cart-heading .summary {} /* Mini-cart content -------------------------------------------------------------- */ /* If it is a dropdown */ .mini-cart.dropdown .mini-cart-content { width:300px; padding:25px; text-align:left; /* Because cart can be aligned center */ } /* Elements of the cart */ .mini-cart .mini-cart-content .empty { padding:10px 0; } .mini-cart .mini-cart-content .block-subtitle { padding:0; margin:0 0 20px; font-size: 14px; font-weight: bold; } .mini-cart .mini-cart-content .subtotal { margin:20px 0; font-size: 14px; font-weight: bold; } .mini-cart .mini-cart-content .incl-tax {} .mini-cart .mini-cart-content .mini-products-list li { padding: 0; margin: 0 0 5px; } .mini-cart .mini-cart-content .mini-products-list li.last { margin: 0; } .mini-cart .mini-cart-content .product-name {} .mini-cart .mini-cart-content .btn-remove, .mini-cart .mini-cart-content .btn-edit { float:right; } .mini-cart .mini-cart-content .product-details strong { font-weight:normal; } .mini-cart .mini-cart-content .actions { margin:10px 0 0; padding:0; border:none; text-align:left; } .mini-cart .mini-cart-content .actions button { float:left; margin-right:1px; } .mini-cart .mini-cart-content .truncated { margin-left:3px; } .mini-cart .mini-cart-content .truncated .item-options { -webkit-transform: translateZ(0); /* Fix disappearing mini-cart in Safari if product has options */ } table#shopping-cart-table button.button.btn-inline, .cart .shipping .buttons-set button.button, .cart .discount .buttons-set button.button, .mini-cart .mini-cart-content .actions button { background-color: #000; color: #f4f4f4; } .mini-cart .mini-cart-content .actions button.button.btn-checkout.btn-inline, button.button.btn-proceed-checkout.btn-checkout, .mini-cart .mini-cart-content .actions a.button.btn-checkout.btn-inline, a.button.btn-proceed-checkout.btn-checkout, .product-view button#product-addtocart-button{ background-color: #f06ba1; color: #ffffff; } .mini-cart .mini-cart-content .actions button.button.btn-checkout.btn-inline:hover, .mini-cart .mini-cart-content .actions button.button.btn-checkout.btn-inline:focus, button.button.btn-proceed-checkout.btn-checkout:hover, .mini-cart .mini-cart-content .actions a.button.btn-checkout.btn-inline:hover, .mini-cart .mini-cart-content .actions a.button.btn-checkout.btn-inline:focus, a.button.btn-proceed-checkout.btn-checkout:hover, .product-view button#product-addtocart-button:hover{ background-color: #f54f91; } /* Block: Recently Compared (dropdown) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .mini-compare { margin:0; padding:0; border:none; } /* Mini-compare heading -------------------------------------------------------------- */ .mini-compare .mini-compare-heading .ic { font-size: 16px; line-height: 1em; } /* Mini-compare content -------------------------------------------------------------- */ .mini-compare.dropdown .mini-compare-content { width:300px; padding:25px; text-align:left; /* Because cart can be aligned center */ } .mini-compare .mini-compare-content .block-subtitle { padding:0; margin:0 0 20px; font-size: 14px; font-weight: bold; } .mini-compare .mini-compare-content .empty { padding:10px 0; } .mini-compare .mini-compare-content .product-name { padding-right:20px; } .mini-compare .mini-compare-content .btn-remove { float:right; } .mini-compare .mini-compare-content .actions { margin-top: 20px; } .mini-compare .mini-compare-content .actions a { float:right; line-height: 36px; /* The same height as button */ } .mini-compare .mini-compare-content .actions button { float:left; } /* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block { margin:0 0 10px; } .block .block-title {} .block .block-title strong { font-weight:inherit; } .block .block-title a { text-decoration:none !important; } .block .block-subtitle { margin:5px 0 10px; padding:0; font-size:1em; font-weight:bold; } .block .block-content { padding:10px 0; } .block .block-content li.item { padding:5px 0; } .block .btn-remove { float:right; } .block .btn-edit { float:right; } .block .actions { margin:10px 0 0 0; padding:10px 0 0; border-top:1px dotted #e5e5e5; } .block .actions a { float:left; } .block .actions .button { float:right; } .block .actions .button ~ a { margin-right: 5px; line-height: 36px; /* The same height as buttons */ } /* Block lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed .block-content ol, .block-compare .block-content ol, .block-compared .block-content ol { list-style: outside disc none; padding-left: 20px; } .block-viewed .block-content ol li, .block-compare .block-content ol li, .block-compared .block-content ol li { padding: 3px 0; } /* Mini Products List %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .mini-products-list li { padding:5px 0; } .mini-products-list .product-image { float:left; width:50px; } .mini-products-list .product-details { margin-left:60px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } .mini-products-list .item .btn-remove, .mini-products-list .item .btn-edit { margin-left:7px; } /* Block: Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-account .block-title {} .block-account .block-content { padding: 10px 0; } .block-account .block-content ul { list-style: outside disc none; padding-left: 25px; } .block-account li > * { padding:4px; display:block; text-transform:uppercase; } .block-account li strong { font-weight:normal; } /* Block: Layered Navigation %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Block subtitle -------------------------------------------------------------- */ .block-layered-nav .block-subtitle--filter { display: none; cursor: pointer; border-bottom: 1px solid #e5e5e5; padding: 7px 10px 7px 25px; margin-top: 10px; position: relative; /*text-transform: uppercase; font-weight: bold;*/ -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .block-layered-nav .block-subtitle--filter:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #ddd; border-right: none; left: 6px; top: 50%; margin-top: -5px; } .block-layered-nav .block-subtitle--filter.active:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #ddd; border-bottom: none; /*right: 10px;*/ top: 50%; margin-top: -3px; } /* Attributes -------------------------------------------------------------- */ .block-layered-nav .block-content .toggle-tabs { display: none; } .block-layered-nav .block-content > dl > dt { display: block; margin-top: 1px; position: relative; padding: 7px 0; font-weight: bold; text-rendering: optimizeSpeed; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .block-layered-nav .block-content > dl > dt:after { display: none; /* Hide on desktop */ content: ''; position: absolute; width: 0; height: 0; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #ddd; border-bottom: none; left: 10px; top: 50%; margin-top: -3px; } .block-layered-nav .block-content > dl > dt:hover { } .block-layered-nav .block-content > dl > dd { padding: 0 5px; margin: 0; } .block-layered-nav .block-content > dl > dd:last-child { } .block-layered-nav dl dd { margin-bottom: 10px; margin-top: 10px; } /* Single filter -------------------------------------------------------------- */ .block-layered-nav dl dd ol > li > a, .block-layered-nav dl dd ol > li > span { position: relative; display: block; padding: 3px 0 3px 12px; } .block-layered-nav dl dd ol > li > a:before { display: block; /* Show on desktop */ content: ''; position: absolute; width: 0px; height: 0px; border-right: none; border-left: 4px solid #ddd; border-top: 4px solid rgba(0, 0, 0, 0); border-bottom: 4px solid rgba(0, 0, 0, 0); left: 0px; top: 50%; margin-top: -5px; transition: left 150ms ease-in-out; -moz-transition: left 150ms ease-in-out; -webkit-transition: left 150ms ease-in-out; -o-transition: left 150ms ease-in-out; } .block-layered-nav dl dd ol > li > a:hover:before { left: 3px; } /* Currently selected filters %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-layered-nav .currently .block-subtitle { padding: 10px 10px 0; margin: 0 0 10px; font-size: 14px; font-weight: bold; } .block-layered-nav .currently ol { padding:10px; } .block-layered-nav .currently ol li { margin-bottom: 5px; } .block-layered-nav .currently ol li:after { content: ''; display: table; clear: both; } .block-layered-nav .currently ol li .value { color: #d90000; /* TODO: move to common.css */ } .block-layered-nav .currently .btn-remove { float: left; margin-right: 8px; } .block-layered-nav .actions { border-top: none; margin: 0 0 15px; padding: 0px 10px 10px; } .block-layered-nav .actions a { float: left; } /* Block: Wishlist %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*.block-wishlist li.item .btn-remove { margin-left:5px; }*/ /* Block: Related %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Ccommon styles for all types of the block */ .block-related .block-subtitle { display:none; position:absolute; padding:1em 0; margin:-20px 0 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-weight:normal; z-index:1; } .block-related:hover .block-subtitle { display:block; padding:8px; background-color:#fff; } /* Block: Related. Single product slider -------------------------------------------------------------- */ .block-related-slider input.checkbox { float:left; margin:7px 5px 0 0; } /* Block: Related. Simple thumbnails slider -------------------------------------------------------------- */ .block-related-thumbnails .product-image { float:left; margin-bottom:10px; position: relative; } .block-related-thumbnails .product-details { margin-left:110px; } .block-related-thumbnails .product-details > * { margin-bottom:5px; } .block-related-thumbnails .product-name, .block-related-thumbnails .related-add-to-wishlist { font-size:16px; line-height:1.25em; font-family:inherit; font-weight:inherit; display:inline-block; } .block-related-thumbnails .price-box { font-size:1em; line-height:1.25em; } .block-related-thumbnails .checkbox { float:left; margin:2px 5px 0 0; } /* Add space above item */ .block-related-thumbnails .item { padding-top: 20px; } /* Block: Compare Products %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .compare-table { border:0; } .compare-table .btn-remove { float:right; } .compare-table tbody tr:hover { background-color:#e5e5e5; } .compare-table .product-shop-row { border-bottom:1px solid #ccc; } .compare-table .product-shop-row th, .compare-table .product-shop-row td { border-color:#eee !important; } .compare-table tr.add-to-row { background-color:#fff; border-top:1px solid #ccc; } .compare-table tr.add-to-row:hover { background-color:#fff; } /* Cover background applied on tr hover */ .compare-table tr.add-to-row td { text-align:left; } .compare-table tr.first td { text-align:left; } .compare-table tr.first td .product-name { font-family:inherit; font-size:1.1666em; font-weight:bold; margin:10px 0; } .compare-table tr.first td .ratings { width:145px; margin:10px 0; } .compare-table .price-box { margin:10px 0; line-height:15px; } /* Changes after setting text-align:left */ .compare-table .product-image img { display:block; margin:0 auto; } .compare-table .add-to-links { margin-top:5px; } .compare-table .add-to-links li { float:none; } .compare-table a.link-wishlist { overflow:visible; text-indent:0; background:none; display:inline; border:none; } /* Block: Recently Viewed %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed {} /* Block: Recently Compared %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-compared {} /* Block: Poll %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-poll .block-subtitle { font-weight:normal; } .block-poll input.radio { float:left; margin:1px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll li { padding:3px 9px; } .block-poll .answer { font-weight:bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Testimonials %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-banners.grid-container-spaced.testimonials h2 { margin: 0 0 10px 1%; } .testimonials .feature p { font-family: 'Questrial', sans-serif; font-size: 15px; font-style: italic; border-bottom: 2px solid rgb(255, 173, 153); padding: 0px 0px 6px; margin: 0px 0px 5px; line-height: 20px; } .testimonials .feature p.testimonials-info { border: none; text-align: right; } span.testimonials-name, span.testimonials-address { color: rgb(255, 113, 79); font-style: italic; font-weight: 600; font-size: 13px; letter-spacing: 1px; margin: 0 0 0 2%; } /* Block: Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-tags .block-content .tags-list { background:none; border:0; font-size:12px; } .block-tags .tags-list a {} .block-tags .tags-list a:hover {} .block-tags .actions { text-align:right; } .block-tags .actions a { float:none; } /* Block: Subscribe %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-subscribe .input-box { margin-top: 5px; } .block-subscribe input { width:155px; } .block-subscribe .actions button.button { float:none; } /* Block: Reorder %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-reorder input.checkbox { float:left; margin:2px -20px 0 0; } .block-reorder .product-name { margin-left:20px; } .block-reorder .validation-advice { margin:3px 9px 7px; } /* 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; } /* Paypal -------------------------------------------------------------- */ .sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } .sidebar .paypal-logo a { float:none; } /* Block: vertical main menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-vertnav .block-content { padding-left:0; padding-right:0; } /* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .category-title h1 {} .category-image { width:100%; overflow:hidden; margin:10px 0; text-align:center; } .category-image img {} .category-description { margin:20px 0; position:relative; } /* Negative top margin: to cover bottom border of the category title */ .category-products { margin:-1px 0 10px; } /* General product list styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product name %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ h2.product-name a, h3.product-name a, h4.product-name a, h5.product-name a, p.product-name a { color: inherit; } /* Common styles for view types: list and grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list .product-name, .products-grid .product-name, h3.product-name { /* Sizes are modified for different number of columns */ font-size:16px; line-height:1.25em; /*16px 20px*/ font-weight: 600; } .products-list .price-box.map-info a, .products-grid .price-box.map-info a { margin-left:3px; } .products-grid button.button.btn-cart { font-size: 16px; font-weight: 800; line-height: 35px; } /* Product image -------------------------------------------------------------- */ /* Product alternative image */ .products-list .product-image .alt-img, .products-grid .product-image .alt-img { position:absolute; top:0; left:0; display: none; } /* Fix possible glitches during animation */ .products-list .product-image img, .category-products-grid .product-image img /* Grid only in category view */ { -moz-transform: translateZ(0); } /* View type: list %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list .item { border-top:1px solid #e5e5e5; padding-top:20px; padding-bottom:20px; background-color:#fff; position:relative; /* For hover effect */ transition: box-shadow 0ms ease-in; -moz-transition: box-shadow 0ms ease-in; -webkit-transition: box-shadow 0ms ease-in; -o-transition: box-shadow 0ms ease-in; } .products-list .product-shop {} .products-list .product-shop-inner { border-right:1px solid #e5e5e5; padding-right:15px } .products-list .right-column { float:right; } .products-list .product-name { margin:0 0 15px; } .products-list .product-image-wrapper {} .products-list .product-image { display:block; position:relative; margin-left:auto; margin-right:auto; } .products-list .price-box { margin:0 0 15px; font-size:1.3333em; line-height:1.25em; } .products-list .ratings { margin:10px 0; } .products-list .desc { margin:15px 0px; } .products-list .link-learn {} .products-list .btn-cart { width:100%; max-width:180px; } .products-list a.btn-cart { padding-left:0; padding-right:0; } .products-list .button span { float:none; } .products-list .availability { float:none; margin:15px 0; } .products-list .add-to-links { margin:15px 0 0; } /* Hover effect -------------------------------------------------------------- */ .products-list.hover-effect .item:hover { margin-left:-1%; margin-right:-1%; padding-left:1%; padding-right:1%; z-index:10; box-shadow:0 0 20px rgba(0,0,0,0.2); border-color:transparent; transition: box-shadow 400ms ease-out; -moz-transition: box-shadow 400ms ease-out; -webkit-transition: box-shadow 400ms ease-out; -o-transition: box-shadow 400ms ease-out; } /* View type: grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product grid: basic styles (common for all types of product grids) -------------------------------------------------------------- */ .products-grid {} .products-grid .item { padding-top:20px; padding-bottom:20px; position:relative; /* For hover effect */ } .products-grid .product-name { margin: 15px 0 10px; position: relative; height: 60px; overflow: hidden; } .product-image-wrapper span.sticker.new { display: none !important; } .products-grid .product-image-wrapper { margin:0 auto; position:relative; } .products-grid .product-image { display:block; } .products-grid .price-box { margin: 10px 0 10px; font-family: "Questrial",sans-serif; font-size: 18px; font-weight: 600; } .products-grid .price-box p.old-price { font-size: 18px; } .price-box p.special-price span.price-label, .price-box p.special-price span.price { color: #ff714f !important; } .price-box .special-price .price, .price-box .special-price .price-label, .price-box .minimal-price-link .price { color: #ff714f !important; } .products-grid .ratings { margin:10px 0; line-height:1.0833em; } /* If ratings wrapped, remove margin from ratings, leave maring in wrapper */ /*.products-grid .ratings-wrapper { margin:10px 0; } .products-grid .ratings-wrapper .ratings { margin-top:0; margin-bottom:0; }*/ .products-grid .actions { margin:10px 0 0; } .products-grid .availability { float:none; margin:5px 0; } .products-grid .add-to-links { margin:10px 0 0; } /* Prices old/special: inline */ /*.products-grid .old-price, .products-grid .special-price { display: inline-block; } .products-grid .old-price + .special-price { margin-left: 4px; }*/ /* Grid: additional styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Equal height of items (buttons displayed at the bottom of items) -------------------------------------------------------------- */ .products-grid.equal-height .item .actions { position:absolute; bottom:15px; } /* Remove equal height */ .products-grid.auto-height .item .actions { position:static; bottom:auto; } /* Deprecated */ /* Display grid item elements only on hover -------------------------------------------------------------- */ .products-grid .item .display-onhover { display:none; } /* Display grid item elements only on hover: fade-in (for sliders) */ .products-grid .item .visible-onhover { visibility:hidden; opacity:0; transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -moz-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -webkit-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -o-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; } .products-grid .item:hover .visible-onhover { visibility:visible; opacity:1; transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -moz-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -webkit-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -o-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; } /* Product name in a single line -------------------------------------------------------------- */ .products-grid.single-line-name .product-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .products-grid.single-line-name .item:hover .product-name { overflow: visible; white-space: normal; } /* Align to the center -------------------------------------------------------------- */ .products-grid.centered .item { text-align: center; } .products-grid.centered .item .ratings .rating-box, .products-grid.centered .item .btn-cart { margin-left: 0; margin-right: 0; } .products-grid.centered .item .ratings .amount { margin-left: 3px; } .products-grid.centered .item input.checkbox { float: none; } .products-grid.centered .item .actions .add-to-links li { float: none; margin:0; } /*.products-grid.centered .item .actions .add-to-links li:last-child { margin-right:0; }*/ /* Grid: only in category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .category-products-grid .item { border-top:1px solid #e5e5e5; border-left:none; border-right:none; zoom:1; padding-top:2%; padding-left:1%; padding-right:1%; background-color:#fff; transition: box-shadow 0ms ease-in; -moz-transition: box-shadow 0ms ease-in; -webkit-transition: box-shadow 0ms ease-in; -o-transition: box-shadow 0ms ease-in; } /* Hover effect -------------------------------------------------------------- */ .category-products-grid.hover-effect .item:hover { margin-left:-1%; margin-right:-1%; padding-left:2%; padding-right:2%; z-index:10; box-shadow:0 0 20px rgba(0,0,0,0.2); border-color:transparent; transition: box-shadow 400ms ease-out; -moz-transition: box-shadow 400ms ease-out; -webkit-transition: box-shadow 400ms ease-out; -o-transition: box-shadow 400ms ease-out; } /* Grid: override grid elements to change size %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product name -------------------------------------------------------------- */ .products-grid.size-s .product-name { font-size:1.1666em; /*14px*/ line-height:1.2307em; /*16px*/ } .products-grid.size-xs .product-name { font-size:1em; /*12px*/ line-height:1.25em;/*15px*/ } /* Buttons -------------------------------------------------------------- */ .products-grid.size-s .item .btn-cart { line-height: 3em; padding-left: 15px; padding-right: 15px; } .products-grid.size-xs .item .btn-cart { line-height: 2.5em; padding-left: 8px; padding-right: 8px; } /* Product labels -------------------------------------------------------------- */ .products-grid.size-s .sticker { width:45px; height:45px; font-size:1em; } .products-grid.size-s .item:hover .sticker { width:50px; height:50px; } .products-grid.size-xs .sticker { width:40px; height:40px; font-size:0.9166em; /*11px*/ } .products-grid.size-xs .item:hover .sticker { width:45px; height:45px; } /* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Rating %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ratings, .no-rating { line-height: 15px; margin: 15px 0 15px; } .ratings strong { float:left; margin:1px 5px 0 0; } /* For backward compatibility */ .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/img/rating.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/img/rating.png) 0 100% repeat-x; } .ratings .rating-box, .ratings .amount, .ratings .rating-links { display: inline-block; vertical-align: middle; } .ratings .rating-box { margin-right:6px; } .ratings .amount { white-space:nowrap; font-size:10px; text-transform:uppercase; } .ratings .rating-links .separator { display: inline-block; vertical-align: middle; text-indent: -9999px; border-left: 1px solid #e5e5e5; height: 13px; width: 1px; margin: 0 3px; } .ratings-table th, .ratings-table td { line-height:1.1666em; /*14px*/ padding:3px 0; } .ratings-table th { padding-right:8px; } /* Generic block for feature presentation on product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-action { display: block; margin: 10px 0; } .product-action .ic { vertical-align: middle; font-size: 16px; /* Fixed width of the icon container. Required because different icon widths can break the alignment. */ width: 24px; text-align: center; } .product-action .label { vertical-align: middle; margin-left: 3px; } .product-view .std, .availability, p.rating-links{ font-family: 'Questrial', sans-serif; font-size: 15px; line-height: 18px; } .main.container { font-family: 'Questrial', sans-serif; } .product-view .product-secondary-column .inner .feature-wrapper.bottom-border { border: none; margin: 0; padding: 0; } .product-view .std.block_product_secondary_bottom .block { border-bottom: 1px solid #f5f5f5; margin-bottom: 20px; padding-bottom: 20px; } .block_social { border-top: 1px solid #f5f5f5; margin: 16px 0; border-bottom: 1px solid #f5f5f5; padding: 12px 0 10px; } /* Availability - only X left %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .availability-only {} a.availability-only { cursor:pointer; } /* It may also be a link to toggle more details */ /* Enlarge the icon */ .availability-only .ic { font-size: 20px; } /* Inside the label */ .availability-only strong { font-weight:normal; } .availability-only .caret { margin-left:8px; opacity:1; filter:alpha(opacity=100); } /* Table with details */ .availability-only-details { width:100%; margin:-10px auto 20px; } .availability-only-details thead { border-bottom:1px solid #e5e5e5; } .availability-only-details th { padding:4px 12px; font-weight:bold; } .availability-only-details td { padding:1px 12px; border-right:1px solid #f5f5f5; } .availability-only-details td.last { border-right:none; } /* Product increments %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-pricing {} .extrahint-wrapper .product-pricing { padding:10px; background-color:#f5f5f5; } .product-options-bottom .product-pricing { clear:left; } /* Alerts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .alert-price {} .alert-stock {} /* Product Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .price { white-space:nowrap !important; } .price-box { margin: 0; } .price-box .price {} .price-box .price-label {} /* Common labels */ .old-price .price-label, .special-price .price-label { white-space:nowrap; } .old-price .price-label { display:none; } /* Regular price */ .regular-price {} .regular-price .price {} /* Old price */ .old-price { margin:0; } .old-price .price { text-decoration:line-through; } /* Special price */ .special-price {} /* Minimal price (as low as) */ .minimal-price { margin:0 0 5px; } .minimal-price .price {} .minimal-price .price-label { white-space:nowrap; } .minimal-price-link { display:block; font-family: 'Questrial',sans-serif; } /* 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 {} /* Configured price */ .configured-price { margin:0; } .configured-price .price-label { font-weight:bold; white-space:nowrap; } .configured-price .price { font-weight:bold; } /* FPT */ .weee { display:block; font-size:11px; } .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 { margin:0; } .price-from .price-label { white-space:nowrap; } .price-to { margin:0; } .price-to .price-label { white-space:nowrap; } /* Price notice next to the options */ .price-notice { margin-left:5px; } .price-notice .price { padding-left:3px; } /* Price as configured */ .price-as-configured .price-label { font-size:1.1666em; font-weight:bold; text-transform:uppercase; white-space:nowrap; color:inherit; } .price-box-bundle .price-box { margin:0 !important; padding:0 !important; border:none !important; } /* Tier Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .tier-prices { margin:0 0 10px; padding-left: 10px; } .tier-prices li { line-height:15px; background:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/img/bullet.png) 0 4px no-repeat; padding:0 0 0 11px; margin:3px 0; } .tier-prices .benefit { color:#ee001c; font-weight:normal; } .tier-prices-grouped li { padding:2px 0; } .tier-prices-grouped li .price { font-weight:bold; } /* Add-to links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .add-to-links .separator { display:none; } .add-to-links li { float:left; } .addto-gaps-right li { margin-right:10px; } /* Add gaps at the right side of links */ /* Add-to links: simple icons (with no text) -------------------------------------------------------------- */ .addto-links-icons {} /* If displayed in a group: add margin between icons */ .addto-links-icons .link-compare { margin-left:3px; } .addto-links-icons a { display:block; } .addto-links-icons .ic { font-size:16px; } /* If displayed on product image */ .addto-links-icons.addto-onimage { float:right; margin-top:-40px; /* Move up */ position:relative; z-index:1; padding-bottom:4px; /* Use padding to cover the bottom part of the product image below icons */ padding-right:4px; } /* Add to Cart box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Display elements inline, no floating */ .product-view .add-to-cart { float:none; } .add-to-cart .qty-wrapper, .add-to-cart .button { display:inline-block; } .add-to-cart .qty-wrapper .qty { text-align:center; margin-right:10px; } /* PayPal -------------------------------------------------------------- */ .product-view .paypal-wrapper { float:left; } .product-view .paypal-wrapper .paypal-logo { margin:0; padding:5px 0 0; text-align:right; } .product-view .paypal-wrapper .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } /* Magento's default */ .add-to-cart .paypal-logo { clear:left; margin:0; padding:10px 0 0; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } /* Button "Add to cart" on product page */ .product-view .btn-cart { min-width: 200px; min-height: 36px;} /* Add class "left-side" to place the buttom at the left side of the quantity field -------------------------------------------------------------- */ .add-to-cart.left-side { float: none !important; /* In case floating is set in some other styles */ } .add-to-cart.left-side .button { float: left; } .add-to-cart.left-side .qty-wrapper { line-height: 55px; /* The same height as button */ } .add-to-cart.left-side .qty-wrapper label { padding-left: 7px; font-size: 14px;} /* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1 Column Layout -------------------------------------------------------------- */ /* Stretch content area (full page width) */ .catalog-product-view .col1-layout .col-main { margin-left:0; margin-right:0; width:100%; } /* 3 Columns Layout -------------------------------------------------------------- */ /* Uncomment if you're using 3-column layout on product page */ /*.catalog-product-view .col3-layout .product-img-column, .catalog-product-view .col3-layout .product-shop, .catalog-product-view .col3-layout .product-secondary-column, .catalog-product-view .col3-layout .box-additional { float: none; width: 100%; } .catalog-product-view .col3-layout .img-box .product-image { margin: 0 auto; width: 57%; }*/ /* Product images %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-img-column { float:left; margin-bottom:10px; position:relative; /* Stickers are positioned relative to this container. TODO: move to the stylesheet with sticker styles. */ } .col3-layout .product-view .product-img-column { float:none; margin:0 auto; } /* Product primary column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-shop { float:left; } .product-view .product-shop .product-name { margin:0 0 1.6666em; /*20px*/ } .product-view .product-shop .product-name h1 { margin:0; } .product-view .product-shop .ratings-table { margin:15px 0 5px; } /* Product secondary Column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-secondary-column .inner { padding-top:1px; padding-bottom:10px; /* Stop collapsing margins */ } /* Product primary column's elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .short-description { margin:15px 0; line-height:1.25em; /*15px*/ } .product-view .short-description ul { margin-top:5px; margin-bottom:5px; } /* Add-to links */ .product-view .action-box { margin:20px 0; } /* Add-to links in different places of the product page */ .product-view .add-to-links li { margin-right: 10px; } .product-view .add-to-links a { display: block; } .product-view .add-to-links .ic { font-size: 16px; } /* Other elements */ .extrahint-wrapper { margin-bottom:15px; } /* Downloadable product -------------------------------------------------------------- */ .product-type-data .item-options { clear: both; } .product-type-data .item-options dt { float:none; margin:0 0 5px; } /* The same style as "item-options" in cart */ .product-type-data .item-options dd { background:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/img/bullet.png) 3px 4px no-repeat; padding-left:15px; } /* Additional information table -------------------------------------------------------------- */ .product-view .data-table th { font-weight:bold; } /* Prices - common for product view and MAP popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Prices on product page and MSRP */ .product-view .product-shop .price-box .price-including-tax .price { font-size:18px; } .product-view .product-shop .price-box .price-excluding-tax .price { font-size:inherit; } /* Main price (prominent) */ .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .special-price .price-label, .product-view .product-shop .price-box .old-price .price, .product-view .product-shop .price-box .old-price .price-label, .product-view .product-shop .price-box .price-including-tax .price, .product-view .product-options-bottom .price-box .regular-price .price, .product-view .price-as-configured .price, .map-popup-price .regular-price .price, .product-view .price-box.map-info .old-price .price { font-size:1.6666em; /*20px*/ } /* Old price */ .product-view .product-shop .price-box .old-price .price-label { white-space:nowrap; display:none; } /* MSRP price (only in MSRP box) */ .map-popup-msrp .price { display:block; /* Move price below the label */ } /* Move MSRP links below the price */ .product-view .product-shop .price-box.map-info .old-price { display:block; } /* Special price */ .product-view .price-box .special-price .price-label { white-space:normal; } .product-view .price-box .special-price .price-including-tax, .product-view .price-box .special-price .price-excluding-tax { padding:0 0 0 15px; } /* Price box inside "Add-to-cart" box or inside product options box */ .product-view .add-to-box .price-box, .product-options-bottom .price-box { float:left; margin:18px 15px 10px 0; padding:0; } /* Main containers (e.g. for add-to-cart, product options) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product type specific data */ .product-view .product-type-data { margin:10px 0 0; } /* Lower part of the container */ .product-view .container1-wrapper, .product-view .container2-wrapper, .product-view .add-to-box { padding:0 0 15px; margin:0 0 15px; border-bottom:1px solid #e5e5e5; } .product-view .container2-wrapper { margin-bottom:30px; } /* Button container */ .product-view .add-to-box { margin-top:15px; } /* Background color for main containers */ /*.product-view .product-type-data, .container1-wrapper, .container2-wrapper, .product-view .add-to-box {}*/ /* Other elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered list in product description (for lists with no bullet class) */ .product-view .short-description .std ul:not(.ic-ul), .product-view .box-tabs .std ul:not(.ic-ul) { list-style:none outside none; } .product-view .short-description .std ul:not(.ic-ul) li, .product-view .box-tabs .std ul:not(.ic-ul) li { background:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat; padding-left:25px; } /* Margin for list in long description */ .product-view .box-tabs .std ul { margin-bottom:1em; } /* If unordered list has "disc" class, override */ .product-view .short-description .std ul.disc, .product-view .box-tabs .std ul.disc { list-style:disc outside none; padding-left:1.5em; } .product-view .short-description .std ul.disc li, .product-view .box-tabs .std ul.disc li { background-image:none; padding-left:0; } /* Product options %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-options { position:relative; margin-bottom:15px; } .product-options dt { font-weight:normal; } .product-options dt label { display:inline-block; font-weight:bold; font-size: 14px;} .product-options dt label.required em { float:right; margin-left:3px; } .product-options dd .qty-holder { display:block; padding:5px 0 0; } .product-options dd .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; } .product-options dd { margin:3px 0 10px; } .product-options dl.last dd.last { border-bottom:0; } .product-options dd input.input-text { width:100%; /*98%*/ } .product-options dd input.datetime-picker { width:150px; } .product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } .product-options dd textarea { width:100%; /*width:92%;*/ height:8em; } .product-options dd select { w