/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package default_blank * @copyright Copyright (c) 2011 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* @import "cst/saferpainrelief2/css/bootstrap.css"; */ /* Reset ================================================================================= */ * { margin:0; padding:0; } html { height: 100%; width: 100%; } body { font-family: "azo-sans-web", sans-serif; font-size:16px; line-height:20px; color:#00a1ff; text-align:center; min-width:320px; position:relative; -webkit-text-size-adjust: none; } body > .wrapper { position:relative; background: #fff;} img { border:0; vertical-align:top; } a { color:#21336b; text-decoration: none; font-weight: normal; font-style: oblique;} a:hover { color:#21336b; text-decoration: none; font-weight: bold; } :focus { outline:0; text-decoration: none; } a:focus { outline:0; text-decoration: none; color: inherit; } /* Headings */ h1 { font-size:4rem; font-weight:900; color: #fff; text-transform: uppercase; line-height:1.15; margin-bottom:0px; font-family: "azo-sans-web", sans-serif; } h1 > a { font-style: normal !important; } h1 > a:hover { font-weight: initial !important; } h2 { font-size:4rem; font-weight:900; color: #21336b; text-transform: uppercase; line-height:1.25; margin-bottom:0px; font-family: "azo-sans-web", sans-serif; } h2 > a { font-style: normal !important; } h2 > a:hover { font-weight: initial !important; } h3 { font-size:3.33rem; font-weight:900; color: #21336b; text-transform: uppercase; line-height:1.0; margin-bottom:0px; margin-top: 0px; font-family: "azo-sans-web", sans-serif; } h3 > a { font-style: normal !important; } h3 > a:hover { font-weight: initial !important; } h4 { font-size:4rem; font-weight:400; color: #00a1ff; text-transform: uppercase; margin-bottom:0px; font-family: "azo-sans-web", sans-serif; } h4 > a { font-style: normal !important; } h4 > a:hover { font-weight: initial !important; } h5 { font-size:4rem; font-weight:400; color: #21336b; text-transform: uppercase; margin-bottom:0px; font-family: "azo-sans-web", sans-serif; } h5 > a { font-style: normal !important; } h5 > a:hover { font-weight: initial !important; } h6 { font-size:2.83rem; font-weight:400; color: #00a1ff; margin-bottom:0px; font-family: "azo-sans-web", sans-serif; } h6 > a { font-style: normal !important; } h6 > a:hover { font-weight: initial !important; } /* 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:normal; } address { font-style:normal; margin-bottom:5px;} 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; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } .calendar {z-index: 6;} /* ======================================================================================= */ /* =========================== font awesome ============================================== */ .block-cart-header:before, .header-button.currency-list > a:after, .header-button.lang-list > a:after, .sf-menu li a:before, .add-to-links li a:before, .row-product .email-friend:before, .btn-remove:before, .btn-remove2:before, .btn-edit:before, .sorter .view-mode .grid:before, .sorter .list:before, .block-layered-nav dd li:before, .product-view .box-tags .form-add .input-box:before, .row-product .no-rating:before, #menu-icon:before, .sf-menu-phone li strong:before, span.toggle:before, .checkout-progress li:before, .about-padd-2 ul li:before, .currency-switch .currency-title:before, .language-list .language-title:before, .swipe ul a:before, .switch-show > div:after, #back-top span:before, .map-popup-close:before, .block-slider-sidebar .slider-sidebar-pager a:before, .home-link:before, button.button span:before, .camera_wrap .camera_pag .camera_pag_ul li:before, .list-icon li a:before, .product-view .bx-controls-direction > a:before, .ui-state-default:before, .nav .grid-full > li.parent > a > span:after, .ajaxcartmsg #jQuery_ajaxcart_button_close:before, #ajaxscicon:before, .camera_prev:before, .camera_next:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-indent: 0 !important; } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after, .header .form-search button.button span:before, .add-to-links li a:before, .block-cart-header:after, .icon-click i:after, .product-view .add-to-links li a:before, .header .links li a:before, .camera_prev:before, .camera_next:before, .block-cart-header:before { font-family: material-design; font-style: normal; margin-left: 0; } /* =========================== font fontello ============================================== */ /* Layout ================================================================================ */ .wrapper {width:100%; overflow:hidden;} .wrap-extra {overflow: hidden;} .tail-top { } .page { margin:0 auto; text-align:left; margin-bottom: -6px; } .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; margin:0 auto; background:#fff;} .page-popup .ratings .rating-box {float:none; margin:0 auto 10px;} .main-container { padding-top: 140px; position:relative; z-index:1; } @media only screen and (max-width: 768px) { .main-container { padding-top: 140px; } } @media only screen and (max-width: 414px) and (orientation: portrait) { .main-container { padding-top: 100px; } .homepage-hero-text { padding: 0 1em; } } @media only screen and (max-width: 736px) and (orientation: landscape) { .main-container { padding-top: 100px; } .homepage-hero-text { padding: 0 1em; } .footer { padding: 0 4em; } } .main { } /* Base Columns */ .col-left { float:left; } .col-main { float:left; } .col-right { float:right; } /* 1 Column Layout */ .col1-layout .col-main {float:none; } /* 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 { } .col2-set .col-2 { } .col2-set .col-narrow { width:33%; } .col2-set .col-wide { width:65%; } .cart-collaterals .col2-set .col-1, .cart-collaterals .col2-set .col-2 { width:48%; float:left;} .cart-collaterals .col2-set .col-1 {margin-right:20px;} .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%; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea { font-family: "azo-sans-web", sans-serif; font-size: 1.25rem; vertical-align: middle; color:#000; } input.input-text,select,textarea, .form-control { border:1px solid #ececec; border-radius: 0; } input.input-text,textarea { padding:6px 12px; resize:none; -webkit-appearance: none; border-radius: 0;} select { padding:2px; moz-box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } select option { padding-right:10px; } select.multiselect option { border-bottom:1px solid #ddd; 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:42px !important; text-align: center !important; background: none; display: inline-block; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.button { background:transparent; border:0; overflow:visible; cursor:pointer; padding:0; margin:0; width:auto; } button.button > span { float:left; white-space:normal; padding:0; } /*button.button span span {padding:13px 13px; display:block; float:left;}*/ button.button > span, .page-sitemap .links a { font-family:"Helvetica Neue", Verdana, Arial, sans-serif; background: #a7a9ac; color:#fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; } button.button:hover > span, .page-sitemap .links a:hover { background: #676b78; color:#fff; } .page-sitemap .links a { display:inline-block; text-decoration:none; position:relative; text-transform:uppercase; padding:0px 11px; height: 36px; line-height: 36px; } .products-grid button.btn-cart { display: inline-block; vertical-align: top; width: 100%; margin-bottom: 10px;} .products-grid button.btn-cart span {float: none; display: block;} .products-grid button.btn-cart > span {float: none;} .products-grid button.btn-cart:hover > span {} .products-grid button.btn-cart span span {display: inline-block;} .products-grid button.btn-cart i {font-size: 28px; vertical-align: sub;} /********** Button right Contact Form and Account login home *****************/ /*******************************************************/ button.disabled {} button.disabled span {} button.btn-checkout span {} button.btn-checkout span span {} button.btn-checkout.no-checkout {} p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form Highlight */ /* Form lists */ /* Grouped fields */ .form-list li { } .form-list label { float:left; color:#000; font-weight:normal; position:relative; z-index:0; display:inline-block; padding-bottom:5px; margin-bottom: 0; } .form-list label.required {} .form-list label.required em { float:right; font-style:normal; color:#f1ba84; 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; margin-bottom:7px; width:260px; } .form-list .field { float:left; width:360px; } .form-list input.input-text { width:333px; } .form-list textarea { resize:none; width:254px; height:10em; } .form-list select {width: 100%;} .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 { } .form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list .input-range input.input-text { width:74px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; } .form-list .name-prefix { width:65px; } .form-list .name-prefix select { width:55px; } .form-list .name-prefix input.input-text { width:49px; } .form-list .name-suffix { width:65px; } .form-list .name-suffix select { width:55px; } .form-list .name-suffix input.input-text { width:49px; } .form-list .name-middlename { width:132px; } .form-list .name-middlename input.input-text { width:104px; } .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:318px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; } .field.name-suffix{ margin-top:8px;} .field.name-prefix{ margin-bottom:10px} .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width:230px; } .opc .form-list .customer-name-suffix .name-lastname, .opc .form-list .customer-name-middlename .name-firstname, .opc .form-list .customer-name-middlename-suffix .name-firstname, .opc .form-list .customer-name-middlename-suffix .name-lastname { width:191px; } .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:202px; } .opc .form-list .customer-name-prefix .name-firstname input.input-text, .opc .form-list .customer-name-suffix .name-lastname input.input-text, .opc .form-list .customer-name-middlename .name-firstname input.input-text, .opc .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .opc .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:171px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:10px; font-weight:normal; color:#888; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:35px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:213px; } .buttons-set { clear:both; margin:5px 0 0; padding:5px 0 5px 0;} .buttons-set .back-link { float:left; margin-top:5px; } .buttons-set .back-link a{ } .buttons-set button.button { float:right; } .buttons-set p.required { margin:0 0 10px; font-size:12px; color:#f1ba84; } .buttons-set-order {} .fieldset > p { margin-bottom:10px; } .fieldset .legend {font-family: 'azo-sans-web', sans-serif; font-weight:700; font-size:16px; text-transform:uppercase; position:relative; padding-bottom:8px; color:#00539b; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; font-size:11px; line-height:13px; color:#f00; } .validation-failed { border:1px dashed #f00 !important; background:#faebe7 !important; } .validation-passed {} p.required { font-size:11px; text-align:right; color:#f00; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ .success { color:#3d6611; font-weight:normal; } .error { color:#f00; font-weight:normal; } .notice { color:#ccc; } .messages, .messages ul { list-style:none !important; margin:0 !important; padding:0 !important; } .messages { width:100%; overflow:hidden; } .messages li { margin:0 0 20px; } .messages li li { margin:4px 0 3px; } div.alert a{ font-size:12px; padding-left:5px;} div.alert a:hover{ color:#fff;} div.alert {position:fixed;background:#353535; top:0; left:50%; width:333px; margin-left:-220px; padding:20px 60px; color:#FFF; z-index:999; font-size:12px; font-weight:normal; color:#ececec; border-radius:0 0 3px 3px; text-align:center;} div.alert button{background:url(cst/saferpainrelief2/images/remove-popup.png) 0 0 no-repeat; width:9px; height:9px; position:absolute; right:20px; top:45%; border:none; z-index:9999;} div.alert button:hover{ cursor:pointer; background-position:0 -9px;} .error-msg, .success-msg, .note-msg, .notice-msg { border-style:solid !important; border-width:1px !important; background-position:17px center !important; background-repeat:no-repeat !important; min-height:24px !important; padding:7px 8px 10px 56px !important; font-size:12px !important; font-weight:normal !important; } .success-msg {border-color:#dfebb5;} .error-msg { background:url(cst/saferpainrelief2/images/i_msg-note.png) left -3px no-repeat #fde4e1; color:#df0505; font-weight:normal; } .success-msg { background-color:#f7fde1; background-image:url(cst/saferpainrelief2/images/i_msg-success.gif); color:#95bc01; font-weight:normal; } .note-msg, .notice-msg { background:url(cst/saferpainrelief2/images/i_msg-note.png) 7px 6px no-repeat #fde4e1!important; border-color:#ebbcb5; color:#df0505; font-weight:normal;} .note-msg-empty-catalog {background: url(cst/saferpainrelief2/images/empty-catalog.png) no-repeat left top;padding: 20px 30px 40px 150px;} .availability-only {overflow: hidden; border-top: 1px solid #ECECEC; padding-top: 5px; margin-bottom: 5px;} /* BreadCrumbs */ .breadcrumbs { background: #fff; box-shadow: 3px 4px 5px rgba(0,0,0,0.03); -webkit-box-shadow:3px 4px 5px rgba(0,0,0,0.03); border: 1px solid #e5e4e4; padding:8px 19px; margin:0 0 40px; overflow:hidden; } .breadcrumbs li { float:left; } .breadcrumbs li a {text-decoration:none; } .breadcrumbs li a:hover {} .breadcrumbs li span { display:inline-block; margin:0 8px 0 6px;} .breadcrumbs li strong {font-weight:normal; } /* Page Heading */ .page-title, .category-title { margin:0 0 30px; } .category-title {text-align: center;} .page-title h1 { font-size:4rem; font-weight:900; color: #21336b; text-align: center; text-transform: uppercase; line-height:1.5; margin-top: 1em; margin-bottom:0px; font-family: "azo-sans-web", sans-serif; } .category-title h1 {} /*.category-title:before { content: ""; position: absolute; width: 100%; left:0; top: 53%; height: 1px; background:#e7e7e6; }*/ .page-title .separator { margin:0 3px; } .page-title .link-rss { float:right; } .title-buttons { text-align:right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } .subtitle, .sub-title { clear:both; } /********************************************************************************* End ********************************************************************************/ /* Pager */ .pager { text-align:center; } .pager .amount { float:left; padding-top:2px; } .pager .amount span{ font-weight:normal;} .pager .amount.spinner{ padding-top:13px;} .pager .amount strong{ font-weight:normal; display:inline-block; padding-top:0px;} .pager .amount strong span{ font-weight:normal; } .pager p, .pager .limiter label {} .pager .limiter { float:right; min-width: 89px; } .pager .limiter label{ display:inline-block; padding-top:2px; padding-right:6px; float:left;} .pager .pages { margin: 0 135px; } .pager .pages strong { padding-right:3px;} .pager .pages ol { display:inline; } .pager .pages li { display:inline; padding: 0; color:#737373; font-size:12px; line-height:15px; font-weight:normal; margin-right:3px; } .pager .pages li a { text-decoration:none; } .pager .pages .current {color:#f1ba84;} .pager ol > li:first-child > a {text-decoration:none;} .pager ol > li > a {border: 0; padding: 3px; background: none;} .pager ol > li > a:focus, .pager ol > li > a:hover {background: none;} /* Sorter */ .sorter {} .sorter .view-mode { float:left; font-size: 0; overflow:hidden; height:30px; width:150px; padding: 0;} .sorter .grid, .sorter .list {display:block; float:left; background: url(cst/saferpainrelief2/images/grid-list.gif) no-repeat left bottom; width: 17px; height: 16px; } .sorter .list {background-position: right bottom;} .sorter a.list {background-position: right top;} .sorter a.list:hover {background-position: right bottom;} .sorter a.grid {background-position: left top;} .sorter a.grid:hover {background-position: left bottom;} .sorter .view-mode strong, .sorter .view-mode a {margin-right: 10px;} .sorter a.list {} .sorter strong.list {} .sorter .sort-by { float:right; min-width:152px; } .sorter .sort-by select { margin-right:15px; } .sorter .sort-by label { display:inline-block; padding-top:2px; padding-right:6px; float:left;} .sorter .link-feed {} /* Toolbar */ .toolbar { margin-bottom: 30px;} .toolbar select { min-width:63px;} .toolbar .pager { border-bottom:1px solid #ececec; margin-bottom:10px; padding:0 0 10px; } .toolbar .sorter { padding: 0; } .toolbar-bottom { margin-top: 30px; } /* Data Table */ .data-table { width:100%; } .data-table th { padding:10px; /*border:1px solid #ececec;*/ font-weight:normal; white-space:nowrap; color:#000; } .data-table td { padding:10px; border:1px solid #ececec; } .data-table thead { } .data-table tbody {} .data-table tfoot {} .data-table tr.first { } .data-table tr.first th.label { } .data-table tr.last {} .data-table tr.odd th.label{ } .data-table tr.even { } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width:1px; } .data-table th .tax-flag { white-space:nowrap; font-weight:normal; } .data-table td.label, .data-table th.label { font-weight:normal; color:#7e7e7e; } .data-table td.value {} .data-table-indent {margin-bottom: 20px;} /* 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(cst/saferpainrelief2/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:#dae1e4; color:#626465; } tr.summary-details-first td { border-top:1px solid #d2d8db; } 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(cst/saferpainrelief2/images/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-info .price, .cart-tax-total .price { display:inline !important; font-weight:normal !important; } .cart-tax-total-expanded { background-position:100% -53px; } /* Class: std - styles for admin-controlled content */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std ul.disc { list-style:disc outside; padding-left:18px; margin:0 0 10px; } .std dl dt { font-weight:normal; } .std dl dd { margin:0 0 10px; } .std ol, .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:normal; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:normal; } .std i, .std em { font-style:italic; } .std ul {margin-bottom: 20px; padding-bottom: 10px;} /* Misc */ .links li { display:inline; padding-left:12px; } .links li.first {} .links.LoginLink li.first { padding-left:0; } .links li.last { padding-bottom:0; } .links li a{ text-decoration:none;} .links li a:hover{ } .link-cart { font-weight:normal; } .link-cart:hover{ text-decoration:underline;} .link-wishlist { font-weight:normal; } .link-reorder { font-weight:normal; } .link-compare { font-weight:normal; } .link-print { background:url(cst/saferpainrelief2/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; } .link-rss { background:url(cst/saferpainrelief2/images/i_rss.gif) 0 1px no-repeat; padding-left:18px; white-space:nowrap; } .btn-remove { display:inline-block; overflow:hidden; margin-left: 13px; font-size: 0; text-indent: -999px; text-decoration: none !important; } .btn-remove:before {content: "\f00d"; font-size: 16px; display: block; } .btn-remove2 { display:inline-block; font-size: 0; margin: 20px 0 0 0; } .btn-remove2:before {content: "\f014"; font-size: 24px; line-height: 24px; display: block;} .btn-remove2:hover{ } .btn-edit { display:block; font-size: 0; text-indent: -999px; overflow:hidden; margin-left:2px;} .btn-edit:before {content: "\f040"; font-size: 14px; display: block;} .btn-remove:hover {} .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .prod-cart img{ border:1px solid #ededed;} .separator { margin:0 3px; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#ddd; font-size: 0; overflow:hidden; } /* Noscript Notice */ .noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .noscript .noscript-inner { width:1000px; margin:0 auto; padding:12px 0 12px; background:url(cst/saferpainrelief2/images/i_notice.gif) 20px 50% no-repeat; } .noscript p { margin:0; } /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; text-align:center; color:#fff; } /* Cookie Notice */ .notice-cookie { border-bottom:1px solid #cfcfcf; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .notice-cookie .notice-inner { width:870px; margin:0 auto; padding:12px 0 12px 80px; background:url(cst/saferpainrelief2/images/i_notice.gif) 20px 25px no-repeat; text-align:left; } .notice-cookie .notice-inner p { margin:0 0 10px; border:1px dotted #cccc73; padding:10px; } .notice-cookie .notice-inner .actions { } img.lazy{max-width: 100%;height: auto;opacity: 0;} /* ======================================================================================= */ /* Logo ================================================================================ */ .logo { float:left; } .logo:hover { opacity: 0.8; } .header .logo { float:left; display:block; text-decoration:none !important; padding-top: 12px; position: relative; z-index: 5; } .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; font-size: 0; overflow:hidden; } .header h1.logo { margin:0; padding:0; } .header .logo img { max-width: 100%; height: auto; max-height: 120px; } /* Header ================================================================================ */ .header-container { height: 140px; position: fixed; width: 100%; z-index: 1000; background-color: rgba(255,255,255,1); -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s; } .header-container.shrink { height: 100px; } @media (min-width: 1025px) { .inner-container { max-width: 1200px; width: 100%; margin: 0 auto; height: 140px; padding: 0 15px; } } @media only screen and (min-width: 992px) and (max-width: 1024px) { .inner-container { max-width: 992px; width: 100%; margin: 0 auto; height: 120px; padding: 0 15px; } .header-container, .page-header-outofbounds { height: 120px; } } @media (max-width: 736px) { .inner-container { width: 100%; height: 100px; } .header-container, .page-header-outofbounds { height: 100px; } } @media only screen and (min-width: 1026px) { .page-header-top{ height: 3em; position: absolute; z-index: 1; background-color: #21336b; width: 100%; } } @media only screen and (min-width: 992px) and (max-width: 1024px) { .page-header-top { height: 2em; position: absolute; z-index: 1; background-color: #21336b; width: 100%; } } @media only screen and (min-width: 771px) and (max-width: 991px) { .page-header-top { height: 2em; position: absolute; z-index: 1; background-color: #21336b; width: 100%; } .page-header { margin: 0 auto; } .page-header-outofbounds{ background-color: rgba(255,255,255,1); max-width:100%; margin-left: auto; margin-right: auto; position:relative; height: 120px; } .inner-container {} } @media only screen and (max-width: 770px) { .page-header-top { width: 100%; height: 2em; position: absolute; background-color: #21336B; } } .page-header-outofbounds { box-shadow: rgba(122,122,122,0.25) 0px 6px 4px; } .header-border { margin: 0 -15000px; padding: 0 15000px 6px; position: relative; z-index: 1; } .header { padding:0; position:relative;} .header .quick-access{ } .header .welcome-msg { font-size: 14px; color: #f1ba84; border-bottom: 1px solid #ebecec; border-top: 1px solid #ebecec; margin: 20px -27px; padding: 20px 27px; } .header .welcome-msg a {} .header .links { } .header .links li {display: block; margin-top: 14px; padding-left: 0;} .header .links li a {display:inline-block; font-size: 14px; color: #888888;} .header .links li a:hover {color: #2c2d30;} .header .links li a:hover:before {color:#676b78; } .header .links .top-link-cart, .header .links .top-car {display:none} .header .links li a:before {font-size: 23px; float: left; margin-right: 15px; color: #f1ba84; } .header .links li a.my-account-link:before {content: "\e18b";} .header .links li a.wishlist-link:before {content: "\e07f";} .header .links li a.top-link-checkout:before {content: "\e04b";} .header .links li.top-link-blog a:before {content: "\e0a4";} .header .links li a.log-in-link:before {content: "\e0d0";} .header .links li a.log-out-link:before {content: "\e186";} .header .form-search { text-align:right; } /* .ps-phone .header .form-search .search-autocomplete {display: none !important;} */ #search_mini_form { z-index: 4; position: relative; float: left; width: 710px; margin-left: 85px; margin-top: 5px; } .header .form-search { position: relative; padding-right: 60px; } .header .form-search:after {display: table; clear: both; content: "";} /* .header .form-search:before { content: "\f002"; font-size: 17px; position: absolute; left: 12px; top: 6px; color: #d6d6d6; } */ .header .form-search .input-text { font-family:"Roboto",sans-serif; float:left; padding:6px 10px; width:100%; height: 37px; font-size: 16px; line-height: 20px; color: #777777; background: #fff; border: 1px solid #e5e4e4; border-right: 0; } .header .form-search .p-reletive { width: 100%; display: block; margin-top: 10px;} .header .form-search .input-text:focus::-webkit-input-placeholder{ color: #ccc;} .header .form-search .input-text:focus::-moz-placeholder { color: #ccc;} .header .form-search button.button { position: absolute; right: 0; top: 0; width: 60px; } .header .form-search button.button span {width: 100%; box-shadow: none; } .header .form-search button.button > span { } .header .form-search button.button:hover > span { } .header .form-search button.button > span span { display: none; } .header .form-search button.button span:before {content: "\e13d"; font-size: 26px; display: block; line-height:37px;} .header .form-search label {float:left; margin-left:17px; display:none;} #select-form { margin-left:1px;} /*****/ .block-cart-header { float:right; clear: right; position:relative; cursor: pointer; padding-top: 4px; } .block-cart-header:before { content: url('cst/saferpainrelief2/images/cart.png'); color: #fff; font-size: 28px; float: left; } .block-cart-header .block-content:before {content:"\f107"; display: none; } .block-cart-header.active .block-content:before {color: #f12a2d;} .block-cart-header h3{ font-size:15px; line-height: 20px; color: #012338; text-transform: uppercase; font-weight: normal; float: left; margin: 0 5px 0 0; } .block-cart-header .subtotal {color: #000; font-size: 14px;} .block-cart-header p {} .block-cart-header .empty{ float: left; } .block-cart-header .summary:hover, .block-cart-header .empty:hover {cursor:pointer;} .block-cart-header .btn-remove, .block-cart-header .btn-edit { float:right; margin: 0 5px 0 0; } .block-cart-header .truncated {display:none;} .block-cart-header .cart-content{ box-shadow: 0 0px 13px rgba(0,0,0,0.15); -moz-box-shadow: 0 0px 13px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0px 13px rgba(0,0,0,0.15); position:absolute; right:-3px; top:40px; z-index:9; min-width:305px; width: 100%; display:none; cursor:default; text-transform: none; line-height: 20px; } .block-cart-header .empty .cart-content { background:#fff; padding:10px; color:#000; box-shadow: 0 0px 13px rgba(0,0,0,0.15); -moz-box-shadow: 0 0px 13px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0px 13px rgba(0,0,0,0.15); moz-box-sizing:content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; font-weight: normal; font-size: 13px; } .block-cart-header .actions { padding:20px 20px 10px; overflow:hidden; background:#fff;} .block-cart-header .actions button.button {float:left; margin-bottom:10px; margin-right:10px;} .block-cart-header .actions button.button+button.button {margin-right:0;} .block-cart-header .mini-products-list li.item { background: #fff; box-shadow:inset 0 0px 15px rgba(0,0,0,0.08); -moz-box-shadow:inset 0 0px 15px rgba(0,0,0,0.08); -webkit-box-shadow:inset 0 0px 15px rgba(0,0,0,0.08); border-bottom:1px solid #ececec; width: 100%; float: left; clear:both; min-height:85px; padding:20px; position:relative; } .block-cart-header .mini-products-list li.item:first-child {border-top:1px solid #ececec; } .block-cart-header .mini-products-list .product-image { width:70px; border:1px solid #ededed;} .block-cart-header .mini-products-list .product-details { margin: 0 0 0 80px; overflow: inherit;} .block-cart-header .mini-products-list .product-name{ padding-bottom:0px; width:95% !important; overflow: inherit; } .block-cart-header .cart-content .price{ font-weight:bold; } .block-cart-header .cart-content-header{ padding:11px 20px; background: #fff;} .block-cart-header .subtotal .label{ font-weight:normal; padding:0;} .block-cart-header .subtotal .price { float:right; font-weight:normal; } .block-cart-header .mini-cart {display: none;} .block-cart-header .btn-edit {color: #777777;} .block-cart-header .btn-edit:hover {color: #ed1111;} @media only screen and (min-width: 768px) { .block-cart-header .block-content {float: right;} .block-cart-header:before { font-size: 28px; line-height: 28px; text-align: center; margin-right: 10px; } .block-cart-header .summary, .block-cart-header .empty, .block-cart-header .summary strong { font-size:14px; line-height: 24px; color: #00539b; font-weight: normal; text-align: center; background:#fff; width: 24px; height: 24px; border-radius: 30px; margin-top: 5px; } .block-cart-header .empty{ display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .block-cart-header {margin-bottom: 15px;} } @media only screen and (max-width: 767px) { .block-cart-header { position: absolute; right: 90px ; top:-85px; height: 50px; padding: 16px 15px 12px 15px; background: none; border: 0; border-left: 1px solid #232323; z-index: 999; min-width: 60px; cursor: pointer; } .block-cart-header:after, .block-cart-header .block-content:before {display: none;} .block-cart-header:before {font-size: 30px; color: #fff;} .block-cart-header .block-content {float: left;} .block-cart-header .mini-cart {display: inline-block; font-size: 16px; padding-left: 13px; color: #fff;} .block-cart-header .cart-content {left: -152px; top: 51px;} .block-cart-header h3, .block-cart-header .empty > div, .block-cart-header .summary {display: none;} .block-cart-header .mini-products-list .product-image {width: 35px;} .block-cart-header .mini-products-list .product-control-buttons {position: absolute; right: 0;} .block-cart-header .mini-products-list li.item {padding: 10px 40px 10px 10px;} .block-cart-header .mini-products-list .product-details {margin-left: 45px;} .block-cart-header .mini-products-list .product-name{ width:80% !important; overflow: hidden; } .block-cart-header .actions {padding: 10px 10px 0;} .block-cart-header button.button span span {padding: 5px 13px; font-size: 12px; } } @media only screen and (max-width: 460px) { .block-cart-header .cart-content {left: -120px;} .block-cart-header {border: 0;} } /*****/ .header-buttons {} .header-button { position:relative; font-size: 14px; line-height: 20px; color: #99a4ab; margin-bottom: 10px; } .header-button .select-label-name { } .header-button.currency-list > a, .header-button.lang-list > a { line-height:14px; color: #99a4ab; } .header-button > a:after {content: "\f107"; font-size: 12px; margin-left: 8px; color: #888888;} .header-button ul { display:none; padding:5px 0; z-index:999; width: 100%; min-width: 200px; background: #fff; border-bottom: 1px solid #ebecec; border-top: 1px solid #ebecec; margin-top: 10px; } .header-button ul li { float: none; display:block; padding-left:0px; } .header-button ul li:last-child {border: 0;} .header-button ul li a { display:block; background:#fff; font-size:13px; padding: 4px 10px; min-height: 18px; } .header-button ul li a:hover {color:#f1ba84;} .header-button > a:hover, .header-button.active > a { color:#99a4ab; } .head-icon-menu { color: #fff; float: right; position: relative; text-align: center; cursor: pointer; z-index: 5; padding:12px 5px 0 0; } .head-icon-menu .icon-click {font-size: 12px; font-weight: 300; text-transform: uppercase; padding-right: 10px;} .head-icon-menu .icon-click:after {content: " |"; padding-left: 10px; font-size: 10px;} /*.head-icon-menu.active .icon-click i:after {content: "\e054";}*/ .icon-block { display: none; position: absolute; top: 40px; right: 0; width: 270px; background: #fff; z-index: 5; box-shadow: 0 0px 18px rgba(187,194,199,0.36); -webkit-box-shadow: 0 0px 18px rgba(187,194,199,0.36); padding: 16px 29px 15px; text-align: left; } .icon-click a { color: #fff; text-decoration: none; } .icon-click a:hover { color: #fff; text-decoration: none; opacity: 0.8; } .head-icon-menu.active .icon-click {} @media only screen and (min-width: 768px) { #search_mini_form {display: block !important; opacity:1 !important;} } @media only screen and (max-width: 849px) { .head-icon-menu {position: static; float: none; padding: 0; width: auto;} .head-icon-menu .icon-click {display: none;} #search_mini_form { background: #fff; position: absolute !important; left: 0; top: -38px !important; display: none; z-index: 9; width: 100%; margin-left: 0; padding: 2px; } .header .form-search { position: relative;} .head-icon-menu {cursor: default;} .header .form-search .p-reletive {width: 100%; padding-right: 0;} .header .form-search .input-text { width:100%; margin:0; float: none; } } /* Show menu */ .col2-set{ width:auto;} /*========================================================================================== Sidebar =============================================================================== */ /* ================================================================================================================================================================================== */ .block { margin:0 0 40px; } .block.last_block {margin-bottom:0;} .block .block-title { margin-bottom:20px; position:relative; text-align: center; } .block .block-title strong { font-family: 'azo-sans-web', sans-serif; font-size:20px; line-height:20px; color: #00a1ff; font-weight:400; } .block .block-title a { text-decoration:none !important; } .block .block-subtitle { font-size:13px; line-height:16px; color:#2d2328; font-weight:normal; text-transform:uppercase; margin-bottom:14px; } /*.block .block-content {width: 100%; background: #fff;}*/ .block li.item { padding: 12px 0; border-bottom:1px solid #ececec; } .block li.last {border: 0;} .block li.item:first-child{ padding-top:0;} .widget.widget-catalogsale-products .block ol li { padding:20px 0 20px 0;} .widget.widget-catalogsale-products .price-box.map-info{ padding:10px 0 10px 0;} .widget.widget-catalogsale-products .price-box.map-info a{ padding-left:0;} .block .btn-remove, .block .btn-edit { float:right;} .block .actions { padding:10px 0 0 0;} .block .actions a { display:inline-block; font-weight:normal; text-decoration:underline; margin-left:10px; } .block .actions a:hover{ text-decoration:none;} .block-compare .actions{ padding:20px 0 10px 0;} .block .empty {} .block .price-box.map-info .price {font-size: 13px; font-family: 'Arial'} .block li.odd {} .block li.even {} .sidebar-indent {} .block .price {font-weight: normal;} /******************************************************************************** Mini Products List ******************************************************************************/ .mini-products-list li.item { padding-top: 20px; padding-bottom: 20px; } .mini-products-list .product-control-buttons { overflow:hidden; position:relative; margin-bottom:5px; height: 19px; } .mini-products-list .product-image { float:left; width:65px;background:#fff; margin-right: 10px; } .mini-products-list .product-image img {max-width:100%;} .mini-products-list .product-details { padding-top: 3px; overflow:hidden; } .mini-products-list .product-details h4 { font-size:1em; font-weight:normal; margin:0; } .mini-products-list .product-name { margin-left:10px; display:block; overflow:hidden;} .mini-products-list .price-box {margin-bottom: 10px;} .block-cart .mini-products-list .product-name, .block-cart .mini-products-list .product-details .nobr small { word-wrap:break-word; } .block-cart .mini-products-list .product-details .nobr { white-space:normal !important; } /* Block: Account */ .block-account ul li{ padding-bottom:5px;} /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /******************************************************************************** Block: Layered Navigation ************************************************************************/ .block-layered-nav {} .block-layered-nav dt { border-top:1px solid #ececec; font-weight:normal; padding-top:15px; } .block-layered-nav dd { padding:10px 0 10px 19px; margin-bottom:15px;} .block-layered-nav dd.odd.last { padding-bottom:0; margin-bottom:0;} .block-layered-nav dd li a { text-decoration:none; } .block-layered-nav dd li { color:#f1ba84; padding: 0 0 3px;} .block-layered-nav dd li:before {content: "\f105"; margin-right: 10px; font-size: 14px;} .block-layered-nav dd li .price {font-weight: normal;} .block-layered-nav .currently {} .block-layered-nav .btn-remove { float:right; margin:5px 3px 0 2px; } .block-layered-nav .block-subtitle {} .block-layered-nav .block-content .actions a{ text-decoration:none;} .block-layered-nav .block-content .actions{ padding-top:5px; padding-bottom:10px;} .block-layered-nav #narrow-by-list2 dt {border:none; padding-top:0;} /*********************************************************************** Block: Spacials *********************************************************************************************/ .widget-catalogsale-products {} .widget-catalogsale-products .price-box .price-label {display:none;} #product_tabs_review_tabbed_contents #review-form h3 span{ color:#f1ba84;} /************************************************************************************ Block: Cart ***********************************************************************************/ .block-cart {} .block-cart .block-content li.item.last {padding-bottom:0;} .block-cart .summary { margin-bottom: 20px;} .block-cart .amount { border-bottom:1px solid #ececec; padding-bottom: 12px; margin-bottom:16px; } .block-cart .amount a { font-weight:normal;} .block-cart .amount a:hover { text-decoration:underline; } .block-cart .subtotal {} .block-cart .subtotal .price{ font-weight:normal; color:#000; padding-left:6px; } .block-cart .subtotal .label {padding: 0;} .block-cart .amount-2{ border-top:1px solid #ececec; color:#000000; padding-top:16px; padding-bottom:17px;} .block-cart .amount-2 a{ text-decoration:none; font-weight:normal; } .block-cart .actions > p, .block-cart .actions > li {display: none;} .block-cart .actions .paypal-logo { float:left; width:100%; margin:3px 0 0; text-align:right; } .block-cart .actions .paypal-logo .paypal-or { clear:both; display:block; padding:0 55px 5px 0; } .block-cart .actions {border-bottom:1px solid #ececec;padding-bottom:20px;margin-bottom:17px;} .block-cart .product-details { text-transform:uppercase;} .block-cart .product-details strong{ font-weight:normal; padding:0 0 0 3px;} /**************************************************************************** Block: Wishlist ******************************************************************************************/ .block-wishlist {} .block-wishlist .btn-remove{ margin-left:7px;} .block-wishlist .product-name a { text-decoration:none;} .block-wishlist .block-title small {} .block-wishlist .price-box {float:left;} .block-wishlist .link-cart { float:right; text-decoration:underline; margin-top: 5px; margin-left: 5px; } .block-wishlist .link-cart:hover { text-decoration:none; } .block-wishlist .block-content li.item {} .block-wishlist .block-content li.item.last{} .block-wishlist .product-name {} .block-wishlist .actions a {} .block-wishlist .actions { padding-bottom:5px;} /********************************************************************************** Block: Related **********************************************************************************/ .product-image {display:inline-block; } .block-related {} .block-related li { padding:5px 0; } .block-related input.checkbox { float:left; margin: 5px 5px 0 0; } .block-related .product {overflow:hidden;} .block-related .product .product-details .regular-price { float:none; } .rel-label{ font-size:12px; color:#333; padding-top:6px; display:inline-block;} .block-related .link-wishlist{ font-size:12px; font-weight:normal; } .block-related .link-wishlist:hover{ text-decoration:underline; } .block-related .block-content li.item {padding:20px 0;} .block-related .block-content li.item:first-child{ padding-top:0;} .block-related .block-content li.item.last{ padding-bottom:10px;} .block-related .product-name { width:152px; } /******************************************************************* Block: Compare Products ******************************************************************************************/ .block-compare {display: none;} .block-compare li { padding:12px 0; } .block-compare .block-content {} .block-compare .btn-remove{ margin-left:10px;} .block-compare #compare-items{} .block-compare .block-title small{ display:none;} .block-compare .product-name {overflow: hidden;} .block-compare .product-name a { text-decoration:none; } .block-compare .product-image {float: left; margin-right: 10px;} .block-compare button.button {margin-right: 10px;} .block-compare .actions a {margin-left: 0;} /********************************************************************* Block: Recently Viewed *************************************************************************************/ .block-viewed { display: none;} .block-viewed li a, .block-compared li a { text-decoration:none; display:inline-block;} .block-viewed .block-content li.item:first-child, .block-compared .block-content li.item:first-child {border-top:none;} /********************************************************************* Block: Recently Compared ***********************************************************************************/ .block-compared { display: none;} #co-payment-form{ width:100px;} /********************************************************************* Block: Poll **************************************************************************************************/ .block-poll { } .block-poll .block-title strong span {} .block-poll .block-subtitle { font-size:13px; line-height:15px; text-transform:none; font-weight:normal; } .block-poll label { line-height:18px; margin-bottom: 0; } .block-poll input.radio { float:left; margin:2px 0 0 0; } .block-poll .label { display:block; margin-left:20px; padding: 3px 0 0; } .block-poll li { padding:3px 0px 9px 0; } .block-poll .actions { margin:0px 0 0; text-align:left; padding-top:10px; padding-bottom:10px; } .block-poll .answer{float:left; width:200px;} .block-poll .answer span{display:block; width:150px; color:#b2b2b2;} .block-poll .votes{font-weight:normal; float:right; width:70px; text-align:right; color:#f1ba84;} /************************************************************************ Block: Tags **************************************************************************************************/ .block-tags{ border:none;} .block-tags ul, .block-tags li { display:inline; } .block-tags .actions a { margin-left:0; } .block-tags .actions a:hover{ } .block-tags .actions { padding-bottom:5px;} .product-tags li{ float:left; margin-right:7px;} #addTagForm{ overflow:hidden;} /* Block: Tags */ /************************************************************************* Block: Subscribe ****************************************************************************************/ .block-subscribe {} .block-subscribe .block-content {} /*.block-subscribe .form-subscribe-header {display:inline-block; margin-bottom: 8px;} .block-subscribe .input-box { width: 100%; } .block-subscribe .input-box input {width: 100%; padding: 8px;}*/ .block-subscribe .actions { float:left; } #newsletterpopup .modal-dialog {top: 50%; margin-top: -221px; position: absolute; width: 100%;} #newsletterpopup .newsletterpopup-content { background: url(cst/saferpainrelief2/images/media/newsletterpopup.jpg) no-repeat center top; position: relative; padding: 180px 50px 50px; max-width: 780px; margin: 0 auto; overflow: hidden; box-shadow: 0 0px 18px rgba(0,0,0,0.11); -webkit-box-shadow: 0 0px 18px rgba(0,0,0,0.11); } #newsletterpopup .newsletterpopup-indent { text-align: center; width: 52%; float: right; } #newsletterpopup .newsletterpopup-indent .modal-body:after {content: ""; display: table; clear: both;} #newsletterpopup .input-text { width: 100%; height: 35px; background: #fff; border: 1px solid #e5e4e4; width: 100%; } #newsletterpopup .actions {} #newsletterpopup .newsletter-title { font-size: 20px; line-height: 20px; color: #2c2d30; text-transform: uppercase; margin-bottom: 10px; font-weight: 500; text-align: center; } #newsletterpopup .newsletter-slog { color: #888888; font-size: 12px; line-height: 22px; margin-bottom: 25px; text-align: center; } #newsletterpopup .newsletter-slog span {color: #f1ba84;} #newsletterpopup .form-group {width: 100%; margin-bottom: 10px; } #newsletterpopup .block-content {} #newsletterpopup .close { width: 35px; height: 35px; font-size: 31px; display: block; text-align: center; position: absolute; right: 27px; top: 27px; opacity: 1; text-shadow: 0; color: #f1ba84; z-index: 2; } #newsletterpopup .close:hover { box-shadow: 0 0px 21px rgba(0,0,0,0.11); -webkit-box-shadow: 0 0px 21px rgba(0,0,0,0.11); } #newsletterpopup .close i {display: block; margin: -3px -2px 0 0;} #newsletterpopup button.button {width: 100%;} #newsletterpopup button.button > span { box-shadow: 0 5px 5px rgba(44,45,48,0.14); -webkit-box-shadow: 0 5px 5px rgba(44,45,48,0.14); } #newsletterpopup button.button span{display: block; width: 100%;} #newsletterpopup button.button > span span {padding: 9px 23px; font-size: 16px;} @media only screen and (max-width: 992px) { #newsletterpopup .newsletterpopup-content {max-width: 700px;} } @media only screen and (max-width: 767px) { #newsletterpopup {display: none !important;} .modal-backdrop.fade {display: none; height: 0; width: 0;} } /************************************************************************ Block: Reorder *******************************************************************************************/ .block-reorder {} .block-reorder .block-subtitle {} .block-reorder li { padding:5px 0; } .block-reorder input.checkbox { float:left; margin:0; } .block-reorder .product-name { margin-left:20px; } .block-reorder .actions {} .block-reorder .actions a {margin-left: 0;} .block-reorder .actions a:hover { } .block-reorder button.button {margin:0 10px 8px 0;} /*********************************************************************** Block: Banner *********************************************************************************************/ .block-banner {} .block-banner .block-content { text-align:center; padding:0; border:0; } /************************************************************************ Block: Login *********************************************************************************************/ .block-login label { font-weight:normal; color:#666; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } /************************************************************************* Paypal **************************************************************************************************/ .paypal-logo { display:none; margin:0; text-align:center; overflow:hidden;} .paypal-logo a { float:none; display:inline-block; width:100px; } .paypal-logo a img { max-width:100%; height:auto; } /************************************************************************* Block Slider Sidebar **************************************************************************************************/ .block-slider-sidebar {display: none; position: relative;} .block-slider-sidebar.block-slider-start {display: block;} .block-slider-sidebar .block-content {} .block-slider-sidebar li {width: 270px; min-height: 200px; float: left; position: relative;} .block-slider-sidebar li a {display:block; background: #ccc; } .block-slider-sidebar img {max-width: 100%;} .block-slider-sidebar .block-content > a {font-size: 20px; position: absolute; top: 0; right: 0; } .block-slider-sidebar a.slider-sidebar-prev {right: 40px;} .block-slider-sidebar .slider-sidebar-pager {text-align: center;} .block-slider-sidebar .slider-sidebar-pager a {font-size: 20px; line-height: 20px; display: inline-block; margin: 0 4px;} .block-slider-sidebar .slider-sidebar-pager a:before {content: "\f111"; } .block-slider-sidebar .slider-sidebar-pager a.selected, .block-slider-sidebar .slider-sidebar-pager a:hover {color: #000;} .block-slider-sidebar .slider-sidebar-pager span {font-size: 0; text-indent: -777px;} /*========================================================================================== End Sidebar ============================================================================ */ /* ================================================================================================================================================================================== */ /* Category Page ========================================================================= */ .category-image { width:100%; overflow:hidden; margin:0 0 10px; text-align:center; } .category-image img {max-width: 100%;} .category-description { margin:0 0 10px; } .category-products {} /****************************************************************************************** View Type: Grid ***************************************************************************/ .col2-left-layout .products-grid, .col2-right-layout .products-grid { } .col1-layout .products-grid { } .products-grid {position:relative; margin-bottom:30px; } .products-grid.last {margin-bottom: 0;} .price-box.map-info a { text-decoration:none; margin-top:5px; } .products-grid.last { border-bottom:0; } .products-grid li.item { float:left; text-align: center; overflow: hidden; } .products-grid li.item.hovered {} .products-grid li.last{ margin-right:0;} .products-grid li.first {} .products-grid .product-image { display:block; border:0; max-width:270px; height:auto; margin:0 auto 15px; text-align: center; position: relative; overflow: hidden; } .products-grid li.item .product-shop {position: static;} .products-grid li.item.hovered .wrapper-hover-hiden { display: block;} /*.ps-static .products-grid li.item.hovered .wrapper-hover-hiden { animation-duration: 0.4s; -webkit-animation-duration: 0.4s; animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-name: zoomIn; -webkit-animation-name:zoomIn; }*/ .products-grid .price-box { color:#3A3A3A; overflow:hidden;margin: 0 0 8px; width:100%;} .products-grid .availability { line-height:21px; } .products-grid .actions { clear:both; margin:0; position:relative; margin:0 auto; } .products-grid .actions > span{ position:absolute; left:0; bottom:-3px;} .products-grid .desc.std{ overflow:hidden; color:#b2b2b2; padding:5px 0;} .product-box-2{background:url(cst/saferpainrelief2/images/tail-grid-bottom.gif) 0 0 repeat-x #fdfdfd; padding:16px 18px 0px 18px; margin:0 -18px; overflow:hidden; position:relative; } .product-box-2 > span { position:absolute; left:18px; bottom:-3px;} .products-grid .ratings { margin:10px 0 0; } .products-grid .ratings .rating-box {float: none; margin: 5px auto 0;} .products-grid .ratings .amount { display: none;} .products-grid .ratings .amount a { text-decoration:none; } .products-grid .minimal-price-link { } .products-grid .no-rating a{text-decoration:none; padding-top:0px; display:inline-block;} .products-grid .no-rating{ padding-top:8px; margin-bottom:7px} .products-grid .add-to-links { position:relative; float: none; overflow: hidden; margin:0 -5px; text-align: center;} .products-grid .add-to-links li { float: left; width: 50%; padding: 0 5px;} .products-grid .add-to-links li:first-child{} .products-grid .add-to-links li a:before { line-height: 40px; display: block; width: 100%; } .products-grid .add-to-links li a { position: relative; width: 100%; height: 40px; overflow: hidden; display: block; color: #a2a3a4; background: #ececec; text-decoration: none; } .products-grid .add-to-links li a:hover { color: #3a3b3e;} .products-grid button.button{} .products-grid .desc_grid {margin-bottom: 16px; font-size: 12px; line-height: 22px;} .add-to-links {float:left;} .wrapper-hover {position: relative; padding: 18px; background: #fff; border: 1px solid #e5e4e4;} .wrapper-hover:after {content: ""; display: table; clear: both;} @media only screen and (min-width: 992px) { @keyframes zoomIn { 0% { opacity: 0; transform: scale(0.3); } 50% { opacity: 1; } } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale(0.3); } 50% { opacity: 1; } } .products-grid li.item.hovered {z-index: 3; overflow: visible;} .ps-static .products-grid li.item .wrapper-hover-hiden { position: absolute; top: 90%; left: 0; width: 101%; background: #fff; padding: 0 18px 18px; margin: -18px -1px -1px; box-shadow: 0 5px 13px rgba(236,236,236,1); -webkit-box-shadow: 0 5px 13px rgba(236,236,236,1); border: 1px solid #e5e4e4; border-top: 0; overflow: hidden; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .ps-static .products-grid li.item.hovered .wrapper-hover-hiden {opacity: 1; top: 100%; } .ps-static .products-grid li.item.hovered {z-index: 7;} .products-grid li.item.hovered .wrapper-hover { box-shadow: 0 0px 18px rgba(236,236,236,1); -webkit-box-shadow: 0 0px 18px rgba(236,236,236,1); } } /******* Type: List and Grid ********/ .products-grid .product-name {} .products-grid .product-name , .products-list .product-name { margin:0 0 8px; } .products-grid .product-name a, .products-list .product-name a { font-size:16px; line-height:22px; color: #2c2d30; font-weight:normal; text-decoration:none; text-transform: capitalize; } .products-grid .product-name a:hover, .products-list .product-name a:hover{ color: #f1ba84;} .products-grid .product-image img, .products-list .product-image img {max-width:100%;} /********************************************************************************************** View Type: List *******************************************************************************************/ .products-list { } .products-list li.item { padding:20px; margin-bottom:20px; position: relative; background: #fff; border: 1px solid #e5e4e4;} .products-list li.item.last { } .products-list .product-image { float:left; height:auto; margin-right:15px; } .products-list .list-inner{ width:210px; height:210px; position:relative; float:left;} .products-list .product-shop { overflow:hidden; } .products-list .button{ } .products-list .product-name { } .products-list .price-box { color: #3A3A3A; margin: 12px 0; overflow: hidden; width: 100%;} .products-list .price-box .regular-price{ float:left; padding-right:12px;} .products-list .availability { float:left; margin:3px 0 0; } .products-list .desc { clear:both; margin:0 0 15px; } .products-list .desc > p{ float:left;} .products-list .desc > p strong{ color:#f1ba84;} .products-list .desc .link-learn { font-weight:normal; text-decoration:underline;} .products-list .add-to-links { padding-top:10px; float: none; } .products-list .add-to-links li:first-child { margin-right: 19px; } .products-list .f-fix{ position:relative;} .products-list .f-fix > span{left: 0; position: absolute; bottom:0px;} .products-list .list-btn { display:inline-block; float:left;} .products-list .add-to-links .separator{ display:none;} .products-list .add-to-links li { float:left; } .list-reviews{ float:right; width:285px; text-align:right;} .row-list{ width:100%; position:relative;} .row-list > span{ position:absolute; left:0px; top:40px;} .products-list .ratings { margin-bottom:17px; } .products-list .ratings .rating-links { clear: left; padding-top: 5px; } .products-list .ratings .rating-links a:hover { } .products-list .no-rating{ text-align:right; padding-top:6px;} .products-list .no-rating a{ text-decoration:none; } /* ======================================================================================= */ /******************************************************************************** Product View ========================================================================== */ /****************************************** Rating *****************************/ .ratings { line-height:15px; margin:5px 0 7px 0; } .ratings strong { float:left; margin:1px 3px 0 0; } .ratings .rating-links { margin:0; } .ratings .rating-links a{text-decoration:none;} .ratings .rating-links .separator { margin:0 2px; } .ratings dt {} .ratings dd {} .rating-box { width:69px; height:11px; font-size:0; line-height:0; background:url(cst/saferpainrelief2/images/bkg_rating.png) 0 0 repeat-x; font-size: 0; overflow:hidden; } .rating-box .rating { float:left; height:11px; background:url(cst/saferpainrelief2/images/bkg_rating.png) 0 100% repeat-x; } .ratings .rating-box { float:left; margin-right:7px; } .ratings .amount {} .email-friend.left{ float:left;} .ratings-table th, .ratings-table td { font-size:11px; line-height:1.15; padding:3px 0; } .ratings-table th { font-weight:normal; padding-right:8px; } .review-product-list .col-main .ratings-table th, .review-product-list .col-main .ratings-table td {border:1px solid #DDDDDD; padding:7px;} .review-product-list .col-main .ratings-table {margin:10px 0;} #block-related .price-box.map-info{ display:none;} /*************************************** Availability *******************************/ .availability { margin:0; } .availability span { font-weight:normal; } .availability.in-stock span {} .availability.out-of-stock span { color:#d83820; } .availability-only { margin:0 0 5px; } .availability-only a { background:url(cst/saferpainrelief2/images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; } .availability-only .expanded { background-position:100% -15px; } .availability-only strong {} .availability-only-details { margin:0 0 7px; } .availability-only-details th { background:#f2f2f2; font-size:10px; padding:0 8px; } .availability-only-details td { border-bottom:1px solid #ddd; font-size:11px; padding:2px 8px 1px; } .availability-only-details tr.odd td.last {} /* Email to a Friend */ .email-friend {margin-bottom:5px;} /* Alerts */ .alert-price {} .alert-stock {} /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box {} .price-box .price { font-weight:normal; } /* Regular price */ .regular-price { display:block; } .col-main .regular-price .price, .col-main .price-box.map-info .old-price .price, #tabquickshowcontainer .regular-price .price, .products-grid .special-price .price, .products-list .special-price .price, .block .special-price .price, #tabquickshowcontainer .special-price .price {font-size: 18px; color: #f1ba84; line-height: 22px; font-weight: 500;} .products-grid .special-price .price, .products-list .special-price .price, .block .special-price .price, #tabquickshowcontainer .special-price .price {color: #374046;} .products-grid .old-price .price, .products-list .old-price .price, .block .old-price .price, #tabquickshowcontainer .old-price .price {font-size: 16px; line-height:20px; color: #99a4ab; font-weight: 300; } .products-grid .price-box > p { display: inline-block; margin-right:5px;} .products-grid .price-box > p.special-price {} .col-main .old-price .price-label, .col-main .special-price .price-label, .block .old-price .price-label, .block .special-price .price-label, #tabquickshowcontainer .price-label {display: none;} /* Old price */ .old-price { } .old-price .price-label { font-weight:normal; white-space:nowrap; } .old-price .price { font-weight:normal; text-decoration:line-through; } /* Special price */ .special-price {} .special-price .price-label { font-weight:normal; } .special-price .price { font-weight:normal; } /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label {font-weight:normal; white-space:nowrap;} .minimal-price-link {display:inline-block;margin-top:2px;} .minimal-price-link .label {} .minimal-price-link .price { font-weight:normal; } .minimal-price-link span { display: inline-block; text-decoration: none;} /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price { font-weight:normal; } /* Configured price */ .configured-price {} .configured-price .price-label { font-weight:normal; white-space:nowrap; } .configured-price .price { font-weight:normal; } /* FPT */ .weee { display:block; font-size:11px; color:#444; } .weee .price { font-size:11px; font-weight:normal; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:normal; } /* Price range */ .price-from {} .price-from .price-label { font-weight:normal; white-space:nowrap; } .price-to {} .price-to .price-label { font-weight:normal; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:normal; } /* Price as configured */ .price-as-configured { color:#3A3A3A; } .price-as-configured .price-label { white-space:nowrap; } .price-box-bundle {} /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight:normal; } .tier-prices .benefit {} .tier-prices-grouped {} /* Add to Links */ .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart .qty-block { float:left; padding-top:0; } .add-to-cart label { margin-right: 7px; color:#3a3a3a; } .add-to-cart .qty { font-size:12px; text-align:center; padding: 4px 6px 3px 7px; background: #fff; } .add-to-cart button.button { float:right; margin-left:5px; } .add-to-cart .paypal-logo { clear:left; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 46px 5px 0; } .product-view .add-to-cart .paypal-logo { margin:0; display:none; } .qty-control > div {display: inline-block; vertical-align: middle;} .qty-control > div > p { border: 1px solid #ececec; width: 15px; height: 15px; font-family: 'Trebuchet MS'; font-size: 18px; line-height: 10px; color: #c5c5c5; font-weight: normal; text-align: center; overflow: hidden; cursor: pointer; background: #fff; position: relative; } .qty-control > div > p:last-child {font-size: 24px;} .qty-control > div > p:first-child {margin-bottom: 3px;} .qty-control > div > p:hover {color: #575757;} /* Add to Links + Add to Cart */ .add-to-box {} .add-to-box .add-to-cart { float:left; width:100%; position:relative; } .add-to-box .add-to-cart #ajax_loader{ position:absolute; bottom:-22px; right:0;} .add-to-box .or { float:left; margin:0 10px; } .add-to-box .add-to-links { float:left; } .product-view { margin-bottom:20px;} .product-view .product-name h1 { font-size:22px; line-height:22px; font-weight:normal; } .catalog-product-view .col-right{ padding-top:0;} .product-view h2 { font-size:20px; line-height:20px; color:#2c2d30; margin-bottom: 20px; position:relative; font-weight: 500; text-transform: uppercase; } .tt{ display:block;} .zoom-inner{ width:300px; margin-bottom:10px; height:300px; position:relative;} .more-views h2{ display:none;} /*** Product Collateral **/ .product-essential {margin-bottom:0px; padding-bottom:25px;} .product-view .product-essential .product-shop .nobr {margin-bottom:5px; display:inline-block;} .product-collateral #customer-reviews dl dt {margin-bottom:5px;} .product-collateral #customer-reviews dl dd { border-bottom:1px solid #ECECEC; padding-bottom:10px; margin-bottom:10px;} .product-collateral #customer-reviews dl dd.last { border:none; padding-bottom:0; margin-bottom:0;} .product-collateral #customer-reviews dl dd table { margin-bottom:5px;} .product-collateral #customer-reviews .pager {margin-bottom:10px;} .product-collateral #customer-reviews #product-review-table span.nobr {display:block; padding:0 5px;} .product-collateral #customer-reviews #product-review-table .value {text-align:center;} .product-collateral #customer-reviews #product-review-table {margin-bottom:20px;} #customer-reviews .form-list label.required {margin-bottom:5px;} #customer-reviews .form-list textarea {min-width:332px; max-width:332px;} .product-collateral .box-collateral { margin-bottom:30px; } /* Product Images */ .product-view .product-img-box {float:left;text-align:center;margin-bottom:30px;width:50%;} .col3-layout .product-view .product-img-box { float:none; margin:0 auto; } .product-view .product-img-box .product-image { position:relative; height:auto; border:1px solid #ececec; background: url(cst/saferpainrelief2/images/opc-ajax-loader.gif) no-repeat center center; overflow: hidden; } .product-view .product-img-box .product-box-customs .product-image {overflow: inherit;} .product-view .product-img-box .product-image .cloud-zoom-big {} .product-view .product-img-box .product-image .big {background-color: #fff; max-width: 100%;} .product-view .product-img-box .product-box-customs .product-image span { display:block; position:absolute; background:none; top:0; left:0; height:100%; width:100%; } .product-view .product-img-box .product-box-customs .product-image-zoom { position:relative; width:310px; height:310px; overflow:hidden; z-index:9; } .product-view .product-img-box .product-box-customs .product-image-zoom img { position:absolute; left:0; top:0; width:310px!important; height:310px!important; } .product-view .product-img-box .zoom-notice { text-align:center; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(cst/saferpainrelief2/images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; } .product-view .product-img-box .zoom.disabled { -moz-opacity:.3; -webkit-opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/ opacity:.3; } .product-view .product-img-box .zoom #track { position:relative; height:18px; } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(cst/saferpainrelief2/images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; } .product-view .product-img-box .product-box-customs .zoom, .product-view .product-img-box .product-box-customs .zoom-notice {display: none;} .product-view .product-img-box .more-views li a { display:block; border: 1px solid #ECECEC; } .product-view .gallery-swipe-content {max-width: 270px; margin: 0 auto; position: relative; display: none;} .product-view .gallery-swipe li {} .product-view .bx-controls-direction > a { font-size: 0; position: absolute; left: 0px; top:50%; width: 40px; height: 40px; display:block; text-align: center; line-height: 40px; z-index: 4; } .product-view .bx-controls-direction > a.bx-next {right: 0px; left: auto; } @media only screen and (max-width: 767px) { .ps-phone .product-view .gallery-swipe-content {display: block;} .ps-phone .product-view .product-box-customs .product-image, .ps-phone .product-view .product-box-customs .more-views {display: none;} .product-view .product-img-box .product-image span {z-index: 9999;} .product-view .bx-controls-direction > a:before {content:"\f053"; font-size: 20px; } .product-view .bx-controls-direction > a.bx-next:before {content: "\f054";} } .product-image-popup { margin:0 auto; } .product-image-popup .buttons-set { float:right; clear:none; border:0; margin:0; padding:0; } .product-image-popup .nav { margin:0 100px; text-align:center; } .product-image-popup .image { display:block; } .product-image-popup .image-label {} .addthis_32x32_style .addthis_counter.addthis_bubble_style {width: 62px !important; } /* Product Shop */ .product-view .product-shop {float:right;width:48%;} .product-view .product-shop .ratings { float:left; margin:0; } .product-view .product-shop .ratings .rating-box { float:none; margin:0 0 5px; } .col1-layout .product-view .product-shop { float:right; width:700px; } .col3-layout .product-view .product-shop { float:none; width:auto; } .product-view .product-name { margin-bottom:12px; } .product-view .short-description { margin-bottom:13px; } .product-view .short-description h2 { display:none;} .product-view .short-description .std {} .product-view .product-shop .product-pricing {margin-bottom:15px; overflow:hidden;} .product-view .product-shop .product-pricing li {background:#f4f4f4; float:left; clear:left; line-height:22px; padding:0 13px; font-size:11px; margin-bottom:3px; } .product-view .product-shop .product-pricing li .benefit {} .product-view .product-shop .price-box { margin: 15px 0 20px; } .product-view .product-shop .price-box .regular-price {} .product-view .product-shop .price-box .price { color: #000; font-weight: 300; font-size: 24px; line-height: 24px;} .product-view .product-shop .price-box .old-price .price { font-size: 19px; color: #888888; } .product-view .product-shop .availability {display: block; font-size:12px; font-weight:normal; color:#3a3a3a; margin:5px 0;} .product-view .product-shop .availability span { display:inline-block; font-size:12px; font-weight:normal; color:#74b436; margin-left:6px;} .product-view .add-to-links li {margin-bottom: 8px;} .product-view .add-to-links li a:before, .products-grid .add-to-links li a:before{ font-size: 21px; margin-right: 5px;} .product-view .add-to-links li a:before {font-size: 20px; vertical-align: middle; min-width: 20px;} .product-view .add-to-links li .link-wishlist:before, .products-grid .add-to-links li .link-wishlist:before { content: "\e07f"; font-size: 18px; } .product-view .add-to-links li .link-compare:before, .products-grid .add-to-links li .link-compare:before { content: "\e154"; } .add-to-box .or{ display:none;} .product-view .add-to-cart .qty-block {margin: 5px 0;} .row-product{ border-bottom:1px solid #dbdbdb; padding:15px 0; margin-bottom:20px; overflow:hidden; width:100%;} .row-product .no-rating{float:left; max-width: 250px;} .row-product .no-rating:before {content: "\f040"; font-size: 14px; margin-right: 10px;} .row-product .no-rating a { text-decoration:underline; } .row-product .no-rating a:hover{ text-decoration:none;} .row-product .email-friend { float: right; } .row-product .email-friend:before {content: "\f003";padding-right:10px; font-size: 16px;} /* Product Options */ .product-options { clear: both; /*margin:5px 0 18px; border: 1px solid #DBDBDB; background: #fbfbfb; border-bottom: 0; padding:25px;*/ float: left; margin-bottom: 0; } .product-options .qty-holder { display:block; padding-top:10px; } .product-options dl dt{ display:block;} .product-options dt label { font-weight:normal; display:inline-block; padding-bottom:3px; } .product-options dt label em { float:right; color:#e03b3b;} .product-options dt .qty-holder { float:right; } .product-options dt .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; } .product-options dd { margin:0px 0 10px 0; display:block; width:100%; float:left;} .product-options dl.last dd.last {margin-left: 20px;} .product-options .input-box { } .product-options dd input.input-text { width: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:98%; height:8em; } .product-options dd select { width:100%; } .product-options .options-list {} .product-options .options-list li { padding-top:10px; } .product-options .options-list li:first-child { padding-top:0; } .product-options .options-list li label { display:inline-block; } .product-options .options-list input.radio { float:left; margin:2px 0 0 0; height: auto; } .product-options .options-list input {width: auto;} .product-options .options-list input.checkbox { float:left; margin:3px -20px 0 0; height: auto; } .product-options .options-list .label { display:block; margin-left:20px; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.required { padding:5px 0 0; overflow:hidden; width:100%; text-align:left; font-size:12px; color:#e03b3b; } .product-shop { position:relative; } .product-shop .price-box.map-info a {float:none; clear:left; padding:0 !important; margin-bottom:3px;} /*.product-view .add-to-cart {border-top:1px solid #dbdbdb; width:100%; padding:10px 0;}*/ .product-view .add-to-cart button.button > span { font-size:20px; height: auto; } .product-view .add-to-links {clear:left; margin:0px !important; padding: 15px 0 5px; border-bottom: 1px solid #DBDBDB; border-top: 1px solid #DBDBDB; width: 100%; } .product-view .product-options-bottom { /*border: 1px solid #DBDBDB; padding:25px; background: #fbfbfb;*/} .product-view .product-options-bottom .price-box { float:none; display:none; padding:0; margin-top: 0; margin-right: 0 !important; overflow:hidden; } .product-view .product-options-bottom .price-box .price-as-configured { font-size:22px; line-height:27px; } .product-view .product-options-bottom .price-box .price-as-configured .price { font-weight:normal; } .product-view .product-options-bottom .add-to-cart {margin-top: 10px; width: 475px;} .product-view .product-options-bottom .add-to-links {border-bottom: 0;} .product-view .product-shop .product-options-bottom .price-box .price {font-size: 16px; line-height: 16px;} .product-view .product-shop .product-options-bottom .price-label {display: inline-block;} .row-product .addthis_toolbox { border-top: 1px solid #dbdbdb; border-bottom:0; padding-bottom:0; padding-top:15px; width: 100%; overflow: hidden;} .review-product-list .row-product .addthis_toolbox {margin-top: 15px; float: left; width: 100%;} .addthis_toolbox { border-bottom: 1px solid #dbdbdb; padding-bottom: 15px;} .addthis_mini_style .addthis_button_pinterest_pinit {margin-top:-1px; } .addthis_mini_style .addthis_button_pinterest_pinit span {height:20px;} /* Grouped Product */ .product-view .grouped-items-table {} .product-view{ position:relative;} .messege-product{ background:#FAFAEC; border:1px solid #FCD344; border-radius: 0 0 3px 3px; font-size: 12px; font-weight: normal; left: 50%; margin-left: -220px; padding:9px 60px 9px 60px; position: fixed; text-align: center; top: 0; width: 333px; z-index: 999; display:none; } .messege-product.none-messege{ display:block;} .messege-product button:hover{ background-position:0 -9px; cursor:pointer;} .messege-product button { background: url(cst/saferpainrelief2/images/remove-popup-2.png) no-repeat 0 0; border: medium none; height: 9px; position: absolute; right: 20px; top:12px; width: 9px; z-index: 9999; } #review-form .form-list .input-box {width: auto;} #review-form .form-list input.input-text, #review-form .form-list textarea {width: 100%;} #review-form td.value {text-align: center;} /* Block: Description */ .product-view .box-description {} /* Block: Additional */ .product-view .box-additional {} .product-view .box-additional .data-table td.label, .product-view .box-additional .data-table th.label {padding-left:10px;} #product-review-table {margin-bottom:10px;} /* Block: Upsell */ .box-up-sell { border:1px solid #ededed; padding:20px; background:#fbfbfb; overflow:hidden; position: relative;} .box-up-sell h2{ font-size:14px; text-transform:uppercase; color:#383737; margin-bottom:20px; padding-right: 65px;} .box-up-sell ul li .product-image {margin-bottom:15px; display: block;} .box-up-sell ul li .product-image img {max-width: 100%;} .box-up-sell .product-name { margin-bottom:10px; } .box-up-sell .no-rating{ width:100%; overflow:hidden;} .box-up-sell .no-rating a{ display:block;} .box-up-sell .product-name a { text-decoration:none; } .box-up-sell ul{ margin-left:0px;} .box-up-sell .up-sell-carousel li {min-height:340px; } .box-up-sell ul li{ float:left; margin:0 12px; width: 260px; text-align: center; } .box-up-sell ul li .product-box {border:1px solid #ededed; background:#fff;padding:25px;} .box-up-sell ul li .noSwipe {overflow: hidden;} .box-up-sell .up-sell-carousel-none li.last {margin-right:0;} .box-up-sell ul li .no-rating{ margin-bottom:0; margin-top:0px; } .box-up-sell .price-box { margin:0;display:block; overflow:hidden;} .box-up-sell .price-box .regular-price { float:none; } .box-up-sell .price-box .minimal-price span{ font-size:15px; font-weight:normal;} .box-up-sell ul li .no-rating a{ } .box-up-sell ul li:first-child{ margin-left:0} .box-up-sell .products-grid td { margin-right:11px; width:204px; } .box-up-sell .rating-box {float:none; margin: 0 auto 5px;} .box-up-sell .box-tags .product-tags {overflow:hidden; margin-bottom:25px;} .box-up-sell .box-tags .product-tags li {display:inline; text-transform:capitalize; background:url(cst/saferpainrelief2/images/line-2.gif) no-repeat 100% 3px; padding:0 10px 0 0px; margin:0 10px 0 0;} .box-up-sell .box-tags .product-tags li.first {padding-left:0px;} .box-up-sell .box-tags .product-tags li.last {background:none;} .carousel-prev, .carousel-next {position: absolute; top:16px; right: 30px; font-size: 30px;} .carousel-prev {right: 60px;} /* Block: Tags */ .product-view .box-tags {} .product-view .box-tags h3 {font-size:10px; line-height:normal; margin-bottom:12px;} .product-view .box-tags .form-add label { display:block; font-size:12px; font-weight:normal; color:#7d7d7d; margin-bottom:15px; clear:both; padding-top:10px; } .tags-list{ padding-top:10px;} .my-tag-edit .btn-remove{ float:right;} .my-tag-edit{ display:inline-block;} #my-tags-table .add-to-links{ margin-top:10px;} .product-view .box-tags .form-add .input-box { float:left; width:100%; padding-left:32px; moz-box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .product-view .box-tags .form-add .input-box:before {content: "\f02b"; font-size: 28px; line-height: 28px; position: absolute; left: 0px; top:0;} .product-view .box-tags .form-add input.input-text {width:100%;border:1px solid #d4d4d4; background:#fcfcfc; } .product-view .box-tags .form-add button.button {margin-left: 32px; margin-top: 10px;} .product-view .box-tags .form-add p { clear:both; } .box-collateral.box-tags .note{ color:#f1ba84; padding-bottom:15px; padding-top:5px; } .video, .map-content {height:100%; position:relative; padding-bottom:56.25%; overflow:hidden; } .video iframe {height:100%;width:100%; position:absolute; left:0; top:0;} .map-content { margin-bottom:30px; padding-bottom:50%; } .map-content figure iframe {border:none; height:100%;width:100%; position:absolute; left:0; top:0;} /* Block: Reviews */ .product-view .box-reviews {} .product-view .box-reviews .form-add {} /*** My Recent Reviews **/ .dashboard #my_recent_reviews li {padding-bottom:7px;} .dashboard #my_recent_reviews li .ratings {margin:0px 0 5px 0;} .dashboard #my_recent_reviews li .ratings strong {margin:0 5px 0 0;} .dashboard #my_recent_reviews li .ratings .rating-box {margin:0; } .dashboard #my_recent_reviews li .details .product-name {margin-bottom:3px;} /* Send a Friend */ .send-friend {} .send-friend .buttons-set button.button {margin-left:10px; margin-bottom: 5px;} #product_sendtofriend_form #sender_message{ margin-bottom:20px; resize:none; max-width:373px; } #product_sendtofriend_form .buttons-set{ padding-top:15px;} #product_sendtofriend_form .form-list .field {float: left;width: 361px;} #product_sendtofriend_form .form-list .additional-row > div{width:408px;} #product_sendtofriend_form .form-list .fields .field:first-child {float: left;width:402px;} #product_sendtofriend_form .form-list .fields .field input.input-text{width: 373px;} #product_sendtofriend_form .buttons-set {text-align:center;} /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-size:14px; font-weight:normal; } .product-name a {} /* Product Tags */ .tags-list li { display:inline; font-size:15px; line-height:normal; margin-right:10px; } /* Advanced Search */ .advanced-search {} .advanced-search + .buttons-set {max-width: 340px;} .advanced-search-amount {margin-bottom:5px;} .advanced-search-summary {padding:15px 0;} .advanced-search .form-list select {width:340px;} .advanced-search .form-list label {float:none;} .advanced-search .input-range {margin-bottom: 5px;} .advanced-search .input-range input {display: inline-block;} .catalogsearch-advanced-index #advanced-search-list li.even label {display:block; width:100%;} .form-adv-search{ border:1px solid #ececec; background:url(cst/saferpainrelief2/images/media/bg-adv-search.gif) left bottom no-repeat #fff; padding:11px 20px 20px 20px} .form-adv-search .fieldset{ border:none; background:none; margin:0; padding:0 0 0 0;} .form-adv-search .fieldset h2{ font-size:12px; text-transform:uppercase; color:#f1ba84; padding:8px 0 5px 0;} .catalogsearch-advanced-index .col-main{ padding-top:17px;} .form-adv-search .page-title{ border-bottom:1px solid #ececec; padding-bottom:9px;} .form-adv-search .fieldset .form-list input.input-text {width:495px;} .form-adv-search .fieldset .form-list .input-range input.input-text {width:100px!important;} .input-range small{ color:#b1b1b1;} .form-adv-search select.multiselect option {border-bottom:none;padding:2px 5px; color:#7e7e7e; padding-top:1px; padding-bottom:1px;} .form-adv-search .multiselect{ padding:5px; height:94px;} .form-adv-search .buttons-set{ padding:12px 0 0 0; margin-top:0} .form-adv-search .buttons-set button.button { float:left;} .form-adv-search .form-list select {width:500px;} /* cms-about-magento-demo-store */ .cms-page-view .page-head {margin: 0 0 10px;padding:5px 0 8px;} .cms-page-view .page-head h2{ text-transform:uppercase; font-size:18px; color:#383737;} .about-col-1, .about-col-2, .about-col-3 { float:left; padding:214px 29px 27px 29px; moz-box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width:32%; margin-left:2%; } .about-col-1 {margin-left:0;} .about-col-1{ background:url(cst/saferpainrelief2/images/media/about-11.png) center top no-repeat #f9f9f9; position:relative; z-index:10} .about-col-2{ background:url(cst/saferpainrelief2/images/media/about-22.png) center top no-repeat #f9f9f9; position:relative;} .about-col-3{ background:url(cst/saferpainrelief2/images/media/about-33.png) center top no-repeat #f9f9f9;} .about-col-1 h3, .about-col-2 h3, .about-col-3 h3{ font-size:12px; text-transform:uppercase; color:#f1ba84; margin-bottom:12px;} .about-col-1 p, .about-col-2 p, .about-col-3 p{ font-size:12px;color:#f1ba84; line-height:18px; color:#7c7c7c; margin-bottom:0;} .about-col-4, .about-col-5, .about-col-6 { float:left; width:32%; margin-left:2%; } .about-col-4 {margin-left:0;} .about-col-4 h4, .about-col-5 h4, .about-col-6 h4{ font-size:12px; text-transform:uppercase; color:#383737; padding-bottom:16px; margin-bottom:14px; border-bottom:1px solid #ececec;} .about-col-4 p, .about-col-5 p, .about-col-6 p{ font-size:12px;color:#f1ba84; line-height:18px; color:#7c7c7c; margin-bottom:0;} .about-col-4 ul, .about-col-5 ul, .about-col-6 ul { list-style:none; padding:25px 0 12px 10%; margin:0 0 0 0;} .about-col-4 ul li, .about-col-5 ul li, .about-col-6 ul li{ list-style:none; font-size:12px; font-style:italic; color:#373737; padding:0 0 9px 0; } .about-padd-2 ul li:before {content: "\f061"; font-size: 16px; margin-right: 10px;} .about-col-7 h4{ font-size:12px; text-transform:uppercase; color:#383737; padding-bottom:16px; margin-bottom:14px; border-bottom:1px solid #ececec;}.about-col-7 p{ font-size:12px;color:#f1ba84; line-height:18px; color:#7c7c7c; margin-bottom:0;} .about-padd{ padding-bottom:25px;} .about-padd-2{ padding-bottom:30px;} /* customer-service */ .custom-servis-ul, .custom-servis-ul ul{list-style:none; padding:0!important; margin:0!important;} .custom-servis-ul ul li{ border-bottom:none; padding:5px 5px 5px 5px; margin-bottom:3px; padding-left:23px; color:#7c7c7c; font-weight:normal;} .custom-servis-ul li { border-bottom:1px solid #ececec;list-style:none;margin-bottom:20px;padding-bottom:10px;} .custom-servis-ul li h3 { background:url(cst/saferpainrelief2/images/icos-set.png) 0 0 no-repeat; font-size:13px; line-height:16px; color:#f1ba84; text-transform:uppercase; font-weight:normal; margin-bottom:13px; padding: 2px 0 8px 46px; } .custom-servis-ul li.item-2 h3 {background-position: 0 -124px;} .custom-servis-ul li.item-3 h3 {background-position: 0 -253px;} .custom-servis-ul li.item-4 h3 {background-position: 0 -377px;} .custom-servis-ul li.item-5 h3 {background-position: 0 -501px;} .custom-servis-ul li.item-6 h3 {background-position: 0 -638px;} .custom-servis-ul li.item-7 h3 {background-position: 0 -764px;} .custom-servis-ul li p{ font-size:12px; color:#8a8989; line-height:18px; margin-bottom:10px;} /* Sitemap */ .page-sitemap .links { text-align:right; margin:0 8px -47px 0; overflow:hidden; } .page-sitemap .links a span{display:inline-block; padding-right:29px;} .page-sitemap .sitemap { margin:12px 0 30px; display:inline-block; } .page-sitemap .sitemap a {} .page-sitemap .page-title {margin-bottom:25px;} .page-sitemap .sitemap li { margin:8px 0; } .page-sitemap .sitemap li a{text-decoration:none; font-size:12px; text-transform:capitalize; font-weight:normal;padding-left:14px;} .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:normal; } .page-sitemap .sitemap li.level-0 a { text-decoration:none; font-size:12px; text-transform:uppercase; font-weight:normal;padding-left:14px;} .page-sitemap .sitemap li {font-size:13px; line-height:18px;} .page-sitemap .sitemap li.level-1{ padding-left:45px!important; margin-bottom:10px; margin-top:10px; background:none;} .page-sitemap .sitemap li.level-1 a{background:none; font-weight:normal; padding-left:0; text-transform:none;} .page-sitemap .sitemap li.level-2 a, .page-sitemap .sitemap li.level-3 a, .page-sitemap .sitemap li.level-4 a{ background:none; padding-left:0;text-transform:none;} .page-sitemap .sitemap li.level-2{ padding-left:60px!important;} .page-sitemap .sitemap li.level-3{ padding-left:75px!important;} .page-sitemap .sitemap li.level-4{ padding-left:100px!important;} .page-sitemap .sitemap li a {display:inline-block; text-decoration:none;} .page-sitemap .pager{ border:1px solid #ececec; margin:5px 0;padding:13px 9px 13px 19px;} /* RSS */ .rss-title h1 { padding-left:27px; } .rss-table .link-rss { display:block; line-height:1.35; background-position:0 2px; } /* ======================================================================================= */ .form-alt li {overflow:hidden; margin-bottom:10px;} .search-form .form-alt li {overflow: inherit; clear: both; display:table; width: 100%;} /* Shopping Cart ========================================================================= */ .cart { max-width: 1024px; margin: auto; } /* Checkout Types */ .cart .checkout-types { float:right; text-align:right; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } .cart .totals .checkout-types .paypal-or { clear:both; display:block; padding: 0; color:#fff; } .cart .title-buttons .checkout-types li button.button span {background:#d41224; border-radius:0px; font-size:12px; padding:0 12px; height:31px; line-height:30px;} /* Shopping Cart Table */ .cart-table .item-msg { font-size:10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding:25px 0 0px; } .cart .cart-collaterals .col2-set { width: 65%; float: left;} .cart .page-title.title-buttons .checkout-types {padding-top:53px; display:none;} .cart .crosssell {} .cart .crosssell .product-name a { text-decoration:none; font-size:12px; line-height:18px;} .cart .col2-set h2 { border-bottom:2px solid #3A3A3A; font-size:17px; line-height:24px; color:#3a3a3a; text-transform:uppercase; padding: 0 0 8px; margin:0 0 15px; } .cart .crosssell .product-image { float:left; width:112px; height:112px; border:1px solid #ededed; margin-right:10px; } .cart .crosssell .product-details { overflow:hidden; } .cart .crosssell li.item {border-bottom:1px solid #eaeaea; padding: 18px 0; margin: 0; } .cart .crosssell li.item.last{ margin-bottom:0; padding-bottom:0;} .cart .crosssell li.item:first-child { padding-top:0; } .cart .crosssell li.last {border:none;} .cart .crosssell .product-name {font-family:Arial, Helvetica, sans-serif; font-size:12px;} .cart .crosssell .product-name {margin-bottom:7px; margin-top:-3px;} .cart .crosssell .price {font-weight:600; font-size:14px;} .cart .crosssell .price-box { display:block; overflow:hidden; padding-bottom:10px;} .cart .crosssell .price-box .regular-price { float:none; } .cart .crosssell .price-box .price-label {display:none;} .cart .crosssell button.btn-cart {float:left;} .cart .crosssell button.btn-cart span {} .cart .crosssell .add-to-links { padding-top:10px; clear: left;} .cart .crosssell .add-to-links li{ } #shopping-cart-table .product-image {display:inline-block;} /* Discount Codes & Estimate Shipping and Tax Boxes */ #discount-coupon-form { display:block; margin-bottom:20px;} .cart .discount, .cart .shipping { /*clear:*/ both; display: table;} .cart .discount .discount-form button.button {margin-bottom:5px; margin-right:5px; clear:right;} .cart .discount .buttons-set{ padding-left:0; padding: 20px 0 0;} .cart .discount .buttons-set button.button {float:left; } .cart .shipping {float: right;} .cart .shipping .buttons-set {padding-left:0px; padding-top:0px;} .cart .shipping .buttons-set button.button {float:left;} .cart .discount-form label {margin-bottom:16px; display:block; font-size:13px; line-height:19px; text-transform:uppercase;} .cart input, .cart select { text-align:left; } .cart select {} .cart .discount-form .input-box {} .cart .discount-form .input-box input {width:100%;} .cart .discount-form .buttons-set {margin:0px 0 0 0; clear:right; overflow:hidden;} .cart .shipping .form-list .input-box {width:auto;} .cart .shipping p { font-size:13px; line-height:16px; margin-bottom:12px; text-transform:uppercase;} .cart .shipping label {display:block; font-size:13px; margin-bottom:0px; font-weight:600;} .cart .shipping .form-list li {margin-bottom:7px;} .cart .shipping .form-list li input {width:100%;} .cart .shipping .form-list li select {width:100%;} .cart .shipping .buttons-set{ margin-top:0; padding-top:15px; padding-bottom:10px;} /* Shopping Cart Totals */ .cart .totals { background:#3a3a3a; overflow:hidden;padding:0px 0px 0px 0px; width: 34%; float: right;} .cart .totals table { width:100%; font-size:12px; color:#7f7f7f; margin-bottom:0px; } .cart .totals table tr{ border-bottom:1px solid #606060;} .cart .totals table th, .cart .totals table td { padding:7px 11px; font-size:13px; line-height:17px; color:#fff; text-transform:uppercase; vertical-align:middle; width:50%; } .cart .totals table tr td:first-child { } .cart .totals table td:first-child.a-right {text-align: left !important;} .cart .totals table strong { font-weight:normal; } .cart .totals table th { font-weight:normal; } .cart .totals table tfoot th {} .cart .totals .price {font-size:18px; line-height:normal; color:#fff; display:inline-block; padding: 0;} .cart .totals button.button > span {} .cart .totals button.button:hover > span{ } .checkout-types li {padding-top:15px;} .checkout-types li:first-child {padding-top:0;} .checkout-types li a {color:#a6a6a6; text-decoration:underline;} .checkout-types li a:hover{ text-decoration:none;} .cart .totals .checkout-types {text-align:center; float:none; padding:15px 11px;} .cart .totals .checkout-types li a {width:auto;} /* Options Tool Tip */ .item-options { margin-bottom:16px; padding-left:5px; } .item-options li {} .item-options li em { color:#f1ba84; } .item-options li em .price { text-decoration:underline; } .item-options dt {font-weight:normal;} .item-options dd {padding-left:10px;} .truncated { padding:5px 0; width:auto; } .truncated span { cursor:help; } .truncated .truncated_full_value { display:none; padding-top:5px; top:auto;} .truncated .truncated_full_value .item-options { background:none; border:none; top:0; left:auto; position:relative; width:auto; } .truncated .truncated_full_value.show { display: table-cell !important; } /* ======================================================================================= */ /* Checkout ============================================================================== */ .checkout-multishipping-address-newshipping .form-list li.wide input.input-text {width:692px;} .checkout-multishipping-address-newshipping .form-list select {width:337px;} /********** < Common Checkout Styles */ /* Shipping and Payment methods */ #checkout-payment-method-load input.input-text {width:224px;} .sp-methods dt { font-weight:normal; } .sp-methods .price { font-weight:normal; } .sp-methods .form-list { padding-left:20px; } .sp-methods select.month { width:100px; margin-right:10px; } #payment_form_ccsave #ccsave_cc_type {width: 100%;} .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .checkmo-list li { margin:0 0 5px; } .sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .sp-methods .release-amounts { margin:0.5em 0 1em; } .sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; } .please-wait { float:right; margin-right:5px; } .please-wait img { vertical-align:middle; margin-right:5px; margin-top:-2px; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; } .tool-tip .btn-close { text-align:right; } .tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:9px; height:9px; background:url(cst/saferpainrelief2/images/btn_remove.gif) 100% 0 no-repeat; text-align:left;font-size: 0; overflow:hidden; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages { margin-bottom:10px;} .gift-messages h3{ font-size:12px; text-transform:uppercase; color:#f1ba84; padding-top:10px;} .gift-messages .control label{ color:#000; font-weight:normal;} #shipping-method-buttons-container{ padding:10px 0 0 0;} #shipping-method-buttons-container .back-link a{ } .gift-messages-form { border:1px solid #ddd; background-color:#fbfbfb; padding:10px; } .gift-messages-form { position:relative; } .gift-messages-form label { float:none !important; position:static !important; color:#000; font-weight:normal;} .gift-messages-form h4 {font-size:12px; text-transform:uppercase; color:#f1ba84; padding-top:10px;} .gift-messages-form .whole-order {} .gift-messages-form .item { margin:0 0 10px; } .gift-messages-form .item .product-img-box { float:left; width:75px; } .gift-messages-form .item .product-image { margin:0 0 7px; background:#fff; } .gift-messages-form .item .number { margin:0; font-weight:normal; text-align:center; } .gift-messages-form .item .details { margin-left:90px; } .gift-messages-form .item .details .field{ margin-bottom:10px;} .gift-messages-form .item .details .product-name { font-size:12px; text-transform:uppercase; color:#2f2f2f;} .gift-messages-form .form-list li.wide textarea {max-width:340px;} .gift-messages-form .inner-box .form-list li.wide textarea {max-width:333px;} #allow-gift-messages-for-order-container .field{ margin-bottom:10px;} .gift-message-link { display:block; background:url(cst/saferpainrelief2/images/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row {} .gift-message-row .btn-close { float:right; } .gift-message dt strong { font-weight:normal; } /* Checkout Agreements */ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; } .checkout-agreements .agree { padding:6px; } /* Centinel */ .centinel {} .centinel .authentication { border:1px solid #ddd; background:#fff; } .centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; } /* Generic Info Set */ .info-set {} /********** Common Checkout Styles > */ .checkout-onepage-index .page-title {} .checkout-onepage-index .col-main {} .checkout-onepage-index .page-title {margin-bottom:30px;} .checkout-onepage-index .page-title h1 {} .checkout-onepage-success a {} .checkout-onepage-success a:hover {text-decoration:underline;} /* One Page Checkout */ .block-progress {} .block.block-progress .block-title{} .block.block-progress .block-title .toggle {display: none;} .block.block-progress .block-content{ padding:0 0 0 0;} .block-progress dt { display:block; background: #757575; font-size:14px; line-height:17px; color:#fff; text-transform:none; margin-bottom:10px; padding:9px 10px 11px; } .block-progress dt:first-child {border-top:none;} .block-progress dt.complete a { color:#fff; text-decoration:underline; } .block-progress dt.complete a:hover { text-decoration:none; } .block-progress dt.complete .separator{ color:#908f8f; margin: 0 8px; } .block-progress dt.complete{ position:relative; z-index:999;} .block-progress dt.complete, .block-progress dd.complete { padding-bottom:12px; margin-bottom:10px; } .block-progress dd.complete { border:1px solid #ececec; color:#8a8989; font-style:italic; padding:18px 19px 12px 19px; margin-bottom:10px; } .block-progress dd.complete address{color:#8a8989; font-style:italic;} .opc {position:relative; } .opc li.section { margin-bottom:10px; } .opc p {margin-bottom:5px;} .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:21px; line-height:21px; font-size:12px; color:#000; } .opc .step-title { padding:4px 5px 6px; text-align:right;background:#3a3a3a; } .opc .step-title .number { float:left; background:#f1ba84; font-size:17px; line-height:21px; color:#fff; text-align:center; margin-right:8px; padding: 3px 0 0; height:27px; width:27px; border-radius:13px; -moz-border-radius:13px; -webkit-border-radius:13px; -webkit-background-clip: padding-box; } .opc .step-title h2 { float:left; font-size:14px; line-height:17px; color:#fff; margin-bottom:0; padding-top:5px; } .opc .step-title a { display:none; float:right; } .opc .allow .step-title { cursor:pointer; } .opc label {padding-bottom:2px;} .opc .input-box {margin-bottom:15px;} .opc .fields select, .opc .field select {width: 313px;} #checkout-review-table tr{ background:none;} #checkout-review-table thead{ background:none;} #checkout-review-table th{ padding:12px 20px 12px 20px; font-size:12px; font-weight:normal; color:#000000;} #checkout-review-table td{ border:1px solid #ececec; background:none; padding:15px 20px;} #checkout-review-table td h3{ margin-bottom:0; font-size:12px; color:#2f2f2f; text-transform:uppercase;} #checkout-review-table .price{ font-weight:normal;} #checkout-review-table th{ border:1px solid #ececec;} #checkout-review-table-wrapper { overflow:hidden;} #checkout-review-table{} #checkout-review-table .item-options {padding-top:5px;} #checkout-review-table tfoot td{ font-weight:normal; color:#000000;text-align:right !important;} #checkout-review-table tfoot td+td{ text-align:left !important;} #checkout-review-table tbody .first{} #checkout-review-table tbody tr.last{} #review-buttons-container{ padding:20px 0 0 0; margin:0 0 0 0;} #co-shipping-form{ border:1px solid #ececec; padding:10px; display:block;} .opc .active { } .opc .active .step-title { cursor:default; background:#f1ba84; } .opc .active .step-title .number { background:#fff; color:#3a3a3a; } .opc .active .step-title h2 { font-size:12px; line-height:15px; padding-top:7px; } #checkout-step-login {} #checkout-step-login h3{ font-size:12px; text-transform:uppercase; font-weight:normal; color:#f1ba84;} #checkout-step-login .col2-set {border:1px solid #ececec;padding:20px; position:relative; overflow:hidden; } #checkout-step-login .col2-set .col-1 { float:left; margin-right:3%; width:46%; } #checkout-step-login .col2-set .col-2 { float:left; width:46%; } #checkout-step-login .col2-set .buttons-set {margin:0;padding:0;} #checkout-step-login .col2-set > .col-1 h4{font-size:12px; text-transform:uppercase; font-weight:normal; color:#f1ba84;} #checkout-step-login .col2-set .col-2 h4{font-size:12px; text-transform:none; font-weight:normal; color:#7b7b7b;} #checkout-step-login .col-1 .col-1 .buttons-set button.button{ float:left;} #checkout-step-login .col-2 .form-list input.input-text {width:327px;} #checkout-step-login .col-1 .col-1 .buttons-set{ padding:0 0 0 0; margin:0 0 0 0;} #checkout-step-login .col2-set .col-2 .buttons-set{padding:0 0 0 0; margin:0 0 0 0;} #checkout-step-login .col2-set .col-2 .buttons-set .f-left{ font-weight:normal; } #checkout-step-login .col2-set .col-2 .buttons-set .f-left:hover{ } #checkout-step-login .form-list li.control input.radio, #checkout-step-login .form-list li.control input.checkbox {margin-right: 6px; margin-top:-3px;} #co-billing-form > fieldset{ border:1px solid #ececec; padding:10px; moz-box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .opc .step { padding-top:10px; position:relative; } .opc .step .tool-tip { right:20px; top:20px!important; } .opc .order-review {} .opc .buttons-set{border:0;} .opc .field{width:334px;} .opc .fields input, .opc .field input{width:314px;} .opc .name-lastname, .opc .field-2{width:292px; float:left;} .opc .field-2 input{width:310px;} .opc .field-2 select{width:315px;} .opc .name-firstname{width:334px;} .opc .name-firstname input {width:314px;} .opc .name-middlename{width:144px;} .opc .name-middlename input{width:124px!important;} .opc .name-lastname input{} .opc .sp-methods dt{padding-bottom:12px;} .opc .sp-methods dt label{ color:#000;} #checkout-shipping-method-load .sp-methods dt{ font-size:12px; text-transform:uppercase; color:#f1ba84;} .opc .form-list{margin:10px 0;} .opc .form-list li.wide input.input-text{width:649px;} #shipping_method_form h2{ font-size:12px; text-transform:uppercase; font-weight:normal; color:#f1ba84;} #shipping_method_form h3{ font-size:12px; text-transform:uppercase; font-weight:normal; color:#333;} #multishipping-billing-form h2{ font-size:12px; text-transform:uppercase; font-weight:normal; color:#333; margin-bottom:0;} #multishipping-billing-form .sp-methods dt {font-weight: normal; padding-bottom:10px;} #multishipping-billing-form .sp-methods .form-list input.input-text {width:100%;} /* Multiple Addresses Checkout */ .button.multi-btn{ float:right;} #checkout-progress-state{ overflow:hidden; } .checkout-progress { padding:0; width:98%; margin:0 auto 40px; } .checkout-progress li { float:left; background:#9c9c9c; width:20%; color:#fff; font-weight:normal; padding:8px 10px 11px 15px; overflow:hidden; white-space: nowrap; moz-box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .checkout-progress li:before {content: "\f0da"; font-size: 16px; position: absolute; left: 0; top: 8px;} .de-lang-class .checkout-progress li {font-size: 11px;} .checkout-progress li span { display:block; overflow:hidden; } .checkout-progress li.odd { background-color:#777; } .checkout-progress li.active { background:#f1ba84; } .checkout-progress li.active:before {display: none;} .multiple-checkout { position:relative;} .multiple-checkout .sp-methods .input-box .v-fix:first-child {padding-right:25px; margin-bottom: 10px;} .multiple-checkout .col2-set {width:auto;} .multiple-checkout .page-title{ padding-bottom:10px; margin-bottom:0;} .multiple-checkout h2{ font-size:18px; text-transform:uppercase; color:#383737; padding:10px 0 10px 0;} .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .grand-total big {margin-bottom:0px; overflow:hidden; display:block;color:#f1ba84; padding-top:10px;} .multiple-checkout .grand-total .price {} .multiple-checkout .box {margin-bottom:20px;} .multiple-checkout table {margin-bottom:10px;} .multiple-checkout table tfoot tr td{ color:#000; font-weight:normal;} .multiple-checkout p {margin-bottom:5px;} .multiple-checkout .col-1.col-narrow, .multiple-checkout .col-2.col-wide {float:left;width:50%; overflow-x:auto; padding-bottom: 15px; } .multiple-checkout .box-title h3, .multiple-checkout .col-2.col-wide h3 {font-size:12px; line-height:normal;} .multiple-checkout .col-2.col-wide .box {margin-left:100px;} .multiple-checkout h2, .multiple-checkout h3, .multiple-checkout h4{ font-size:12px; text-transform:uppercase; font-weight:normal; color:#333;} .multiple-checkout h2 {color:#f1ba84; font-size:15px;} .multiple-checkout .col-2.col-wide table .price{ font-weight:normal; } /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login #login-form .col2-set{} .account-login .new-users .buttons-set{ padding-left:0;} .account-login .new-users .buttons-set button.button {float:left;} .account-login .new-users-wrapper { float:left;margin-bottom:20px; width:48%; } .account-login .new-users { background:url(cst/saferpainrelief2/images/media/bg-login.gif) no-repeat right bottom #ffffff; border:1px solid #ececec;padding:20px; min-height:282px;} .account-login .registered-users-wrapper { float:right;margin-bottom:20px; width:50%; } .account-login .registered-users {background:url(cst/saferpainrelief2/images/media/bg-login-2.gif) no-repeat right bottom #ffffff;border:1px solid #ececec;padding:20px; min-height:260px;} .account-login .registered-users h2, .account-login .new-users h2 { padding:0 0 15px 0; border-bottom:1px solid #ececec; font-family: 'Open Sans', Helvetica, Verdana, Arial, sans-serif; font-size:16px; font-weight: 600; text-transform:uppercase; color:#00539b;} .account-login .registered-users p, .account-login .new-users p{ padding:13px 0 12px 0;} .account-login .registered-users .form-list input.input-text {width:422px;} .account-login .registered-users p.required{ padding:0px 0 5px 0; } .account-login .registered-users .buttons-set button.button{ float:none;} .account-login .registered-users .f-left{ float:none!important; display:table; font-size:12px; font-weight:normal; text-decoration:none; padding-bottom:12px;} .account-login .registered-users .f-left:hover{} .account-login .registered-users .buttons-set {clear: both;margin:-19px 0 0 0;padding:5px 0px 0px 0px;} .account-create form .fieldset:first-child{ margin-bottom:32px;} /* Account Login/Create Pages ============================================================ */ /* Captcha */ .captcha-note {} .captcha-image { float:left; position:relative; } .captcha-img { border:1px solid #ccc; } .registered-users .captcha-image {} #checkout-step-login .captcha-image {} .captcha-reload { position:absolute; top:2px; right:2px;} .captcha-reload.refreshing { animation:rotate 1.5s infinite linear; -webkit-animation:rotate 1.5s infinite linear; -moz-animation:rotate 1.5s infinite linear; } @-webkit-keyframes rotate { 0% { -webkit-transform:rotate(0); } 0% { -webkit-transform:rotate(-360deg); } } @-moz-keyframes rotate { 0% { -moz-transform:rotate(0); } 0% { -moz-transform:rotate(-360deg); } } @keyframes rotate { 0% { transform:rotate(0); } 0% { transform:rotate(-360deg); } } /* Remember Me Popup ===================================================================== */ .window-overlay { background:url(cst/saferpainrelief2/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:990; } .remember-me label {} .remember-me-popup {} .remember-me-popup h3 {} .remember-me-popup .remember-me-popup-head {} .remember-me-popup .remember-me-popup-head .remember-me-popup-close {} .remember-me-popup .remember-me-popup-body {} .remember-me-popup .remember-me-popup-body a {} /*==================== Remember Me Popup =============================================== */ /*==================== Wishlist Form ========================================== */ #wishlist-view-form #wishlist-table textarea {min-height:70px; min-width:99%; max-width:99%; max-height:70px; resize:none; margin-top:10px;} #wishlist-view-form #wishlist-table a {display:inline-block; margin-bottom:5px;} #wishlist-view-form #wishlist-table .cart-cell a {float: left; clear: left;} #wishlist-view-form #wishlist-table .cart-cell .old-price {float: left; clear: left;} #wishlist-view-form #wishlist-table .product-image img {height:100px;width:100px;} #wishlist-view-form #wishlist-table p, #wishlist-view-form #wishlist-table button.button {padding:0;margin-bottom:10px;} #wishlist-view-form .buttons-set.buttons-set2 {text-align: center;} #wishlist-view-form .buttons-set.buttons-set2 button.button{margin-right:5px; margin-bottom: 5px; float: none; display: inline-block;} #wishlist-view-form .button.btn-share{ margin-right:0!important;} /*===================== End ================================================== */ /*==================== Enterprise Wishlist Styling ============================= */ .split-button { display:inline-block; z-index:1; position:relative; max-width:300px; white-space:nowrap;} .split-button.clickable:active { left:1px; top:1px; } .split-button { background:url(cst/saferpainrelief2/images/bkg_btn.gif) no-repeat 0 0; height:21px; padding:0 0 0 10px; margin:0; } .split-button.active { z-index:100; } .split-button strong { cursor:default; font-weight:bold; text-transform:uppercase; font-size:11px; background:url(cst/saferpainrelief2/images/bkg_btn.gif) no-repeat 100% 0; height:19px; padding:3px 30px 0 5px; margin:0; display:block; overflow-x:hidden; white-space:nowrap; text-overflow:ellipsis; } .split-button.clickable > strong, .split-button strong[onclick] { text-transform:uppercase; font-size:11px; color:#C73615; text-transform:uppercase; cursor:pointer; } .split-button .change { display:inline-block; border:1px solid; border-color:transparent transparent transparent #999; background:url(cst/saferpainrelief2/images/bkg_btn-split-change.png) 5px 50% no-repeat; text-indent:-999em; overflow:hidden; width:15px; cursor:pointer; height:11px; margin-left:8px; vertical-align:middle; } .split-button .change { position:absolute; right:5px; top:0px; height:19px; border-left-color:#ccc; } .split-button.light { background:none; height:auto; padding:0; } .split-button.light.clickable:active { top:auto; left:auto; } .split-button.light strong { display:inline-block; font-size:11px; text-transform:none; background:none; font-weight:normal; padding:0; height:auto; overflow:visible; white-space:normal; text-overflow:visible; } .split-button.light.clickable > strong, .split-button.light strong[onclick] { text-transform:none; text-decoration:underline; color:#999; } .split-button.light.clickable > strong:hover, .split-button.light strong[onclick]:hover { text-decoration:none; } .split-button.light .change { position:static; right:auto; top:auto; height:11px; border-left-color:#999; } .split-button.active .change, .split-button .change:hover { background-position:-995px 50%; } .split-button .list-container { position:absolute; display:none; right:0; top:100%; padding:0; min-width:100%; max-width:300px; float:left; } .split-button.active .list-container { display:block; } .split-button .list-container ul { background:#fff; border:1px solid rgba(0,0,0,0.1); position:relative; } .split-button .list-container ul > li { white-space:nowrap; background:url(cst/saferpainrelief2/images/bkg_btn-split-item.png) no-repeat -10000px -10000px; border:1px solid #c1c1c1; border-top-width:0; margin:0; display:block!important; margin:0!important; } .split-button .list-container ul > li:first-child { border-top-width:1px; } .split-button .list-container li a, .split-button .list-container li span { display:block; line-height:1.2!important; cursor:pointer; padding:5px 18px 5px 18px; color:#999; font-size:11px; text-transform:none; text-decoration:none; text-align:left; text-overflow:ellipsis; overflow:hidden; } .split-button .list-container li:hover a, .split-button .list-container li:hover span, .split-button .list-container li:hover { color:#fff; text-decoration:none; } .split-button .list-container li:hover { background-color:#999; background-position:5px -984px; } .split-button .list-container li.new { color:#d33911; background-color:#eee; background-position:5px 7px; } .split-button .list-container li.new:hover { background-color:#999; background-position:5px -485px; } .split-button strong { overflow:hidden; } /* Wishlist */ .my-wishlist textarea { width:99%; height:3.9em; resize:vertical; line-height:1.3em; overflow:auto; } #wishlist-table .price-box { margin:3px 0; } #wishlist-table td .description { margin:10px 0; max-height:3.9em; line-height:1.3em; overflow:hidden; word-wrap:break-word; max-width:345px; } #wishlist-table td .description .inner { overflow:hidden; } #wishlist-table td { padding:15px 10px; } #wishlist-table th:first-child, #wishlist-table td:first-child { padding-left:10px; padding-right:0; } #wishlist-table td p { margin:5px 0 15px; } #wishlist-table td.last { padding:4px 2px; width:1px; } #wishlist-table td .price-box { font-size:12px; } #wishlist-table td .price-box p { margin:0 0 5px; } #wishlist-table td .truncated { float:left; width:auto; margin-right:10px; line-height:18px; } #wishlist-table td .truncated .show .item-options { top:-40px; right:100%; left:auto; margin-right:15px; line-height:1.2; } #wishlist-table td .truncated .truncated_full_value .item-options dl { background-position:100% 0; } #wishlist-table .item-manage { margin:0 0 0 0; float:left; } #wishlist-table .item-manage .split-button { margin:10px 9px 0 0; } #wishlist-table .item-manage .split-button .change { margin-left:2px; } #wishlist-table .item-manage .split-button:last-child { margin-right:0; } .wishlist-empty { font-size:12px; padding:15px 10px; text-align:center; } p.wishlist-empty {border:1px solid #d0d0d0;} /* Multiple Wishlist */ .link-edit { padding-left:18px; line-height:18px; background:url(cst/saferpainrelief2/images/bkg_link-edit.png) no-repeat 0 0; display:inline-block; } .wishlist-management .link-edit { width:16px; padding:0; margin:0 5px; height:16px; text-indent:-999em; overflow:hidden; vertical-align:middle; } .wishlist-management .btn-create { float:right; margin-bottom:10px; } .wishlist-management .sub-title { float:left; max-width:100%; } .wishlist-management .sub-title h2 { word-wrap:break-word; } .wishlist-management .note-msg { clear:both; margin:0 0 10px; padding:10px; border-style:solid !important; border-width:1px !important; font-size:12px !important; border-color:#fcd344; background-color:#fafaec; color:#3d6611; } .wishlist-management .msg-private { background:url(cst/saferpainrelief2/images/bkg_lock.png) no-repeat 10px 10px #fafaec; padding-left:30px; } .wishlist-management .table-caption .label { font-size:12px; float:left; line-height:21px; } #wishlists-move { float:right; margin-left:10px; } #wishlists-copy { float:right; } .wishlist-management .table-caption:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } #wishlists-select { background:none; padding-left:0; white-space:nowrap; float:left; max-width:220px; } #wishlists-select strong { background:none; padding-right:0; padding-left:7px; font-weight:normal; font-size:12px; text-transform:none; } #wishlists-select strong span { font-weight:bold; } #wishlists-select .change { text-indent:0; width:auto; background:none; margin-left:4px; border:0; right:auto; left:100%; text-decoration:none; line-height:19px; margin-top:1px; } #wishlists-select .change span { color:#1e75b4; text-transform:none; background:url(cst/saferpainrelief2/images/bkg_header-panel.gif) no-repeat scroll 100% -74px transparent; padding-right:10px; } #wishlists-select.active .change span { color:#d33911; background-position:100% -130px; } #wishlists-select .list-container { right:auto; left:0; margin-top:4px; } #wishlists-select .list-container ul { background:#e7e7e7; border:0; } #wishlists-select .list-container li:first-child { border-top:0; } #wishlists-select .list-container li { border-color:#d9d9d9; } #wishlists-select .list-container a, #wishlists-select .list-container span { color:#1e75b4; padding:5px 6px; /* background-position:-999em -999em; */ } #wishlists-select .list-container li:hover a, #wishlists-select .list-container li:hover span, #wishlists-select .list-container li:hover { color:#d33911; } #wishlists-select .list-container li:hover { background-position:-999em -999em; background-color:#f8f8f8; } #wishlists-select .list-container li.new { color:#d33911; background-color:#d9d9d9; background-position:5px 7px; padding-left:12px; } #wishlists-select .list-container li.new:hover { background-color:#999; background-position:5px -485px; color:#fff; } #wishlists-select .list-container li.new:hover a, #wishlists-select .list-container li.new:hover span { color:#fff; } /* Wishlist search view */ #wishlist-search-results {} .col3-layout #wishlist-search-results .item-name { max-width:340px; word-wrap:break-word; display:block; } .col2-right-layout #wishlist-search-results .item-name, .col2-left-layout #wishlist-search-results .item-name { max-width:500px; } .col1-layout #wishlist-search-results .item-name { max-width:600px; } .wishlist-search-view {} .list-info { border:1px solid #dadada; padding:10px 0; margin:0 0 15px; background:url(cst/saferpainrelief2/images/bkg_block.gif) repeat-x 100% 100% #fff; max-width:100%; word-wrap:break-word; } .list-info .item { padding:5px 0; font-size:12px; border-top:1px dotted #d9d9d9; margin:0 15px; } .list-info .item:first-child { border-top:0; } .list-info .item .label { font-weight:normal; font-style:italic; font-size:0.9em; margin-right:5px; } .list-info .item .label:after { content:':'; } .list-info .item .value { font-weight:bold; } .wishlist-search-view #wishlist-table td.last { padding:15px 10px; } .wishlist-search-view #wishlist-table .description { max-height:6.5em; max-width:280px; } .wishlist-search-view .list-info { display:inline-block; } .wishlist-search-view .sub-title { clear:both; } .wishlist-search-view p.qty { text-align:center; } /*===================== End ================================================== */ /* Popup Dialog Block */ .window-overlay { background:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .window-overlay { position:absolute; top:0; left:0; min-height:100%; background:#000; opacity:0.5; width:100%; z-index:990; display:none; } .window-overlay.active { display:block; } .popup-block { border:1px solid #cfcfcf; left:50%; top:40%; position:absolute; margin:-85px 0 0 -250px; width:500px; text-align:left; -moz-box-shadow:0 0 6px #000; -webkit-box-shadow:0 0 6px #000; box-shadow:0 0 6px #000; z-index:1000; position:fixed; display:none; } .popup-block.active { display:block; } .popup-block .block-title { background:url(cst/saferpainrelief2/images/bkg_page-title.gif) repeat-x scroll 0 0 #F6F6F6; border-bottom:1px solid #CFCFCF; padding:17px 17px 10px; } .popup-block div.btn-close { background:url(cst/saferpainrelief2/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:19px; right:17px; height:15px; width:15px; text-indent:-9999em; cursor:pointer; } .popup-block .block-title strong { color:#D12C01; font-size:16px; font-weight:normal; } .popup-block .block-content { padding:17px 17px 25px; background:url(cst/saferpainrelief2/images/bkg_block.gif) repeat-x 0 100% #fff; font-size:12px; } .popup-block .block-content .form-list label { width:180px; } .popup-block .block-content .form-list .input-text { width:230px; } .popup-block .block-content .form-list .control .input-box { margin-left:195px; } .popup-block .block-content .form-buttons { width:auto; padding-left:188px; padding-top:10px; } .popup-block .block-content .form-buttons .button { float:left; } .popup-block.loading .block-content * { text-align:left; text-indent:-99999em; overflow:hidden; position:relative; margin-left:-9999em; } .popup-block.loading .block-content:before { content:''; display:block; background:url(cst/saferpainrelief2/images/opc-ajax-loader.gif) no-repeat 0 50%; position:absolute; z-index:99; top:50%; left:50%; line-height:16px; padding:16px; text-indent:0!important; } .popup-block .block-title { margin-bottom:0px; } /* My Account ============================================================================= */ .my-account {overflow-x: auto; padding-bottom: 10px; padding-left: 8px; margin-left: -8px;} .my-account .title-buttons .link-rss { float:none; margin:0; } .my-account .page-title{} .my-account .page-title button.button {} .my-account #wishlist-table .cart-cell .price-box{display:block;overflow:hidden;width:100%;padding-bottom:15px;text-align:left;} .my-account .cart-cell .price-box{display:block;overflow:hidden;width:100%;padding-bottom:15px;text-align:center;} .my-account .cart-cell p{ padding-top:5px;} .my-account .add-to-cart-alt input {text-align:center;padding:4px 2px;margin-bottom:10px;} .my-account .page-title a {display:inline-block; margin:5px 10px 0 0;} .my-account .title-buttons .link-rss { float:none; margin:0; } .my-account .pager {margin-bottom:10px;} .my-account .sub-title {font-size:12px; padding:10px 0;} .my-account #form-validate .fieldset {margin:25px 0px;} .my-account table tr td {vertical-align:middle;} .my-account .addresses-list ol li {padding-bottom:15px;} .my-account table .product-name a {text-decoration:none; font-family:Arial, Helvetica, sans-serif;} .my-account table .product-name a:hover {text-decoration:underline;} .my-account .my-tag-edit .btn-remove {display:inline-block;} #my-tags-table .add-to-links {white-space:nowrap;} .my-account .box-head a {float:right;} .my-account .box-head h2 {float:left;} .my-account .box .box-title {border-bottom:1px solid #D3D3D3; margin-bottom:13px;} .my-account .box .box-title h3 {float:left; font-size:14px; line-height:18px; text-transform:uppercase; color:#00539b; font-weight:700; margin-bottom:5px; } .my-account .box .box-title a {float:right;} .my-account .col2-set .col-1 { float:left; width:47%; } .my-account .col2-set .col-2 { float:right; width:47%; } .my-account .data-table {margin-bottom:10px;} .my-account .data-table th, .my-account .data-table td {padding:10px 12px;} .my-account .data-table .price-excl-tax, .my-account .data-table .price { display:inline; } .my-account #my-orders-table { margin-bottom:10px; } .my-account #my-orders-table th, .my-account #my-orders-table td.last { text-align:center; } .my-account .order-info li a {text-decoration: underline;} .col-main .block-account {display:none;} /********** < Dashboard */ .dashboard {} .dashboard .welcome-msg {} .dashboard .welcome-msg .hello{margin-bottom:10px;} .dashboard .data-table {} .dashboard .col2-set{padding:10px 0 15px;} .dashboard .box-title, .dashboard .box-head{width:100%; overflow:hidden; margin:10px 0 0; } .dashboard .box-title {border-bottom:1px solid #D3D3D3; margin-bottom:5px;} .dashboard .box-title h2, .dashboard .box-title h3, .dashboard .box-head h2, .dashboard .box-head h3{float:left;} .dashboard .box-title h2, .dashboard .box-head h2{font-size:12px;line-height:18px;} .dashboard .box-content h4{font-size: 14px;} .dashboard .box-title a, .dashboard .box-head a{float:right;} /* Block: Recent Orders */ .dashboard .box-recent { margin:10px 0; } .dashboard .box-head a {margin-bottom:10px; display:inline-block;} /* Block: Account Information */ .dashboard .box-info {} .dashboard .box-info .col2-set {margin-bottom:10px;} .dashboard .box-info a {display:inline-block; margin-bottom:10px;} /* Block: Reviews */ .dashboard .number { float:left; font-size:11px;font-weight:normal;line-height:1;margin:3px 10px 0 0;display:block;width:18px;height:18px;text-align:center;border:1px solid #6a6a6a;line-height:17px} .dashboard .box-reviews #my_recent_reviews h3 {margin-bottom:5px !important;} .dashboard .box-reviews .details { margin-left:30px; } /* Block: Tags */ #my_recent_tags > li {padding-bottom:10px;} .tags li {display:inline; text-transform:capitalize; padding:0 5px 0 0px;} .tags li a {color:#7f7f7f;} .dashboard .box-tags .details { margin-left:30px; } /********** Dashboard > */ .block-order-return{ border:1px solid #ececec; padding:13px 18px 20px 18px; margin-top:26px;background:url(cst/saferpainrelief2/images/media/bg-return.gif) no-repeat left bottom #fff; min-height:345px;} .block-order-return .page-title{ border-bottom:1px solid #ececec; padding-bottom:8px; margin-bottom:16px;} .block-order-return label{ color:#000000; font-weight:normal; display:inline-block; padding-bottom:5px;} .block-order-return label em{ color:#f1ba84;} .block-order-return .input-box.txt{ font-size:12px; text-transform:uppercase; margin-bottom:7px;} .block-order-return .form-alt li {margin-bottom:0px;overflow:inherit;} .block-order-return .input-box.btn{ padding-top:18px;} /* Address Book */ .addresses-list {} .addresses-list-additional li.item {} /* Order View */ .order-info {padding:5px 0 5px 0; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info dt { font-weight:normal; } .order-date { margin: 0; } .order-info-box {} .order-info-box {margin-top:15px;} .order-info-box h2{ font-size:12px; text-transform:uppercase; font-weight:normal; color:#f1ba84;} .order-items h2{ font-size:12px; text-transform:uppercase; font-weight:normal; color:#f1ba84;} .order-items { margin-top:15px; width:100%; overflow-x:auto; } .col-1.addresses-primary h2{ font-size:14px; text-transform:uppercase; font-weight:normal; color:#333;} .col-1.addresses-primary h3{ font-size:12px; text-transform:uppercase; font-weight:normal; color:#f1ba84;} .col-2.addresses-additional h2{ font-size:14px; text-transform:uppercase; font-weight:normal; color:#333;} .order-additional { margin:15px 0; } /* Order Gift Message */ .gift-message dt strong { color:#666; } .gift-message dd { font-size:13px; margin:5px 0 0; } /* Order Comments */ .order-about dt { font-weight:normal; } .order-about dd { font-size:13px; margin:0 0 7px; } .tracking-table { margin:0 0 15px; } .tracking-table th { font-weight:normal; white-space:nowrap; } .tracking-table-popup { width:100%; } .tracking-table-popup th { font-weight:normal; white-space:nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding:1px 8px; } /* Order Print Pages */ .page-print .print-head {} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-left:15px; } /* Print Pages */ .page-print .print-head {margin-bottom:20px;} .page-print .col-1, .page-print .col-2 {margin-bottom:10px; border-bottom:1px solid #ddd; padding-bottom:10px; width:46%;} .page-print h1 {font-size:25px; line-height:40px;} .page-print h2 {margin-bottom:5px;} .page-print th.a-right {text-align:center !important;} /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* My Reviews */ #review-form h3, #review-form h4{ font-size:12px; text-transform:uppercase; font-weight:normal; color:#333;} .product-review .product-img-box { float:left; margin-right:15px; } .product-review .product-img-box .product-image { display:block; margin-bottom:10px; width:125px; } .product-review .product-img-box .label { text-align:center; font-size:11px; line-height:14px; margin:0; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 auto 3px; } .product-review .product-details { } .product-review .product-name { font-size:16px; font-weight:normal; margin:0 0 10px; } .product-review h3 {} .product-review .ratings-table { margin:0 0 10px; } .product-review dt { font-weight:normal; } .product-review dd { font-size:13px; margin:5px 0 0; } /* ======================================================================================= */ /* Product Comparison Table */ #product_comparison .product-shop-row td{ text-align:center; padding:18px 30px 30px 30px;} .catalog-product-compare-index { position:absolute;} .catalog-product-compare-index .link-print span {padding-left:32px; padding-right:0; text-transform:uppercase;} .catalog-product-compare-index{ background:#fff;} .catalog-product-compare-index .buttons-set {clear:both;margin:0px 0 0;padding:20px 0px 5px 0px;} .catalog-product-compare-index .buttons-set button.button span { float:left;} .catalog-product-compare-index .buttons-set button.button:hover span span{ background-position:0 0px;} .catalog-product-compare-index .ratings{ text-align:center;} .catalog-product-compare-index td button.button{ float:none;} .catalog-product-compare-index td .add-to-links {float:none;width:100%; padding-top:12px;} .catalog-product-compare-index td .add-to-links li a { } .catalog-product-compare-index .price-box.left{ float:none; width:100%; text-align:center;} .catalog-product-compare-index .ratings .rating-box {float:none;margin: 0 auto 10px;} .catalog-product-compare-index .page-title {} #product_comparison{-webkit-box-shadow:0px 0px 12px rgba(48, 50, 50, 0.12);-moz-box-shadow:0px 0px 12px rgba(48, 50, 50, 0.12);box-shadow:0px 0px 12px rgba(48, 50, 50, 0.12);} .catalog-product-compare-index .data-table td{ padding:14px 20px 14px 20px; color:#7e7e7e;} .catalog-product-compare-index .data-table th {padding:14px 20px; font-weight:normal; color:#000000;} .catalog-product-compare-index .btn-remove {display: block;font-size: 0; margin-left: 2px;overflow: hidden; font-size: 0; width:18px;} .catalog-product-compare-index .data-table tr.even {background:#fefefe;} #product_comparison th {border: 1px solid #ececec;background:none;} #product_comparison td {border: 1px solid #ececec; background:none; color:#7e7e7e;} #product_comparison tr{ background:none;} #product_comparison .price-box{ padding-top:10px; padding-bottom:10px;} #product_comparison .price-box .regular-price { float:none; } #product_comparison .product-shop-row td, #product_comparison .add-to-row td {text-align:center;} #product_comparison .product-shop-row td .product-image {display:inline-block; margin-bottom:15px; border:1px solid #ededed;} #product_comparison .product-shop-row td .product-image:hover{ border:1px solid #f1ba84;} #product_comparison .product-name, #product_comparison .price-box, #product_comparison p {margin-bottom:5px;} #product_comparison .product-shop-row td .add-to-links li, #product_comparison .add-to-row td .add-to-links li {float:none;} /* MAP Popup============================================================================== */ .product-view .product-shop .price-box.map-info{margin:0; padding:0; display:block;} .product-view .product-shop .price-box.map-info .old-price { display:block; margin-bottom:10px; } .tier-prices.product-pricing a {} .product-view .product-shop .price-box.map-info a { display:inline-block; margin-bottom:10px;} .cart-msrp-totals { color:red; font-size:12px !important; font-weight:normal; margin:10px 10px 0; padding:10px; text-align:right; text-transform:uppercase;} .map-cart-sidebar-total { color:red; display:block; font-size:10px; font-weight:normal; text-align:left; padding:2px 5px; text-shadow:0 1px 0 #fff; } .catalog-product-compare-index .map-popup {min-width:230px;} .map-popup.displayblock {display: block !important;} .map-popup {display: none;} .map-popup { text-align:left; position:absolute; margin:12px 0 0; width:270px; z-index:100; box-shadow:0px 0px 10px rgba(48, 50, 50, 0.2); -moz-box-shadow:0px 0px 10px rgba(48, 50, 50, 0.2); -webkit-box-shadow:0px 0px 10px rgba(48, 50, 50, 0.2); background: #FBFBFB; } .map-popup, .map-popup a {color: #000;} .map-popup #map-popup-msrp-box {font-weight:normal;} .map-popup #map-popup-msrp-box strong {font-weight:normal;} .map-popup #map-popup-msrp-box span {font-weight:normal;} .map-popup-heading {border-bottom:1px solid #DDDDDD; padding:20px 40px 20px 20px;width:100%;} .map-popup-heading h2 { font-size:12px; line-height:15px; text-align:left; text-overflow:ellipsis; text-transform:uppercase; word-wrap:break-word; margin:0; } .map-popup-arrow { background:0; position:absolute; left:50%; top:-10px; height:10px; width:19px; } .map-popup-close { display:block; position:absolute; top:10px; right:10px; height:9px; width:9px; font-size: 0; } .map-popup-close:before {content: "\f00d"; font-size: 14px; line-height: 14px;} .map-popup-close:hover { } .map-popup-content {text-align:left;overflow:hidden;padding:20px;} #map-popup-price-box strong {float:left; margin-right:7px;} .map-popup .regular-price .price {float:left;font-size:12px; line-height:18px; font-weight:normal;} .map-popup-checkout { } .map-popup-checkout form { display:block; overflow:hidden; position:relative; } .map-popup-checkout form button.button:hover > span {} .map-popup-checkout span { display:block; padding-left:30px; } .map-popup-checkout .paypal-logo { text-align:left; margin:0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin:0; padding:0px 0; } .map-popup-price .price-box .regular-price { margin-right:7px; } .map-popup-price .minimal-price-link { color:#fff; display:inline-block; text-decoration:underline; margin:0; } .map-popup-price .minimal-price-link:hover {text-decoration:none; } .map-popup-price .minimal-price-link span { display:inline; } .map-popup-price { overflow:hidden; margin: 8px 0; } .map-popup-text { clear:right; padding:20px; text-align:left; word-wrap:break-word; line-height:18px; } .map-popup-only-text { display:none; border-top:1px solid #d8d8d8; } .contacts-index-index .page-title {margin-bottom:15px;} /* ======================================================================================= */ .swipe-left { height: 100%; left: 0; position: fixed; top: 0; width: 20px; z-index: 999; display: none; } .top-icon-menu { width: 100%; max-width: 100%; line-height: 20px; font-size: 30px; color: #fff; position: absolute; left: 0; top: 0; z-index: 999; display: none; height: 50px; } .top-icon-menu > div {float: left; border-right:1px solid #232323; height: 50px; padding: 10px 30px; cursor: pointer; position: relative; z-index: 9999; } .ps-static .top-icon-menu > div:hover, .top-icon-menu > div.active {color:#f1ba84; } .top-icon-menu .top-search {float: right; border-left:1px solid #232323; border-right-width: 0; overflow: hidden;} .top-icon-menu, .swipe {background-color: #323232;} .swipe { display: block; left: -237px; overflow: hidden; position: fixed; top: 50px; width: 237px; z-index:2; font-size: 13px; font-weight: normal; color: #fff; line-height: 25px; height: 100%; moz-box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; z-index:7; padding-bottom: 50px; } .swipe:before, .swipe:after {-moz-box-sizing:inherit;} body.ind .swipe { left: 0; } .swipe-menu { height: 100%; overflow: scroll; border-top: 1px solid #232323; -webkit-overflow-scrolling: touch; } body.ind div.shadow { width: 100%; z-index: 5; } body div.shadow { display: block; height: 100%; left: 0; opacity: 0.5; position: fixed; top: 0; } .swipe-menu .switch-show { cursor: pointer;} .swipe-menu .switch-show.active{border: 0;} .swipe-menu .switch-show > div:after {content: "\f107"; font-size: 21px; vertical-align: middle; float: right;} .swipe-menu a {color:#fff; } .swipe-menu .links li, .footer-links-menu li {padding:0; display: block; } .swipe-menu .links li.top-car {display: none;} .swipe-menu .links li a, .footer-links-menu li a, .home-link { color: #FFFFFF; display: block; font-size: 13px; font-weight: normal; line-height: 26px; padding: 10px 20px 11px; position: relative; } .swipe-menu .links li a, .footer-links-menu li a, .home-link, .swipe-menu .switch-show {border-bottom: 1px solid #232323;} .swipe-menu ul li a:before, .home-link:before {font-size: 26px; margin-right: 12px;} .home-link:before {content: "\f015";} .swipe-menu .links li:nth-child(1) a:before { content: "\f0f0";} .swipe-menu .links li:nth-child(2) a:before { content: "\f005";} .swipe-menu .links li:nth-child(3) a:before { content: "\f07a";} .swipe-menu .links li:nth-child(4) a:before { content: "\f046";} .swipe-menu .links li:nth-child(5) a:before { content: "\f023";} .swipe-menu .links li:nth-child(6) a:before { content: "\f023";} .swipe-menu .links li.top-link-blog a:before { content: "\f02d";} .footer-links-menu ul:first-child li:nth-child(1) a:before { content: "\f05a";} .footer-links-menu ul:first-child li:nth-child(2) a:before { content: "\f02d";} .footer-links-menu ul:first-child li:nth-child(3) a:before { content: "\f085";} .footer-links-menu ul:first-child li.privacy a:before { content: "\f044";} .swipe-menu .links-2 li:nth-child(1) a:before { content: "\f0e8";} .swipe-menu .links-2 li:nth-child(2) a:before { content: "\f0e8";} .swipe-menu .links-2 li:nth-child(3) a:before { content: "\f002";} .swipe-menu .links-2 li:nth-child(4) a:before { content: "\f0d1";} .currency-switch .currency-title, .language-list .language-title {padding:10px 20px 11px; } .currency-switch .currency-title:before, .language-list .language-title:before { content: "\f0d6"; font-size: 26px; vertical-align: middle; margin-right: 8px;} .language-list .language-title:before { content: "\f0ac";} .currency-switch .currency-title strong, .language-list .language-title strong {display: none;} .swipe-menu .language-list ul, .swipe-menu .currency-switch ul { background: 0 #222222; border-top:1px solid #000; border-bottom:1px solid #000; left: 0; padding: 0; position: relative; right: auto; top: 0; width: 100%; overflow: hidden; display: none; } .swipe-menu .currency-switch ul li span {display: none;} .swipe-menu .language-list ul li, .swipe-menu .currency-switch ul li {float: left;} .swipe-menu .language-list ul li:first-child, .swipe-menu .currency-switch ul li:first-child {padding-left:20px;} .swipe-menu .language-list ul li a, .swipe-menu .currency-switch ul li a {padding: 14px; display: inline-block; text-transform: uppercase; font-weight: normal;} .swipe-menu ul a.selected {color: #f1ba84;} .swipe-menu ul li a:hover, .home-link:hover {background-color: #444444;} /* ==================================back-top ================================================== */ #back-top {position: fixed; bottom:40px;z-index:99; right: 1%; display:none; width:41px;height:41px;} #back-top span {display: block; text-align: center;} #back-top span:before {content: "\f139"; font-size: 45px; line-height: 45px;} #back-top a {color: #676b78;} #back-top a:hover {color: #000;} /* ======================================================================================= */ /* Footer ================================================================================ */ .footer-container{ padding:30px 0 10px; overflow: hidden; background: #5e5e5e; } .footer { color: #a7a9ac; text-align: left; font-style: normal; font-family: "az-sans-web", sans-serif; font-weight: 300; font-size: 11px; } .footer address a{ color: #a7a9ac; text-decoration: underline; } .footer .ft-links a, .footer ft-social-links a { color: #fff; font-size: 1.25rem; font-style: normal !important; font-family: "azo-sans-web", sans-serif; text-decoration: none; } .footer-cols-wrapper { position:relative; margin:0 -15px 30px; } .footer h4 { position:relative; font-size: 16px; margin-bottom:26px; padding-bottom: 28px; font-weight: 500; color: #fff; text-transform: uppercase; } .footer h4:before { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 70px; background: #f1ba84; } .footer ul li { display:block; padding:0 7px 13px 0; } .footer ul li a { color: #fff !important; font-size: 1.25rem; font-style: normal; font-weight: 400; margin-bottom: 5px; font-family: "azo-sans-web", sans-serif; text-transform: uppercase; text-decoration: none; } .footer ul li a:hover {opacity: 0.8;} .footer .footer-col {float:left; width:25%; padding: 0 15px;} .footer .footer-col.last { margin-right:0;} .footer address { padding-top: 15px; width: 95%; margin: 0 auto; } .footer address .trade { font-size: 6px; vertical-align: super; } .footer button.button:hover > span { background: none !important; color: #fff; } .footer button.button:hover { opacity: .8; } @media only screen and (min-width: 771px) { .footer-logos{ display: block; height: auto; } .footer-logos li, .footer-nav li{ position: relative; display: block; float: left; clear: left; } .ft-links { float: left; margin-right: 5%; } .ft-social-links { float: right; margin-left: 5%; } } .footer-nav{ padding-top: 20px; } .footer-ph-logo { margin: 0 auto; width: 20%; position: relative; } .ph-logo-footer { max-width: 220px; } .ft-header { font-size: 1.25rem; font-weight: 700; font-family: "azo-sans-web", sans-serif; text-transform: uppercase; color: #fff; margin-bottom: 1px; } .ftnav, .ftnav a { color: #fff; font-size: 1.25rem; font-weight: 400; margin-bottom: 5px; font-family: "azo-sans-web", sans-serif; } .footer-links li.end.ftnav:after{ content: " " !important; } .footer-nav a{ color: #fff !important; font-size: 1.25rem; font-weight: 400; margin-bottom: 5px; font-family: "azo-sans-web", sans-serif; text-transform: uppercase; text-decoration: none !important; font-style: normal; !important; } .footer-nav i { font-size: 2.5rem; color: #fff !important; padding: 0.5rem 1rem; } .footer-nav a:hover, .footer address a:hover{ text-decoration: none !important; color: #00a1ff !important; opacity: 0.6 !important; } .footer-social, .socialnav{ float: right; margin-top: -2px; } li.socialnav.end{ padding-right: 0; } li.socialnav a .font-awesome { color: #c9cacb !important; font-family: 'fontawesome'; text-transform: none !important; letter-spacing: normal !important; font-size: 18px !important; text-decoration: none; } .footer-subscribe .form-subscribe-header{ float: left; margin: 5px 0px 0 0; } .form-subscribe-header{ float: right; } .footer-subscribe .block-subscribe .input-box{ float: right; padding-top: 10px; } .footer-subscribe .block-subscribe .actions{ float: right; /*margin-left:30px;*/ } .footer-subscribe{ padding-bottom: 30px; border-bottom: 1px solid #a7a9ac; } .footer-subscribe .block-subscribe{ width: 100%; margin: 0 auto; } .footer-subscribe .form-messages{ text-align: center; padding-top: 12px; } .footer-subscribe label{ font-size: 15px; color: #6b6b6b; font-style: italic; } @media only screen and (max-width: 770px){ .footer-subscribe .block-subscribe{ min-height: 85px; } .footer-subscribe{ padding-left:8%; } .catalog-product-view .product-essential .product-shop{ float:left; margin-top: 20px; } } @media only screen and (max-width: 450px){ .footer-subscribe{ padding-left: 4%; } .footer-subscribe input[type=email]{ max-width:88%; width:340px; } .footer-subscribe .block-subscribe{ min-height: 135px; } .footer-subscribe .block-subscribe .actions{ margin-left: 0; } } @media only screen and (min-width: 451px) and (max-width: 550px){ .footer-subscribe input[type=email]{ max-width:88%; width:250px; } .footer-subscribe .block-subscribe{ min-height: 105px; } } @media only screen and (min-width:770px) and (max-width:1000px){ .footer-subscribe{ min-height:95px; /*padding-left:5%;*/ } .footer-subscribe .block-subscribe{ /*width:71%;*/ } } @media only screen and (min-width: 1001px) and (max-width: 1200px){ .footer-subscribe{ /*padding-left:7%;*/ } } @media only screen and (min-width: 1201px){ .footer-subscribe, .footer-nav{ max-width: 95%; margin-left: auto; margin-right: auto; } } /* Primary Buttons */ .button, .cart-table .product-cart-actions .button, #co-shipping-method-form .buttons-set .button, .footer .button { /*background-image: linear-gradient( rgb(253, 220, 3), #ddc316 );*/ background-color: #a7a9ac; text-transform: uppercase; color: #ffffff; padding: 0 30px; display: inline-block; font-weight: bold; font-size: 12px; border: none; cursor: pointer; font-family: Arial, Verdana, sans-serif; /*border-radius: 3px; border: 0px solid #FF0000; -moz-border-radius: 3px; -webkit-border-radius: 3px;*/ outline: none; } .button:hover, .cart-table .product-cart-actions .button:hover, #co-shipping-method-form .buttons-set .button:hover, .footer .button:hover { cursor: pointer; color: #FFFFFF; } .button:active, .cart-table .product-cart-actions .button:active, #co-shipping-method-form .buttons-set .button:active, .footer .button:active { background: #584F3F; color: #FFFFFF; } .button:focus, .cart-table .product-cart-actions .button:focus, #co-shipping-method-form .buttons-set .button:focus, .footer .button:focus { background-color: black ; outline: none; color: #FFFFFF; } #newsletter-validate-detail .button{ width: 120px; height: 30px; } .container-bg {background: #f1ba84; padding: 7px 0 6px;} .container-bg .block-subscribe {float: left; } .container-bg .block-title strong {font-size: 16px; font-weight: 500; color: #fff; text-transform: uppercase;} .container-bg .block-title {float: left; margin-top: 7px; margin-right: 20px; max-width: 175px; } .container-bg .block-content {overflow: hidden; width: 100%;} .container-bg .input-box {float: left; overflow: hidden; width: 591px;} .container-bg .input-box input {border-color: #fff; background: #fff; height: 37px; } .container-bg button.button > span {height: 37px; line-height: 37px; background: #676b78; font-size: 16px;} .container-bg button.button:hover > span {background: #ffe1c4; color: #676b78;} .container-bg button.button span span {padding: 0 17px;} .container-bg form {float: left;} /*.container-bg button.button span:before {content: "\f101";}*/ .container-bg .list-icon {float: right; overflow: hidden; padding: 9px 0 0 0;} .container-bg ul {float: left;} .container-bg ul li {display: inline-block;} .container-bg ul li a {font-size: 20px; color: #ffe1c4; margin-left: 17px;} .container-bg ul li a:hover {color: #fff;} .store-switcher{ margin-top: 10px; } span.toggle { position:absolute; cursor:pointer; right: 10px; top:0; width:20px; text-align: center; font-size: 16px; } span.toggle:before {content: "\f067";} span.opened:before {content: "\f068";} /* ======================================================================================= */ .search-form .form-list .input-box {width:300px;} .search-form .buttons-set p.required {text-align:left;} .search-form .buttons-set button.button {float:left;} .contact-block { position:relative; width:100%; } .contact-block h2, .contact-block .fieldset .legend { float:none; background:none; border:none; border-bottom: 2px solid #3A3A3A; font-size:17px; line-height:21px; color:#383737; font-weight:normal; text-transform:uppercase; position:relative; margin: 0 0 16px; padding: 0 0 7px; } .contact-left{ width:25%; float:right; padding-bottom:20px;} .contact-left h3 { font-size:13px; line-height:16px; color:#f1ba84; text-transform:uppercase; font-weight:normal; margin-bottom:14px; } .contact-left p{ font-size:12px; color:#8a8989; line-height:17px;} .contact-left ul li{border-bottom:1px solid #ececec; padding-bottom:17px; margin-bottom:17px;} .contact-left ul li.last{ border:none; padding:0; margin:0;} #contactForm { float:left; width:73%;} #contactForm .form-list .input-box {width:auto;} #contactForm .fieldset{ background:none; border:none; padding:0; margin:0;} #contactForm .form-list input.input-text { border-box:border-box; width:95%;} #contactForm .form-list .field {float:left;width:33.33%;} #contactForm .form-list li {padding-bottom:10px;} #contactForm .form-list li.wide textarea { border-box:border-box; width:100%; resize:none; } #contactForm .form-list li.wide .input-box {width:98%;} #contactForm .buttons-set button.button {float:left; clear:left;} #contactForm .buttons-set{ margin:0 0 0 0; padding:0; } #contactForm .buttons-set p.required {font-size: 12px; margin: 0 0 15px;float:left; clear:left; } .contact-btn a{ display:none;} .contact-btn li{ padding:0; margin:0;} .container-slider { position: relative; width: 315px; overflow: hidden; } .tumbSlider-none:last-child {margin-right: 0;} .tumbSlider {max-height: 110px;} .container-slider .slider {margin-left: -4px;} .container-slider li { float: left; height: auto; width: 97px; moz-box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 5px 0 4px; min-height: 100px; position: relative; } .container-slider .caroufredsel_wrapper li {margin-left:6px; } .ps-phone .container-slider li:before { content: "."; font-size: 0; width: 100%; height: 35px; left:0; bottom: 0px; position: absolute; } .container-slider li a {display: block;} .container-slider li img {max-width: 100%;} .container-slider > a { display: inline-block; position: absolute; left: -4px; top: 35px; font-size: 30px; width: 40px; height: 40px; z-index: 777; text-align: center; vertical-align: middle; } .container-slider > a.tumbSlider-next {right: 5px; left: auto;} /* ======================================= Home Page ============================================================== */ .sliderClass.widget {display: block; position: relative; } .sliderClass {position: relative; margin:0 -15px;} .widget-products.sale-products { z-index: 5; } .widget-products.widget-1 {z-index: 6;} .sliderClass:after, .sliderClass:before { content: ""; position: absolute; left: -30015px; top: 0; height: 100%; width: 50%; background: #fff; width: 30000px; z-index: 3; } .sliderClass:before {left: auto; right: -30013px;} .home-carousel-control { } .sliderClass .carousel-prev, .sliderClass .carousel-prev1, .sliderClass .carousel-prev2, .sliderClass .carousel-next, .sliderClass .carousel-next1, .sliderClass .carousel-next2 { top: 48%; left: 2%; position: absolute; color: #dadee1; width: 30px; height: 30px; font-size: 30px; text-align: center; line-height: 30px; z-index: 4; } .sliderClass .carousel-next, .sliderClass .carousel-next1, .sliderClass .carousel-next2 {left: auto; right: 2%;} .sliderClass .carousel-prev:focus, .sliderClass .carousel-next:focus {} .sliderClass .home-carousel-control a:hover {color: #5f7c8a; } .sliderClass li.free {float: left; } .sliderClass li.free .widget-latest-wrap { padding: 0 15px;} .sliderClass .category-title {margin-left: 15px; margin-right: 15px;} .sliderClass li.free .wrapper-hover { margin: 0 19px;} @media only screen and (max-width: 991px) { .sliderClass .carousel-prev, .sliderClass .carousel-prev1, .sliderClass .carousel-prev2, .sliderClass .carousel-next, .sliderClass .carousel-next1, .sliderClass .carousel-next2 {left: 0;} .sliderClass .carousel-next, .sliderClass .carousel-next1, .sliderClass .carousel-next2 {left: auto; right: 0%;} } .list-1 { margin-bottom: 48px;} .list-1:after { content: ""; display: table; clear: both; } .list-1 img {width: 100%;} .list-1 li {float: left; width: 50%;} .list-1 li a {position: relative; display: block;} .list-1 .block-1 { display: block; overflow: hidden; position: absolute; font-size: 16px; left: 0; left: 18%; bottom: 22%; text-transform: uppercase; } .list-1 .title-1 { font-size: 45px; line-height: 45px; margin-bottom: 12px; color: #2c2d30; position: relative; padding-top: 43px; } .list-1 .title-1:before { content: ""; position: absolute; left: 0; top: 0; height: 4px; width: 48px; background: #f1ba84; } .list-1 .title-2 { font-size: 34px; line-height: 34px; color: #f1ba84; margin-bottom: 45px; } .list-1 li span { display: inline-block; font-size: 16px; font-weight: 500; text-decoration: underline; color: #676b78; } .list-1 li a:hover .title-1:before{ width: 100%; } .list-1 li a:hover span { color: #000; } .list-2 {margin-bottom: 60px;} .list-2:after { display: table; clear: both; content: ""; } .list-2 li {float: left; width: 10%; text-align: center;} .list-2 li a {display: block; overflow: hidden;} .list-2 li a:hover {opacity: 0.5;} .list-2 li a img {max-width: 100%;} .label-product > span { font-size: 12px; line-height: 16px; display: inline-block; position: absolute; left: 15px; top: 15px; color: #fff; padding:12px 13px; background: #676b78; z-index: 2; } .label-product > span:after { content: ""; position: absolute; right: -7px; top: 0; width: 0; height: 0; border-style: solid; border-width: 19px 7px 0 0; border-color: #676b78 transparent transparent transparent; } .label-product > span.sale:after {border-color: #f1ba84 transparent transparent transparent;} .label-product > span:before { content: ""; position: absolute; right: -7px; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 19px 0 0 7px; border-color: transparent transparent transparent #676b78; } .label-product > span.sale:before {border-color: transparent transparent transparent #f1ba84;} .sidebar .label-product > span {left: 15px;} .label-product > span.sale {background: #f1ba84; } .label-product.label-indent > span.new {top: 40px;} .products-list .label-product > span.sale {right: auto; left: 10px;} .products-list .label-product.label-indent > span.sale {top: 40px;} .list-1 .block-1:hover .content-center{ animation-duration: 0.4s; -webkit-animation-duration: 0.4s; animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-name: zoomIn; -webkit-animation-name:zoomIn; background: none repeat scroll 0 0 rgba(95, 124, 138, 0.1); } a, .products-grid .product-thumbs, .row-cat span, .link-button, .slog-3, .list-1 li a, .list-3 a, button.button > span, .head-icon-menu, .list-1 li a .title-1:before, .list-1 li a span, .header .links li a:before { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* -------------------------------------------- * * Inputs */ .input-text { /*-webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; border: 1px solid silver; background: #FFFFFF; font-size: 15px;*/ color:#747474; background: #f5f5f5; font-size: 13px; /*-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;*/ border: none; padding: 8px 10px; width: 365px; height: 30px; /*box-shadow: inset 0 2px 3px rgba( 0, 0, 0, 0.1 );*/ clear: both; } .input-text:focus { border: 1px solid #584F3F; outline-color: #584F3F; } #newsletter-validate-detail .input-text { font-size: 11px; } .input-text.validation-failed { border-color: red; } .input-text.validation-failed:focus { outline-color: #ff7f7f; } input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text] { height: 40px; padding: 0 12px; border: 1px solid #000; } input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text] { width: 90%; max-width: 90%; margin: 1em; } /* Only show on iPhones (not iPads or any other device) */ @media only screen and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 0) { input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text], select { font-size: 16px; /* Prevent from zooming on focus */ } } .ie8 .input-text { max-width: none; } /* -------------------------------------------- * * Inputs - Quantity */ input[type=number].qty, input[type=text].qty { width: 3em; text-align: center; vertical-align: middle; } /* -------------------------------------------- * * Placeholder */ ::-webkit-input-placeholder { color: #a0a0a0; } input:-moz-placeholder { color: #a0a0a0; } /* -------------------------------------------- * * Checkbox And Radio */ .checkbox, .radio { position: relative; top: -1px; display: inline-block; } .checkbox + label, .radio + label { width: auto; max-width: 85%; padding: 0 0 0 8px; font-size: 14px; font-weight: normal; vertical-align: top; } /* Clears ================================================================================ */ .clear {clear: both; display: block; overflow: hidden; visibility: hidden;width: 0;height: 0;} .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-view .box-tags .form-add:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after, .products-grid .actions:after, .header .row-2:after, .header-buttons:after, .input-box:after, .block-subscribe .block-content:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* ======================================================================================= */ @media only screen and (max-width: 767px) { .header .logo { padding-top: 25px; } .skip-content .sf-menu-block { margin: -12px 0px; float:none; } .skip-content .sf-menu-block > div#menu-icon { width: 120px; margin: 0 auto; } .footer-subscribe .form-subscribe-header { text-align: center; width: 100%; } .footer-subscribe .block-subscribe .input-box { float: left; } .footer-nav .footer-links li { padding-right: 0; } .footer-links li::after { content: ""; padding-left:0px; } .footer-subscribe .block-subscribe .actions { float: left; } .footer-social, .socialnav { display: inline; float: none; } .footer .footer-social ul li.socialnav { display: inline; margin: 0; padding: 0 4px; } .footer .footer-nav { text-align: center; } form#newsletter-validate-detail .actions { float: none; margin: 0 auto; padding: 10px 0 !important; } form#newsletter-validate-detail { clear: both; display: block; float: none; text-align: center; } form#newsletter-validate-detail .input-box { float: none; } input#newsletter { height: 50px; width: 250px; margin: 0px auto; } /* HYGC-081 */ } @media only screen and (min-width: 770px) { .page { min-height: 880px; } } @media only screen and (min-width: 992px) and (max-width: 1024px) { .page-header-outofbounds { padding-right: 0px; position: absolute; width: 100%; height: 120px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer .footer-col {width: 33.3333333%;} } @media only screen and (min-width: 850px) and (max-width: 991px) { .header-container {padding-top: 0px; height: 105px;} .header {padding: 0 10px;} .header h1.logo {margin: -13px 0 0 0;} .block-poll .answer {width:95px;} .footer-container {padding: 20px 0;} .footer-cols-wrapper { position:relative; } .footer .footer-col.last { margin-right:0; } .container-bg .input-box {width: 220px;} .my-account #wishlist-view-form #wishlist-table .product-image img {height:100px;width:100px;} .my-account .data-table th, .my-account .data-table td {padding: 5px;} #wishlist-view-form .buttons-set.buttons-set2 {text-align:center;} #wishlist-view-form .buttons-set.buttons-set2 button.button {float:none;margin: 0 10px 10px 0 !important;} #customer-reviews button.button {float:left;} .box-up-sell .up-sell-carousel-none li .product-box {padding: 5px;} .box-up-sell .up-sell-carousel-none li {width: 150px;} .footer .footer-col {width: 50%; margin-bottom: 30px;} .footer .footer-col:nth-child(3) { clear: left; } .list-1 .title-4, .list-1 .title-2 {font-size: 30px; line-height: 30px;} } @media only screen and (max-width: 904px) { .footer-social, .socialnav {float: none;} } @media only screen and (max-width: 736px) { .header { padding: 0px; } .sf-menu-phone { margin-top: 80px; } } @media only screen and (max-width: 849px) { body { padding: 0; } body.ind.ps-phone { overflow: scroll; position: fixed; width: 100%; margin-left: -9px; } body.ind.ps-static { overflow: hidden; } .col1-layout .col-main, .col2-left-layout .col-main, .col2-right-layout .col-main { float: none; } .container { margin: 0 auto; } .page > div > .container { padding: 0; } .page { /*margin: 0 8px; padding-top: 50px;*/ } .header-bg { margin-top: 0; } .inner-container { width: 100%; height: 105px; } .header { margin: 0; padding: 0 10px; width: 100% } .header .top-search, .header .welcome-msg { display: none; } .header .logo { display: block; float: none; margin: 0 auto 15px !important; text-align: center; } .header .header-info, .header-list-icon { float: none; text-align: center; border: 0; } .header .header-info { padding: 10px; } .header-list-icon li { float: none; display: inline-block; } .header .logo { z-index: 100; max-width: 75%; } .footer .footer-col-content { display: none; } .footer-container { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; } .footer { padding: 0 10px; } .footer-cols-wrapper { border: 0; } .footer .footer-col { margin-right: 0; width: 100%; } .footer .footer-col-content { margin-bottom: 12px; } .footer .paypal-logo { float: left; clear: left; margin: 10px 0; } .footer address { border-top: none; } .footer h4 { border-bottom: 1px solid #848996; padding-bottom: 10px; margin-bottom: 12px; padding-right: 45px; } .footer h4:hover { cursor: pointer; } .footer h4 span.toggle { top: 3px; } .footer-container-bottom .paypal-logo { float: left; clear: left; margin: 10px 0; } .footer .store-switcher { float: left; clear: left; } .container-bg { margin: 0 -10px; padding: 7px 20px; } .container-bg .block-subscribe { float: none; } .container-bg .input-box { width: 100%; } .container-bg .block-title { float: none; margin-bottom: 10px; } .container-bg button.button { margin-top: 10px; } #back-top { display: none !important; } } @media only screen and (max-width: 768px) { .header .logo { padding-top: 5px; margin: 0 auto !important; } .sf-menu-block { margin-top: -64px !important; } .header .logo img { max-height: 100px; } .header-container { height: 105px; width: 100%; position: fixed; margin: 0; padding: 0; } } .skip-content .sf-menu-block > div#menu-icon::before {font-size: 14px;padding-top: 2px;padding-left: 5px;} @media only screen and (max-width: 850px) { .skip-content .sf-menu-block { float: left; padding-right: 0px; position: absolute; } .skip-content .sf-menu-block > div#menu-icon::before { float:left; content: ""; padding-left:5px; padding-top:2px; } } @media only screen and (max-width: 767px) { .skip-content .sf-menu-block { margin-top:-85px; } .skip-content .sf-menu-block > div#menu-icon { font-size: 3rem; font-weight: bold; height: 40px; line-height: 33px; margin: 10px 0 0 20px; padding: 0px; width: auto; float: left; } } /* Make the drop-down menu full screen on large phones (iPhone 7 plus) and smaller screen sizes */ @media only screen and (max-width: 414px) { .sf-menu-phone, .sf-menu-block { width: 100% !important; } } .nav-container { position: relative; z-index: 4; top:0; width: 100%; left: 0;} .sf-menu { float: right; vertical-align: bottom; margin-top: -84px; display: flex; align-items: stretch; /* Default */ justify-content: space-between; width: 90%; } @media only screen and (min-width: 850px) and (max-width: 991px) { .sf-menu { margin-top: -67px; } .sf-menu .level-top { padding-top: 9px !important; padding-bottom: 9px !important; } .inner-container { height: 105px; } .page-header-outofbounds { height: 105px; } .header .logo img { max-width: 100%; height: auto; max-height: 100px; margin-left: 2rem; } } @media only screen and (min-width: 992px) and (max-width: 1024px) { .sf-menu { margin-top: -100px; } .sf-menu .level-top { padding-top: 11px !important; padding-bottom: 10px !important; } } .sf-menu li { float: left; text-align: center; position: relative; display: block; flex: 0 1 auto; /* Default */ width: 100%; } .sf-menu .level-top { padding-top: 12px; padding-bottom: 11px; } .sf-menu .nav-4 { background-color: #00a1ff; } .sf-menu .last.level-top > a > span { color: #fff; } .sf-menu li.parent {z-index: 999;} .sf-menu li a { display: inline-block; color: #5e5e5e; font-style: normal; text-decoration: none; position: relative; padding: 0; text-transform: capitalize; font-weight: 700; } .sf-menu > li > a > span { display: block; font-size: 1.5rem; line-height: 17px; text-transform: uppercase; cursor: pointer; white-space: nowrap; padding: 16px 20px 14px; } .sf-menu > li > a > span:hover { color: #00a1ff; } @media only screen and (min-width: 992px) and (max-width: 1024px) { .sf-menu > li > a > span { font-size: 1.25rem; } } .sf-menu li ul a span { white-space: normal;} .sf-menu li.last.level0:after{ content: " " !important; padding-right: 0 !important; } @media only screen and (min-width: 850px) and (max-width: 991px) { .sf-menu > li > a > span { font-size: 1.2rem; letter-spacing: -0.05rem; padding: 10px; } } .sf-menu li a:hover { text-decoration: none;} .sf-menu ul { position: absolute; top: -999em; z-index: 99; width: inherit; display: none; /*background: #fff;*/ box-shadow:0 4px 8px rgba(0,0,0,0.12); -moz-box-shadow:0 4px 8px rgba(0,0,0,0.12); -webkit-box-shadow:0 4px 8px rgba(0,0,0,0.12); } .sf-menu li li { border: none; border-bottom-width: 0;} .sf-menu li li.parent > a:before { content: "\f101"; float: right; } .sf-menu li li.last { border-bottom-width: 1px;} .sf-menu li li { position: relative; float: none; background-color: #fff;} .sf-menu li li a { display: block; background: none; font-family: "azo-sans-web", sans-serif; font-size: 1.5rem; line-height: 15px; color: #5e5e5e; font-weight: 700; text-align: left; padding: 15px 20px; text-transform: uppercase; } .sf-menu li li > a:hover, .sf-menu li li.sfHover > a, .sf-menu li li.active > a { opacity: .8;} .sf-menu ul ul { position: absolute; top: -999em; z-index: 99; width: 192px; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0px; top: 92px; /* match top ul list item height */ } @media only screen and (min-width: 992px) and (max-width: 1024px) { .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0px; top: 89px; } } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 193px; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 193px; /* match ul width */ top: 0; } @media only screen and (min-width: 850px) { #menu-icon, .sf-menu-phone, .sf-menu-block { display: none !important;} } @media only screen and (max-width: 849px) { .nav-container {position: relative !important;} .pseudoStickyBlock {display: none !important;} .sf-menu, .sf-menu-phone {display: none;} /* menu icon */ .sf-menu-block {display: block; position: relative; float: left; margin-top: -94px;} #menu-icon { display: block; font-size: 4rem; line-height: 21px; cursor: pointer; text-transform: uppercase; padding: 0 20px; height: 50px; line-height: 50px; color: #21336b; } #menu-icon.active { float: left; } #menu-icon:before {content: " "; font-size: 20px; /*line-height: 50px;*/ float: right; padding-left: 10px; } #menu-icon.active:before { content: " "; } .sf-menu-phone { background: #fff; border-top: 0; z-index: 10000; width: 450px; position: absolute; box-shadow: 0 5px 51px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 5px 51px rgba(0, 0, 0, 0.15); margin-top: 65px; } .sf-menu-phone li { position: relative; text-transform: uppercase; } .sf-menu-phone > li { padding: 10px 20px; font-size: 14px; text-transform: uppercase; text-align: left; } .sf-menu-phone > li.last { border-bottom: 0;} .sf-menu-phone li a { display: inline-block; color: #5e5e5e; font-weight: 700; font-size: 2rem; font-style: normal; } .sf-menu-phone li a:hover { color: #000; } .sf-menu-phone li li {font-size: 11px; padding: 2px 8px; } .sf-menu-phone li li.last {padding-bottom: 10px;} .sf-menu-phone li li:first-child {padding-top: 10px;} .sf-menu-phone li li:first-child strong {top:10px;} .sf-menu-phone li strong { position: absolute; display: block; top: 4px; right: 5px; width: 24px; font-size: 16px; line-height: 16px; text-align: center; } .sf-menu-phone > li > strong {top: 2px; right: 18px; font-size: 20px; line-height: 20px;} .sf-menu-phone li strong:hover { cursor: pointer; } .sf-menu-phone li strong:before {content: "\f067"; background-color: #fefefe; border-radius: 20px; padding: 6px 8px; } .sf-menu-phone li strong.opened:before { content: "\f068"; } /* dropdown */ .sf-menu-phone ul { width: auto; display: none; } .sf-menu-phone > li.active > a > span {color: inherit; } .sf-menu-phone li.active > a, .sf-menu-phone li a:hover { color: #5e5e5e; } } @media only screen and (max-width: 767px) { .sf-menu-block {margin: 0 10px;} .sf-menu-block {display: block; position: relative; float: right; margin-top: -139px;} } @media only screen and (max-width: 414px) { .sf-menu-phone { margin-top: 60px; } } #nav > li.level0.nav-1.first.level-top.parent > ul > li.level1.nav-1-2.last > a { color: #ed1c24; } /************************** * * GENERAL * **************************/ .camera_wrap a, .camera_wrap img, .camera_wrap ol, .camera_wrap ul, .camera_wrap li, .camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td .camera_thumbs_wrap a, .camera_thumbs_wrap img, .camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li, .camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td { background: none; border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; list-style: none } .camera_wrap { display: none; float: left; position: relative; z-index: 0; } .camera_wrap img { max-width: none!important; } .camera_fakehover { height: 100%; min-height: 60px; position: relative; width: 100%; z-index: 1; } .camera_wrap { width: 100%; } .camera_src { display: none; } .cameraCont, .cameraContents { height: 100%; position: relative; width: 100%; z-index: 1; } .cameraSlide { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .cameraContent { bottom: 0; display: none; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .camera_target { bottom: 0; height: 100%; left: 0; overflow: hidden; position: absolute; right: 0; text-align: left; top: 0; width: 100%; z-index: 0; } .camera_overlayer { bottom: 0; height: 100%; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%; z-index: 0; } .camera_target_content { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 2; } .camera_target_content .camera_link { background: url(cst/saferpainrelief2/images/camera/blank.gif); display: block; height: 100%; text-decoration: none; } .camera_loader { background: #fff url(cst/saferpainrelief2/images/camera/camera-loader.gif) no-repeat center; background: rgba(255, 255, 255, 0.9) url(cst/saferpainrelief2/images/camera/camera-loader.gif) no-repeat center; border: 1px solid #ffffff; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; height: 36px; left: 50%; overflow: hidden; position: absolute; margin: -18px 0 0 -18px; top: 50%; width: 36px; z-index: 3; } .camera_bar { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 3; } .camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar { height: 100%; position: absolute; width: auto; } .camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar { height: auto; position: absolute; width: 100%; } .camera_nav_cont { height: 65px; overflow: hidden; position: absolute; right: 9px; top: 15px; width: 120px; z-index: 4; } .camera_caption { bottom: 0; display: block; position: absolute; width: 100%; } .camera_caption > div { padding: 10px 20px; } .camerarelative { overflow: hidden; position: relative; } .imgFake { cursor: pointer; } .camera_prevThumbs { bottom: 4px; cursor: pointer; left: 0; position: absolute; top: 4px; visibility: hidden; width: 30px; z-index: 10; } .camera_prevThumbs div { background: url(cst/saferpainrelief2/images/camera/camera_skins.png) no-repeat -160px 0; display: block; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 30px; } .camera_nextThumbs { bottom: 4px; cursor: pointer; position: absolute; right: 0; top: 4px; visibility: hidden; width: 30px; z-index: 10; } .camera_nextThumbs div { background: url(cst/saferpainrelief2/images/camera/camera_skins.png) no-repeat -190px 0; display: block; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 30px; } .camera_command_wrap .hideNav { display: none; } .camera_command_wrap { left: 0; position: relative; right:0; z-index: 4; } .camera_wrap .camera_pag .camera_pag_ul { list-style: none; margin: 0; padding: 0; text-align: right; } .camera_wrap .camera_pag .camera_pag_ul li { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor: pointer; display: inline-block; height: 16px; margin: 20px 5px; position: relative; text-align: left; text-indent: -9999px; width: 16px; } .camera_commands_emboss .camera_pag .camera_pag_ul li { -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); } .camera_wrap .camera_pag .camera_pag_ul li > span { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 8px; left: 4px; overflow: hidden; position: absolute; top: 4px; width: 8px; } .camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span { -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); } .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span { -moz-box-shadow: 0; -webkit-box-shadow: 0; box-shadow: 0; } .camera_pag_ul li img { display: none; position: absolute; } .camera_pag_ul .thumb_arrow { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid; top: 0; left: 50%; margin-left: -4px; position: absolute; } .camera_prev, .camera_next, .camera_commands { cursor: pointer; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 40px; z-index: 2; } .camera_prev { left: 0; } .camera_prev > span { background: url(cst/saferpainrelief2/images/camera/camera_skins.png) no-repeat 0 0; display: block; height: 40px; width: 40px; } .camera_next { right: 0; } .camera_next > span { background: url(cst/saferpainrelief2/images/camera/camera_skins.png) no-repeat -40px 0; display: block; height: 40px; width: 40px; } .camera_commands { right: 41px; } .camera_commands > .camera_play { background: url(cst/saferpainrelief2/images/camera/camera_skins.png) no-repeat -80px 0; height: 40px; width: 40px; } .camera_commands > .camera_stop { background: url(cst/saferpainrelief2/images/camera/camera_skins.png) no-repeat -120px 0; display: block; height: 40px; width: 40px; } .camera_wrap .camera_pag .camera_pag_ul li { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor: pointer; display: inline-block; height: 16px; margin: 20px 5px; position: relative; text-indent: -9999px; width: 16px; } .camera_thumbs_cont { -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; overflow: hidden; position: relative; width: 100%; } .camera_commands_emboss .camera_thumbs_cont { -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); } .camera_thumbs_cont > div { float: left; width: 100%; } .camera_thumbs_cont ul { overflow: hidden; padding: 3px 4px 8px; position: relative; text-align: center; } .camera_thumbs_cont ul li { display: inline; padding: 0 4px; } .camera_thumbs_cont ul li > img { border: 1px solid; cursor: pointer; margin-top: 5px; vertical-align:bottom; } .camera_clear { display: block; clear: both; } .showIt { display: none; } .camera_clear { clear: both; display: block; height: 1px; margin: -1px 0 25px; position: relative; } /************************** * * COLORS & SKINS * **************************/ .pattern_1 .camera_overlayer { background: url(cst/saferpainrelief2/images/camera/patterns/overlay1.png) repeat; } .pattern_2 .camera_overlayer { background: url(cst/saferpainrelief2/images/camera/patterns/overlay2.png) repeat; } .pattern_3 .camera_overlayer { background: url(cst/saferpainrelief2/images/camera/patterns/overlay3.png) repeat; } .pattern_4 .camera_overlayer { background: url(cst/saferpainrelief2/images/camera/patterns/overlay4.png) repeat; } .pattern_5 .camera_overlayer { background: url(cst/saferpainrelief2/images/camera/patterns/overlay5.png) repeat; } .pattern_6 .camera_overlayer { background: url(cst/saferpainrelief2/images/camera/patterns/overlay6.png) repeat; } .pattern_7 .camera_overlayer { background: url(cst/saferpainrelief2/images/camera/patterns/overlay7.png) repeat; } .pattern_8 .camera_overlayer { background: url(cst/saferpainrelief2/images/camera/patterns/overlay8.png) repeat; } .pattern_9 .camera_overlayer { background: url(cst/saferpainrelief2/images/camera/patterns/overlay9.png) repeat; } .pattern_10 .camera_overlayer { background: url(cst/saferpainrelief2/images/camera/patterns/overlay10.png) repeat; } .camera_caption { color: #fff; } .camera_caption > div { background: #000; background: rgba(0, 0, 0, 0.8); } .camera_wrap .camera_pag .camera_pag_ul li { background: #b7b7b7; } .camera_wrap .camera_pag .camera_pag_ul li:hover > span { background: #b7b7b7; } .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span { background: #434648; } .camera_pag_ul li img { border: 4px solid #e6e6e6; -moz-box-shadow: 0px 3px 6px rgba(0,0,0,.5); -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.5); box-shadow: 0px 3px 6px rgba(0,0,0,.5); } .camera_pag_ul .thumb_arrow { border-top-color: #e6e6e6; } .camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont { background: #d8d8d8; background: rgba(216, 216, 216, 0.85); } .camera_wrap .camera_pag .camera_pag_ul li { background: #b7b7b7; } .camera_thumbs_cont ul li > img { border-color: 1px solid #000; } /*AMBER SKIN*/ .camera_amber_skin .camera_prevThumbs div { background-position: -160px -160px; } .camera_amber_skin .camera_nextThumbs div { background-position: -190px -160px; } .camera_amber_skin .camera_prev > span { background-position: 0 -160px; } .camera_amber_skin .camera_next > span { background-position: -40px -160px; } .camera_amber_skin .camera_commands > .camera_play { background-position: -80px -160px; } .camera_amber_skin .camera_commands > .camera_stop { background-position: -120px -160px; } /*ASH SKIN*/ .camera_ash_skin .camera_prevThumbs div { background-position: -160px -200px; } .camera_ash_skin .camera_nextThumbs div { background-position: -190px -200px; } .camera_ash_skin .camera_prev > span { background-position: 0 -200px; } .camera_ash_skin .camera_next > span { background-position: -40px -200px; } .camera_ash_skin .camera_commands > .camera_play { background-position: -80px -200px; } .camera_ash_skin .camera_commands > .camera_stop { background-position: -120px -200px; } /*AZURE SKIN*/ .camera_azure_skin .camera_prevThumbs div { background-position: -160px -240px; } .camera_azure_skin .camera_nextThumbs div { background-position: -190px -240px; } .camera_azure_skin .camera_prev > span { background-position: 0 -240px; } .camera_azure_skin .camera_next > span { background-position: -40px -240px; } .camera_azure_skin .camera_commands > .camera_play { background-position: -80px -240px; } .camera_azure_skin .camera_commands > .camera_stop { background-position: -120px -240px; } /*BEIGE SKIN*/ .camera_beige_skin .camera_prevThumbs div { background-position: -160px -120px; } .camera_beige_skin .camera_nextThumbs div { background-position: -190px -120px; } .camera_beige_skin .camera_prev > span { background-position: 0 -120px; } .camera_beige_skin .camera_next > span { background-position: -40px -120px; } .camera_beige_skin .camera_commands > .camera_play { background-position: -80px -120px; } .camera_beige_skin .camera_commands > .camera_stop { background-position: -120px -120px; } /*BLACK SKIN*/ .camera_black_skin .camera_prevThumbs div { background-position: -160px -40px; } .camera_black_skin .camera_nextThumbs div { background-position: -190px -40px; } .camera_black_skin .camera_prev > span { background-position: 0 -40px; } .camera_black_skin .camera_next > span { background-position: -40px -40px; } .camera_black_skin .camera_commands > .camera_play { background-position: -80px -40px; } .camera_black_skin .camera_commands > .camera_stop { background-position: -120px -40px; } /*BLUE SKIN*/ .camera_blue_skin .camera_prevThumbs div { background-position: -160px -280px; } .camera_blue_skin .camera_nextThumbs div { background-position: -190px -280px; } .camera_blue_skin .camera_prev > span { background-position: 0 -280px; } .camera_blue_skin .camera_next > span { background-position: -40px -280px; } .camera_blue_skin .camera_commands > .camera_play { background-position: -80px -280px; } .camera_blue_skin .camera_commands > .camera_stop { background-position: -120px -280px; } /*BROWN SKIN*/ .camera_brown_skin .camera_prevThumbs div { background-position: -160px -320px; } .camera_brown_skin .camera_nextThumbs div { background-position: -190px -320px; } .camera_brown_skin .camera_prev > span { background-position: 0 -320px; } .camera_brown_skin .camera_next > span { background-position: -40px -320px; } .camera_brown_skin .camera_commands > .camera_play { background-position: -80px -320px; } .camera_brown_skin .camera_commands > .camera_stop { background-position: -120px -320px; } /*BURGUNDY SKIN*/ .camera_burgundy_skin .camera_prevThumbs div { background-position: -160px -360px; } .camera_burgundy_skin .camera_nextThumbs div { background-position: -190px -360px; } .camera_burgundy_skin .camera_prev > span { background-position: 0 -360px; } .camera_burgundy_skin .camera_next > span { background-position: -40px -360px; } .camera_burgundy_skin .camera_commands > .camera_play { background-position: -80px -360px; } .camera_burgundy_skin .camera_commands > .camera_stop { background-position: -120px -360px; } /*CHARCOAL SKIN*/ .camera_charcoal_skin .camera_prevThumbs div { background-position: -160px -400px; } .camera_charcoal_skin .camera_nextThumbs div { background-position: -190px -400px; } .camera_charcoal_skin .camera_prev > span { background-position: 0 -400px; } .camera_charcoal_skin .camera_next > span { background-position: -40px -400px; } .camera_charcoal_skin .camera_commands > .camera_play { background-position: -80px -400px; } .camera_charcoal_skin .camera_commands > .camera_stop { background-position: -120px -400px; } /*CHOCOLATE SKIN*/ .camera_chocolate_skin .camera_prevThumbs div { background-position: -160px -440px; } .camera_chocolate_skin .camera_nextThumbs div { background-position: -190px -440px; } .camera_chocolate_skin .camera_prev > span { background-position: 0 -440px; } .camera_chocolate_skin .camera_next > span { background-position: -40px -440px; } .camera_chocolate_skin .camera_commands > .camera_play { background-position: -80px -440px; } .camera_chocolate_skin .camera_commands > .camera_stop { background-position: -120px -440px ; } /*COFFEE SKIN*/ .camera_coffee_skin .camera_prevThumbs div { background-position: -160px -480px; } .camera_coffee_skin .camera_nextThumbs div { background-position: -190px -480px; } .camera_coffee_skin .camera_prev > span { background-position: 0 -480px; } .camera_coffee_skin .camera_next > span { background-position: -40px -480px; } .camera_coffee_skin .camera_commands > .camera_play { background-position: -80px -480px; } .camera_coffee_skin .camera_commands > .camera_stop { background-position: -120px -480px ; } /*CYAN SKIN*/ .camera_cyan_skin .camera_prevThumbs div { background-position: -160px -520px; } .camera_cyan_skin .camera_nextThumbs div { background-position: -190px -520px; } .camera_cyan_skin .camera_prev > span { background-position: 0 -520px; } .camera_cyan_skin .camera_next > span { background-position: -40px -520px; } .camera_cyan_skin .camera_commands > .camera_play { background-position: -80px -520px; } .camera_cyan_skin .camera_commands > .camera_stop { background-position: -120px -520px ; } /*FUCHSIA SKIN*/ .camera_fuchsia_skin .camera_prevThumbs div { background-position: -160px -560px; } .camera_fuchsia_skin .camera_nextThumbs div { background-position: -190px -560px; } .camera_fuchsia_skin .camera_prev > span { background-position: 0 -560px; } .camera_fuchsia_skin .camera_next > span { background-position: -40px -560px; } .camera_fuchsia_skin .camera_commands > .camera_play { background-position: -80px -560px; } .camera_fuchsia_skin .camera_commands > .camera_stop { background-position: -120px -560px ; } /*GOLD SKIN*/ .camera_gold_skin .camera_prevThumbs div { background-position: -160px -600px; } .camera_gold_skin .camera_nextThumbs div { background-position: -190px -600px; } .camera_gold_skin .camera_prev > span { background-position: 0 -600px; } .camera_gold_skin .camera_next > span { background-position: -40px -600px; } .camera_gold_skin .camera_commands > .camera_play { background-position: -80px -600px; } .camera_gold_skin .camera_commands > .camera_stop { background-position: -120px -600px ; } /*GREEN SKIN*/ .camera_green_skin .camera_prevThumbs div { background-position: -160px -640px; } .camera_green_skin .camera_nextThumbs div { background-position: -190px -640px; } .camera_green_skin .camera_prev > span { background-position: 0 -640px; } .camera_green_skin .camera_next > span { background-position: -40px -640px; } .camera_green_skin .camera_commands > .camera_play { background-position: -80px -640px; } .camera_green_skin .camera_commands > .camera_stop { background-position: -120px -640px ; } /*GREY SKIN*/ .camera_grey_skin .camera_prevThumbs div { background-position: -160px -680px; } .camera_grey_skin .camera_nextThumbs div { background-position: -190px -680px; } .camera_grey_skin .camera_prev > span { background-position: 0 -680px; } .camera_grey_skin .camera_next > span { background-position: -40px -680px; } .camera_grey_skin .camera_commands > .camera_play { background-position: -80px -680px; } .camera_grey_skin .camera_commands > .camera_stop { background-position: -120px -680px ; } /*INDIGO SKIN*/ .camera_indigo_skin .camera_prevThumbs div { background-position: -160px -720px; } .camera_indigo_skin .camera_nextThumbs div { background-position: -190px -720px; } .camera_indigo_skin .camera_prev > span { background-position: 0 -720px; } .camera_indigo_skin .camera_next > span { background-position: -40px -720px; } .camera_indigo_skin .camera_commands > .camera_play { background-position: -80px -720px; } .camera_indigo_skin .camera_commands > .camera_stop { background-position: -120px -720px ; } /*KHAKI SKIN*/ .camera_khaki_skin .camera_prevThumbs div { background-position: -160px -760px; } .camera_khaki_skin .camera_nextThumbs div { background-position: -190px -760px; } .camera_khaki_skin .camera_prev > span { background-position: 0 -760px; } .camera_khaki_skin .camera_next > span { background-position: -40px -760px; } .camera_khaki_skin .camera_commands > .camera_play { background-position: -80px -760px; } .camera_khaki_skin .camera_commands > .camera_stop { background-position: -120px -760px ; } /*LIME SKIN*/ .camera_lime_skin .camera_prevThumbs div { background-position: -160px -800px; } .camera_lime_skin .camera_nextThumbs div { background-position: -190px -800px; } .camera_lime_skin .camera_prev > span { background-position: 0 -800px; } .camera_lime_skin .camera_next > span { background-position: -40px -800px; } .camera_lime_skin .camera_commands > .camera_play { background-position: -80px -800px; } .camera_lime_skin .camera_commands > .camera_stop { background-position: -120px -800px ; } /*MAGENTA SKIN*/ .camera_magenta_skin .camera_prevThumbs div { background-position: -160px -840px; } .camera_magenta_skin .camera_nextThumbs div { background-position: -190px -840px; } .camera_magenta_skin .camera_prev > span { background-position: 0 -840px; } .camera_magenta_skin .camera_next > span { background-position: -40px -840px; } .camera_magenta_skin .camera_commands > .camera_play { background-position: -80px -840px; } .camera_magenta_skin .camera_commands > .camera_stop { background-position: -120px -840px ; } /*MAROON SKIN*/ .camera_maroon_skin .camera_prevThumbs div { background-position: -160px -880px; } .camera_maroon_skin .camera_nextThumbs div { background-position: -190px -880px; } .camera_maroon_skin .camera_prev > span { background-position: 0 -880px; } .camera_maroon_skin .camera_next > span { background-position: -40px -880px; } .camera_maroon_skin .camera_commands > .camera_play { background-position: -80px -880px; } .camera_maroon_skin .camera_commands > .camera_stop { background-position: -120px -880px ; } /*ORANGE SKIN*/ .camera_orange_skin .camera_prevThumbs div { background-position: -160px -920px; } .camera_orange_skin .camera_nextThumbs div { background-position: -190px -920px; } .camera_orange_skin .camera_prev > span { background-position: 0 -920px; } .camera_orange_skin .camera_next > span { background-position: -40px -920px; } .camera_orange_skin .camera_commands > .camera_play { background-position: -80px -920px; } .camera_orange_skin .camera_commands > .camera_stop { background-position: -120px -920px ; } /*OLIVE SKIN*/ .camera_olive_skin .camera_prevThumbs div { background-position: -160px -1080px; } .camera_olive_skin .camera_nextThumbs div { background-position: -190px -1080px; } .camera_olive_skin .camera_prev > span { background-position: 0 -1080px; } .camera_olive_skin .camera_next > span { background-position: -40px -1080px; } .camera_olive_skin .camera_commands > .camera_play { background-position: -80px -1080px; } .camera_olive_skin .camera_commands > .camera_stop { background-position: -120px -1080px ; } /*PINK SKIN*/ .camera_pink_skin .camera_prevThumbs div { background-position: -160px -960px; } .camera_pink_skin .camera_nextThumbs div { background-position: -190px -960px; } .camera_pink_skin .camera_prev > span { background-position: 0 -960px; } .camera_pink_skin .camera_next > span { background-position: -40px -960px; } .camera_pink_skin .camera_commands > .camera_play { background-position: -80px -960px; } .camera_pink_skin .camera_commands > .camera_stop { background-position: -120px -960px ; } /*PISTACHIO SKIN*/ .camera_pistachio_skin .camera_prevThumbs div { background-position: -160px -1040px; } .camera_pistachio_skin .camera_nextThumbs div { background-position: -190px -1040px; } .camera_pistachio_skin .camera_prev > span { background-position: 0 -1040px; } .camera_pistachio_skin .camera_next > span { background-position: -40px -1040px; } .camera_pistachio_skin .camera_commands > .camera_play { background-position: -80px -1040px; } .camera_pistachio_skin .camera_commands > .camera_stop { background-position: -120px -1040px ; } /*PINK SKIN*/ .camera_pink_skin .camera_prevThumbs div { background-position: -160px -80px; } .camera_pink_skin .camera_nextThumbs div { background-position: -190px -80px; } .camera_pink_skin .camera_prev > span { background-position: 0 -80px; } .camera_pink_skin .camera_next > span { background-position: -40px -80px; } .camera_pink_skin .camera_commands > .camera_play { background-position: -80px -80px; } .camera_pink_skin .camera_commands > .camera_stop { background-position: -120px -80px; } /*RED SKIN*/ .camera_red_skin .camera_prevThumbs div { background-position: -160px -1000px; } .camera_red_skin .camera_nextThumbs div { background-position: -190px -1000px; } .camera_red_skin .camera_prev > span { background-position: 0 -1000px; } .camera_red_skin .camera_next > span { background-position: -40px -1000px; } .camera_red_skin .camera_commands > .camera_play { background-position: -80px -1000px; } .camera_red_skin .camera_commands > .camera_stop { background-position: -120px -1000px ; } /*TANGERINE SKIN*/ .camera_tangerine_skin .camera_prevThumbs div { background-position: -160px -1120px; } .camera_tangerine_skin .camera_nextThumbs div { background-position: -190px -1120px; } .camera_tangerine_skin .camera_prev > span { background-position: 0 -1120px; } .camera_tangerine_skin .camera_next > span { background-position: -40px -1120px; } .camera_tangerine_skin .camera_commands > .camera_play { background-position: -80px -1120px; } .camera_tangerine_skin .camera_commands > .camera_stop { background-position: -120px -1120px ; } /*TURQUOISE SKIN*/ .camera_turquoise_skin .camera_prevThumbs div { background-position: -160px -1160px; } .camera_turquoise_skin .camera_nextThumbs div { background-position: -190px -1160px; } .camera_turquoise_skin .camera_prev > span { background-position: 0 -1160px; } .camera_turquoise_skin .camera_next > span { background-position: -40px -1160px; } .camera_turquoise_skin .camera_commands > .camera_play { background-position: -80px -1160px; } .camera_turquoise_skin .camera_commands > .camera_stop { background-position: -120px -1160px ; } /*VIOLET SKIN*/ .camera_violet_skin .camera_prevThumbs div { background-position: -160px -1200px; } .camera_violet_skin .camera_nextThumbs div { background-position: -190px -1200px; } .camera_violet_skin .camera_prev > span { background-position: 0 -1200px; } .camera_violet_skin .camera_next > span { background-position: -40px -1200px; } .camera_violet_skin .camera_commands > .camera_play { background-position: -80px -1200px; } .camera_violet_skin .camera_commands > .camera_stop { background-position: -120px -1200px ; } /*WHITE SKIN*/ .camera_white_skin .camera_prevThumbs div { background-position: -160px -80px; } .camera_white_skin .camera_nextThumbs div { background-position: -190px -80px; } .camera_white_skin .camera_prev > span { background-position: 0 -80px; } .camera_white_skin .camera_next > span { background-position: -40px -80px; } .camera_white_skin .camera_commands > .camera_play { background-position: -80px -80px; } .camera_white_skin .camera_commands > .camera_stop { background-position: -120px -80px; } /*YELLOW SKIN*/ .camera_yellow_skin .camera_prevThumbs div { background-position: -160px -1240px; } .camera_yellow_skin .camera_nextThumbs div { background-position: -190px -1240px; } .camera_yellow_skin .camera_prev > span { background-position: 0 -1240px; } .camera_yellow_skin .camera_next > span { background-position: -40px -1240px; } .camera_yellow_skin .camera_commands > .camera_play { background-position: -80px -1240px; } .camera_yellow_skin .camera_commands > .camera_stop { background-position: -120px -1240px ; } .fluid_container_wrap { overflow: hidden; padding-bottom: 31px; } .camera_wrap {margin-bottom: 0 !important; height: 458px;} .camera_caption {} .camera_caption_container{ background-color: rgba(255,255,255,.7); padding-left: 4%; padding-bottom: 4%; margin-bottom: -65px; } .camera_caption a:hover {background: #333333; border-color: #000;} .camera_caption > div { background: none; opacity: 1 !important; padding: 0 0% 18%; overflow: hidden; margin: 0 auto; text-transform: uppercase; width: 47.5%; float: right; } .lof_camera_slog { font-family: 'Open Sans Condensed', sans-serif; font-size: 80px; letter-spacing: -2px; line-height: 45px; color: #000; margin-bottom: 13px; position: relative; padding-top: 42px; font-weight: 700; } /*.lof_camera_slog:before { content: ""; position: absolute; left: 0; top: 0; width: 50px; height: 4px; background: #f1ba84; }*/ .lof_camera_title { font-family: 'Open Sans Condensed', sans-serif; letter-spacing: -3px; font-size: 80px; line-height: 56px; color: #000; position: relative; margin-bottom: 60px; font-weight: 300; } .cta_text { color: #000; font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 20px; text-transform: none; display: inline-block; padding-right: 60px; vertical-align: bottom; } .cta_button{ display: inline-block; } .camera_caption .camera-link { font-size: 16px; line-height: 45px; display: inline-block; font-weight: bold; text-decoration: none; color: #fff; padding: 0 30px; background: #33abe0; box-shadow: 0px 6px 6px rgba(44,45,48,0.09); -webkit-box-shadow:3px 4px 5px rgba(0,0,0,0.03); } .camera_caption .camera-link:hover { opacity: 0.8; background: #33abe0; } .camera_prev, .camera_next { text-align: center; margin-top: 0; height: 37px; width: 37px; top: 50%; background: none; /*color: #cacbcd;*/ color: #fff; border-radius: 20px; background: #aaa; left: auto; } .camera_prev {left: 5%;} .camera_next {right: 5%;} .camera_prev:hover, .camera_next:hover {color: #676b78;} .camera_prev span, .camera_next span {display: none ; } .camera_prev:before, .camera_next:before { content: "\e11e"; font-size: 36px; line-height: 37px; height: 100%; width: 100%; display: block; } .camera_next:before {border-right:0; } .camera_prev:before {content: "\e092"; border-left: 0;} .camera_wrap .camera_pag .camera_pag_ul {position: absolute; bottom: 3.5%; text-align: center; width: 100%;} .camera_wrap .camera_pag .camera_pag_ul span {display: none;} .camera_wrap .camera_pag .camera_pag_ul li {width: 12px; height: 12px; background: #dadee1; margin: 0 5px;} .camera_wrap .camera_pag .camera_pag_ul li:hover, .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent {background: #00bbd3; } /* Safari 6.1+ (non-iOS) */ @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media { /*_:-webkit-full-screen, .camera_caption_container {margin-bottom:100px;}*/ _:-webkit-full-screen, .lof_camera_slog {font-size:80px ; letter-spacing: -2px !important; line-height: 55px;} _:-webkit-full-screen, .lof_camera_title {font-size:80px ; margin-bottom: 20px;} }} /* End safari 6.1+ hacks */ @media only screen and (min-width: 1101px) { .camera_caption_container {margin-bottom:-75px;} } @media only screen and (max-width: 1100px) { .camera_caption > div {padding-bottom: 10%;} .lof_camera_slog {font-size: 60px; line-height: 30px; margin-bottom: 0px;} .lof_camera_title {font-size: 60px; line-height: 30px;} .camera_prev {left: 2%;} .camera_next {right: 2%;} .cta_text {margin-bottom: 4%;} .camera_caption_container{margin-bottom: -50px;} } @media only screen and (max-width: 767px) { .fluid_container_wrap {margin-left: -10px; margin-right: -10px;} .lof_camera_slog {font-size: 50px; line-height: 50px; margin-bottom: 0px;} .lof_camera_title {font-size: 50px; line-height: 50px;;} .camera_caption .camera-link {line-height: 30px; padding: 0 33px; font-size: 14px;} .camera_prev:before, .camera_next:before { font-size: 17px !important; line-height: 20px !important; text-align: center; margin-top: 0; height: 25px; width: 25px; top: 50%; background: none; /*color: #cacbcd;*/ color: #fff; border-radius: 15px !important; background: #aaa; } .camera_caption_container{margin-bottom: -50px;} .cta_text {margin-bottom: 3%;} .camera_prev {left: 5%;} .camera_next {right: 5%;} .camera_prev .camera_next {font-size: 17px !important; line-height: 20px !important; width: 30px !important; border-radius: 15px !important;} } @media only screen and (max-width: 520px) { .camera_caption > div {padding-bottom: 5%; width: 56%; padding-right:8%;} } @media only screen and (max-width: 420px) { .camera_prev:before, .camera_next:before { font-size: 17px !important; line-height: 20px !important; text-align: center; margin-top: 0; height: 25px; width: 25px; top: 50%; background: none; /*color: #cacbcd;*/ color: #fff; border-radius: 15px; background: #aaa; left: auto; } .lof_camera_slog {font-size: 14px; line-height: 20px; padding-top: 10px;} .lof_camera_title {font-size: 16px; line-height:18px;} } /** * A. GREENWELL * * @category design * @package cst/saferpainrelief2 **/ /*** GLOBAL START ***/ .page { background: url('http://saferpainreliefdev.performancehealthdev.com/media/wysiwyg/spr/geoBG.png'); background-size: 100% auto; background-attachment: fixed; background-repeat: no-repeat; } .breadcrumbs { display: none; visibility: hidden; } @media only screen and (max-width: 736px) { .page { background-size: 200% auto; } } .label-xs { color: #000; font-size: 1.25rem; margin-right: 10px; margin-bottom: 0; } .resources-content-container { background-color: rgba(255,255,255,0.75); padding: 2em 4em; } .level0.nav-1 > ul.level0::before, .level0.nav-2 > ul.level0::before, .level0.nav-3 > ul.level0::before, .level0.nav-4 > ul.level0::before { content: ""; width: 0; position: absolute; margin-top: -10px; margin-left: -10px; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent; } /*** GLOBAL END ***/ /*** BUTTONS START ***/ .btn-custom { background-color: #21336b; color: #fff; font-weight: 900; text-transform: uppercase; border-radius: 22px; font-size: 1.3rem; padding: .75em 1.5em; transition: all 0.25s ease-in-out 0s; border: 3px solid #21336b; font-family: "azo-sans-web", sans-serif; } .btn-custom:hover { background-color: #fff; color: #21336b; border: 3px solid #21336b; font-weight: 900; } /*** BUTTONS END ***/ /*** HOME START ***/ .homepage-hero { margin-top: 2em; } .progressbar-container { height: 45px; background-color: #5e5e5e; } @media only screen and (min-width: 992px) and (max-width: 1024px) { .homepage-hero-container { vertical-align: bottom; display: flex; flex-direction: column; flex-grow: 1; height: 400px; } .homepage-hero { position: absolute; bottom: 0; } } @media only screen and (min-width: 1025px) and (max-width: 1200px) { .homepage-hero-container { vertical-align: bottom; display: flex; flex-direction: column; flex-grow: 1; height: 400px; } .homepage-hero { position: absolute; bottom: 0; } } @media only screen and (min-width: 992px) and (max-width: 1024px) { .homepage-hero-container { vertical-align: bottom; display: flex; flex-direction: column; flex-grow: 1; height: 350px; } .homepage-hero { position: absolute; bottom: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .homepage-hero-container { vertical-align: bottom; display: flex; flex-direction: column; flex-grow: 1; height: 400px; } .homepage-hero { position: absolute; bottom: 0; } } /*** HOME END ***/ /*** RESOURCES PAGE START ***/ .mpblog-main-container { background-color: #fff; margin-top: 3em; padding: 2em; } .mp-blog-head h1 { color: #21336b; } .mp-content > p { color: #5e5e5e; } .mp-content > ul { list-style-type: circle; margin-left: 4rem;} .mp-content > ul > li { color: #5e5e5e; } .mp-details > span.categories { display: none; visibility: hidden;} .mp-footer > span.categories { display: none; visibility: hidden; } .button.btn.btn-custom.mp-read-more { font-style: normal; } .mpblog-index-index h2, .mpblog-index-post h2 { margin-top: 4rem !important; } /*** RESOURCES PAGE END ***/ /*** FOOTER START ***/ @media only screen and (max-width: 768px) { .footer-links-container { width: 33%; float: left; } .footer-social-links-container { width: 33%; float: left; } .footer-ph-logo { width: 33%; position: relative; float: right; } } @media only screen and (max-width: 414px) { .footer-links-container { width: 50%; float: left; } .footer-social-links-container { width: 50%; float: left; } .footer-ph-logo { width: 100%; position: relative; float: right; margin-top: 2em; } .ftnav, .ftsocial { text-align: left; margin-left: 2em; } } @media only screen and (max-width: 320px) { .footer-links-container { width: 100%; float: left; } .footer-social-links-container { width: 100%; float: left; } .footer-ph-logo { width: 100%; position: relative; float: right; margin-top: 2em; } .ftnav, .ftsocial { text-align: left; margin-left: 2em; } .footer-nav i { padding: 0.5rem 1rem 0 0; } } .footer-links-2 .ft-header { color: #00a1ff; } .subscribe-block { padding: 2em 0; } .subscribe-copy { text-align: left; padding: 7% 0; } @media only screen and (max-width: 414px) { .subscribe-copy, .subscribe-form { text-align: left; padding: 1em 2em; } } @media only screen and (min-width: 415px) and (max-width: 768px) { .subscribe-form { text-align: left; padding: 1em 4em; } .subscribe-copy { text-align: left; padding: 1em 0em 1em 4em; } } @media only screen and (min-width: 769px) { .subscribe-form { padding: 2em 1em; } } .subscribe-form-radio-buttons { padding: 0 1em; } . .footer address { display: none; visibility: hidden; } /*** FOOTER END ***/ /*** TERMS & CONDITIONS START ***/ .cms-terms-conditions .std { max-width: 1200px; margin: 0 auto; background-color: #fff; padding: 2rem; } .cms-terms-conditions .std p { color: #5e5e5e; font-size: 16px; } .cms-terms-conditions .std .terms { color: #5e5e5e; } @media only screen and (max-width: 736px) and (orientation: landscape) { .ft-links > li > p { text-align: left; } } /*** TERMS & CONDITIONS END ***/ /*** PRIVACY POLICY START ***/ .cms-privacy-policy .std { max-width: 1200px; margin: 0 auto; background-color: #fff; padding: 2rem; } .cms-privacy-policy .std p { color: #5e5e5e; font-size: 16px; } .cms-privacy-policy .std h1 { display: none; visibility: hidden; } .cms-privacy-policy #layout { background-color: #fff; padding: 2rem 4rem; } /*** PRIVACY POLICY START ***/ /** * Magento Enterprise Edition * * NOTICE OF LICENSE * * This source file is subject to the Magento Enterprise Edition License * that is bundled with this package in the file LICENSE_EE.txt. * It is also available through the world-wide-web at this URL: * http://www.magentocommerce.com/license/enterprise-edition * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package enterprise_default * @copyright Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com) * @license http://www.magentocommerce.com/license/enterprise-edition */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { margin:10px 0; } .widget .widget-title h2 { font-size:18px; color:#d12c01; } .widget .widget-products { margin:0 -20px 0; } .cms-home .col1-layout .widget .widget-products, .cms-index-index .col1-layout .widget .widget-products { margin:0 0 20px; } .col-main > .widget { display:block; margin:40px 0 0; } .col-main > .widget + .widget { margin-top:20px; } /* std class reset */ .widget .products-grid { list-style:none; margin-bottom:0; padding-left:20px; } .widget .products-grid p, .widget .products-list p { margin-bottom:0; } .widget .products-list { list-style:none; margin-bottom:0; padding-left:0; } .widget .add-to-links { list-style:none; padding-left:0; margin:5px 0; } /* Widget Banner */ .widget-banner { clear:both; display:block; width:100%; overflow:hidden; text-align:center; } .widget-banner li { margin:7px 0; } .top-container .widget-banner li { margin:0; } .footer-before-container .widget-banner li { margin:0; } .widget-banner-inline { display:block; clear:both; padding:7px 0; text-align:center; } .widget-banner-inline ul, .widget-banner-inline li { display:inline; } .widget-banner-inline li { margin:0 3px; } .widget-banner-inline li img { vertical-align:middle; } /* Widget New Proructs */ .widget-new-products { display:block; margin:10px 0; } .checkout-cart-index .col1-layout .widget-new-products { display:block; padding:0 20px; } /* Widget Viewed Proructs */ .widget-viewed { display:block; margin:10px 0; } .checkout-cart-index .col1-layout .widget-viewed { display:block; padding:0 20px; } /* Widget Compared Proructs */ .widget-compared { display:block; margin:10px 0; } .checkout-cart-index .col1-layout .widget-compared { display:block; padding:0 20px; } /* Widget CMS Static Block */ .widget-static-block {} /* Widget Catalog Events Carousel */ .widget-events { display:block !important; } /* Widgets Links Common Styles */ /* Style 1 */ /*.top-container .widget-product-link, .top-container .widget-category-link, .top-container .widget-cms-link, .top-container .widget-hierarchy-link { float:left; border:1px solid #cfcfcf; border-bottom-color:#b2b2b2; margin:13px -1px 0 0; } .top-container .widget-product-link a, .top-container .widget-category-link a, .top-container .widget-cms-link a, .top-container .widget-hierarchy-link a { float:left; font-size:12px; background:#f2f2f2; border-top:1px solid #fff; border-bottom:1px solid #e2e2e2; padding:2px 5px 4px; color:#cc7137; text-decoration:underline; white-space:nowrap; } .top-container .widget-product-link a:hover, .top-container .widget-category-link a:hover, .top-container .widget-cms-link a:hover, .top-container .widget-hierarchy-link a:hover { color:#1e75b4; text-decoration:none; }*/ /* Style 2 */ .top-container .widget-product-link, .top-container .widget-category-link, .top-container .widget-cms-link, .top-container .widget-hierarchy-link { display:block; border-bottom:1px solid #e2e2e2; margin:7px 0; } .top-container .widget-product-link a, .top-container .widget-category-link a, .top-container .widget-cms-link a, .top-container .widget-hierarchy-link a { display:block; padding:12px 12px; background:#fff url(pd/default/images/bkg_widget-links.gif) 0 100% repeat-x; border:1px solid #cfcfcf; text-align:center; font:bold 15px/1.25 Arial, Helvetica, sans-serif; color:#444; text-decoration:none; } .top-container .widget-product-link a:hover, .top-container .widget-category-link a:hover, .top-container .widget-cms-link a:hover, .top-container .widget-hierarchy-link a:hover { color:#d53c00; text-decoration:none; } .footer-before-container .widget-product-link, .footer-before-container .widget-category-link, .footer-before-container .widget-cms-link, .footer-before-container .widget-hierarchy-link { display:block; border-bottom:1px solid #e2e2e2; margin:7px 0; } .footer-before-container .widget-product-link a, .footer-before-container .widget-category-link a, .footer-before-container .widget-cms-link a, .footer-before-container .widget-hierarchy-link a { display:block; padding:10px 12px; background:#fff url(pd/default/images/bkg_widget-links.gif) 0 100% repeat-x; border:1px solid #cfcfcf; text-align:center; font:bold 15px/1.25 Arial, Helvetica, sans-serif; color:#444; text-decoration:none; cursor:pointer; } .footer-before-container .widget-product-link a:hover, .footer-before-container .widget-category-link a:hover, .footer-before-container .widget-cms-link a:hover, .footer-before-container .widget-hierarchy-link a:hover { color:#d53c00; text-decoration:none; } /* Widget Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { font-size:12px; background:url(pd/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; } .col-main .widget-product-link a:hover { color:#333; text-decoration:none; } .sidebar .widget-product-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(pd/default/images/bkg_widget-product-link-icon.gif) 17px 3px no-repeat;*/ } .sidebar .widget-product-link a { font-size:12px; background:url(pd/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; } .sidebar .widget-product-link a:hover { color:#333; text-decoration:none; } /* Widget Category Link */ .widget-category-link-inline { display:inline; } .top-container .widget-category-link { border-bottom:0; } .top-container .widget-category-link a { border-color:#ca3934; color:#d53c00; background-image:url(pd/default/images/bkg_widget-links2.gif); background-color:#f9d2c1; } .top-container .widget-category-link a:hover { color:#fff; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { font-size:12px; background:url(pd/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; } .col-main .widget-category-link a:hover { color:#333; text-decoration:none; } .sidebar .widget-category-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(pd/default/images/bkg_widget-category-link-icon.gif) 19px 3px no-repeat;*/ } .sidebar .widget-category-link a { font-size:12px; background:url(pd/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; } .sidebar .widget-category-link a:hover { color:#333; text-decoration:none; } /* Widget CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { font-size:12px; background:url(pd/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; } .col-main .widget-cms-link a:hover { color:#333; text-decoration:none; } .sidebar .widget-cms-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(pd/default/images/bkg_widget-cms-link-icon.gif) 19px 2px no-repeat;*/ } .sidebar .widget-cms-link a { font-size:12px; background:url(pd/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; } .sidebar .widget-cms-link a:hover { color:#333; text-decoration:none; } /* Widget CMS Hierarchy Link */ .widget-cms-hierarchy-link-inline { display:inline; } .col-main .widget-cms-hierarchy-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-hierarchy-link a { font-size:12px; background:url(pd/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; } .col-main .widget-cms-hierarchy-link a:hover { color:#333; text-decoration:none; } .sidebar .widget-cms-hierarchy-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(pd/default/images/bkg_widget-cms-link-icon.gif) 19px 2px no-repeat;*/ } .sidebar .widget-cms-hierarchy-link a { font-size:12px; background:url(pd/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; } .sidebar .widget-cms-hierarchy-link a:hover { color:#333; text-decoration:none; } /* Widget SKU */ /* .widget-sku {} */ /* ======================================================================================= */ /* Product Detail sidebar */ .aw-mini-related-items .head h4 { background:url(enterprise/default/aw_alsoviewed/images/icon_clip.gif) left 5px no-repeat; } .aw-mini-related-items .product-images { width:72px; } .aw-mini-related-items .product-images a { display:block; margin-left:20px; } .aw-mini-related-items .product-images input { float:left; /*margin-right:4px; margin-left:-6px;*/ } .aw-mini-related-items .product-images .checkbox-container { float:left; width:15px; } .aw-mini-related-items .product-details { margin-left:80px; padding-left:25px; } .aw-mini-related-items ol li { padding-left:0 ; padding-right:0; } /* Base Mini */ .aw-base-mini { border:1px solid #c4c1bc; background:#fff; line-height:1.3em; font-size:.95em; } .aw-base-mini .head { margin:0 1px; border-bottom:1px solid #ddd; background:url(enterprise/default/aw_alsoviewed/images/base_mini_head_bg.gif) repeat-x #fff; padding:2px 8px; } .aw-base-mini .head h4 { min-height:16px; color:#e26703; background-repeat:no-repeat; background-position:0 0; padding:1px 0 1px 21px; text-transform:uppercase; } .aw-base-mini .head h4 .count { text-transform:none; color:#2f2f2f; white-space:nowrap; font-weight:normal; font-size:.95em; } .aw-base-mini h5 { font-size:1em; } .aw-base-mini .aw-content, .aw-base-mini ol { background:#f8f7f5; } .aw-base-mini ol li { padding:7px 4px 7px 0px; } .aw-base-mini ol li.odd { background:#f4f3f3; } .aw-base-mini ol li.even { background:#fafafa; } .aw-base-mini .actions { background:url(enterprise/default/aw_alsoviewed/images/base_mini_actions_bg.gif) repeat-x #dee5e8; padding:6px; } .aw-base-mini .product-images { float:left; width:52px; height:52px; } .aw-base-mini .product-images a img { border:1px solid #a9a9a9; vertical-align:top; } .aw-base-mini .product-checkbox { float:left; width:10px; } .aw-base-mini .product-names { margin-left:18px; } .aw-base-mini .product-details { margin:0 0 0 60px; height:50px; } .aw-base-mini .product-details[class] { height:auto; min-height:50px; } .aw-base-mini .regular-price { font-size:11px; } .aw-base-mini .regular-price .price { color:#2f2f2f; } .aw-base-mini .special-price { font-size:11px; } .aw-base-mini .minimal-price { font-size:11px; } .aw-base-mini .price-box { margin:1px 0; } .aw-link-cart { color:#DC6809 !important; font-weight:bold !important; } .aw-content { color:#1b2d3b; padding:12px 12px 12px 15px; } /* Sets default padding */ .aw-content#after1400 { padding:9px 9px 9px 12px !important; } /* Sets default padding for Magento 1.4.* */ .side-col .aw-box { margin-bottom:1.3em; } .side-col .aw-content { padding:5px 10px; } .shopping-cart-collaterals .aw-box { margin-bottom:18px; padding:12px 15px; border:1px solid #D0CBC1; background:url(enterprise/default/aw_alsoviewed/images/base_mini_head_bg.gif) repeat-x #fff; } .shopping-cart-collaterals .aw-box .form-button { margin-left:5px; } .also-enterprise li.item { height: 280px; }.zblock img { display: inline; } .zblock-slider img { display: inline; } .zblock-item { overflow: hidden; }/* Overlay */ #ampromo-items-add { border: 1px solid #ededed; padding: 7px; text-align: center; margin-bottom: 12px; } #ampromo-items-add a { text-decoration: none; border-bottom: 1px dashed; } .amscheckout #ampromo-items-add { margin: 7px 10px; } #ampromo-overlay { position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); top: 0; left: 0; z-index: 10000; text-align: center; direction: ltr; overflow: scroll; } #ampromo-overlay .close { position: absolute; top: 7px; right: 7px; background: url(enterprise/default/images/amasty/ampromo/close_icon.png) no-repeat; width: 16px; height: 16px; z-index: 1; margin: 0; padding: 0; font-size: 0; display: block; opacity: .8; } #ampromo-overlay .close:hover { opacity: 1; transition: opacity 0.2s ease; } @media only screen and (max-width: 820px) and (min-width: 420px) { body #ampromo-items.amcarousel { width: 400px; } body .amcarousel #ampromo-carousel-wrapper { width: 250px; } } @media only screen and (max-width: 420px) { body #ampromo-items.amcarousel { width: 100%; } body .amcarousel #ampromo-carousel-wrapper { width: 250px; } body .ampromo-carousel-control.prev { left: 0px; } body .ampromo-carousel-control.next { right: 0px; } body .ampromo-carousel-control { z-index: 10001; } } @media only screen and (max-width: 340px) { body #ampromo-items .ampromo-item { border: none; } } @media only screen and (max-height: 500px) { body #ampromo-items.amcarousel { top: 0 !important; height: 100%; } body #ampromo-items { padding-top: 0; } body #ampromo-items>h4 { display: none; } } /* Items */ #ampromo-items { border: 1px solid #ededed; background-color: white; position: relative; margin: 0 auto; padding: 24px; display: inline-block; box-sizing: border-box; } #ampromo-items.amcarousel { display: block; width: 685px; } #ampromo-items .ampromo-item { box-sizing: border-box; margin-bottom: 7px; padding: 20px; width: 250px; border: 1px solid #ededed; position: relative; margin-right: 12px; } #ampromo-items .ampromo-item-options { margin-bottom: 12px; text-align: left; } #ampromo-items .ampromo-item-image { display: block; margin: 0 auto; width: 160px; height: 160px } /* Carousel */ .amcarousel #ampromo-carousel-wrapper { width: 520px; } #ampromo-carousel-wrapper { overflow: hidden; margin: 0 auto; } .amcarousel #ampromo-carousel-content { width: 4500px; height: 1px; } #ampromo-carousel-content .ampromo-slide { float: left; } .amcarousel .ampromo-carousel-control { display: block; } .ampromo-carousel-control { position: absolute; top: 260px; background: url(enterprise/default/images/amasty/ampromo/buttons_next_prev.png) no-repeat; width: 48px; height: 45px; font-size: 0; display: none; } .ampromo-carousel-control.carousel-disabled.prev { background-position: 0 0 !important; } .ampromo-carousel-control.amcarousel-disabled.next { background-position: -46px 0 !important; } .ampromo-carousel-control.prev { background-position: 0 -45px; left: 20px; } .ampromo-carousel-control.next { background-position: -46px -45px; right: 20px; } .ampromo-carousel-control.prev:hover { background-position: 0 -91px; } .ampromo-carousel-control.next:hover { background-position: -46px -91px; } .ampromo-item .qty-holder { display: none; } .ampromo-item-options select, .ampromo-item-options input { max-width: 210px; } .ampromo-notification { padding: 7px; text-align: center; margin-bottom: 12px; border: 1px solid #f16048; color: #df280a; background: #faebe7; } .ampromo_items_form h4 { line-height: 50px; } .ampromo_items_form h4 a { display: inline-block; vertical-align: middle; line-height: 14px; } .ampromo-label{ float: right; position: absolute; z-index: 500; } .ampromo-gift .product-image{ float: left; } .ampromo-gift li{ margin: 10px 10px; float: left; } .ampromo-tooltip { padding:2px 5px; background:#FEC; border:1px solid #FAA819; color:#1F5070; text-align:left; width:300px; position:absolute; z-index: 10001; } .ampromo-product-name{ font-weight: bold; } .ampromo-short-description{ } .ampromo-img img{ width: 100%; }div.amshopby-column { float: left; width: 49%; overflow: hidden; } select.amshopby-select { width:170px; } .amshopby-logo{ padding: 0pt 10px 10px 0pt; float: left; } .amshopby-featured { padding: 5px 5px 5px 5px; } .amshopby-link{ float:left; padding-left:5px; padding-top:5px; } .amshopby-clearer { display:block; clear:both; overflow: hidden; } div.block-layered-nav dd a {padding:0px 5px 0px 0px; display:block; float: left;} div.block-layered-nav dd a.amshopby-attr, div.block-layered-nav dd a.amshopby-attr:hover {padding-left:15px; background-image:url(enterprise/default/images/amshopby-cb1.gif); background-repeat: no-repeat; background-position: left center;} div.block-layered-nav dd a.amshopby-attr::before, div.block-layered-nav dd a.amshopby-attr-selected::before {border-style: none !important;} div.block-layered-nav dd a.amshopby-attr-selected {font-weight: bold; padding-left:15px; background-image:url(enterprise/default/images/amshopby-cb2.gif); background-repeat: no-repeat; background-position: left center;} div.block-layered-nav dd a.amshopby-attr-inactive {pointer-events: none; color: #666666} div.block-layered-nav dd a img {/* padding: 0px 4px 5px;*/ float:left;} div.block-layered-nav dd .single-choice a.amshopby-attr, div.block-layered-nav dd .single-choice a.amshopby-attr:hover {background-image: url(enterprise/default/images/amshopby-rb1.gif);} div.block-layered-nav dd .single-choice a.amshopby-attr-selected {background-image: url(enterprise/default/images/amshopby-rb2.gif);} div.block-layered-nav dd li.amshopby-cat-level-2 {padding-left:10px;} div.block-layered-nav dd li.amshopby-cat-level-3 {padding-left:20px;} div.block-layered-nav dd a.amshopby-cat-selected {font-weight: bold; color:black; text-decoration: none; cursor:text;} div.block-layered-nav li.amshopby-cat-multi a { padding-left:15px; background-image:url(enterprise/default/images/amshopby-cb1.gif); background-repeat: no-repeat; background-position: left center; } div.block-layered-nav li.amshopby-cat-multiselected a { font-weight: bold; background-image:url(enterprise/default/images/amshopby-cb2.gif); background-repeat: no-repeat; background-position: left center; } div.block-layered-nav dd li span.amshopby-plusminus {float:left; display:block; width:15px; height:15px; cursor:pointer; background:transparent url(enterprise/default/images/amshopby-plus.gif) no-repeat;} div.block-layered-nav dd li span.minus {background:transparent url(enterprise/default/images/amshopby-minus.gif) no-repeat;} div.block-layered-nav dd li:after {display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } div.block-layered-nav.amshopby-collapse-enabled dl dt { cursor:pointer; padding-left:15px; background:url(enterprise/default/images/amshopby-expanded.gif) center left no-repeat; } div.block-layered-nav.amshopby-collapse-enabled dl dt::after { border-style: none !important; } div.block-layered-nav.amshopby-collapse-enabled dl dt.amshopby-collapsed {background:url(enterprise/default/images/amshopby-collapsed.gif) center left no-repeat;} .main .col-left div.block-layered-nav.amshopby-collapse-enabled dl dt{background:url(enterprise/default/images/amshopby-expanded.gif) center left no-repeat;} .main .col-left div.block-layered-nav.amshopby-collapse-enabled dl dt.amshopby-collapsed{background:url(enterprise/default/images/amshopby-collapsed.gif) center left no-repeat;} .main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content dl dd .no-display { display: block!important; } div.block-layered-nav div.amshopby-slider { position:relative; margin:10px 4px 5px 4px; z-index:9; height:18px; background: url(enterprise/default/images/amshopby-slider-bg.gif) repeat-x 0 50%; cursor:pointer; } div.block-layered-nav div.amshopby-slider div.handle {margin-left:-4px; width:8px; top:3px; height:14px; background: transparent url(enterprise/default/images/amshopby-hadle.png) no-repeat; position: absolute; cursor:move; z-index: 2;} /* * Slider labels */ .amshopby-slider-price { color: #798794; } .amshopby-slider-price-from { float: left; } .amshopby-slider-price-to { float: right; } .amshopby-slider-handle-right { position: absolute; top: 14px; right: 0px; } .amshopby-slider-handle-left { position: absolute; top: 14px; left: 0px; } .amshopby-tooltip { padding:2px 5px; background:#FEC; border:1px solid #FAA819; color:#1F5070; text-align:left; width:200px; position:absolute; } .amshopby-slider-price-range { text-align: center; font-size: 0.9em; } .amshopby-tooltip-img { cursor:help; display: inline; } div.block-layered-nav, div.amshopby-page-container, div.amshopby-filters-top { position: relative; } div.amshopby-overlay { background-color: #FFFFFF; height: 100%; left: 0; opacity: 0.5; filter: alpha(opacity = 50); position: absolute; top: 0; width: 100%; z-index: 555; } div.amshopby-overlay img { top: 100px; left: 45%; display: block; position: absolute; } div.amshopby-overlay div { margin: 0 auto; display: block; width: 300px; height: 200px; background: url('enterprise/default/images/amshopby-overlay.gif') 50% 50% no-repeat; } /* * Advanced Categories */ .amshopby-advanced li { clear: both; } .amshopby-advanced li.level1 { padding-left: 20px; } .amshopby-advanced li.level2 { padding-left: 30px; } .amshopby-advanced li.level3 { padding-left: 40px; } .amshopby-advanced li.level4 { padding-left: 50px; } .amshopby-advanced li.active > a { font-weight: bold; } .amshopby-cat-toggle.amshopby-cat-toggle-hidden { display: none; } /* * Slider Bar */ .amshopby-slider-bar { position:absolute; background: #999; height: 6px; top: 6px; z-index: 1; } /* * Subcategories block */ .amshopby-subcategory-image { overflow: auto; } .btn-remove-inline { background-image: url('enterprise/default/images/am_btn_remove.gif'); background-repeat: no-repeat; width:13px; height:12px; margin-left: 4px; } .btn-remove-inline:hover { /* background-position: center bottom; */ } .amshopby-hightlighted { background: yellow;} .btn-remove-inline img {display: inline;} div.block-layered-nav div.amshopby-slider div.handle.active { z-index: 3; } .amshopby-slider-ui { background: url(enterprise/default/images/amshopby-slider-bg.gif) repeat-x 0 50%; margin: 10px .4em; } .amshopby-slider-ui .ui-slider-handle { background-color: #f18200; border: 1px solid #de5400; box-sizing: border-box; outline: none; } .amshopby-slider-ui .ui-slider-range { background-color: #999999; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-slider { cursor: pointer; position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.8em; height: 1.2em; cursor: pointer; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.2em; margin-left: -.4em; } .ui-slider-horizontal .ui-slider-range { top: 0.2em; height: 8px; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .amshopby-narrow-by-list table td { vertical-align: top; } input[name^="amshopby"][id$="from"].input-text, input[name^="amshopby"][id$="to"].input-text{ width: auto; } .amshopby-item-top{ max-width: 225px; min-width: 180px; display: inline-block; vertical-align: top; height: 100%; } .amshopby-filters-top .block-content ol{ max-width: 250px; } .amshopby-item-top div.amshopby-column { width: auto; } .no-display-current, .no-display{ display: none; } .current .no-display-current, dd.current td.no-display{ display: block; } @media only screen and (max-width: 770px) { dl#narrow-by-list, dl#narrow-by-list2 { padding: 0px; } .main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content dl dt{background:url(enterprise/default/images/amshopby-collapsed.gif) center left no-repeat;} .main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content.accordion-open dl dt.current{background:url(enterprise/default/images/amshopby-expanded.gif) center left no-repeat;} } div.block-layered-nav ol:not(.single-choice) select option[selected] { color:white; background-color: rgba(171, 171, 171, 1); } .amshopby-apply-button {width: 180px; height: 40px; margin-top: 1em;} /** * All Brands page */ .content .ambrands-list { min-width: 180px; }.location-add { margin-bottom: 20px; font-size: 14px; font-weight: bold; } #locations-list { margin-top: 20px; } .locations-item { margin-bottom: 20px; border-bottom: 1px solid #C3C3C3; padding-bottom: 20px; font-size: 14px; position: relative; } .locations-grid { margin: 50px 0; } #locations-item-add-button span span { white-space: nowrap; width: auto; } #locations-item-add-button:hover span { background: none !important; } .locations-item-delete { margin-top: 5px; } .practitioner-location-edit .buttons-set { margin: 20px 0 0 0; } .locations-grid .scalable { padding: 5px; margin-left: 10px; } #locations-map-controls-box { position: relative; padding: 20px 40px; margin-bottom: 25px; border-radius: 5px; height: 120px; padding-left:0; } #locations-map-controls { list-style: none; margin-bottom: 40px; } .locations-map-control { float: left; margin-right: 25px; } .locations-map-control #brands { width: 400px; } .locations-map-control-label { font-size: 14px; font-weight: bold; margin-bottom: 7px; display: block; } #locations-map-control-search-button {float:right; margin-top:25px;} #locations-map-control-zip-code-and-distance-box { float: left; width:100%; margin: 0 50px 20px 0; } #locations-map-control-zip-code-label { margin-bottom: 10px; font-weight:400; } #locations-map-control-zip-code { margin-bottom: 25px; } .locations-map-control-zip-code-input { width: 250px; height: 35px; font-size: 16px; border: 1px solid #9A9A9A; padding: 0 7px; background:#F2F2F2; } #locations-map-control-distance-label { margin-bottom: 10px; font-weight:400; } #locations-map-control-distance { margin-bottom: 10px; } .locations-map-control-distance-input { width: 250px; height: 35px; font-size: 16px; border: 1px solid #9A9A9A; background:#F2F2F2; } #locations-map-list-box { float: left; width: 460px; } #locations-map-control-brands-box { } #locations-map { width: 700px; float: right; } #locations-map-list { list-style: none; padding-left: 0; } .locations-map-list-item { position: relative; font-size: 1.3em; text-transform: capitalize; cursor: pointer; line-height: 1.5; padding: 25px 15px; margin-bottom: 10px; background-color: #F2F2F2; } .location-map-list-item-see-all-available-brands { display: block; margin-bottom: 20px; } .location-map-list-item-see-all-available-brands .products-label{ font-weight:bold; } .locations-map-list-item-name { display: block; float: left; font-weight:bold; background: url(base/default/images/location-icon.png) 0 0 no-repeat; padding-left: 25px; } .locations-map-list-item-distance { display: block; float: right; font-weight:bold; } .locations-map-list-item-address { display: block; margin-top: 30px; padding-left:25px; } #locations-map-control-brands ul li { margin-bottom: 17px; float: left; width: 30%; } #locations-map-control-brands ul li input { width: 20px; height: 20px; float: left; margin: 0 5px 0 0; } #locations-map-control-brands ul li span { font-size: 17px; } .locations-map-list-item-brands-box { margin-top: 35px; margin-left:25px; } .locations-map-list-item-brands { margin: 0 !important; } .locations-map-list-item-brands-item { display: inline; } .locations-map-list-item-brands-item-image { height: 40px; width: 135px; margin-bottom: 12px; } .locations-map-list-item-brands-item:nth-child(3n-1) .locations-map-list-item-brands-item-image { margin-right: 16px; margin-left: 16px; } .google-maps-links:link, .google-maps-links:visited { color: #584F3F; } .locations-item-info { width: 60%; float: left; } .locations-item-actions { float: right; } @media only screen and (max-width: 767px) { #locations-map-control-brands-box { float: left; } #locations-map-control-brands { margin-left: 0; } #locations-map-control-brands ul li, #locations-map-list-box, #locations-map { width: 100%; } .locations-map-list-item-brands-box { display: block; position: static; } .locations-map-list-item-brands { text-align: left; } .locations-map-list-item-brands-item-image { margin-left: 0 !important; margin-right: 25px !important; } } .locations-item:after, #locations-map-controls-box:after, #locations-map-control-brands:after, #locations-map-control-brands-box:after, #locations-map-box:after, #locations-map-controls:after {display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ticket-history { padding: 6px 15px 6px 15px; } .ticket-history > .legend { margin: -16px 0 0 5px; } .ticket-history p { margin-bottom: .5em; } .ticket-history .fieldset { padding: 5px 10px; margin: 10px 0px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; } .ticket-history .fieldset .legend { margin-top: 5px; margin-bottom: 10px; font-weight: bold; } .ticket-history .fieldset.user { border: 1px solid #8eb589; border-left: 5px solid #8eb589; background-color: #fefffe; background-image: -moz-linear-gradient(top, #fdfffd, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfffd), to(#ffffff)); background-image: -webkit-linear-gradient(top, #fdfffd, #ffffff); background-image: -o-linear-gradient(top, #fdfffd, #ffffff); background-image: linear-gradient(to bottom, #fdfffd, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfffd', endColorstr='#ffffffff', GradientType=0); } .ticket-history .fieldset.customer { border: 1px solid #9cb4c5; border-left: 5px solid #9cb4c5; background-color: #fcfdff; background-image: -moz-linear-gradient(top, #fafcff, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafcff), to(#ffffff)); background-image: -webkit-linear-gradient(top, #fafcff, #ffffff); background-image: -o-linear-gradient(top, #fafcff, #ffffff); background-image: linear-gradient(to bottom, #fafcff, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafcff', endColorstr='#ffffffff', GradientType=0); } .MultiFile-wrap .MultiFile-list .MultiFile-label { margin: 6px 0px 0px 0px; } .MultiFile-wrap .MultiFile-list .MultiFile-label .MultiFile-remove { text-decoration: none; font-size: 14px; color: #f00; line-height: 14px; margin-right: 5px; } .helpdesk-contact-form { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); *zoom: 1; background-color: #fff; border: 1px solid #ddd; padding: 5px 15px 8px 15px; position: relative; width: 600px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21.875px; color: #333; margin-left: 10px; } .helpdesk-contact-form:before, .helpdesk-contact-form:after { display: table; content: ""; line-height: 0; } .helpdesk-contact-form:after { clear: both; } .helpdesk-contact-form a { color: #1a6690; } .helpdesk-contact-form .dropbox h2 { font-size: 20px; line-height: 30px; padding: 0; margin: 0px 0px 5px 0px; font-weight: normal; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .helpdesk-contact-form .dropbox .inside-form { *zoom: 1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; border: 1px solid #ddd; padding: 15px; margin-bottom: 8px; } .helpdesk-contact-form .dropbox .inside-form:before, .helpdesk-contact-form .dropbox .inside-form:after { display: table; content: ""; line-height: 0; } .helpdesk-contact-form .dropbox .inside-form:after { clear: both; } .helpdesk-contact-form .dropbox .inside-form ul { list-style: none; padding: 0; margin: 0; } .helpdesk-contact-form .dropbox .inside-form ul li { margin-bottom: 10px; } .helpdesk-contact-form .dropbox .inside-form ul li label { display: block; margin-bottom: 2px; } .helpdesk-contact-form .dropbox .inside-form ul li label em { color: #e00; margin-left: 5px; } .helpdesk-contact-form .dropbox .inside-form ul .wide { margin-top: 10px; margin-bottom: 15px; } .helpdesk-contact-form .dropbox .inside-form ul .customer-details { display: flex; width: 95%; } .helpdesk-contact-form .dropbox .inside-form ul .customer-details li.customer-name, .helpdesk-contact-form .dropbox .inside-form ul .customer-details li.customer-email { float: left; width: 50%; } .helpdesk-contact-form .dropbox .inside-form ul .customer-details li.customer-name input, .helpdesk-contact-form .dropbox .inside-form ul .customer-details li.customer-email input { width: 262px; } .helpdesk-contact-form .dropbox .inside-form ul .customer-details li.customer-name { margin-right: 20px; } .helpdesk-contact-form .dropbox .inside-form ul .fields { display: flex; width: 95%; } .helpdesk-contact-form .dropbox .inside-form ul .fields li.field1, .helpdesk-contact-form .dropbox .inside-form ul .fields li.field2 { float: left; width: 50%; } .helpdesk-contact-form .dropbox .inside-form ul .fields li.field1 select, .helpdesk-contact-form .dropbox .inside-form ul .fields li.field2 select { width: 262px; } .helpdesk-contact-form .dropbox .inside-form ul .fields li.field1 { margin-right: 20px; } .helpdesk-contact-form .dropbox .inside-form input[type="text"], .helpdesk-contact-form .dropbox .inside-form textarea { background-color: white; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.18); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.18); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.18); display: inline-block; padding: 4px; margin-bottom: 9px; font-size: 14px; line-height: 21.875px; color: #555; width: 555px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .helpdesk-contact-form .dropbox .inside-form input[type="text"]:focus, .helpdesk-contact-form .dropbox .inside-form textarea:focus { border-color: rgba(244, 175, 26, 0.8); outline: 0; } .helpdesk-contact-form .dropbox .inside-form input[type="text"].validation-failed, .helpdesk-contact-form .dropbox .inside-form textarea.validation-failed { border-color: rgba(244, 26, 70, 0.8); } .helpdesk-contact-form .dropbox .inside-form .validation-advice { display: none !important; } .helpdesk-contact-form .dropbox .inside-form textarea { height: 80px; } .helpdesk-contact-form .dropbox .post-button { border: 1px solid #ddd; padding: 7px 12px; float: right; margin-top: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); font-size: 14px; font-weight: bold; color: #1a6690; cursor: pointer; } .helpdesk-contact-form .dropbox .post-button:hover { background-color: #f0f0f0; background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff); background-image: -o-linear-gradient(top, #e6e6e6, #ffffff); background-image: linear-gradient(to bottom, #e6e6e6, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffffffff', GradientType=0); } .helpdesk-contact-form .close { position: absolute; right: 10px; top: 5px; font-size: 23px; font-weight: bold; color: #666; cursor: pointer; opacity: 0.7; filter: alpha(opacity=70); } .helpdesk-contact-form .close:hover { opacity: 1; filter: alpha(opacity=100); } .helpdesk-contact-form.success { height: 80px; } .helpdesk-contact-form.success .dropbox { padding: 33px 0px; } .helpdesk-contact-form.success .dropbox ul { list-style: none; padding: 0; margin: 0; color: #00BD00; font-weight: bold; text-align: center; } .helpdesk-contact-form.form-kb .input-box input { width: 480px; } .helpdesk-contact-form.form-kb .input-box button { margin-top: 0px; } .helpdesk-contact-form.form-kb-result .article-item .detail { color: #777; font-size: 13px; line-height: 18px; margin-top: 5px; } .helpdesk-contact-form.form-kb-result a.more { float: right; } .helpdesk-contact-form.form-kb-result a.back { float: left; } .helpdesk-contact-form-overlay { position: fixed; top: 0px; left: 0px; width: 100000px; height: 10000000px; background: rgba(0, 0, 0, 0.2); z-index: 90000; } .helpdesk-contact-form-button { cursor: pointer; } .helpdesk-contact-form-button.left { *zoom: 1; position: fixed; top: 50%; margin-top: -75px; width: 150px; left: -57px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); font-weight: bold; z-index: 1000000; } .helpdesk-contact-form-button.left:before, .helpdesk-contact-form-button.left:after { display: table; content: ""; line-height: 0; } .helpdesk-contact-form-button.left:after { clear: both; } .helpdesk-contact-form-button.left .button-text { line-height: 20px !important; font-size: 16px !important; padding: 8px 10px; border: 1px solid #fff; margin: 1px; color: #fff; text-align: center; } .helpdesk-contact-form-button.right { *zoom: 1; position: fixed; top: 50%; right: -26px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); font-weight: bold; z-index: 1000000; } .helpdesk-contact-form-button.right:before, .helpdesk-contact-form-button.right:after { display: table; content: ""; line-height: 0; } .helpdesk-contact-form-button.right:after { clear: both; } .helpdesk-contact-form-button.right .button-text { padding: 9px 10px; border: 1px solid #fff; margin: 1px; color: #fff; } .helpdesk-contact-form-iframe { *zoom: 1; position: fixed; top: 50%; left: 50%; width: 650px; height: 660px; z-index: 100000; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .helpdesk-contact-form-iframe:before, .helpdesk-contact-form-iframe:after { display: table; content: ""; line-height: 0; } .helpdesk-contact-form-iframe:after { clear: both; } html { overflow-x: hidden; } @media (max-width: 680px) { .helpdesk-contact-form-iframe { width: 80%; height: 84%; } .helpdesk-contact-form { width: 90%; margin-left: 0px; } .helpdesk-contact-form .dropbox .inside-form { margin-bottom: 0px; padding-bottom: 3px; } .helpdesk-contact-form .dropbox .inside-form ul { padding-left: 10px; } .helpdesk-contact-form .dropbox .inside-form ul li { margin-bottom: 0px; } .helpdesk-contact-form .dropbox .inside-form ul li .customer-email input { width: 90%; } .helpdesk-contact-form .dropbox .inside-form input[type="text"], .helpdesk-contact-form .dropbox .inside-form textarea { width: 90%!important; height: 100%!important; } } .helpdesk-box-tickets .box-head h2 { background-image: url(base/default/images/mst_helpdesk/i_folder-table.gif); } .helpdesk-box-tickets .data-table td { position: relative; } .helpdesk-box-tickets .unread { display: inline-block; margin-left: 5px; width: 20px; height: 11px; background-image: url(base/default/images/mst_helpdesk/i_unread2.png); background-size: 20px 20px; background-position: 0px -8px; } iframe.helpdesk-contact-form-iframe { display: block; } .input-box.checkbox { clear: none; width: 30px !important; float: left; margin-left: 15px; } li.checkbox { *zoom: 1; } li.checkbox:before, li.checkbox:after { display: table; content: ""; line-height: 0; } li.checkbox:after { clear: both; } li.checkbox > label { float: left; } .helpdesk-contacts-form ul { list-style: none; } .helpdesk-ticket-information-table td { padding: 3px 10px 3px 0px; } .helpdesk-status { padding: 2px 15px; color: #fff; font-weight: bold; white-space: nowrap; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-size: 12px; background-color: #c9c9c9; background-image: -moz-linear-gradient(top, #dddddd, #aaaaaa); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dddddd), to(#aaaaaa)); background-image: -webkit-linear-gradient(top, #dddddd, #aaaaaa); background-image: -o-linear-gradient(top, #dddddd, #aaaaaa); background-image: linear-gradient(to bottom, #dddddd, #aaaaaa); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdddddd', endColorstr='#ffaaaaaa', GradientType=0); } .helpdesk-status.open { background-color: #77da79; background-image: -moz-linear-gradient(top, #97e399, #47cd4a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#97e399), to(#47cd4a)); background-image: -webkit-linear-gradient(top, #97e399, #47cd4a); background-image: -o-linear-gradient(top, #97e399, #47cd4a); background-image: linear-gradient(to bottom, #97e399, #47cd4a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff97e399', endColorstr='#ff47cd4a', GradientType=0); } .helpdesk-status.in_progress { background-color: #ff6262; background-image: -moz-linear-gradient(top, #ff8b8b, #ff2525); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff8b8b), to(#ff2525)); background-image: -webkit-linear-gradient(top, #ff8b8b, #ff2525); background-image: -o-linear-gradient(top, #ff8b8b, #ff2525); background-image: linear-gradient(to bottom, #ff8b8b, #ff2525); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff8b8b', endColorstr='#ffff2525', GradientType=0); } .ticket-history .fieldset { margin-top: 28px; } .ticket-history .fieldset .legend { margin: -20px 0px 0px; } #loading_mask_loader { position: fixed; top: 45%; left: 50%; margin-left: -62px; padding: 15px 30px; background: #fdfffd; border: 5px solid #E0E0E0; color: #767676; font-weight: bold; text-align: center; z-index: 1000; } /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens { margin:0; /* Set this to minus the border thickness. */ background-color:#fff; cursor:move; } /* This is for the title text. */ .cloud-zoom-title { font-family:Arial, Helvetica, sans-serif; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; } /* This is the zoom window. */ #cloud-zoom-big { overflow:hidden; background-color:#fff; border: 1px solid #ececec; } /* This is the loading message. */ .cloud-zoom-loading { font-size:0; } .product-image .mousetrap {z-index:100 !important;} /*! * * Project: GLYPHICONS * Author: Jan Kovarik - www.glyphicons.com * Twitter: @jankovarik * */ html, html .halflings { -webkit-font-smoothing: antialiased !important; } @font-face { font-family: 'Glyphicons'; src: url('enterprise/default/magpleasure/vendor/glyphicons/fonts/glyphicons-regular.eot'); src: url('enterprise/default/magpleasure/vendor/glyphicons/fonts/glyphicons-regular.eot?#iefix') format('embedded-opentype'), url('enterprise/default/magpleasure/vendor/glyphicons/fonts/glyphicons-regular.woff') format('woff'), url('enterprise/default/magpleasure/vendor/glyphicons/fonts/glyphicons-regular.ttf') format('truetype'), url('enterprise/default/magpleasure/vendor/glyphicons/fonts/glyphicons-regular.svg#glyphicons_halflingsregular') format('svg'); font-weight: normal; font-style: normal; } i.glyphicons { display: inline-block; position: relative; padding: 0; color: #1d1d1b; width: 16px; height: 16px; text-decoration: none; *display: inline; *zoom: 1; } i.glyphicons:before { color: #1D1D1B; font: 16px 'Glyphicons'; left: 0; position: absolute; top: 0; } i.glyphicons.glass:before { content: "\e001"; } i.glyphicons.leaf:before { content: "\e002"; } i.glyphicons.dog:before { content: "\e003"; } i.glyphicons.user:before { content: "\e004"; } i.glyphicons.girl:before { content: "\e005"; } i.glyphicons.car:before { content: "\e006"; } i.glyphicons.user_add:before { content: "\e007"; } i.glyphicons.user_remove:before { content: "\e008"; } i.glyphicons.film:before { content: "\e009"; } i.glyphicons.magic:before { content: "\e010"; } i.glyphicons.envelope:before { content: "\2709"; } i.glyphicons.camera:before { content: "\e012"; } i.glyphicons.heart:before { content: "\e013"; } i.glyphicons.beach_umbrella:before { content: "\e014"; } i.glyphicons.train:before { content: "\e015"; } i.glyphicons.print:before { content: "\e016"; } i.glyphicons.bin:before { content: "\e017"; } i.glyphicons.music:before { content: "\e018"; } i.glyphicons.note:before { content: "\e019"; } i.glyphicons.heart_empty:before { content: "\e020"; } i.glyphicons.home:before { content: "\e021"; } i.glyphicons.snowflake:before { content: "\2744"; } i.glyphicons.fire:before { content: "\e023"; } i.glyphicons.magnet:before { content: "\e024"; } i.glyphicons.parents:before { content: "\e025"; } i.glyphicons.binoculars:before { content: "\e026"; } i.glyphicons.road:before { content: "\e027"; } i.glyphicons.search:before { content: "\e028"; } i.glyphicons.cars:before { content: "\e029"; } i.glyphicons.notes_2:before { content: "\e030"; } i.glyphicons.pencil:before { content: "\270F"; } i.glyphicons.bus:before { content: "\e032"; } i.glyphicons.wifi_alt:before { content: "\e033"; } i.glyphicons.luggage:before { content: "\e034"; } i.glyphicons.old_man:before { content: "\e035"; } i.glyphicons.woman:before { content: "\e036"; } i.glyphicons.file:before { content: "\e037"; } i.glyphicons.coins:before { content: "\e038"; } i.glyphicons.airplane:before { content: "\2708"; } i.glyphicons.notes:before { content: "\e040"; } i.glyphicons.stats:before { content: "\e041"; } i.glyphicons.charts:before { content: "\e042"; } i.glyphicons.pie_chart:before { content: "\e043"; } i.glyphicons.group:before { content: "\e044"; } i.glyphicons.keys:before { content: "\e045"; } i.glyphicons.calendar:before { content: "\e046"; } i.glyphicons.router:before { content: "\e047"; } i.glyphicons.camera_small:before { content: "\e048"; } i.glyphicons.dislikes:before { content: "\e049"; } i.glyphicons.star:before { content: "\e050"; } i.glyphicons.link:before { content: "\e051"; } i.glyphicons.eye_open:before { content: "\e052"; } i.glyphicons.eye_close:before { content: "\e053"; } i.glyphicons.alarm:before { content: "\e054"; } i.glyphicons.clock:before { content: "\e055"; } i.glyphicons.stopwatch:before { content: "\e056"; } i.glyphicons.projector:before { content: "\e057"; } i.glyphicons.history:before { content: "\e058"; } i.glyphicons.truck:before { content: "\e059"; } i.glyphicons.cargo:before { content: "\e060"; } i.glyphicons.compass:before { content: "\e061"; } i.glyphicons.keynote:before { content: "\e062"; } i.glyphicons.paperclip:before { content: "\e063"; } i.glyphicons.power:before { content: "\e064"; } i.glyphicons.lightbulb:before { content: "\e065"; } i.glyphicons.tag:before { content: "\e066"; } i.glyphicons.tags:before { content: "\e067"; } i.glyphicons.cleaning:before { content: "\e068"; } i.glyphicons.ruller:before { content: "\e069"; } i.glyphicons.gift:before { content: "\e070"; } i.glyphicons.umbrella:before { content: "\2602"; } i.glyphicons.book:before { content: "\e072"; } i.glyphicons.bookmark:before { content: "\e073"; } i.glyphicons.wifi:before { content: "\e074"; } i.glyphicons.cup:before { content: "\e075"; } i.glyphicons.stroller:before { content: "\e076"; } i.glyphicons.headphones:before { content: "\e077"; } i.glyphicons.headset:before { content: "\e078"; } i.glyphicons.warning_sign:before { content: "\e079"; } i.glyphicons.signal:before { content: "\e080"; } i.glyphicons.retweet:before { content: "\e081"; } i.glyphicons.refresh:before { content: "\e082"; } i.glyphicons.roundabout:before { content: "\e083"; } i.glyphicons.random:before { content: "\e084"; } i.glyphicons.heat:before { content: "\e085"; } i.glyphicons.repeat:before { content: "\e086"; } i.glyphicons.display:before { content: "\e087"; } i.glyphicons.log_book:before { content: "\e088"; } i.glyphicons.adress_book:before { content: "\e089"; } i.glyphicons.building:before { content: "\e090"; } i.glyphicons.eyedropper:before { content: "\e091"; } i.glyphicons.adjust:before { content: "\e092"; } i.glyphicons.tint:before { content: "\e093"; } i.glyphicons.crop:before { content: "\e094"; } i.glyphicons.vector_path_square:before { content: "\e095"; } i.glyphicons.vector_path_circle:before { content: "\e096"; } i.glyphicons.vector_path_polygon:before { content: "\e097"; } i.glyphicons.vector_path_line:before { content: "\e098"; } i.glyphicons.vector_path_curve:before { content: "\e099"; } i.glyphicons.vector_path_all:before { content: "\e100"; } i.glyphicons.font:before { content: "\e101"; } i.glyphicons.italic:before { content: "\e102"; } i.glyphicons.bold:before { content: "\e103"; } i.glyphicons.text_underline:before { content: "\e104"; } i.glyphicons.text_strike:before { content: "\e105"; } i.glyphicons.text_height:before { content: "\e106"; } i.glyphicons.text_width:before { content: "\e107"; } i.glyphicons.text_resize:before { content: "\e108"; } i.glyphicons.left_indent:before { content: "\e109"; } i.glyphicons.right_indent:before { content: "\e110"; } i.glyphicons.align_left:before { content: "\e111"; } i.glyphicons.align_center:before { content: "\e112"; } i.glyphicons.align_right:before { content: "\e113"; } i.glyphicons.justify:before { content: "\e114"; } i.glyphicons.list:before { content: "\e115"; } i.glyphicons.text_smaller:before { content: "\e116"; } i.glyphicons.text_bigger:before { content: "\e117"; } i.glyphicons.embed:before { content: "\e118"; } i.glyphicons.embed_close:before { content: "\e119"; } i.glyphicons.table:before { content: "\e120"; } i.glyphicons.message_full:before { content: "\e121"; } i.glyphicons.message_empty:before { content: "\e122"; } i.glyphicons.message_in:before { content: "\e123"; } i.glyphicons.message_out:before { content: "\e124"; } i.glyphicons.message_plus:before { content: "\e125"; } i.glyphicons.message_minus:before { content: "\e126"; } i.glyphicons.message_ban:before { content: "\e127"; } i.glyphicons.message_flag:before { content: "\e128"; } i.glyphicons.message_lock:before { content: "\e129"; } i.glyphicons.message_new:before { content: "\e130"; } i.glyphicons.inbox:before { content: "\e131"; } i.glyphicons.inbox_plus:before { content: "\e132"; } i.glyphicons.inbox_minus:before { content: "\e133"; } i.glyphicons.inbox_lock:before { content: "\e134"; } i.glyphicons.inbox_in:before { content: "\e135"; } i.glyphicons.inbox_out:before { content: "\e136"; } i.glyphicons.cogwheel:before { content: "\e137"; } i.glyphicons.cogwheels:before { content: "\e138"; } i.glyphicons.picture:before { content: "\e139"; } i.glyphicons.adjust_alt:before { content: "\e140"; } i.glyphicons.database_lock:before { content: "\e141"; } i.glyphicons.database_plus:before { content: "\e142"; } i.glyphicons.database_minus:before { content: "\e143"; } i.glyphicons.database_ban:before { content: "\e144"; } i.glyphicons.folder_open:before { content: "\e145"; } i.glyphicons.folder_plus:before { content: "\e146"; } i.glyphicons.folder_minus:before { content: "\e147"; } i.glyphicons.folder_lock:before { content: "\e148"; } i.glyphicons.folder_flag:before { content: "\e149"; } i.glyphicons.folder_new:before { content: "\e150"; } i.glyphicons.edit:before { content: "\e151"; } i.glyphicons.new_window:before { content: "\e152"; } i.glyphicons.check:before { content: "\e153"; } i.glyphicons.unchecked:before { content: "\e154"; } i.glyphicons.more_windows:before { content: "\e155"; } i.glyphicons.show_big_thumbnails:before { content: "\e156"; } i.glyphicons.show_thumbnails:before { content: "\e157"; } i.glyphicons.show_thumbnails_with_lines:before { content: "\e158"; } i.glyphicons.show_lines:before { content: "\e159"; } i.glyphicons.playlist:before { content: "\e160"; } i.glyphicons.imac:before { content: "\e161"; } i.glyphicons.macbook:before { content: "\e162"; } i.glyphicons.ipad:before { content: "\e163"; } i.glyphicons.iphone:before { content: "\e164"; } i.glyphicons.iphone_transfer:before { content: "\e165"; } i.glyphicons.iphone_exchange:before { content: "\e166"; } i.glyphicons.ipod:before { content: "\e167"; } i.glyphicons.ipod_shuffle:before { content: "\e168"; } i.glyphicons.ear_plugs:before { content: "\e169"; } i.glyphicons.phone:before { content: "\e170"; } i.glyphicons.step_backward:before { content: "\e171"; } i.glyphicons.fast_backward:before { content: "\e172"; } i.glyphicons.rewind:before { content: "\e173"; } i.glyphicons.play:before { content: "\e174"; } i.glyphicons.pause:before { content: "\e175"; } i.glyphicons.stop:before { content: "\e176"; } i.glyphicons.forward:before { content: "\e177"; } i.glyphicons.fast_forward:before { content: "\e178"; } i.glyphicons.step_forward:before { content: "\e179"; } i.glyphicons.eject:before { content: "\e180"; } i.glyphicons.facetime_video:before { content: "\e181"; } i.glyphicons.download_alt:before { content: "\e182"; } i.glyphicons.mute:before { content: "\e183"; } i.glyphicons.volume_down:before { content: "\e184"; } i.glyphicons.volume_up:before { content: "\e185"; } i.glyphicons.screenshot:before { content: "\e186"; } i.glyphicons.move:before { content: "\e187"; } i.glyphicons.more:before { content: "\e188"; } i.glyphicons.brightness_reduce:before { content: "\e189"; } i.glyphicons.brightness_increase:before { content: "\e190"; } i.glyphicons.circle_plus:before { content: "\e191"; } i.glyphicons.circle_minus:before { content: "\e192"; } i.glyphicons.circle_remove:before { content: "\e193"; } i.glyphicons.circle_ok:before { content: "\e194"; } i.glyphicons.circle_question_mark:before { content: "\e195"; } i.glyphicons.circle_info:before { content: "\e196"; } i.glyphicons.circle_exclamation_mark:before { content: "\e197"; } i.glyphicons.remove:before { content: "\e198"; } i.glyphicons.ok:before { content: "\e199"; } i.glyphicons.ban:before { content: "\e200"; } i.glyphicons.download:before { content: "\e201"; } i.glyphicons.upload:before { content: "\e202"; } i.glyphicons.shopping_cart:before { content: "\e203"; } i.glyphicons.lock:before { content: "\e204"; } i.glyphicons.unlock:before { content: "\e205"; } i.glyphicons.electricity:before { content: "\e206"; } i.glyphicons.ok_2:before { content: "\e207"; } i.glyphicons.remove_2:before { content: "\e208"; } i.glyphicons.cart_out:before { content: "\e209"; } i.glyphicons.cart_in:before { content: "\e210"; } i.glyphicons.left_arrow:before { content: "\e211"; } i.glyphicons.right_arrow:before { content: "\e212"; } i.glyphicons.down_arrow:before { content: "\e213"; } i.glyphicons.up_arrow:before { content: "\e214"; } i.glyphicons.resize_small:before { content: "\e215"; } i.glyphicons.resize_full:before { content: "\e216"; } i.glyphicons.circle_arrow_left:before { content: "\e217"; } i.glyphicons.circle_arrow_right:before { content: "\e218"; } i.glyphicons.circle_arrow_top:before { content: "\e219"; } i.glyphicons.circle_arrow_down:before { content: "\e220"; } i.glyphicons.play_button:before { content: "\e221"; } i.glyphicons.unshare:before { content: "\e222"; } i.glyphicons.share:before { content: "\e223"; } i.glyphicons.chevron-right:before { content: "\e224"; } i.glyphicons.chevron-left:before { content: "\e225"; } i.glyphicons.bluetooth:before { content: "\e226"; } i.glyphicons.euro:before { content: "\20AC"; } i.glyphicons.usd:before { content: "\e228"; } i.glyphicons.gbp:before { content: "\e229"; } i.glyphicons.retweet_2:before { content: "\e230"; } i.glyphicons.moon:before { content: "\e231"; } i.glyphicons.sun:before { content: "\2609"; } i.glyphicons.cloud:before { content: "\2601"; } i.glyphicons.direction:before { content: "\e234"; } i.glyphicons.brush:before { content: "\e235"; } i.glyphicons.pen:before { content: "\e236"; } i.glyphicons.zoom_in:before { content: "\e237"; } i.glyphicons.zoom_out:before { content: "\e238"; } i.glyphicons.pin:before { content: "\e239"; } i.glyphicons.albums:before { content: "\e240"; } i.glyphicons.rotation_lock:before { content: "\e241"; } i.glyphicons.flash:before { content: "\e242"; } i.glyphicons.google_maps:before { content: "\e243"; } i.glyphicons.anchor:before { content: "\2693"; } i.glyphicons.conversation:before { content: "\e245"; } i.glyphicons.chat:before { content: "\e246"; } i.glyphicons.male:before { content: "\e247"; } i.glyphicons.female:before { content: "\e248"; } i.glyphicons.asterisk:before { content: "\002A"; } i.glyphicons.divide:before { content: "\00F7"; } i.glyphicons.snorkel_diving:before { content: "\e251"; } i.glyphicons.scuba_diving:before { content: "\e252"; } i.glyphicons.oxygen_bottle:before { content: "\e253"; } i.glyphicons.fins:before { content: "\e254"; } i.glyphicons.fishes:before { content: "\e255"; } i.glyphicons.boat:before { content: "\e256"; } i.glyphicons.delete:before { content: "\e257"; } i.glyphicons.sheriffs_star:before { content: "\e258"; } i.glyphicons.qrcode:before { content: "\e259"; } i.glyphicons.barcode:before { content: "\e260"; } i.glyphicons.pool:before { content: "\e261"; } i.glyphicons.buoy:before { content: "\e262"; } i.glyphicons.spade:before { content: "\e263"; } i.glyphicons.bank:before { content: "\e264"; } i.glyphicons.vcard:before { content: "\e265"; } i.glyphicons.electrical_plug:before { content: "\e266"; } i.glyphicons.flag:before { content: "\e267"; } i.glyphicons.credit_card:before { content: "\e268"; } i.glyphicons.keyboard-wireless:before { content: "\e269"; } i.glyphicons.keyboard-wired:before { content: "\e270"; } i.glyphicons.shield:before { content: "\e271"; } i.glyphicons.ring:before { content: "\02DA"; } i.glyphicons.cake:before { content: "\e273"; } i.glyphicons.drink:before { content: "\e274"; } i.glyphicons.beer:before { content: "\e275"; } i.glyphicons.fast_food:before { content: "\e276"; } i.glyphicons.cutlery:before { content: "\e277"; } i.glyphicons.pizza:before { content: "\e278"; } i.glyphicons.birthday_cake:before { content: "\e279"; } i.glyphicons.tablet:before { content: "\e280"; } i.glyphicons.settings:before { content: "\e281"; } i.glyphicons.bullets:before { content: "\e282"; } i.glyphicons.cardio:before { content: "\e283"; } i.glyphicons.t-shirt:before { content: "\e284"; } i.glyphicons.pants:before { content: "\e285"; } i.glyphicons.sweater:before { content: "\e286"; } i.glyphicons.fabric:before { content: "\e287"; } i.glyphicons.leather:before { content: "\e288"; } i.glyphicons.scissors:before { content: "\e289"; } i.glyphicons.bomb:before { content: "\e290"; } i.glyphicons.skull:before { content: "\e291"; } i.glyphicons.celebration:before { content: "\e292"; } i.glyphicons.tea_kettle:before { content: "\e293"; } i.glyphicons.french_press:before { content: "\e294"; } i.glyphicons.coffe_cup:before { content: "\e295"; } i.glyphicons.pot:before { content: "\e296"; } i.glyphicons.grater:before { content: "\e297"; } i.glyphicons.kettle:before { content: "\e298"; } i.glyphicons.hospital:before { content: "\e299"; } i.glyphicons.hospital_h:before { content: "\e300"; } i.glyphicons.microphone:before { content: "\e301"; } i.glyphicons.webcam:before { content: "\e302"; } i.glyphicons.temple_christianity_church:before { content: "\e303"; } i.glyphicons.temple_islam:before { content: "\e304"; } i.glyphicons.temple_hindu:before { content: "\e305"; } i.glyphicons.temple_buddhist:before { content: "\e306"; } i.glyphicons.bicycle:before { content: "\e307"; } i.glyphicons.life_preserver:before { content: "\e308"; } i.glyphicons.share_alt:before { content: "\e309"; } i.glyphicons.comments:before { content: "\e310"; } i.glyphicons.flower:before { content: "\2698"; } i.glyphicons.baseball:before { content: "\e312"; } i.glyphicons.rugby:before { content: "\e313"; } i.glyphicons.ax:before { content: "\e314"; } i.glyphicons.table_tennis:before { content: "\e315"; } i.glyphicons.bowling:before { content: "\e316"; } i.glyphicons.tree_conifer:before { content: "\e317"; } i.glyphicons.tree_deciduous:before { content: "\e318"; } i.glyphicons.more_items:before { content: "\e319"; } i.glyphicons.sort:before { content: "\e320"; } i.glyphicons.filter:before { content: "\e321"; } i.glyphicons.gamepad:before { content: "\e322"; } i.glyphicons.playing_dices:before { content: "\e323"; } i.glyphicons.calculator:before { content: "\e324"; } i.glyphicons.tie:before { content: "\e325"; } i.glyphicons.wallet:before { content: "\e326"; } i.glyphicons.piano:before { content: "\e327"; } i.glyphicons.sampler:before { content: "\e328"; } i.glyphicons.podium:before { content: "\e329"; } i.glyphicons.soccer_ball:before { content: "\e330"; } i.glyphicons.blog:before { content: "\e331"; } i.glyphicons.dashboard:before { content: "\e332"; } i.glyphicons.certificate:before { content: "\e333"; } i.glyphicons.bell:before { content: "\e334"; } i.glyphicons.candle:before { content: "\e335"; } i.glyphicons.pushpin:before { content: "\e336"; } i.glyphicons.iphone_shake:before { content: "\e337"; } i.glyphicons.pin_flag:before { content: "\e338"; } i.glyphicons.turtle:before { content: "\e339"; } i.glyphicons.rabbit:before { content: "\e340"; } i.glyphicons.globe:before { content: "\e341"; } i.glyphicons.briefcase:before { content: "\e342"; } i.glyphicons.hdd:before { content: "\e343"; } i.glyphicons.thumbs_up:before { content: "\e344"; } i.glyphicons.thumbs_down:before { content: "\e345"; } i.glyphicons.hand_right:before { content: "\e346"; } i.glyphicons.hand_left:before { content: "\e347"; } i.glyphicons.hand_up:before { content: "\e348"; } i.glyphicons.hand_down:before { content: "\e349"; } i.glyphicons.fullscreen:before { content: "\e350"; } i.glyphicons.shopping_bag:before { content: "\e351"; } i.glyphicons.book_open:before { content: "\e352"; } i.glyphicons.nameplate:before { content: "\e353"; } i.glyphicons.nameplate_alt:before { content: "\e354"; } i.glyphicons.vases:before { content: "\e355"; } i.glyphicons.bullhorn:before { content: "\e356"; } i.glyphicons.dumbbell:before { content: "\e357"; } i.glyphicons.suitcase:before { content: "\e358"; } i.glyphicons.file_import:before { content: "\e359"; } i.glyphicons.file_export:before { content: "\e360"; } i.glyphicons.bug:before { content: "\e361"; } i.glyphicons.crown:before { content: "\e362"; } i.glyphicons.smoking:before { content: "\e363"; } i.glyphicons.cloud-upload:before { content: "\e364"; } i.glyphicons.cloud-download:before { content: "\e365"; } i.glyphicons.restart:before { content: "\e366"; } i.glyphicons.security_camera:before { content: "\e367"; } i.glyphicons.expand:before { content: "\e368"; } i.glyphicons.collapse:before { content: "\e369"; } i.glyphicons.collapse_top:before { content: "\e370"; } i.glyphicons.globe_af:before { content: "\e371"; } i.glyphicons.global:before { content: "\e372"; } i.glyphicons.spray:before { content: "\e373"; } i.glyphicons.nails:before { content: "\e374"; } i.glyphicons.claw_hammer:before { content: "\e375"; } i.glyphicons.classic_hammer:before { content: "\e376"; } i.glyphicons.hand_saw:before { content: "\e377"; } i.glyphicons.riflescope:before { content: "\e378"; } i.glyphicons.electrical_socket_eu:before { content: "\e379"; } i.glyphicons.electrical_socket_us:before { content: "\e380"; } i.glyphicons.pinterest:before { content: "\e381"; } i.glyphicons.dropbox:before { content: "\e382"; } i.glyphicons.google_plus:before { content: "\e383"; } i.glyphicons.jolicloud:before { content: "\e384"; } i.glyphicons.yahoo:before { content: "\e385"; } i.glyphicons.blogger:before { content: "\e386"; } i.glyphicons.picasa:before { content: "\e387"; } i.glyphicons.amazon:before { content: "\e388"; } i.glyphicons.tumblr:before { content: "\e389"; } i.glyphicons.wordpress:before { content: "\e390"; } i.glyphicons.instapaper:before { content: "\e391"; } i.glyphicons.evernote:before { content: "\e392"; } i.glyphicons.xing:before { content: "\e393"; } i.glyphicons.zootool:before { content: "\e394"; } i.glyphicons.dribbble:before { content: "\e395"; } i.glyphicons.deviantart:before { content: "\e396"; } i.glyphicons.read_it_later:before { content: "\e397"; } i.glyphicons.linked_in:before { content: "\e398"; } i.glyphicons.forrst:before { content: "\e399"; } i.glyphicons.pinboard:before { content: "\e400"; } i.glyphicons.behance:before { content: "\e401"; } i.glyphicons.github:before { content: "\e402"; } i.glyphicons.youtube:before { content: "\e403"; } i.glyphicons.skitch:before { content: "\e404"; } i.glyphicons.foursquare:before { content: "\e405"; } i.glyphicons.quora:before { content: "\e406"; } i.glyphicons.badoo:before { content: "\e407"; } i.glyphicons.spotify:before { content: "\e408"; } i.glyphicons.stumbleupon:before { content: "\e409"; } i.glyphicons.readability:before { content: "\e410"; } i.glyphicons.facebook:before { content: "\e411"; } i.glyphicons.twitter:before { content: "\e412"; } i.glyphicons.instagram:before { content: "\e413"; } i.glyphicons.posterous_spaces:before { content: "\e414"; } i.glyphicons.vimeo:before { content: "\e415"; } i.glyphicons.flickr:before { content: "\e416"; } i.glyphicons.last_fm:before { content: "\e417"; } i.glyphicons.rss:before { content: "\e418"; } i.glyphicons.skype:before { content: "\e419"; } i.glyphicons.e-mail:before { content: "\e420"; } /* Layout Configuration */ .mobile { display: none; } @media (max-width: 770px) { .mobile { display: block; } } .mobile .mobile-block { display: none; } .mpblog-post-thumb-img { width: 100%; } @media (max-width: 770px) { .mobile .mobile-block { display: block; } } .mobile.two-columns-left section.content, .mobile.two-columns-right section.content { width: 100%; float: left; } .mobile.two-columns-left section.content .swipe-me, .mobile.two-columns-right section.content .swipe-me { width: 40px; height: 40px; -webkit-transition: all 0.5s 0.3s ease-in-out; -moz-transition: all 0.5s 0.3s ease-in-out; -o-transition: all 0.5s 0.3s ease-in-out; transition: all 0.5s 0.3s ease-in-out; opacity: 0.5; text-indent: -10000px; cursor: pointer; margin-bottom: 5px; margin-top: -15px; float: right; } .mobile.two-columns-left section.content .swipe-me:hover, .mobile.two-columns-right section.content .swipe-me:hover { opacity: 0.7; } .mobile.two-columns-left section.content .swipe-me.right, .mobile.two-columns-right section.content .swipe-me.right { background: url(cst/saferpainrelief2/mpblog/images/swipe_left.png) no-repeat 100% 50% transparent; background: url(cst/saferpainrelief2/mpblog/images/swipe_left.svg) no-repeat 100% 50% transparent; } .mobile.two-columns-left section.content .swipe-me.left, .mobile.two-columns-right section.content .swipe-me.left { background: url(cst/saferpainrelief2/mpblog/images/swipe_right.png) no-repeat 100% 50% transparent; background: url(cst/saferpainrelief2/mpblog/images/swipe_right.svg) no-repeat 100% 50% transparent; } .mobile.two-columns-left aside, .mobile.two-columns-right aside { position: fixed; width: 80%; max-width: 320px; top: 0; height: 100vh; background: #fff; z-index: 199999; padding: 20px; } .mobile.two-columns-left aside.right, .mobile.two-columns-right aside.right, .mobile.two-columns-left aside.left, .mobile.two-columns-right aside.left { overflow-y: scroll; display: none; } .mobile.two-columns-left aside.right.active, .mobile.two-columns-right aside.right.active, .mobile.two-columns-left aside.left.active, .mobile.two-columns-right aside.left.active { display: block; -webkit-box-shadow: 0px 0 15px 0 #333333; -moz-box-shadow: 0px 0 15px 0 #333333; box-shadow: 0px 0 15px 0 #333333; } .mobile.two-columns-left aside.right, .mobile.two-columns-right aside.right { right: -80%; } .mobile.two-columns-left aside.right.active, .mobile.two-columns-right aside.right.active { right: 0; } .mobile.two-columns-left aside.left, .mobile.two-columns-right aside.left { /* None Active */ left: -80%; } .mobile.two-columns-left aside.left.active, .mobile.two-columns-right aside.left.active { left: 0; } .mobile.two-columns-left .mpblog-search input#search-blog, .mobile.two-columns-right .mpblog-search input#search-blog { width: 100%; } .desktop { display: block; } @media (max-width: 770px) { .desktop { display: none; } } .desktop .desktop-block { display: block; } @media (max-width: 770px) { .desktop .desktop-block { display: none; } } .desktop.two-columns-left section.content, .desktop.two-columns-right section.content { width: 74%; float: left; } .desktop.two-columns-left aside.left, .desktop.two-columns-right aside.left, .desktop.two-columns-left aside.right, .desktop.two-columns-right aside.right { width: 23%; float: left; } .desktop.two-columns-right section.content { padding-right: 50px; border-right: 2px solid #ccc; } .desktop.two-columns-left section.content { padding-left: 20px; } .desktop.three-columns section.content { width: 58%; float: left; padding: 0 18px; } .desktop.three-columns aside.left, .desktop.three-columns aside.right { width: 18%; float: left; } /* List of Posts */ @media (max-width: 1024px) { .mpblog-list.list .mpblog-post { border-bottom: 1px solid #cccccc; margin-bottom: 1em; padding-bottom: 1em; } .mpblog-list.list .mpblog-post:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } } .mpblog-list.list .mpblog-post .thumbnail-container { overflow: hidden; } .mpblog-list.list .mpblog-post .post-thumbnail { -webkit-transition: -webkit-transform 0.3s 0.15s ease-out; -moz-transition: -moz-transform 0.3s 0.15s ease-out; -o-transition: -o-transform 0.3s 0.15s ease-out; transition: -webkit-transform 0.3s 0.15s ease-out,-moz-transform 0.3s 0.15s ease-out,-o-transform 0.3s 0.15s ease-out,transform 0.3s 0.15s ease-out; } .mpblog-list.list .mpblog-post .post-thumbnail:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .mpblog-list.list .mp-read-more { margin-right: 1.5em; margin-bottom: 1.5em; float: left; } .mpblog-list.grid { width: 100%; } .mpblog-list.grid .item { -webkit-transition: width 0.3s ease-in-out; -moz-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; float: left; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mpblog-list.grid .item .post-container { overflow: hidden; background-color: transparent; padding: 10px; } .mpblog-list.grid .item .post-container .thumbnail-container { overflow: hidden; } .mpblog-list.grid .item .post-container .post-thumbnail { margin: -10px -10px 10px; -webkit-transition: -webkit-transform 0.3s 0.15s ease-out; -moz-transition: -moz-transform 0.3s 0.15s ease-out; -o-transition: -o-transform 0.3s 0.15s ease-out; transition: -webkit-transform 0.3s 0.15s ease-out,-moz-transform 0.3s 0.15s ease-out,-o-transform 0.3s 0.15s ease-out,transform 0.3s 0.15s ease-out; } .mpblog-list.grid .item .post-container .post-thumbnail:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .mpblog-list.grid .item .post-container .mp-footer { margin-bottom: 20px; } .mpblog-list.grid .item .post-container span.comments { float: left; margin-left: 0; } /* Grid Sizer */ .three-columns .mpblog-list.grid .grid-sizer { width: 33%; } .three-columns .mpblog-list.grid .item { width: 33%; } .three-columns .mpblog-list.grid .item.w2 { width: 66%; } .three-columns .mpblog-list.grid .item.w3 { width: 100%; padding: 0 !important; } @media only screen and (max-width: 1024px) { .three-columns .mpblog-list.grid .grid-sizer { width: 50%; } .three-columns .mpblog-list.grid .item { width: 50%; } .three-columns .mpblog-list.grid .item.w2, .three-columns .mpblog-list.grid .item.w3 { width: 100%; padding: 0 !important; } } @media only screen and (max-width: 600px) { .three-columns .mpblog-list.grid .grid-sizer { width: 100%; } .three-columns .mpblog-list.grid .item { padding: 0 !important; width: 100%; } .three-columns .mpblog-list.grid .item.w3, .three-columns .mpblog-list.grid .item.w2 { width: 100%; } } .two-columns-right .mpblog-list.grid .grid-sizer, .two-columns-left .mpblog-list.grid .grid-sizer { width: 25%; } .two-columns-right .mpblog-list.grid .item, .two-columns-left .mpblog-list.grid .item { width: 25%; } .two-columns-right .mpblog-list.grid .item.w2, .two-columns-left .mpblog-list.grid .item.w2 { width: 50%; } .two-columns-right .mpblog-list.grid .item.w3, .two-columns-left .mpblog-list.grid .item.w3 { width: 75%; } @media only screen and (max-width: 1024px) { .two-columns-right .mpblog-list.grid .grid-sizer, .two-columns-left .mpblog-list.grid .grid-sizer { width: 50%; } .two-columns-right .mpblog-list.grid .item, .two-columns-left .mpblog-list.grid .item { width: 50%; } .two-columns-right .mpblog-list.grid .item.w3, .two-columns-left .mpblog-list.grid .item.w3, .two-columns-right .mpblog-list.grid .item.w2, .two-columns-left .mpblog-list.grid .item.w2 { width: 100%; padding: 0 !important; } } @media only screen and (max-width: 600px) { .two-columns-right .mpblog-list.grid .grid-sizer, .two-columns-left .mpblog-list.grid .grid-sizer { width: 100%; } .two-columns-right .mpblog-list.grid .item, .two-columns-left .mpblog-list.grid .item { padding: 0 !important; width: 100%; } .two-columns-right .mpblog-list.grid .item.w3, .two-columns-left .mpblog-list.grid .item.w3, .two-columns-right .mpblog-list.grid .item.w2, .two-columns-left .mpblog-list.grid .item.w2 { width: 100%; } } .one-column .mpblog-list.grid .grid-sizer { width: 20%; } .one-column .mpblog-list.grid .item { width: 25%; } .one-column .mpblog-list.grid .item.w2 { width: 50%; } .one-column .mpblog-list.grid .item.w3 { width: 75%; } @media only screen and (max-width: 1024px) { .one-column .mpblog-list.grid .grid-sizer { width: 33%; } .one-column .mpblog-list.grid .item { width: 33%; } .one-column .mpblog-list.grid .item.w2 { width: 66%; } .one-column .mpblog-list.grid .item.w3 { width: 100%; padding: 0 !important; } } @media only screen and (max-width: 600px) { .one-column .mpblog-list.grid .grid-sizer { width: 100%; } .one-column .mpblog-list.grid .item { padding: 0 !important; width: 100%; } .one-column .mpblog-list.grid .item.w3, .one-column .mpblog-list.grid .item.w2 { width: 100%; } } .mpblog-container.list .mp-pager { border-top: 1px solid #cccccc; } .mpblog-container .mp-pager { margin-top: 40px; padding: 10px 5px 0; } .mpblog-container .mp-pager .navi a { line-height: 16px; min-height: 16px; width: 45%; } .mpblog-container .mp-pager .newer a { float: right; text-align: right; } .mpblog-container .mp-pager .newer a i.glyphicons { margin-left: 5px; } .mpblog-container .mp-pager .older a { float: left; text-align: left; } .mpblog-container .mp-pager .older a i.glyphicons { margin-right: 5px; } /** Comments */ @media (max-width: 770px) { .comments-action { display: inline-block; margin-top: 20px; } } @media (min-width: 770px) { .comments-action { float: right; } } .comments-action .leave-a-comment { margin-left: 15px; line-height: 24px; } .comments-action .leave-a-comment a { text-transform: uppercase; font-size: larger; } .comments-action .blog-icon.rss { background: url("cst/saferpainrelief2/mpblog/images/assets/rss.png") no-repeat 0 0 transparent; /** One for elder */ background: url("cst/saferpainrelief2/mpblog/images/assets/rss.svg") no-repeat 0 0 transparent; /** One for new */ } @media (min-width: 770px) { .comments-action .blog-icon.rss { display: inline-block; } } .comments-action .blog-icon.rss, .comments-action .leave-a-comment { float: left; } .mpblog-comments-container .comments-header { border-bottom: 1px solid #cccccc; padding-bottom: 5px; position: relative; } .mpblog-comments-container .comments-header span.leave-a-comment { float: left; margin-left: 0; } .mpblog-comments-container .comments-header span.rss-comments { float: left; margin-left: 20px; } .mpblog-comments-container .mp-comment-header { margin-bottom: 10px; } .mpblog-comments-container .mp-comment-author, .mpblog-comments-container .mp-comment-date, .mpblog-comments-container .mp-comment-willapprove { float: left; margin-right: 10px; } .mpblog-comments-container .mp-comment-willapprove { color: red; font-style: italic; font-size: smaller; } .mpblog-comments-container .mp-replies { padding-left: 24px; } @media (max-width: 1024px) { .mpblog-comments-container .mp-replies { padding-left: 12px; } } @media (max-width: 600px) { .mpblog-comments-container .mp-replies { padding-left: 6px; } } .mp-comment-content, .mp-comment-form { padding: 10px; margin: 20px 0; border: 1px solid #cccccc; } .mp-comment-content.my-comment { border-color: #3399cc; } .mp-comment-form { background-color: #f4f4f4; } .mp-comment-form h5 { text-transform: none; } .mp-blog-loader { background: url('cst/saferpainrelief2/mpblog/images/ajax-loader.gif') no-repeat scroll 50% 0 transparent; height: 11px; width: 16px; margin: 0 auto; } .comment-form-field { margin-bottom: 10px; position: relative; } .comment-form-field .checkbox + label { padding: 0; } .comment-form-field textarea, .comment-form-field input[type="text"] { line-height: 1.5; padding: 5px !important; } .comment-form-field textarea { height: 72px; width: 100%; max-width: 460px; } .comment-form-field textarea, .comment-form-field textarea:focus { background-color: #ffffff; } .comment-form-field input[type="checkbox"] { display: none; } .comment-form-field input[type="checkbox"] + label { width: auto; max-width: 100%; font-weight: normal; vertical-align: middle; line-height: 1; } .comment-form-field input[type="checkbox"] + label:before { content: ""; background: white; float: left; margin-right: 5px; display: inline-block; width: 14px; height: 14px; border: 1px solid #cccccc; -webkit-border-radius: 1px; -webkit-background-clip: padding-box; -moz-border-radius: 1px; -moz-background-clip: padding; border-radius: 1px; background-clip: padding-box; } .comment-form-field input[type="checkbox"]:checked + label:before { background: url("cst/saferpainrelief2/mpblog/images/assets/checked-input.png") no-repeat 50% 50% #ffffff; background: url("cst/saferpainrelief2/mpblog/images/assets/checked-input.svg") no-repeat 50% 50% #ffffff; } .comment-form-field input.text { width: 70% !important; } @media (max-width: 770px) { .comment-form-field input.text { width: 100% !important; } } .comment-form-field textarea, .comment-form-field input.text { border: 1px solid #cccccc; -webkit-transition: -webkit-box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out; -moz-transition: -moz-box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out; -o-transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out; } .comment-form-field textarea.validation-failed, .comment-form-field input.text.validation-failed { border: 1px dashed red; } .form-actions { text-align: right; position: relative; } .form-actions .mp-comment-reply-btn { text-transform: uppercase; } .form-actions .subscribe { position: absolute; left: 0; border-color: transparent; } .mpblog-container h1.mp-title { margin-bottom: 20px; } @media (max-width: 770px) { .mp-blog-head { text-align: center; } } .mp-blog-head h1 { float: left; margin-bottom: 0.25em; max-width: 90%; } @media (max-width: 1024px) { .mp-blog-head h1 { max-width: 85%; font-size: larger; } } @media (max-width: 770px) { .mp-blog-head h1 { max-width: 100%; } } .mp-blog-head a.mp-blog-rss-link, .mp-blog-head a.mp-blog-print-link { font-size: smaller; } @media (max-width: 770px) { .mp-blog-head a.mp-blog-rss-link, .mp-blog-head a.mp-blog-print-link { display: none; } } .mp-blog-head span.mp-blog-rss, .mp-blog-head span.mp-blog-print { float: right; margin-top: 4px; } @media (max-width: 770px) { .mp-blog-head span.mp-blog-rss, .mp-blog-head span.mp-blog-print { display: none; } } .mpblog-post { clear: right; margin-bottom: 20px; } @media (max-width: 1024px) { .mpblog-post .mp-post-header h2 { font-size: larger; margin-bottom: 0; } } .mpblog-post .post-thumbnail { margin-bottom: 1em; } .mpblog-post .post-thumbnail img.thumbnail { width: 100%; } @media (max-width: 1024px) { .mpblog-post .post-thumbnail { margin-bottom: 0.5em; } } .mpblog-post .mp-header { padding: 0.5em 0; margin-bottom: 1em; } @media (max-width: 1024px) { .mpblog-post .mp-header { border-top: none; margin-bottom: 0.5em; } } .mpblog-post .mp-header .posted-by, .mpblog-post .mp-header .date, .mpblog-post .mp-header .views, .mpblog-recent-post .posted-by { color: #21336b; font-weight: 700; } .mpblog-recent-post h5 { margin-bottom: 1rem; } @media (max-width: 1024px) { .mpblog-post .mp-header { border-top: none; } } .mpblog-post .mp-content div.mp-details { margin-top: 20px; } .mpblog-post .mp-content iframe.blog-video { margin-bottom: 1.5em !important; } .mpblog-post .mp-content hr.cutter { display: none; } .mpblog-post .mp-content ol { margin-left: 20px; } .mpblog-post .mp-content img { width: 100%; } .mpblog-post .mp-content img.alignleft { display: inline; float: left; margin: 0 20px 3px 0; } .mpblog-post .mp-content img.alignright { display: inline; float: right; margin: 0 0 3px 20px; } .mpblog-post .mp-content a > img { border: 1px solid #D0CBC1; padding: 3px; margin-right: 10px; margin-bottom: 5px; display: inline-block; vertical-align: bottom; -webkit-transition: -webkit-box-shadow 0.15s 0.3s ease-in-out; -moz-transition: -moz-box-shadow 0.15s 0.3s ease-in-out; -o-transition: box-shadow 0.15s 0.3s ease-in-out; transition: box-shadow 0.15s 0.3s ease-in-out; } .mpblog-post .mp-content a > img:hover { -webkit-box-shadow: 0px 0px 6px 0 #cccccc; -moz-box-shadow: 0px 0px 6px 0 #cccccc; box-shadow: 0px 0px 6px 0 #cccccc; } .mpblog-post .mp-content blockquote { margin: 0 1.6em 1.5em; padding-left: 0; color: #777; font-style: italic; } .mpblog-post .mp-content table { margin-bottom: 1.5em; } .mpblog-post .mp-content table tr th { font-weight: bold; border-bottom: 2px solid #cccccc; background-color: #ffffff; } .mpblog-post .mp-content table tr td, .mpblog-post .mp-content table tr th { padding: 5px 10px; } .mpblog-post .mp-content table tr:nth-child(odd) td { background-color: #ffffff; } .mpblog-post .mp-content table tr:nth-child(even) td { background-color: #f4f4f4; } .mpblog-post span.mp-tags, .mpblog-post span.categories, .mpblog-post span.posted-by, .mpblog-post span.date, .mpblog-post span.go-to-comments, .mpblog-post span.leave-a-comment, .mpblog-post span.comments, .mpblog-post span.rss-comments, .mpblog-post span.views { font-size: smaller; } .mpblog-post span.mp-tags { margin-right: 20px; float: left; } .mpblog-post span.mp-tags-pic { float: left; width: 20px; } .mpblog-post span.mp-tags-pic span.text { line-height: 16px; text-indent: -999em; display: block; } .mpblog-post span.categories { margin-right: 20px; float: left; } .mpblog-post span.categories-pic { float: left; display: block; width: 19px; height: 16px; } .mpblog-post span.categories-pic span.text { line-height: 16px; text-indent: -999em; display: block; } .mpblog-post span.posted-by { margin-right: 20px; } .mpblog-post span.date { margin-right: 20px; } .mpblog-post span.views { margin-right: 20px; } .mpblog-post span.comments { float: right; margin-left: 20px; } @media (max-width: 600px) { .mpblog-post span.comments { display: none; } } .mpblog-post i.glyphicons { margin-right: 5px; } .mpblog-post .customer-action-bar { padding: 6px 0; border-bottom: none; } @media (max-width: 770px) { .mpblog-post .customer-action-bar { text-align: center; } } .blog-icon { width: 24px; height: 24px; display: inline-block; opacity: 0.8; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .blog-icon:hover { opacity: 1; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .blog-icon:active { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } /* Recent Comments and Posts */ .mp-recentcomment-date, .mp-recentpost-date { font-style: italic; font-size: smaller; margin-bottom: 2px; margin-top: 2px; } /* Fix Magento Calendar Styles */ i.glyphicons.calendar { border: none !important; background: none !important; } /* Sidebars */ .mpblog-categories .block-content, .mpblog-search .block-content, .mpblog-recentposts .block-content, .mpblog-tags .block-content, .mpblog-recentcomments .block-content, .mpblog-archives .block-content { padding: 5px 10px; } .mpblog-categories ul li, .mpblog-recentcomments ul li, .mpblog-archives ul li { padding-left: 20px; margin-bottom: 3px; position: relative; } /* Sidebar Blocks */ .sidebar-common ul li.active a { font-weight: bold; } .sidebar-common ul li i.glyphicons, .sidebar-common ul li i.glyphicons:before { font-size: smaller; } .sidebar-common ul li i.glyphicons { display: block; left: 4px; top: 2px; position: absolute; } .mpblog-categories ul li.active a, .mpblog-recentcomments ul li.active a, .mpblog-archives ul li.active a, .mpblog-recentposts ul li.active a, .mpblog-recentcomments ul li.active a, .mpblog-archives ul li.active a { font-weight: bold; } .mpblog-categories ul li i.glyphicons, .mpblog-recentcomments ul li i.glyphicons, .mpblog-archives ul li i.glyphicons, .mpblog-recentposts ul li i.glyphicons, .mpblog-recentcomments ul li i.glyphicons, .mpblog-archives ul li i.glyphicons, .mpblog-categories ul li i.glyphicons:before, .mpblog-recentcomments ul li i.glyphicons:before, .mpblog-archives ul li i.glyphicons:before, .mpblog-recentposts ul li i.glyphicons:before, .mpblog-recentcomments ul li i.glyphicons:before, .mpblog-archives ul li i.glyphicons:before { font-size: smaller; } .mpblog-categories ul li i.glyphicons, .mpblog-recentcomments ul li i.glyphicons, .mpblog-archives ul li i.glyphicons, .mpblog-recentposts ul li i.glyphicons, .mpblog-recentcomments ul li i.glyphicons, .mpblog-archives ul li i.glyphicons { display: block; left: 4px; top: 2px; position: absolute; } .mpblog-recentposts .mp-post-thesis { margin-top: 1rem; } .mpblog-recentposts .thumbnail { float: none; border: 1px solid #D0CBC1; padding: 3px; margin-right: 10px; margin-bottom: 5px; width: 68px; height: 68px; } .mpblog-recentposts .thumbnail:hover { -webkit-box-shadow: 0px 0px 6px 0 #cccccc; -moz-box-shadow: 0px 0px 6px 0 #cccccc; box-shadow: 0px 0px 6px 0 #cccccc; -webkit-transition: all 0.15s 0.3s ease-in-out; -moz-transition: all 0.15s 0.3s ease-in-out; -o-transition: all 0.15s 0.3s ease-in-out; transition: all 0.15s 0.3s ease-in-out; } .mpblog-recentposts .thumbnail .img { width: 60px; height: 60px; } .mpblog-recentposts ul li { margin-bottom: 20px; } .mpblog-recentposts ul li:last-child { margin-bottom: 0; } .mpblog-archives .block-content { padding-top: 10px; } .mpblog-archives .block-content .actions { margin: 10px -10px -5px; } /* Tags */ .mpblog-tags .tag-list.cloud-enabled { display: none; } .mpblog-tags .block-content canvas { width: 100%; margin-left: -5px; } .mpblog-tags ul { list-style-type: none; } .mpblog-tags ul li { display: inline; } .mpblog-tags a.tag1 { font-size: 0.7em; font-weight: 100; } .mpblog-tags a.tag2 { font-size: 0.8em; font-weight: 200; } .mpblog-tags a.tag3 { font-size: 0.9em; font-weight: 300; } .mpblog-tags a.tag4 { font-size: 1.0em; font-weight: 400; } .mpblog-tags a.tag5 { font-size: 1.2em; font-weight: 500; } .mpblog-tags a.tag6 { font-size: 1.4em; font-weight: 600; } .mpblog-tags a.tag7 { font-size: 1.6em; font-weight: 700; } .mpblog-tags a.tag8 { font-size: 1.8em; font-weight: 800; } .mpblog-tags a.tag9 { font-size: 2.2em; font-weight: 900; } .mpblog-tags a.tag10 { font-size: 2.5em; font-weight: 900; } /* Social Share */ @media (min-width: 770px) { .mpblog-social-container { float: right; } } @media (max-width: 770px) { .mpblog-social-container .mp-buttons ul { text-align: center; width: 100%; } } .mpblog-social-container .mp-buttons ul li { margin-right: 5px; float: left; } @media (max-width: 770px) { .mpblog-social-container .mp-buttons ul li { margin-bottom: 5px; display: inline-block; } } .mpblog-social-container .mp-buttons ul li .blog-icon { float: left; background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; } .mpblog-social-container .mp-buttons ul li .blog-icon.twitter { background-image: url("cst/saferpainrelief2/mpblog/images/assets/twitter.png"); background-image: url("cst/saferpainrelief2/mpblog/images/assets/twitter.svg"); } .mpblog-social-container .mp-buttons ul li .blog-icon.facebook { background-image: url("cst/saferpainrelief2/mpblog/images/assets/facebook.png"); background-image: url("cst/saferpainrelief2/mpblog/images/assets/facebook.svg"); } .mpblog-social-container .mp-buttons ul li .blog-icon.vkontakte { background-image: url("cst/saferpainrelief2/mpblog/images/assets/vk.png"); background-image: url("cst/saferpainrelief2/mpblog/images/assets/vk.svg"); } .mpblog-social-container .mp-buttons ul li .blog-icon.odnoklassniki { background-image: url("cst/saferpainrelief2/mpblog/images/assets/ok.png"); background-image: url("cst/saferpainrelief2/mpblog/images/assets/ok.svg"); } .mpblog-social-container .mp-buttons ul li .blog-icon.blogger { background-image: url("cst/saferpainrelief2/mpblog/images/assets/blogger.png"); background-image: url("cst/saferpainrelief2/mpblog/images/assets/blogger.svg"); } .mpblog-social-container .mp-buttons ul li .blog-icon.tumblr { background-image: url("cst/saferpainrelief2/mpblog/images/assets/tumblr.png"); background-image: url("cst/saferpainrelief2/mpblog/images/assets/tumblr.svg"); } .mpblog-social-container .mp-buttons ul li .blog-icon.pinterest { background-image: url("cst/saferpainrelief2/mpblog/images/assets/pinterest.png"); background-image: url("cst/saferpainrelief2/mpblog/images/assets/pinterest.svg"); } .mpblog-social-container .mp-buttons ul li .blog-icon.digg { background-image: url("cst/saferpainrelief2/mpblog/images/assets/digg.png"); background-image: url("cst/saferpainrelief2/mpblog/images/assets/digg.svg"); } .mpblog-social-container .mp-buttons ul li .blog-icon.mixx { background-image: url("cst/saferpainrelief2/mpblog/images/assets/mixx.png"); background-image: url("cst/saferpainrelief2/mpblog/images/assets/mixx.svg"); } .mpblog-social-container .mp-buttons ul li .blog-icon.delicious { background-image: url("cst/saferpainrelief2/mpblog/images/assets/delicious.png"); background-image: url("cst/saferpainrelief2/mpblog/images/assets/delicious.svg"); } .mpblog-social-container .mp-buttons ul li .blog-icon.stumbleupon { background-image: url("cst/saferpainrelief2/mpblog/images/assets/stumbleupon.png"); background-image: url("cst/saferpainrelief2/mpblog/images/assets/stumbleupon.svg"); } .mpblog-social-container .mp-buttons ul li .blog-icon.slashdot { background-image: url("cst/saferpainrelief2/mpblog/images/assets/slashdot.png"); background-image: url("cst/saferpainrelief2/mpblog/images/assets/slashdot.svg"); } .mpblog-social-container .mp-buttons ul li .blog-icon.slashdot { background-image: url("cst/saferpainrelief2/mpblog/images/assets/slashdot.png"); background-image: url("cst/saferpainrelief2/mpblog/images/assets/slashdot.svg"); } .mpblog-social-container .mp-buttons ul li .blog-icon.reddit { background-image: url("cst/saferpainrelief2/mpblog/images/assets/reddit.png"); background-image: url("cst/saferpainrelief2/mpblog/images/assets/reddit.svg"); } .mpblog-social-container .mp-buttons ul li .blog-icon.linkedin { background-image: url("cst/saferpainrelief2/mpblog/images/assets/linkedin.png"); background-image: url("cst/saferpainrelief2/mpblog/images/assets/linkedin.svg"); } .mpblog-social-container .mp-buttons ul li .blog-icon.google { background-image: url("cst/saferpainrelief2/mpblog/images/assets/google_bookmarks.png"); background-image: url("cst/saferpainrelief2/mpblog/images/assets/google_bookmarks.svg"); } .search-query { margin-bottom: 20px; } .search-query .input-box { position: relative; width: 100%; margin-bottom: 10px; float: left; } .search-query .input-box button.button { position: absolute; right: 0; top: 0; background: none; border: none; padding: 6px 7px; } .search-query .input-box button.button i.glyphicons.search { opacity: 0.5; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .search-query .input-box button.button i.glyphicons.search:hover { opacity: 1; } .search-query .input-box button.button i.glyphicons.search:active { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .search-query .input-box input[type="text"] { width: 100%; } .search-query .advice { padding: 3px 10px; border: 1px solid #cccccc; background: #f4f4f4; float: left; -webkit-border-radius: 2px; -webkit-background-clip: padding-box; -moz-border-radius: 2px; -moz-background-clip: padding; border-radius: 2px; background-clip: padding-box; } .search-query .advice a { font-weight: bold; } .mpblog-search .block-content button.button { margin-top: 10px; margin-bottom: 5px; } .mpblog-search .block-content input.input-text { width: 168px; margin-top: 5px; } /* Preview */ .mpblog-preview { padding: 20px; } .mpblog-preview .mpblog-preview-header { margin-bottom: 20px; padding-bottom: 20px; } .mpblog-preview-button-set { text-align: center; padding-top: 20px; padding-bottom: 20px; } textarea.placeholder .placeholder, input.placeholder[type="text"] .placeholder { color: #8c8c8c; text-indent: 0; opacity: 0.8; -webkit-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out; -moz-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out; -o-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out; transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out; } textarea.placeholder .hovered-placeholder, input.placeholder[type="text"] .hovered-placeholder { opacity: 1; } textarea.placeholder .focused-placeholder, input.placeholder[type="text"] .focused-placeholder { text-indent: -100%; opacity: 0; } textarea.placeholder::-webkit-input-placeholder, input.placeholder[type="text"]::-webkit-input-placeholder { color: #8c8c8c; text-indent: 0; opacity: 0.8; -webkit-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out; -moz-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out; -o-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out; transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out; } textarea.placeholder:-moz-placeholder, input.placeholder[type="text"]:-moz-placeholder { color: #8c8c8c; text-indent: 0; opacity: 0.8; -webkit-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out; -moz-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out; -o-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out; transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out; } textarea.placeholder::-moz-placeholder, input.placeholder[type="text"]::-moz-placeholder { color: #8c8c8c; text-indent: 0; opacity: 0.8; -webkit-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out; -moz-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out; -o-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out; transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out; } textarea.placeholder:-ms-input-placeholder, input.placeholder[type="text"]:-ms-input-placeholder { color: #8c8c8c; text-indent: 0; opacity: 0.8; -webkit-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out; -moz-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out; -o-transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out; transition: text-indent 0.2s ease-in-out, opacity 0.2s ease-in-out; } textarea.placeholder:hover::-webkit-input-placeholder, input.placeholder[type="text"]:hover::-webkit-input-placeholder { opacity: 1; } textarea.placeholder:hover:-moz-placeholder, input.placeholder[type="text"]:hover:-moz-placeholder { opacity: 1; } textarea.placeholder:hover::-moz-placeholder, input.placeholder[type="text"]:hover::-moz-placeholder { opacity: 1; } textarea.placeholder:hover:-ms-input-placeholder, input.placeholder[type="text"]:hover:-ms-input-placeholder { opacity: 1; } textarea.placeholder:focus, input.placeholder[type="text"]:focus { -webkit-box-shadow: inset 0px 0px 5px 0px #cccccc; -moz-box-shadow: inset 0px 0px 5px 0px #cccccc; box-shadow: inset 0px 0px 5px 0px #cccccc; border: 1px solid #4d4d4d; } textarea.placeholder:focus::-webkit-input-placeholder, input.placeholder[type="text"]:focus::-webkit-input-placeholder { text-indent: -100%; opacity: 0; } textarea.placeholder:focus:-moz-placeholder, input.placeholder[type="text"]:focus:-moz-placeholder { text-indent: -100%; opacity: 0; } textarea.placeholder:focus::-moz-placeholder, input.placeholder[type="text"]:focus::-moz-placeholder { text-indent: -100%; opacity: 0; } textarea.placeholder:focus:-ms-input-placeholder, input.placeholder[type="text"]:focus:-ms-input-placeholder { text-indent: -100%; opacity: 0; } .fix-me { zoom: 1; /* IE6&7 */ } .fix-me:before, .fix-me:after { content: ""; display: table; } .fix-me:after { clear: both; } .to-left { float: left; } .to-right { float: right; } /* Misc styles */ div.fixed { clear: both; } /* Icons Color Scheme */ i.mpblog-classic.glyphicons, i.mpblog-classic.glyphicons:before { color: #3399cc; } i.mpblog-red.glyphicons, i.mpblog-red.glyphicons:before { color: #7C0104; } i.mpblog-green.glyphicons, i.mpblog-green.glyphicons:before { color: #003300; } i.mpblog-blue.glyphicons, i.mpblog-blue.glyphicons:before { color: #003366; } i.mpblog-grey.glyphicons, i.mpblog-grey.glyphicons:before { color: #333333; } i.mpblog-old-magento.glyphicons, i.mpblog-old-magento.glyphicons:before { color: #0A263C; } @media only screen and (max-width: 768px) { .swipe-me { display: none; visibility: hidden; } } @media screen and (min-width: 1025px){ .mpblog-post.item { min-height: 700px; } }.clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .kb-box { background: #fff; padding: 10px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ddd; *zoom: 1; margin-bottom: 10px; } .kb-box:before, .kb-box:after { display: table; content: ""; line-height: 0; } .kb-box:after { clear: both; } div.kb-s-form { background: #fff; padding: 10px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ddd; *zoom: 1; margin-bottom: 10px; } div.kb-s-form:before, div.kb-s-form:after { display: table; content: ""; line-height: 0; } div.kb-s-form:after { clear: both; } div.kb-s-form .input-text { width: 87%; } div.kb-category-view { background: #fff; padding: 10px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ddd; *zoom: 1; margin-bottom: 10px; } div.kb-category-view:before, div.kb-category-view:after { display: table; content: ""; line-height: 0; } div.kb-category-view:after { clear: both; } div.kb-category-view .kb-category-view-subcategory { width: 48%; padding: 0 5px; margin: 5px 0px; float: left; } div.kb-category-view .kb-category-view-subcategory .category-name { padding-bottom: 3px; margin-bottom: 3px; border-bottom: 1px solid #f2f2f2; } div.kb-category-view .kb-category-view-subcategory .category-name a { color: #333; text-decoration: none; font-size: 13px; } div.kb-category-view .kb-category-view-subcategory .category-name a .num { color: #999; } div.kb-category-view .kb-category-view-subcategory .category-name a .more { color: #1A6690; } div.kb-category-view .kb-category-view-subcategory .category-name a:hover .more { color: #e26703; } div.kb-category-view .kb-category-view-subcategory .articles { margin-left: 10px; } div.kb-category-view .kb-category-view-subcategory .articles .article { margin: 5px 0px; } div.kb-category-view .kb-category-view-subcategory .articles .article a { text-decoration: none; } div.kb-category-view .kb-category-view-subcategory .articles .article a:hover { text-decoration: underline; } div.kb-article-list .article-item { border-bottom: 1px solid #f0f0f0; padding: 12px 0; } div.kb-article-list .article-item > .name { font-size: 14px; font-weight: bold; text-decoration: none; } div.kb-article-list .article-item > .name:hover { color: #e26703; } div.kb-article-list .article-item > .info { color: #999; *zoom: 1; margin-bottom: 10px; } div.kb-article-list .article-item > .info:before, div.kb-article-list .article-item > .info:after { display: table; content: ""; line-height: 0; } div.kb-article-list .article-item > .info:after { clear: both; } div.kb-article-list .article-item > .info .data { float: left; line-height: 14px; } div.kb-article-list .article-item > .info .rating-box { margin-left: 15px; float: left; } div.kb-article-view { background: #fff; padding: 10px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ddd; *zoom: 1; margin-bottom: 10px; } div.kb-article-view:before, div.kb-article-view:after { display: table; content: ""; line-height: 0; } div.kb-article-view:after { clear: both; } div.kb-article-view > .info { color: #999; *zoom: 1; margin-bottom: 10px; } div.kb-article-view > .info:before, div.kb-article-view > .info:after { display: table; content: ""; line-height: 0; } div.kb-article-view > .info:after { clear: both; } div.kb-article-view > .info .data { float: left; line-height: 14px; } div.kb-article-view > .info .rating-box { margin-left: 15px; float: left; } div.kb-article-view .categories, div.kb-article-view .tags { margin: 5px 0px; *zoom: 1; } div.kb-article-view .categories:before, div.kb-article-view .tags:before, div.kb-article-view .categories:after, div.kb-article-view .tags:after { display: table; content: ""; line-height: 0; } div.kb-article-view .categories:after, div.kb-article-view .tags:after { clear: both; } div.kb-article-view .categories a, div.kb-article-view .tags a { margin-left: 10px; text-decoration: none; } div.kb-article-view .categories a:hover, div.kb-article-view .tags a:hover { color: #e26703; } div.kb-article-view .helpful { float: right; color: #999; } div.kb-article-view .helpful a { font-weight: bold; margin-right: 10px; text-decoration: none; } div.kb-article-view .helpful a.yes { color: #090; } div.kb-article-view .helpful a.no { color: #900; } div.kb-article-view .helpful a:hover { color: #e26703; } div.kb-article-view ul { list-style: disc; margin-left: 25px; } div.kb-article-view ol { list-style: decimal; margin-left: 25px; } div.kb-article-view h6 { font-size: 16px; line-height: 1.4em; color: #888; border-bottom: 1px solid #ddd; margin-bottom: 14px; padding-bottom: 14px; font-weight: normal; } div.kb-article-view h2 { margin: 20px 0px 10px 0px; } div.kb-article-view table { border-collapse: collapse; width: 100%; } div.kb-article-view table th { background: #eee; font-weight: bold; } div.kb-article-view table td, div.kb-article-view table th { border: 1px solid #ddd; padding: 5px; } div.kb-tag-list, div.kb-tag-cloud { background: #fff; padding: 10px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ddd; *zoom: 1; margin-bottom: 10px; } div.kb-tag-list:before, div.kb-tag-cloud:before, div.kb-tag-list:after, div.kb-tag-cloud:after { display: table; content: ""; line-height: 0; } div.kb-tag-list:after, div.kb-tag-cloud:after { clear: both; } div.kb-tag-list a, div.kb-tag-cloud a { margin-right: 10px; text-decoration: none; } div.kb-tag-list a:hover, div.kb-tag-cloud a:hover { color: #e26703; } div.kb-tag-view, div.kb-search-result { background: #fff; padding: 10px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ddd; *zoom: 1; margin-bottom: 10px; } div.kb-tag-view:before, div.kb-search-result:before, div.kb-tag-view:after, div.kb-search-result:after { display: table; content: ""; line-height: 0; } div.kb-tag-view:after, div.kb-search-result:after { clear: both; } div.kb-category-sidebar .block-content { padding: 5px 9px; } div.kb-category-sidebar .block-content .category { display: block; padding: 1px 0px; text-decoration: none; } div.kb-category-sidebar .block-content .category.active { font-weight: bold; } div.kb-category-sidebar .block-content .category span { color: #666; font-weight: normal; } div.kb-category-sidebar .block-content .category:hover { text-decoration: underline; } div.kb-category-sidebar .block-content .category.level-1 { margin-left: 20px; } div.kb-category-sidebar .block-content .category.level-2 { margin-left: 40px; } div.kb-category-sidebar .block-content .category.level-3 { margin-left: 60px; } div.kb-category-sidebar .block-content .category.level-4 { margin-left: 80px; } div.kb-category-sidebar .block-content .category.level-5 { margin-left: 100px; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .seo-content { color: #333; width: 600px; margin: 0 auto; padding: 5px 10px; margin-top: -50px; margin-bottom: 10px; background: rgba(255, 255, 255, 0.2); padding: 5px; } .seositemap-map ul { *zoom: 1; margin-left: 15px; margin-bottom: 15px; } .seositemap-map ul:before, .seositemap-map ul:after { display: table; content: ""; line-height: 0; } .seositemap-map ul:after { clear: both; } .seositemap-map ul.stores li { font-weight: bold; font-size: 110%; } .seositemap-map ul li.level-2 { font-weight: bold; } .seositemap-map ul li.level-3 { margin-left: 15px; } .seositemap-map ul li.level-4 { margin-left: 30px; font-size: 90%; } .seositemap-map ul li.level-5 { margin-left: 45px; font-size: 90%; } .seositemap-map ul li.level-6 { margin-left: 60px; font-size: 90%; } .seositemap-map ul li.level-7 { margin-left: 75px; font-size: 90%; } .review-aggregate-hide { display:none; } /*seo-info*/ /*seo-info-color*/ .seo-info .seo-info-incorrect { color: #df280a; } .seo-info .seo-info-correct { color: #50B655; } .seo-info .seo-info-notice { color: #BD5D1F; } /*seo-info-main-style*/ .seo-info .seo-info-base-window { width: 370px; min-height: 10px; position: fixed; bottom: 10px; right: 10px; background: #F8F8F8; color: #363636; z-index: 100000; font-family:Arial; outline: 5px solid rgba(203, 203, 203, 0.7); } .seo-info .seo-info-hr-style { margin: 5px; border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .seo-info .seo-info-h1-style { font-family:Arial; background: #FEFEFE; color: #666666; padding: 3px 5px; font-size: 14px; font-weight: bold; text-align:center; cursor: pointer; margin-bottom: 0px; } .seo-info .seo-info-h2-style { font-family:Arial; padding:0px; margin: 5px 0px 0px 0px; text-align: left; padding-left: 10px; font-size: 13px; font-weight: 400; color: #363636; text-transform:none; } .seo-info .seo-info-text-style { font-family:Arial; font-size: 13px; text-align: left; /*color: #363636;*/ } .seo-info .seo-additional-info-text-style { font-family:Arial; font-size: 13px; text-align: left; } /*seo-info-keyword-progress-bar*/ .seo-info .seo-info-progress-container { width:100%; font-size: 13px; } .seo-info .seo-info-progress-label { width: 150px; font-size: 13px; line-height: 22px; font-weight: 400; padding-left: 10px; text-align: left; } .seo-info .seo-info-progress-label, .seo-info .seo-info-progress { border-radius: 11px; box-shadow: none; display: inline-block; vertical-align: middle; } .seo-info .seo-info-progress { background-color: #f5f7fa; box-shadow: none; display: inline-block; box-shadow: none; vertical-align: middle; margin-bottom: 2px; width: 150px; height: 6px; } .seo-info .seo-info-progress-success .seo-info-progress-bar { background-color: #50B655; border-color: #5cb85c; color: #5cb85c; box-sizing: border-box; border-radius: 11px; box-shadow: none; height: 100%; float: left; font-size: 13px; line-height: 24px; text-align: center; transition: width 0.6s ease 0s; } .seo-info .seo-info-progress-label, .seo-info-progress { border-radius: 11px; } .seo-info .seo-info-progress.seo-info-progress-success { width:100px; } .seo-info .seo-info-progress-bar { background-color: #a0c5e4; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; color: #428bca; float: left; font-size: 13px; height: 100%; line-height: 24px; text-align: center; transition: width 0.6s ease 0s; width: 0; } /*seo-info images alt info*/ .seo-info .seo-info-image-alt { display: inline-block; width: 260px; } /*link*/ .seo-info .seo-additional-info-link-style { font-family:Arial; font-size: 13px; text-align: left; word-wrap: break-word; padding-bottom: 3px; } .seo-info .seo-additional-info-link-style a { color: #3196CA; } /*scroll*/ .seo-info .seo-info-scroll { overflow-y: auto; height: 500px; margin-top: 0.7em; padding: 2px 15px 10px 5px; text-align: justify; margin-bottom: 5px; } .seo-info .seo-info-scroll::-webkit-scrollbar { width: 7px; } .seo-info .seo-info-scroll::-webkit-scrollbar-track { background-color: rgba(255,255,255,0.2); border-radius: 7px; } .seo-info .seo-info-scroll::-webkit-scrollbar-thumb { background-color: #EAEAEA; border-radius: 7px; } .seo-info .seo-info-scroll::-webkit-scrollbar-thumb:hover { background-color: #EAEAEA; border-radius: 7px; } /*SEO Template Info*/ .seo-info .seo-additional-info-template-style { font-size: 13px; } /*hide/show button*/ .seo-info .seo-additional-info-hide-show-button-style { position: absolute !important; right: 0; top: 0; padding-right: 7px; color: #3196CA; text-decoration: underline; cursor: pointer; } .seo-info .m-seo-info-scroll-hide { display: none; } /*table for SEO Templates*/ .seo-info .m-seo-info-template-table { display:table; width:100%; padding-top: 3px; } .seo-info .m-seo-info-template-table-row { display:table-row; } .seo-info .m-seo-info-template-table-cell { display:table-cell; text-align: center; padding: 2px; vertical-align: middle; } .seo-info .m-seo-info-template-table-cell:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); } .seo-info .m-seo-info-template-table-cell:nth-child(2) { border-top: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); } .seo-info .m-seo-info-template-table-cell:nth-child(3) { border-top: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); } .seo-info .m-seo-info-template-left { text-align: left; padding-left: 1px; } .seo-info .m-seo-info-template-table-row:last-child .m-seo-info-template-table-cell{ border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .seo-info .m-seo-info-id-width { width: 30px; } .seo-info .m-seo-info-rule-name-width { width: 120px; } .seo-info .m-seo-info-sort-order-width { width: 70px; } .seo-info .m-seo-info-rules-processing-width { width: 110px; } .seo-info .m-seo-info-status-width { width: auto; } /*seo-info demo store style*/ @media all and (max-width: 590px) { .seo-info .seo-info-base-window.m-seo-info-demo-style { bottom: 40px !important; right: 10px !important; } } @media all and (min-width: 591px) { .seo-info .seo-info-base-window.m-seo-info-demo-style { bottom: 5px !important; right: 260px !important; } } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .seositemap-map ul { *zoom: 1; margin-left: 15px; margin-bottom: 15px; } .seositemap-map ul:before, .seositemap-map ul:after { display: table; content: ""; line-height: 0; } .seositemap-map ul:after { clear: both; } .seositemap-map ul.stores li { font-weight: bold; font-size: 100%; } .seositemap-map ul li.level-2 { font-weight: bold; } .seositemap-map ul li.level-3 { margin-left: 15px; } .seositemap-map ul li.level-4 { margin-left: 30px; font-size: 90%; } .seositemap-map ul li.level-5 { margin-left: 45px; font-size: 90%; } .seositemap-map ul li.level-6 { margin-left: 60px; font-size: 90%; } .seositemap-map ul li.level-7 { margin-left: 75px; font-size: 90%; } .review-aggregate-hide { display:none; } .seositemap-index-index div.seositemap-map table { width:100%; } .seositemap-index-index div.seositemap-map table tbody tr td { vertical-align: top; }a { color: #21336b; text-decoration: none; font-style: oblique; font-weight: 400; } a:hover { font-weight: 700; }