img { border: 0px; } a { text-decoration: none; } .spritezoom-container { margin: 10px; text-decoration: none; } .spritezoom-view { border: 1px solid #ccc; } .spritezoom-zoom { border: 1px solid #ccc; } .spritezoom-lens { border: 1px solid #ccc; } .spritezoom-tint { background: #ccc; } .spritezoom-title { background: #888; color: white; padding: 3px; text-align: center; } .example { margin: 20px; cursor: none; } .ltl-items ul { padding: 10px 0; } img { border: 0px; } a { text-decoration: none; } .spritezoom-container { margin: 10px; text-decoration: none; } .spritezoom-view { border: 1px solid #ccc; } .spritezoom-zoom { border: 1px solid #ccc; } .spritezoom-lens { border: 1px solid #ccc; } .spritezoom-tint { background: #ccc; } .spritezoom-title { background: #888; color: white; padding: 3px; text-align: center; } .example { margin: 20px; cursor: none; } /** * 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) 2014 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Reset ================================================================================= */ * { margin:0; padding:0; outline: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } html { height:100%; } body { background:#fff; font:12px/1.35 'opensans', Arial, Helvetica, sans-serif; color:#6D6E70; text-align:center; min-height:100%;position:relative;padding:0 0 300px; } .no_scroll { overflow: hidden; } img { border:0; vertical-align:top; } a { color:inherit; text-decoration:none; } a:hover { text-decoration:underline; } :focus { outline:0; } /* Headings */ h1 { font-size:20px; font-weight:normal; line-height:1.15; } h2 { font-size:18px; font-weight:normal; line-height:1.25; } h3 { font-size:16px; font-weight:bold; line-height:1.25; } h4 { font-size:14px; font-weight:bold; } h5 { font-size:12px; font-weight:bold; } h6 { font-size:11px; font-weight:bold; } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ strong { font-weight:bold; } address { font-style:normal; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } sup { font-size:1em; vertical-align:top; } /* Lists */ ul,ol { list-style:none; } /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* ======================================================================================= */ /* Layout ================================================================================ */ .wrapper {} .page { width:100%; margin:0 auto; padding:0; text-align:left; } .page-print { background:#fff; padding:20px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .main-container {text-align:left;} .main { margin: 0 auto; width: 1280px;} /* Base Columns */ .col-left { float:left; width:280px; margin:10px 20px; } .col-main { float:left; width:1000px; margin: 20px 0;} .col-right { float:right; width:230px; border:1px solid #ddd; padding:5px 5px 0; } /* 1 Column Layout */ .cms-home .col1-layout .col-main {padding:0;} .col1-layout .col-main { float:none; width:auto; padding:0 20px;} /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; margin:0; width:920px;} .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main { width:484px; margin-left:10px; } .col3-layout .col-wrapper { float:left; width:748px; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .col-narrow { width:33%; } .col2-set .col-wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button { font:12px opensans,Arial, Helvetica, sans-serif; vertical-align:middle; color:#000; } input.input-text,select,textarea { background:#fff; border: 1px solid #ccc; color:#6D6E70;} input.input-text,textarea { padding: 4px; } select { padding:1px; } 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:30px !important; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.button { padding: 2px 10px; background: #f05a28; font-family: 'OpenSans', Arial; font-weight: bold; color: #fff; font-size: 13px; border: none; text-transform: uppercase; cursor:pointer; } button.button.button-secondary { background: #00a69c; } button.button span { } button.button span span { } button.disabled {} button.disabled span {} button.btn-checkout span {} button.btn-checkout.no-checkout {} #newsletter-validate-detail{font-size:0;} #newsletter-submit{font-size:13px;background:url('//homefurnitureandpatio.com/skin/frontend/default/home/images/button-icon.png') no-repeat 68px #00A69C;padding:4px 30px 4px 10px;} p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#efefef; }*/ /* Form lists */ /* Grouped fields */ /*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/ .form-list li { margin:0 0 8px; } .form-list label { float:left; position:relative; z-index:0; } .form-list label.required {} .form-list label.required em { float:right; font-style:normal; color:#eb340a; position:absolute; top:0; right:-8px; } .form-list li.control label { float:none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right:6px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; } /*.form-list li.fields { margin-right:-15px; }*/ .form-list .input-box { display:block; clear:both; width: 100%; } .form-list .field { float:left; width:275px; margin-right: 20px; } .form-list input.input-text { width: 100%; } .form-list textarea { width:254px; height:10em; } .form-list select { width:254px; padding:4px; } .form-list li.wide .input-box { width:535px; } .form-list li.wide input.input-text { width:529px; } .form-list li.wide textarea { width:529px; } .form-list li.wide select { width:535px; } .form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list .input-range input.input-text { width:74px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; } .form-list .name-prefix { width:65px; } .form-list .name-prefix select { width:55px; } .form-list .name-prefix input.input-text { width:49px; } .form-list .name-suffix { width:65px; } .form-list .name-suffix select { width:55px; } .form-list .name-suffix input.input-text { width:49px; } .form-list .name-middlename { width:70px; } .form-list .name-middlename input.input-text { width:49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width:140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:10px; font-weight:normal; color:#888; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; } .buttons-set { clear:both; margin:5px 0 0; } .buttons-set .back-link { float:left; } .buttons-set button.button { float:right; } .buttons-set p.required { margin:0 0 5px; } .buttons-set-order {} .fieldset { border:1px solid #ddd; background:#fefefe; padding:22px 25px 12px 33px; margin:28px 0; } .fieldset .legend { float:left; font-weight:bold; font-size:13px; border:1px solid #fefefe; background:#dedede; color:#333; margin:-33px 0 0 -10px; padding:0 8px; position:relative; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:10px; line-height:13px; background:url(https://homefurnitureandpatio.com/skin/frontend/default/home/images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00; } .validation-failed { border:1px solid #f05a28 !important; } .validation-passed {} p.required { font-size:10px; text-align:right; color:#f00; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ .success { color:#3d6611; font-weight:bold; } .error { color:#f00; font-weight:bold; } .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 10px; } .messages li li { margin:0 0 3px; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style:solid !important; border-width:1px !important; background-position:10px 9px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; font-size:11px !important; font-weight:bold !important; } .error-msg { border-color:#f16048; background-color:#faebe7; background-image:url(https://homefurnitureandpatio.com/skin/frontend/default/home/images/i_msg-error.gif); color:#df280a; } .success-msg { border-color:#446423; background-color:#eff5ea; background-image:url(https://homefurnitureandpatio.com/skin/frontend/default/home/images/i_msg-success.gif); color:#3d6611; } .note-msg, .notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(https://homefurnitureandpatio.com/skin/frontend/default/home/images/i_msg-note.gif); color:#3d6611; } .col-main .note-msg{margin:10px 0 0 0;} /* BreadCrumbs */ .col1-layout .breadcrumbs { padding:20px 0 0 20px; } .breadcrumbs li { display:inline; } .breadcrumbs li span { color: #f05a28; } .breadcrumbs li strong { text-transform: uppercase; } /* Page Heading */ .page-title { padding:0 0 5px; margin:0 0 10px; color:#F05A28; text-transform: uppercase; font-size: 25px; font-weight: 200; } .page-title h1, .page-title h2 { font-size:18px; color:#000; } .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; } /* Pager */ .pager { } .pager .amount { float:left; } .pager .limiter { } .pager .pages { margin:2px 0 0 0;} .pager .pages ol { display:inline; } .pager .pages li { display:inline; margin:0 2px; font-weight:bold; vertical-align:middle;} .pager .pages .current { color:#F05A28;} /* Sorter */ .sorter { } .sorter .view-mode { } .sorter .sort-by label{ display:inline-block;vertical-align:middle;} .sorter .link-feed {} /* Toolbar */ .toolbar {padding:20px 0;} .toolbar ul{ text-align:right;} .toolbar > ul > li{display:inline-block;vertical-align:middle;} .toolbar > ul > li:last-child{margin:0;} .toolbar > ul > li.results span{padding:0 10px 0 0;display:inline-block;vertical-align:middle;} .toolbar .pager {} .toolbar .sorter {} .toolbar-bottom {} /* Data Table */ .data-table { width:100%; } .data-table th { font-size:13px; text-transform:uppercase; font-weight:bold; white-space:nowrap; padding: 0 10px 20px;} .data-table td { padding: 20px 10px 0; font-size:14px; } .data-table thead { border-bottom:1px solid #ccc;} .data-table tbody {} .data-table tfoot td{ font-size:16px;} .data-table tr.first {} .data-table tr.last { border-bottom:1px solid #ccc;} .data-table tr.last td{padding:20px 10px 20px;} .data-table tr.odd {} .data-table tr.even { } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { background-color:#f6f6f6; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width:1px; } .data-table th .tax-flag { white-space:nowrap; font-weight:normal; } .data-table td.label, .data-table th.label { font-weight:bold; background-color:#f6f6f6; } .data-table td.value {} /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(https://homefurnitureandpatio.com/skin/frontend/default/home/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(https://homefurnitureandpatio.com/skin/frontend/default/home/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 iframe { max-width: 100% !important; width: 100% !important; margin-top: 10px; } .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:bold; } .std dl dd { margin:0 0 10px; } .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } .std p{line-height:18px;} .std ul { list-style:disc outside; padding-left:1.5em; } .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:bold; } .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:bold; } .std i, .std em { font-style:italic; } .std hr { border: none; border-top: 1px solid #ccc; height: 1px; } .cms-page-view h2{color:#ff6600;font-size:16px;font-weight:bold;margin:0 0 10px;} .cms-page-view .col-main h3{color:#008080;font-size:14px;font-weight:bold;margin:0 0 10px;} .cms-page-view .col-main a{color:#ff6600;} .cms-help-and-advice.cms-page-view .col-main a{color:inherit;} .cms-help-and-advice.cms-page-view .col-main a:hover{color:#ff6600;} .cms-page-view .col-main .std img.right{padding:0 0 10px 10px;} .cms-page-view .col-main .std img{max-width:280px;} .cms-page-view .col-main .std img.left{padding:0 10px 10px 0;} .design-block{margin:0 0 10px;border-bottom:1px solid #ccc;} .design-block .design-column{float:left;margin:0 10px 0 0;max-width:480px;} .design-block.profiles .design-column{max-width:890px;} .design-block .design-column a.read-more{color:#ff6600;} .cms-page-view .col-main .std .design-block .design-column img{max-width:initial;width:280px;} /* Misc */ .links li { display:inline; } .links li.first { padding-left:0 !important; } .links li.last { background:none !important; padding-right:0 !important; } .link-cart { font-weight:bold; color:#f00; } .link-wishlist { font-weight:bold; } .link-reorder { font-weight:bold; } .link-compare { font-weight:bold; } .link-print { background:url(https://homefurnitureandpatio.com/skin/frontend/default/home/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; } .link-rss { background:url(https://homefurnitureandpatio.com/skin/frontend/default/home/images/i_rss.gif) 0 1px no-repeat; padding-left:18px; white-space:nowrap; } .btn-remove { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://homefurnitureandpatio.com/skin/frontend/default/home/images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-remove2 { display:block; width:16px; height:16px; font-size:0; line-height:0; background:url(https://homefurnitureandpatio.com/skin/frontend/default/home/images/remove-icon.png) 0 0 no-repeat; text-indent:-999em; overflow:hidden; margin:3px 0 0 0;} .btn-edit { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://homefurnitureandpatio.com/skin/frontend/default/home/images/btn_edit.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#ddd; text-indent:-999em; overflow:hidden; } /* Noscript Notice */ .noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .noscript .noscript-inner { width:1000px; margin:0 auto; padding:12px 0 12px; background:url(https://homefurnitureandpatio.com/skin/frontend/default/home/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(https://homefurnitureandpatio.com/skin/frontend/default/home/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 { } /* ======================================================================================= */ /* Header ================================================================================ */ .logo { float:left; } .header-container {} .header { width: 1240px; margin: 0 auto; padding: 0 20px 10px; } .header .logo { float:left; text-decoration:none !important; } .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } .header h1.logo { margin:0; padding:0; } .header .welcome-msg { font-weight:bold; text-align:right; } .header .welcome-msg a {} .header .links { float:right; } .header .form-search { text-align:right; font-size:0;} .header .form-search .search-autocomplete { z-index:999; font-size: 12px; text-align: left; } .header .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff; } .header .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #ddd; cursor:pointer; } .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header .form-search .search-autocomplete li.selected {} .header .form-language { clear:both; text-align:right; } .header-container .top-container { clear:both; text-align:right; } .header-right { float: right; margin: 20px 0 0 0; position: relative; } .header-right .header-menu{list-style-type:none;float:left;margin: 12px 0 0 0;} .header-right .header-menu li{float:left;margin:0 25px 0 0;text-transform:uppercase;font-weight:bold;} .header-right .header-menu li:hover{color:#f05a28;} .header-right .top-cart { float :left; text-transform: uppercase; font-weight: bold; background: #fff url('//homefurnitureandpatio.com/skin/frontend/default/home/images/cart-icon.png') no-repeat 10px center; padding: 5px 10px 5px 50px; cursor: pointer; border: 1px solid #fff; border-bottom: 0; position: relative; z-index: 999; } .header-right .top-cart.active { border: 1px solid #00a69c; border-bottom: 0; } .header-right .top-cart .cart-counter { padding: 5px 10px; background: #00a69c; color: #fff; font-weight: bold; font-size: 14px; margin: 0 0 0 10px; display: inline-block; } .cart-dropdown table { width: 100%; } .cart-dropdown table thead tr { border-bottom: 1px solid #ccc;} .cart-dropdown table thead tr th { text-transform: uppercase; font-family:'OpenSans'; font-weight: bold; color: #6d6e70; width: 10px; } .cart-dropdown table th, .cart-dropdown table td { padding: 7px 2px; font-size: 15px; } .cart-dropdown table td .cart-product { width: 270px; } .cart-dropdown table td .cart-image { width: 100px; } .cart-dropdown table td .cart-product-name { font-size: 15px; width: 170px; padding-left: 10px; } .cart-dropdown .cart-totals { width: 200px;} .cart-dropdown .cart-totals.full { width: 100%; } .cart-dropdown .cart-totals .row { font-size: 0; border-top: 1px solid #ccc; } .cart-dropdown .cart-totals.full .row { border-top: none; } .cart-dropdown .cart-totals.full .row button { margin-left: 10px; } .cart-dropdown .cart-totals .row .column { display: inline-block; width: 50%; font-size: 15px; text-transform: uppercase; color: #000; padding: 10px 5px; vertical-align: middle; } .cart-dropdown .cart-totals .row .column:first-child { text-align: right; } .cart-dropdown .cart-totals .row .column.full { width: 100%; padding: 10px 0 0; } .cart-dropdown .cart-totals .row .column.full button.button{font-size:15px;} .cart-dropdown .product-options { font-size: 10px; margin: 10px 0 0; } .cart-dropdown { border: 1px solid #00a69c; position: absolute; right: 0; top: 38px; width: 600px; padding: 15px; background: #fff; z-index: 998; } .cart-dropdown .cart-loader { width: 46px; height: 46px; margin: 0 auto; background: url('//homefurnitureandpatio.com/skin/frontend/default/home/images/loading.gif') center no-repeat; } .cart-counter .cart-counter-loader { width: 16px; height: 16px; margin: 0 auto; background: url('//homefurnitureandpatio.com/skin/frontend/default/home/images/ajax-loader.gif') center no-repeat; display: inline-block; vertical-align: top; } #cart_subtotal .sub-total-loader { width: 100%; height: 16px; margin: 0 auto; background: url('//homefurnitureandpatio.com/skin/frontend/default/home/images/ajax-loader-white.gif') center no-repeat; display: block; vertical-align: top; } .header-bottom{margin:70px 0 0 0;clear:right;float:right;} .header-bottom #search_mini_form{float:left;margin:0 40px 0 0;} .header-bottom #search_mini_form #top-search-button{background:url('//homefurnitureandpatio.com/skin/frontend/default/home/images/search-icon.png') no-repeat #F05A28 center;width:26px;height:32px;cursor:pointer;} .header-bottom #search_mini_form #search{width:250px;height: 32px;} .header-bottom .header-button{border:1px solid #ccc;padding:2px 5px;float:left;font-weight:bold;color:#F05A28;font-size:15px;} .header-bottom #live-help .icon{background:url('//homefurnitureandpatio.com/skin/frontend/default/home/images/live-help-icon.png') no-repeat;width:45px;height:35px;display:inline-block;vertical-align:middle;margin:-8px 5px -8px 0;} .header-bottom .phone-number{float:left;color:#6D6E70;font-size:15px;font-weight:bold;background:url('//homefurnitureandpatio.com/skin/frontend/default/home/images/cal_orange.png') no-repeat;padding:5px 0 5px 30px;margin:0 0 0 55px !important;} .home-logos ul { list-style-type: none; padding:0; font-size:0; width:100%;} .home-logos ul li { width:100%; display:inline-block; } .home-logos .home-logos-content{text-align:center;} .home-logos .home-logos-content .home-logo { display: inline-block; vertical-align: middle; margin: 0 10px 10px; } .home-logos .home-logos-content .home-logo img{ width:auto;height:auto;max-width:200px;max-height:50px; } .full-width-slider{overflow:hidden;position:relative;border-bottom:1px solid #ccc;padding:20px 0 10px;margin:0 0 20px;} .home-content { float: left; border-right: 1px solid #ccc; padding: 0 20px; width:50%; } .home-content.right { float:right; border:0;} .col-main h3 { font-size: 14px; font-weight: bold; color: #F05A28; } .col-main .home-content h3{text-transform:uppercase;margin:0 0 10px;} /********** < Navigation */ .nav-container { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } #nav { width: 1240px; margin: 0 auto; } /* All Levels */ #nav li { text-align:left; position:relative; } #nav li.over { z-index:998; } #nav li.parent {} #nav li a { display:block; text-decoration:none; } #nav li a:hover { text-decoration:none; } #nav li a span { display:block; white-space:nowrap; cursor:pointer; } #nav li ul a span { white-space:normal; } /* 1st Level */ #nav li { float:left; } #nav li a { float:left; padding:5px 10px; font-weight:bold; color:#888; } #nav li a:hover { color:#000; } #nav li.over a, #nav li.active a { color:#000; } /* 2nd Level */ #nav ul, #nav div { position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #ddd; background:#fafafa; } #nav div ul { position:static; width:auto; border:none; } /* 3rd+ leven */ #nav ul ul, #nav ul div { top:7px; } #nav ul li { float:none; border-bottom:1px solid #ddd; } #nav ul li.last { border-bottom:0; } #nav ul li a { float:none; padding:3px 9px; font-weight:normal; color:#888 !important; } #nav ul li a:hover { color:#000 !important; } #nav ul li.active > a, #nav ul li.over > a { color:#000 !important; } /* Show menu */ #nav li ul.shown-sub, #nav li div.shown-sub { left:0; z-index:999; } #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub { left:100px; } /********** Navigation > */ .main-menu { margin: 10px 0 0 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .main-menu ul.level-0 { width: 1240px; margin: auto; text-align: center; position: relative; font-size: 0; } .main-menu div.menu-holder { position: absolute; display: none; background: #fff; z-index: 99; top: 100%; border: 1px solid #ccc; font-size: 0; text-align: left; box-shadow: 0 2px 8px #ccc; -moz-box-shadow: 0 2px 8px #ccc; -webkit-box-shadow: 0 2px 8px #ccc; } .main-menu .cat-id-974 ul.level-1.last-row, .main-menu .cat-id-780 ul.level-1.last-row, .main-menu .cat-id-1612 ul.level-1.last-row{width:246px;border:0;} .main-menu div.menu-holder.cat-id-1612, .main-menu div.menu-holder.cat-id-974{left:0;} .main-menu div.menu-holder.cat-id-1077{left:115px;} .main-menu div.menu-holder.cat-id-1144{left:220px;} .main-menu div.menu-holder.cat-id-1159{left:380px;} .main-menu div.menu-holder.cat-id-1130{left:310px;} .main-menu div.menu-holder.cat-id-1614, .main-menu div.menu-holder.cat-id-991, .main-menu div.menu-holder.cat-id-975, .main-menu div.menu-holder.cat-id-780, .main-menu div.menu-holder.cat-id-5, .main-menu div.menu-holder.cat-id-1624, .main-menu div.menu-holder.cat-id-1619{right:0;} .main-menu ul.level-1 { display: inline-block; width: 248px; border-right: 1px solid #ccc; margin: 13px 0; vertical-align: top; } .main-menu ul.level-1 > li { font-size: 12px; text-transform: none; font-weight: normal; } .main-menu ul.level-1 > li.last-child{margin:0 0 10px 0;} .main-menu ul.level-1 > li.parent { font-size: 14px; font-weight: bold; text-transform: uppercase; } .main-menu ul.level-1.list-view { padding: 10px 0; } .main-menu ul.level-1.list-view > li { margin: 0; border-right: 0; } .main-menu ul.level-1.list-view > li a { font-weight: normal; text-transform: none; padding: 3px 7px; } .main-menu ul.level-1.list-view > li a:hover { color: #f05a28; } .main-menu ul.level-1 > li:nth-child(4n+0) { border-right: none; } .main-menu ul.level-0 ul.level-1 li a { color: #6d6e70; padding: 5px 10px; } .main-menu ul.level-0 ul.level-1 li a:hover{color:#f05a28;} .main-menu ul.level-1 li li a { color: #6d6e70; text-transform: none; font-weight: normal; } .main-menu ul.level-1 li li a:hover { color: #f05a28; } .main-menu ul:not(.level-0):not(.level-1) { } .main-menu ul:not(.level-0):not(.level-1) li { width: 100%; } .main-menu ul.level-0 > li { display: inline-block; font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 0; } .main-menu ul.level-0 > li:first-child { margin-left: 0; } .main-menu ul.level-0 > li:last-child { margin-right: 0; } .main-menu ul.level-1 > li li a { font-weight: normal; text-transform: none; padding: 5px 7px; } .main-menu ul.level-0 > li a { padding: 10px 8px; border-left: 1px solid transparent; border-right: 1px solid transparent; display: block; } .main-menu ul.level-0 > li:hover > a, .main-menu ul.level-0 > li > a:hover { color: #f05a28; border-left-color: #ccc; border-right-color: #ccc; border-bottom: 1px solid #fff; margin-bottom: -1px; position: relative; z-index: 999; background: #fff; } .main-menu ul.level-0 > li:hover div { display: block; } .main-menu .menu-extra{position:absolute;width:20%;bottom:0;right:0;padding:20px;} .main-menu .menu-extra.cols-2{width:40%;} .main-menu .menu-extra img{width:100%;height:auto;float:right;} .main-menu .menu-cat-image{width:100%;height:auto;padding:0 20px;} .offer-bar { padding: 10px 0; border-bottom: 1px solid #ccc; } .offer-bar .main { padding: 0 20px; } .offer-bar h3 { color: #00A69C; font-size: 15px; } .offer-bar ul li { float: left; color: #f00; font-size: 15px; font-weight: bold; margin: 0 0 0 40px; } .home-banner { width: 1240px; height: 430px; overflow: hidden; margin: 0 0 20px 0; position: relative; } .home-banner ul.home-banner-inner { list-style-type: none; padding: 0; margin: 0; position: absolute; top: 0; left: 0; width: 3000px; } .home-banner ul.home-banner-inner li{position:relative;float:left;} .home-banner ul.home-banner-inner li .banner-label{position:absolute;top:40px;right:0;font-size:50px;text-align:right;color:#fff;text-transform:uppercase;padding:20px 10px 20px 40px;font-weight:200;background:url('https://homefurnitureandpatio.com/skin/frontend/default/home/images/label-bg.png');line-height:50px;} .banner-nav {position:absolute;bottom:10px;right:20px;} .banner-nav ul{list-style-type:none;margin:0;padding:0;} .banner-nav ul li{width:15px;height:15px;background:#ccc;float:left;margin:0 0 0 10px;cursor:pointer;} .banner-nav ul li.active-banner-nav{background:#F05A28;} .banner-nav ul li:hover{background:#ddd;} .banner-nav ul li.active-banner-nav:hover{background:#F05A28;} span.orange{color:#F05A28;} .product-list{padding:20px;border-bottom:1px solid #ccc;margin:0 0 20px 0;} .product-list h3.list-title{ text-transform:uppercase; color:#F05A28; font-size:15px; margin:0 0 10px;} .product-list ul{list-style-type:none;} .product-list-slider{position:relative;width:100%;overflow:hidden;} .product-list-slider ul{width:4000px;padding:0;margin:0;} .product-list-slider ul li{float:left;width:273px;margin:0 40px 0 0;} .product-list-price{color:#F05A28;font-size:20px;font-weight:600;} .product-list-name{font-size:14px;} .product-list-slider-nav{margin:10px 0 0;} .product-list-slider-nav ul{list-style-type:none;padding:0;margin:0;float:right;font-size:0;} .product-list-slider-nav ul li{width:15px;height:15px;background:#ccc;margin:0 0 0 10px;cursor:pointer;display:inline-block;vertical-align:middle;} .product-list-slider-nav ul li:hover, .product-list-slider-nav ul li.active-nav{background:#F05A28;} .brands-list { border-bottom: 1px solid #ccc; font-size: 0; } .brands-list .brand { display: inline-block; width: 20%; font-size: 13px; border-left: 1px solid #ccc; text-align: center; vertical-align: middle; min-height: 200px; } .brands-list .brand.first { border-left: none; } .brands-list .brand .brand-container { display: table; width: 100%; height: 200px; padding: 10px; } .brands-list .brand .brand-container .brand-inner { display: table-cell; vertical-align: middle; } .brands-list .brand .brand-container .brand-inner img { max-width: 100%; max-height: 180px; display: block; margin: 0 auto; } .brands-list .brand .brand-container .brand-inner h2 { margin-top: 15px; } .col2-left-layout .breadcrumbs{padding:10px 20px 0 0;} .breadcrumbs{padding:10px 0 0 0;} /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { margin:0 0 20px; } .block .block-title { } .block .block-title strong { font-size:14px; font-weight:bold; } .block .block-title strong span {font-size:15px;} .block .block-title a { text-decoration:none !important; } .block .block-subtitle { font-size:13px; font-weight:bold; color:#F05A28; margin:0 0 5px; } .block .block-content { } .block .block-content li.item { padding:5px 0; } .block .btn-remove, .block .btn-edit { float:right;} .block .actions { text-align:right; margin:0 0 5px;} .block .actions a { float:left; } .block .empty {} .left-cat-title{font-size:13px;color:#f05a28;font-weight:bold;margin:0 0 10px;text-transform:uppercase;} .left-cat-list{margin:0 0 0 10px;} .left-cat-list li ul{margin:0 0 20px 10px;} .left-cat-list li ul li{margin:0 0 10px 0;font-size:13px;} .left-cat-list li ul li a.active-cat{color:#f05a28;} .left-cat-list li .left-cat-title{color:#6d6e70;} .left-cat-list li .left-cat-title.active-cat{color:#f05a28;} .left-cat-list li a:hover{color:#f05a28;} .left-blocks li img{max-width:220px;} .block.block-layered-nav .block-title{float:left;margin:4px 10px 0 0;} .block.block-layered-nav .block-content{float:left;} .block.block-layered-nav .filter-title{background:url('https://homefurnitureandpatio.com/skin/frontend/default/home/images/down-arrow.png') no-repeat right 6px top 9px;padding:3px 20px 3px 3px;} .block.block-layered-nav .currently .filter-title{background:0;padding:3px;} .block.block-layered-nav .filter{float:left;margin:0 10px 0 0;border:1px solid #ccc;min-width:165px;position:relative;} .block.block-layered-nav .filter-list{display:none;position:absolute;top:20px;background:#fff;z-index:9;padding:3px;border:1px solid #ccc;border-top:0;margin-left:-1px;margin-right:-1px;left:0;right:0;} .block.block-layered-nav #narrow-by-list {float:left;} .block.block-layered-nav .currently{float:left;} .block .block-content #narrow-by-list dd{ padding:0 0 10px;} .block .block-content #narrow-by-list dd li{ padding:0 0 5px;} .block .block-content #narrow-by-list dd li a:hover{color:#F05A28;} .block li.odd {} .block li.even { background-color:#f6f6f6; } .left-blocks li{margin:0 0 20px;} /* Mini Products List */ .mini-products-list li { padding:5px 0; } .mini-products-list .product-image { float:left; width:50px; padding:5px; border:1px solid #ddd; } .mini-products-list .product-details { margin-left:75px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } .block-cart .mini-products-list .product-details .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 {} /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav {} .block-layered-nav dt { font-weight:bold; color:#F05A28; font-size:14px; padding:0 0 5px 0;} .block-layered-nav .currently li{margin:0 0 5px 0;} .block-layered-nav .btn-remove { float:right; margin:3px 0 0 10px;} /* Block: Cart */ .block-cart {} .block-cart .summary {} .block-cart .amount {} .block-cart .subtotal { text-align:center; } .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: Wishlist */ .block-wishlist {} /* Block: Related */ .block-related {} .block-related li { padding:5px 0; } .block-related input.checkbox { float:left; margin-right:-20px; } .block-related .product { margin-left:20px; } .block-related .product .product-image { float:left; margin-right:-65px; } .block-related .product .product-details { margin-left:65px; } /* Block: Compare Products */ .block-compare {} .block-compare li { padding:5px 0; } /* Block: Recently Viewed */ .block-viewed {} /* Block: Recently Compared */ .block-compared {} /* Block: Poll */ .block-poll label {} .block-poll input.radio { float:left; margin:1px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll li { padding:3px 9px; } .block-poll .actions { margin:5px 0 0; } .block-poll .answer { font-weight:bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Tags */ .block-tags ul, .block-tags li { display:inline; } /* Block: Subscribe */ .block-subscribe {} /* Block: Reorder */ .block-reorder {} .block-reorder li { padding:5px 0; } .block-reorder input.checkbox { float:left; margin:3px -20px 0 0; } .block-reorder .product-name { margin-left:20px; } /* Block: Banner */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Login */ .block-login label { font-weight:bold; color:#666; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } /* Paypal */ .sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } .sidebar .paypal-logo a { float:none; } .paypal-express-review .info-set.col2-set { padding-bottom: 15px; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { border:0; margin:0 0 7px; } .category-image { width:100%; overflow:hidden; margin:0 0 10px; text-align:center; } .category-image img { width: 100%;} .category-description { margin:0 0 10px; } .category-products {} /* View Type: Grid */ .products-grid { position:relative; } .products-grid.last { border-bottom:0; } .products-grid li.item { display: inline-block; width:286px; margin:0 20px 20px 0; font-size: 12px; vertical-align:top; } .products-grid li.item.last{margin:0 0 20px;} .products-grid .product-image { display:block; width:100%; height:auto; margin:0 0 10px; } .products-grid .product-name { margin:0 0 5px; font-size:14px; font-weight: 200; color:#999; } .products-grid .product-name a { font-weight: bold; text-transform: uppercase; } .products-grid .price-box { margin:5px 0; } .products-grid .availability { line-height:21px; } .products-grid .actions { position:absolute; bottom:12px; } .col2-left-layout .products-grid, .col2-right-layout .products-grid { width:100%; margin:0 auto; font-size: 0; padding:0 20px 0 0;} .col1-layout .products-grid { width:790px; margin:0 auto; } .tool-pages{float:right;} /* View Type: List */ .products-list li.item { border-bottom:1px solid #ddd; padding:12px 10px; } .products-list li.item.last { border-bottom:0; } .products-list .product-image { float:left; width:135px; height:135px; margin:0 0 10px; } .products-list .product-shop { margin-left:150px; } .products-list .product-name { margin:0 0 5px; font-weight:bold; font-size:13px; } .products-list .product-name a {} .products-list .price-box { float:left; margin:3px 13px 5px 0; } .products-list .availability { float:left; margin:3px 0 0; } .products-list .desc { clear:both; padding:6px 0 0; margin:0 0 15px; line-height:1.35; } .products-list .desc .link-learn { font-size:11px; } .products-list .add-to-links { clear:both; } .products-list .add-to-links li { display:inline; } .products-list .add-to-links .separator { display:inline; margin:0 2px; } .products-grid li.item .price-box .regular-price .price-label{display:none;} /* ======================================================================================= */ /* Product View ========================================================================== */ /* Rating */ .no-rating { margin:0; } .ratings { font-size:11px; line-height:1.25; margin:7px 0; } .ratings strong { float:left; margin:1px 3px 0 0; } .ratings .rating-links { margin:0; } .ratings .rating-links .separator { margin:0 2px; } .ratings dt {} .ratings dd {} .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(https://homefurnitureandpatio.com/skin/frontend/default/home/images/bkg_rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(https://homefurnitureandpatio.com/skin/frontend/default/home/images/bkg_rating.gif) 0 100% repeat-x; } .ratings .rating-box { float:left; margin-right:3px; } .ratings .amount {} .ratings-table th, .ratings-table td { font-size:11px; line-height:1.15; padding:3px 0; } .ratings-table th { font-weight:bold; padding-right:8px; } /* Availability */ .availability { margin:0; } .availability span { font-weight:bold; } .availability.in-stock span {} .availability.out-of-stock span { color:#d83820; } .availability-only { margin:0 0 7px; } .availability-only a { background:url(https://homefurnitureandpatio.com/skin/frontend/default/home/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 {} /* Alerts */ .alert-price {} .alert-stock {} /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box {} .price-box .price { font-weight:bold; } .price-box .price-label{font-weight:bold; text-transform:uppercase; font-size:18px;} /* Regular price */ .regular-price {} .regular-price .price { font-weight:bold; font-size: 16px; } /* Old price */ .old-price { font-weight:bold; text-transform:uppercase; font-size:24px;} .old-price .price-label { white-space:nowrap; display:inline-block; text-decoration:line-through;} .old-price .price { display:inline-block; text-decoration:line-through;} /* Special price */ .special-price { font-weight:bold; text-transform:uppercase; font-size:24px; color:#ED1C24; } .special-price .price-label { white-space:nowrap; } .special-price .price { } /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { font-weight:bold; white-space:nowrap; } .minimal-price-link { display:block; } .minimal-price-link .label {} .minimal-price-link .price { font-weight:normal; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price { font-weight:bold; } /* Configured price */ .configured-price {} .configured-price .price-label { font-weight:bold; white-space:nowrap; } .configured-price .price { font-weight:bold; } /* 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:bold; } /* Price range */ .price-from {} .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to {} .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } .price-box-bundle {} /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight:bold; } .tier-prices .benefit {} .tier-prices-grouped {} /* Add to Links */ .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart { position: relative; } .add-to-cart #ajax_loader { background: url('https://homefurnitureandpatio.com/skin/frontend/default/home/images/white_80.png') repeat; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: none; } .add-to-cart #ajax_loader .loader { background: url('//homefurnitureandpatio.com/skin/frontend/default/home/images/ajax-loader-small.gif') center no-repeat; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 16px; height: 16px; } .add-to-cart label { float:left; margin-right:5px; } .add-to-cart .qty { float:left; text-align:center; font-size:14px; border:1px solid #00A69C;} .add-to-cart button.button { float:left; margin-left:15px; background:#00A69C; font-size:18px;} .add-to-cart .paypal-logo { clear:left; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } .product-view .add-to-cart .paypal-logo { margin:0; } .product-messages { margin-top: 10px; text-align: center; } /* Add to Links + Add to Cart */ .add-to-box {} .add-to-box .add-to-cart { float:left; margin:10px 0 0 0; } .add-to-box .or { float:left; margin:0 10px; } .add-to-box .add-to-links { float:left; } .product-view {} .product-essential { margin-bottom: 20px; } .product-collateral{ border-top:1px solid #ccc; margin:20px 0 0 0; } .product-collateral .box-collateral { margin:0 0 15px; } .product-list.recently-view{border-top:1px solid #ccc;} .product-view .product-list.recently-view{border:0;} .product-list.related-products{border-top:1px solid #ccc;} .col2-left-layout .product-sliders{padding:0 20px;} .product-sliders .product-list{padding:15px 0;margin:0;} .product-sliders .product-list h3.list-title{font-size:20px;font-weight:normal;color:#6D6E70;margin:0 0 15px;} .product-banner { margin: 0 0 20px 0; padding: 10px; background: #f1f1f1; font-size: 13px; line-height: 20px; } .product-banner .request-info { margin-top: 5px; } .product-banner .request-btn { background: #ef5a28; float: right; display: inline-block; padding: 5px 10px; color: #fff; text-transform:uppercase; font-weight: bold; } /* Product Images */ .product-view .product-img-box { width:580px; float: left; } .col3-layout .product-view .product-img-box { float:none; margin:0 auto; } .product-view .product-img-box .product-image { } .product-view .product-img-box .product-image-zoom { position:relative; width:265px; height:265px; overflow:hidden; z-index:9; } .product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; } .product-view .product-img-box .zoom-notice { text-align:center; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(https://homefurnitureandpatio.com/skin/frontend/default/home/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(https://homefurnitureandpatio.com/skin/frontend/default/home/images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; } .product-view .product-img-box .more-views{width:100%;overflow:hidden;margin:0 0 35px;position:relative;} .product-view .product-img-box .more-views .gallery-arrow{position:absolute;width:30px;height:29px;cursor:pointer;top:50%;margin-top:-15px;} .product-view .product-img-box .more-views .gallery-left{left:2px;background:url('https://homefurnitureandpatio.com/skin/frontend/default/home/images/gallery-left.png');} .product-view .product-img-box .more-views .gallery-right{right:2px;background:url('https://homefurnitureandpatio.com/skin/frontend/default/home/images/gallery-right.png');} .product-view .product-img-box .more-views ul { width:2000px;} .product-view .product-img-box .more-views li { float:left; border:1px solid #ccc; margin:10px 20px 0 0; } .product-view .product-img-box .media-icons { margin:5px 0 20px;} .product-view .product-img-box .media-icons .view-icon{ background:url('https://homefurnitureandpatio.com/skin/frontend/default/home/images/view-icon.png') no-repeat left; padding:0 0 0 20px;} .product-view .product-img-box .media-icons .zoom-icon{ background:url('https://homefurnitureandpatio.com/skin/frontend/default/home/images/zoom-icon.png') no-repeat left; padding:0 0 0 20px;} .product-view .product-img-box .produuct-social-icons { text-align:center; margin:0 0 20px 0;} .product-view .product-img-box .produuct-social-icons li{ display:inline-block;margin:0 10px;} .product-view .product-img-box .produuct-social-icons li .stButton .stButton_gradient, .product-view .product-img-box .produuct-social-icons li .stButton .stFb, .product-view .product-img-box .produuct-social-icons li .stButton .stTwbutton, .product-view .product-img-box .produuct-social-icons li .stButton .stMainServices{ height:22px;} .product-view .product-img-box .produuct-social-icons li .stButton .stMainServices{ height:22px;} .product-view .product-data .product-data-title{text-transform:uppercase;} .product-view .product-data{margin:0 0 20px;} .product-price-box{display:inline-block;vertical-align:bottom;margin:0 40px 20px 0;} .stock-status{display:inline-block;vertical-align:bottom;margin:0 0 20px 0;} .stock-status.non-returnable { font-size: 14px; color: #ef2828; font-weight: bold; text-transform: uppercase; } .availability strong{color:#F05A28;font-size:14px;text-transform:uppercase;} .product-view .description{margin:0 0 35px 0;} .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 {} .product-bullets { list-style: disc; padding-left: 20px; } .product-bullets li { margin: 3px 0 0; } /* Product Shop */ .product-view .product-shop { float:right; width:445px; } .col1-layout .product-view .product-shop { float:right; width:590px; } .col3-layout .product-view .product-shop { float:none; width:auto; } .product-view .product-name { margin:0 0 20px;} .product-view .short-description {} /* Product Options */ .product-options { margin:0 0 20px; } .product-options p.required{display:none;} .product-options dt label { font-weight:bold; font-size:15px;color:#F05A28; text-transform:uppercase;} .product-options dt .qty-holder { float:right; } .product-options dt .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#000; } .product-options dd { margin:0 0 10px 0; } .product-options dl.last dd.last {} .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 { min-width:280px; } .product-options dd select:disabled { background:#efefef; } .product-options .options-list {} .product-options .options-list input.radio { float:left; margin:3px -18px 0 0; } .product-options .options-list input.checkbox { float:left; margin:3px -20px 0 0; } .product-options .options-list .label { display:block; margin-left:20px; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.required { padding:15px 0 0; } .product-options-bottom { border-top:0; } .product-options-bottom .price-box { margin:10px 0; display:none; } /* Grouped Product */ .product-view .grouped-items-table {} /* Block: Description */ .product-view .box-description {} /* Block: Additional */ .product-view .box-additional {} /* Block: Upsell */ .product-view .box-up-sell {} .product-view .box-up-sell .products-grid td { width:25%; } /* Block: Tags */ .product-view .box-tags {} .product-view .box-tags .form-add label { float:left; } .product-view .box-tags .form-add .input-box { float:left; width:260px; margin:0 5px; } .product-view .box-tags .form-add input.input-text { width:254px; } .product-view .box-tags .form-add p { clear:both; } /* Block: Reviews */ .product-view .box-reviews {} .product-view .box-reviews .form-add {} /* Send a Friend */ .send-friend {} /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-size:15px; color:#F05A28; font-weight:normal; } .product-name h1 { font-weight: 200; text-transform: uppercase; font-size: 25px; } .product-name a {} /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .advanced-search {} .advanced-search-amount {} .advanced-search-summary {} /* CMS Home Page */ .cms-home .subtitle {} .cms-index-index .subtitle {} /* Sitemap */ .page-sitemap .links { text-align:right; margin:0 8px -22px 0; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .links a:hover { text-decoration:underline; } .page-sitemap .sitemap { margin:12px; } .page-sitemap .sitemap a {} .page-sitemap .sitemap li { margin:3px 0; } .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; } .page-sitemap .sitemap li.level-0 a {} /* RSS */ .rss-title h1 { background:url(https://homefurnitureandpatio.com/skin/frontend/default/home/images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; } .rss-table .link-rss { display:block; line-height:1.35; background-position:0 2px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart {} /* Checkout Types */ .cart .checkout-types { float:right; text-align:right; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } .cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; } .cart .totals .checkout-types .paypal-or { clear:both; display:block; padding:3px 55px 8px 0; line-height:1.0; font-size:11px; } .cart .cart-price{font-size:15px;} .cart .cart-qty{font-size:15px;} .cart-qty input { width: 20px; border:1px solid #ccc; text-align: center; padding: 4px 1px; } .cart input.qty{text-align:center;font-size:14px;text-align:center;padding:1px;} /* Shopping Cart Table */ .cart-table .item-msg { font-size:10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding:25px 0 0; } .cart .cart-collaterals .col2-set { float:left; width:700px; } .cart .crosssell {} .cart .crosssell h2 { font-size:13px; font-weight:bold; } .cart .crosssell .product-image { float:left; width:75px; height:75px; border:1px solid #ddd; } .cart .crosssell .product-details { margin-left:90px; } .cart .crosssell li.item { margin:12px 0; } /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount{border:1px solid #ccc;padding:10px;} .cart .discount h2{font-size:14px;color:#00A69C;text-transform:uppercase;font-weight:bold;margin:0 0 10px;} .cart button.button{background-color:#00A69C;} .promo-button{display:inline-block;vertical-align:middle;} .promo-button .discount-form input{display:inline-block;vertical-align:middle;} .cart-left{float:left;} .discount-form > span{display:inline-block;vertical-align:middle;} .discount-form span input{border:1px solid #00A69C;padding:2px;margin:0 5px;} .cart .discount-form button.button{font-weight:normal;} /* Shopping Cart Totals */ .cart .totals { float:right; } .cart .totals table { width:100%; font-size:16px; margin:0 0 10px;} .cart .totals table tbody tr { border-bottom:1px solid #ccc;} .cart .totals table th, .cart .totals table td { padding:10px; } .cart .totals table th { font-weight:bold; } .cart .totals table tfoot th {} #shopping-cart-totals-table tfoot{border-top:1px solid #ccc;} button.button.btn-proceed-checkout {font-size:15px;} /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic; } .item-options dd { padding-left:10px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; } .truncated .truncated_full_value .item-options > p { font-weight:bold; text-transform:uppercase; } .truncated .show .item-options { top:-20px; left:50%; } .col-left .truncated .show .item-options { left:30px; top:7px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods{font-size:14px;} .sp-methods dt { font-size:16px; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .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; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; } .tool-tip .btn-close { text-align:right; } .tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:15px; height:15px; background:url(https://homefurnitureandpatio.com/skin/frontend/default/home/images/btn_window_close.gif) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages {} .gift-messages-form { border:1px solid #ddd; background-color:#f5f5f5; } .gift-messages-form { position:relative; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form h4 {} .gift-messages-form .whole-order {} .gift-messages-form .item { margin:0 0 10px; } .gift-messages-form .item .product-img-box { float:left; width:75px; } .gift-messages-form .item .product-image { margin:0 0 7px; } .gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; } .gift-messages-form .item .details { margin-left:90px; } .gift-messages-form .item .details .product-name {} .gift-message-link { display:block; background:url(https://homefurnitureandpatio.com/skin/frontend/default/home/images/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row {} .gift-message-row .btn-close { float:right; } .gift-message dt strong { font-weight:bold; } /* Checkout Agreements */ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; } .checkout-agreements .agree { padding:6px; } /* Centinel */ .centinel {} .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 > */ /* One Page Checkout */ .block-progress {} .block-progress dt { font-weight:bold; } .block-progress dt.complete, .block-progress dd.complete { background-color:#f6f6f6; } .opc { position:relative; } .opc li.section { border-bottom:0; } .opc .step p{padding:0 0 10px;} .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:21px; line-height:21px; } .opc .step-title { background-color:#f6f6f6; padding:0 5px; text-align:right; } .opc .step-title .number { float:left; line-height:22px; margin-right:5px; } .opc .step-title h2 { float:left; } .opc .step-title a { display:none; float:right; } .opc .allow .step-title { cursor:pointer; } /*.opc .allow .step-title a { display:block; }*/ .opc .active {} .opc .active .step-title { background-color:#ccc; cursor:default; } /*.opc .active .step-title a { display:none; }*/ .opc .step { border-top:1px solid #ddd; padding:10px; position:relative; } .opc .step .tool-tip { right:10px; } .opc .order-review {} .opc .order-review .authentication {} .opc .order-review .warning-message {} /* Multiple Addresses Checkout */ .checkout-progress { padding:0 50px; margin:10px 0; } .checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; } .checkout-progress li.active { border-top-color:#000; color:#000; } .multiple-checkout { position:relative; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .grand-total big {} .multiple-checkout .grand-total .price {} /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login {} .account-login .new-users {} .account-login .registered-users {} .account-login .registered-users .fieldset { margin: 0; } .account-create {} /* 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(https://homefurnitureandpatio.com/skin/frontend/default/home/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 ===================================================================== */ /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .col-main .my-account{margin:10px 0 0 0;} .col-main .my-account p{margin:0 0 10px;} .col-main .my-account h2{margin:0 0 10px;} .col-main .my-account p.hello{font-size:14px;} .col-main .my-account a:hover{color:#F05A28;} .col-main .my-account .form-list{clear:both;} .col-main .my-account .fieldset{margin:0;} .dashboard {} .dashboard .welcome-msg {} /* Block: Recent Orders */ .dashboard .box-recent { margin:10px 0; } /* Block: Account Information */ .dashboard .box-info {} /* Block: Reviews */ .dashboard .box-reviews .number { float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#ddd; } .dashboard .box-reviews .details { margin-left:20px; } /* Block: Tags */ .dashboard .box-tags .number { float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#ddd; } .dashboard .box-tags .details { margin-left:20px; } /********** Dashboard > */ /* Address Book */ .addresses-list {} .addresses-list-additional li.item {} /* Order View */ .order-info { border:1px solid #ddd; padding:5px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info dt { font-weight:bold; } .order-date { margin:10px 0; } .order-info-box {} .order-items { width:100%; overflow-x:auto; } .order-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:bold; } .order-about dd { font-size:13px; margin:0 0 7px; } .tracking-table { margin:0 0 15px; } .tracking-table th { font-weight:bold; white-space:nowrap; } .tracking-table-popup { width:100%; } .tracking-table-popup th { font-weight:bold; white-space:nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding:1px 8px; } /* Order Print Pages */ .page-print .print-head {} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-left:15px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* My Reviews */ .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } .product-review .product-img-box .label { font-size:11px; margin:0 0 3px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; } .product-review .product-details { margin-left:150px; } .product-review .product-name { font-size:16px; font-weight:bold; margin:0 0 10px; } .product-review h3 {} .product-review .ratings-table { margin:0 0 10px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:13px; margin:5px 0 0; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer { width:1240px;margin:auto;padding:20px; } .footer p {line-height:18px;} .footer-container{background:#ccc;color:#fff;position:absolute;bottom:0;width:100%;} .footer-container .footer .footer-section{border-bottom:1px solid #fff;padding:0 0 20px 0;margin:0 0 20px;} .footer-container .footer .footer-nav ul{text-align:center;} .footer-container .footer .footer-nav ul li{font-weight:bold;display:inline-block;margin:0 19px;font-size:14px;} .footer-container .footer .footer-nav ul li:first-child{margin-left:0;} .footer-container .footer .footer-nav ul li:last-child{margin-right:0;} .footer-container .footer .footer-section .footer-block{padding:10px;background:#fff;} .footer-container .footer .footer-section .footer-block h3.footer-title{color:#00A69C;font-size:15px;background:url('//homefurnitureandpatio.com/skin/frontend/default/home/images/newsletter-icon.png') no-repeat;padding:8px 0 6px 35px;margin:0 20px 0 0;} .footer-container .footer .footer-section .footer-block h3.footer-title span{font-weight:normal;} .footer-container .footer .footer-section .footer-newsletter input.input-text{width:250px;border:1px solid #00A69C;} .footer-container .footer-bottom h3.footer-title{color:#FF6633;} .footer-container .footer-bottom h3.footer-title span{font-weight:normal;} .social-icons {margin:8px 0 0 0;} .social-icons li, .footer-logos li {display:inline-block;vertical-align:middle;margin:0 10px;} .va-middle{display:inline-block;vertical-align:middle;} .home-blocks { border-top: 1px solid #ccc; border-bottom :1px solid #ccc; font-size:0;} .home-blocks .home-block { position: relative; float: left; font-size:12px; } .home-blocks .home-block .hover-over { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url('https://homefurnitureandpatio.com/skin/frontend/default/home/images/hover-over.png') repeat; display: none; z-index: 10; } .home-blocks .home-block .hover-over div { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 49px; text-align: center; } .home-blocks .home-block .hover-over div a { position: initial; padding-right: 30px; font-size: 30px; bottom: 0; padding: 0 55px 0 0; line-height: 49px; background: url('https://homefurnitureandpatio.com/skin/frontend/default/home/images/view-more-big.png') center right no-repeat; width: 230px; display: block; margin: 0 auto; } .home-blocks .home-block.small .hover-over div { height: 19px; } .home-blocks .home-block.small .hover-over div a { position: initial; padding-right: 30px; font-size: 20px; bottom: 0; padding: 0 25px 0 0; line-height: 19px; background: url('https://homefurnitureandpatio.com/skin/frontend/default/home/images/read-more-icon.png') center right no-repeat; width: 145px; display: block; margin: 0 auto; } /*.home-blocks .home-block:hover .hover-over { display: block; }*/ .home-blocks .home-block img.block-image { width: 100%; height: auto; } .home-blocks .home-block .sub-title{font-size:13px;text-transform:uppercase;font-weight:bold;color:#F05A28;margin:0 5px;vertical-align:bottom;} .home-blocks .home-block p{font-size:14px} .home-blocks .home-block p span{vertical-align:middle;display:inline-block;max-width:456px;} .home-blocks .home-block .title{font-weight:200;text-transform:uppercase;} .home-blocks .home-block .view-more{color:#F05A28;font-weight:bold;text-transform:uppercase;background:url('https://homefurnitureandpatio.com/skin/frontend/default/home/images/read-more-icon.png') no-repeat right center;padding:6px 0 4px;width:95px;position:absolute;bottom:10px;} .home-blocks .home-block.border-top{border-top:1px solid #ccc;} .home-blocks .home-block.featured { width: 992px; height: 495px; } .home-blocks .home-block.featured .label { position: absolute; bottom: 0; left: 0; padding: 20px; background: url('https://homefurnitureandpatio.com/skin/frontend/default/home/images/label-opacity.png'); } .home-blocks .home-block.featured .title { font-size: 32px; color: #F05A28; max-width:456px; } .home-blocks .home-block.small { width: 248px; height: 495px; } .home-blocks .home-block.small .label { padding: 20px; background: #fff; position: relative; min-height: 247px; } .home-blocks .home-block.small .title { font-size: 22px; color: #6D6E70; margin: 8px 0; } .home-blocks .home-block.small p { font-size: 12px; color: #000; height: 89px; } .home-blocks .home-block.medium { width:496px; height: 495px; } .home-blocks .home-block.medium .label { position: absolute; top: 50%; margin-top: -80px; padding: 20px; background: url('https://homefurnitureandpatio.com/skin/frontend/default/home/images/label-opacity.png'); width: 81%; } .home-blocks .home-block.medium .title { font-size: 28px; color: #F05A28; line-height: 28px; margin: 5px 0; } /* ======================================================================================= */ /* Clears ================================================================================ */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .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 { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } .clear{clear:both;} /* ======================================================================================= */ /* ======================= Improved One Page Checkout with tabs ======================== */ .block-progress .block-title { background:none; margin:0 0 34px; padding:0; } .checkout-onepage-index .col-main { border:0; margin:0 0 20px; } .checkout-onepage-index .page-title { padding-right:40px; width:auto; } .checkout-onepage-index .page-title h1 { background:none; padding:0; } .opc { position:relative; overflow:hidden; height:970px; text-align:center; border:1px solid #ccc; border-top:0;} .opc .buttons-set { margin:15px 0 0; opacity:1!important; } .opc .buttons-set p.required { margin:0; padding:0 0 10px; } .opc .buttons-set .back-link { display:none; } .opc .buttons-set .please-wait { position:absolute; z-index:99; top:30%; left:50%; margin:-80px 0 0 -146px; border:5px solid #f3b66f; font-size:12px; background:#fff; padding:20px 30px 40px; white-space:nowrap; border:1px solid #c0c0c0; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 50px rgba(0,0,0,0.2); box-shadow:0 0 50px rgba(0,0,0,0.2); } .opc .buttons-set a { color:#f05a28; } .opc .ul { list-style:disc outside; padding-left:18px; } .opc li.section { display:inline; } .opc .step-title,.opc .allow .step-title { height:91px } .opc .step { padding:30px 20px; position:absolute; border:0; top:90px; left:0; z-index:1; width:100%; height:900px; border:none; text-align:left; border-top:1px solid #ccc; } .opc .step-title .number,.opc .allow .step-title .number,.opc .active .step-title .number { float:none; display:block; margin:0 auto; margin-bottom:10px; } .opc .step-title { position:relative; float:left; text-align:center; padding:15px 11px 0; margin-left:-1px; background:none; } .opc .step-title a { display:none; } .opc .step-title .number { background:#ccc; color:#fff; width:30px; height:30px; line-height:30px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; margin-bottom:10px; padding:0; border:0; } .opc .step-title h2 { font-size:12px; color:#bbb; clear:both; } .opc .allow .step-title { cursor:pointer; background:none; border:1px solid #fff; border-top:0; } .opc .allow .step-title .number { background:#00A69C; color:#fff; } .opc .allow .step-title h2 { color:#00A69C; } .opc .active .step-title { color:#ef0606; cursor:default; border:1px solid #ccc; border-bottom:1px solid #fff; border-top:0;z-index:2; } .opc .active .step-title .number { background:#F05A28; border-color:#fff; color:#fff; } .opc .active .step-title h2 { color:#F05A28 } .opc .step-title h2,.opc .allow .step-title h2,.opc .active .step-title h2 { width:100%; text-align:center; } .opc .step-title { width:16.75%; } .opc .form-list .field,.opc .form-list .wide { } .opc .form-list li fieldset { margin-bottom:40px; } .opc .form-list label { float:left; width:220px; text-align:right; padding:4px 0 0; } .opc .form-list label.required em { float:none; position:relative; right:4px; } .opc .form-list li.fields { margin:0; } .opc .form-list div.fields { width:100%; overflow:hidden; margin:0 0 8px; } .opc .form-list .wide,.opc .form-list li.fields .field { width:645px; margin:0 0 8px; } .opc .form-list li.wide .input-box,.opc .form-list .input-box { clear:none; float:right; margin-right:140px; width:260px; } .opc .form-list li.wide select { width:390px; } .opc .form-list li.wide input.input-text { width:254px; } .opc .form-list .control input { margin:8px 0 0 25px; } .opc .form-list li.control label { float:left; } .opc form .form-list li.wide { margin-bottom:8px; } .opc form .address-select { margin:8px 0 40px; } .opc:first-of-type .step{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .opc:first-of-type .step[style*='display:none;'], .opc:first-of-type .step[style*='display: none;']{display:block !important;} .opc:first-of-type .section .step{left: 100%;} .opc:first-of-type .allow .step{left: -100%;} .opc:first-of-type .active .step{left:0;} .opc:first-of-type li:last-child .step-title a{width:50%} .opc:first-of-type li:first-child .step-title a{width:50%;left:50%} #opc-login p.required { display:none; } #opc-login h3 { margin-bottom:18px; } #opc-login .col-2 { float:left; } #opc-login .col-2 form fieldset h4 { display:none; } #opc-login .col-2 { display:block; width:48%; } #opc-login .col-2 fieldset { width:300px; } #opc-login .col-2 .input-box { width:188px; margin:0; float:left; } #opc-login .col-2 .input-text { width:182px; } #opc-login .col-2 .form-list label { text-align:left; } #opc-login .col-2 .form-list label { width:110px; } #opc-login .form-list li.control label { float:none; } #opc-login .form-list li.control input { margin:0 8px 0 0; } #opc-login .col-1 { float:right; } #opc-login .col-1 { width:48%; } #opc-login .col-1 h4,#opc-login .col-1 .ul { display:none; } #checkout-step-review.step { } #opc-review .step { padding:30px 20px; border-top:1px solid #ccc; } #opc-review .step-title{border-right:0;} #opc-review .product-name { font-weight:normal; } #opc-review .item-options { margin:5px 0 0; } #opc-review .buttons-set { padding:20px 0; border:0; } #opc-review .buttons-set p { margin:0; line-height:40px; } #opc-review .buttons-set .please-wait { height:40px; line-height:40px; } #opc-shipping_method .buttons-set { } /* ================================= Solution by www.h-o.nl =============================== */ form.form label{display:inline-block;width:120px;text-align:right;margin:0 10px 0 0;vertical-align:top;} form.form div{margin:0 0 10px;} form.form input{border:1px solid #ccc;padding:2px;margin:0 10px 0 0;} form.form input[type=submit]{cursor:pointer;} /* ================================ Responsive Web Design ================================ */ .no-desktop { display: none; margin:0 0 10px; } input[type="text"], input[type="button"], input[type="submit"], input[type="password"], textarea { -webkit-appearance: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } @media (max-width: 1240px) { .product-view .product-img-box .more-views .gallery-arrow { display: none; } .product-view .product-img-box .more-views ul { margin-left: 0 !important; } body { padding: 0 0 527px; } .main { width: 100%; padding: 0 10px; } .header { width: 100%; padding: 0 10px 10px; } .main-menu ul.level-0 { width: 100%; } .main-menu ul.level-0 > li a { font-size: 11px; padding: 10px 4.5px; } .main-menu ul.level-0 > li:hover > a, .main-menu ul.level-0 > li > a:hover { border-left-color: transparent; border-right-color: transparent; border-bottom: none; } .main-menu ul.level-0 > li:hover div { display: none; } .home-blocks .home-block { overflow: hidden; } .home-blocks .home-block.small .label { min-height: 285px; } .home-blocks .home-block.featured { width: 75%; } .home-blocks .home-block.featured img.block-image { height: 100%; width: auto; } .home-blocks .home-block.small { width: 25%; } .home-blocks .home-block.medium { width: 75%; } .home-banner { width: 100%; } .product-list-slider ul li { width: 170px; margin-right: 20px; } .product-list-slider ul li a img { width: 100%; height: auto; } .offer-bar .main { padding: 0 10px; } .footer { width: 100%; } .footer-container .footer .footer-section .footer-block { width: 100%; float: none !important; } .footer-container .footer .footer-section .footer-block h3.footer-title { width: 48.5%; } .footer-container .footer .footer-section .footer-block .footer-newsletter { width: 48.5%; text-align: right; } .footer-container .footer .footer-section { text-align: center; } .footer-container .footer .footer-section .social-block { float: none !important; width: 100%; margin: 20px 0 0; } .footer-logos-container, .footer-title-container { float: none !important; width: 100%; text-align: center; } .footer-logos-container { margin-top: 20px; } .footer-container .footer .footer-nav ul li { display: block; margin: 5px 0; } .col-left { width: 100%; margin: 20px 0 0; } .block .block-content { padding: 0; } .col2-left-layout .products-grid, .col2-right-layout .products-grid { padding: 0; } .col2-left-layout .col-main { width: 100%; } .products-grid li.item { width: 30%; margin: 0 5% 20px 0; } .products-grid li.item a img { width: 100%; height: auto; } .toolbar > ul > li:last-child, .toolbar > ul > li { display: block; text-align: center; margin: 20px 0; } .col1-layout .product-view .product-shop { width: 50%; padding-left: 10px; } .product-view .product-img-box { width: 50%; padding-right: 10px; } .cart-dropdown table td .cart-product-name { padding: 0; width: auto; font-size: 12px; } .spritezoom-view, .product-view .product-img-box .product-image { width: 100% !important; } .spritezoom-tint, .spritezoom-zoom, .spritezoom-sens { width: 100% !important; height: 100% !important; } .product-banner img { width: 100%; height: auto; } .product-view .product-img-box .more-views ul { width: 100% !important; } .footer-container .footer .footer-nav ul{text-align:center;} } span.close_mobile_menu, span.accordion {display: none; } @media (max-width: 900px) { body { padding: 0 0 600px; } span.close_mobile_menu {display: block; } span.accordion {display: block; } .main-menu ul.level-0 > li:first-child { margin-left: 0px !important; } .mobile_submenu {display: block !important;position: relative !important; left: 0px !important;} .mobile_submenu ul.level-1.row-0 {width: 100%;} span.accordion {float: right; padding-top: 10px; margin-right: 10px; color: white; font-size: 18px; } .main-menu ul.level-0 > li a { display: inline-block; width:90%; } span.close_mobile_menu {float: right;font-size: 20px;font-weight: bold;color: black;position: absolute;right: 0;top: 0;padding: 5px;background: white;border-radius: 1px;} .main-menu { position: fixed; left:-90%; width: 70%; top: 0; bottom: 0; background: #555; z-index: 99999; border: none; margin: 0; padding: 20px; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .no-desktop { display: block; } .no-mobile { display: none; } .main-menu ul { } .main-menu ul.level-0 > li { display: block; border-bottom: 1px solid #ccc; } .main-menu ul.level-0 > li a { font-size: 14px; color: #fff; text-align: left } #mobile_menu_link { padding: 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .home-blocks .home-block.featured, .home-blocks .home-block.small, .home-blocks .home-block.medium { width: 50%; height: auto; max-height:350px;} .home-blocks .home-block { position: relative; } .home-blocks .home-block.small .label { min-height: 0; } .home-blocks .home-block p span { max-width: 100%; } .home-blocks .home-block.small p { height: auto; } .home-blocks .home-block .label { position: absolute !important; bottom: 0; min-height: 0; padding: 20px; background: url('https://homefurnitureandpatio.com/skin/frontend/default/home/images/label-opacity.png') !important; width: 100% !important; margin-top: 0 !important; top: auto !important; } .col1-layout .product-view .product-shop { float: none; width: 100%; margin: 0 0 20px; padding: 0; } .offer-bar .main .left, .offer-bar .main .right { float: none !important; width: 100%; text-align: center; } .offer-bar .main .right ul { } .offer-bar .main .right ul li { display: block; margin: 0; float: none; width: 100%; } .footer-container .footer .footer-section .footer-block h3.footer-title { width: 47.5%; } .footer-container .footer .footer-section .footer-newsletter input.input-text { width: 200px; } .product-view .product-img-box { width: 100%; padding: 0; } .product-view .product-img-box .product-image { right: 0; margin: auto; text-align: center; } .product-view .product-img-box .product-image img { max-width: 100%; } .offer-bar, .header-bottom .header-button, .home-banner, .full-width-slider, .product-list { display: none; } .cart-dropdown { width: 100%; padding: 5px; top: 38px; } } @media (max-width: 690px) { .col2-set .col-1 { text-align: center; } .col2-set .col-1, .col2-set .col-2, .form-list .field { width: 100%; } body { padding: 0 0 900px; } .col1-layout .col-main { padding: 0; } .header h1.logo { width: 100%; text-align: center; float: none; } .header h1.logo a.logo { float: none; } .header { text-align: center; } .header .logo { width: 100%; text-align: center; float: none; } .footer-container .footer .footer-section .footer-block h3.footer-title { width: 100%; } .footer-container .footer .footer-section .footer-block .footer-newsletter { width: 100%; margin-top: 10px; text-align: center; } .spritezoom-view, .product-view .product-img-box .product-image { width: 100% !important; } .spritezoom-view { background-position: center !important; } .product-view .product-img-box .more-views ul { width: 100% !important; text-align: center; } .product-view .product-img-box .more-views ul li { display: inline-block; margin: 0 4px 8px; float: none; } .col1-layout .product-view .product-shop { float: none; width: 100%; margin: 0 0 20px; } .header-right { float: none; } .header-right ul.header-menu { float: none; } .header-right .header-menu li { float: none; margin: 10px 0 0; } .header-right .top-cart { float: none; width: 135px; margin: 15px auto 0; } .product-view .product-img-box .produuct-social-icons li { margin: 10px 10px 0; } .header-bottom { margin-top: 15px; float: none; border-top: 1px solid #ccc; } .header-bottom #search_mini_form { float: none; display: block; margin: 15px 0; } .header-bottom #search_mini_form .form-search { text-align: center; } .col1-layout .breadcrumbs { padding-left: 0; } .header-bottom .header-button { float: none; width: 131px; margin: 0 auto; } .header-bottom .phone-number { float: none; margin: 10px auto 0; width: 190px; } .home-logos ul li { display: block; margin: 10px 0; } .home-content { float: none; width: 100%; border: none; padding: 0; } .footer-container .footer .footer-section .footer-newsletter input.input-text { width: 150px; } .products-grid li.item { width: 50%; margin: 0 0 20px; padding: 0 0 20px; text-align: left; border-bottom: 0px solid #ccc; } .products-grid li.item a img { width: 95%;} .products-grid .product-name a { text-transform: uppercase; font-size: 12px; font-weight: bold; } .product-sliders { display: none; } #shopping-cart-table { font-size: 0; } #shopping-cart-table td:first-child { padding: 0; } #shopping-cart-table td:nth-child(2) { padding-left: 0; } #shopping-cart-table .product-image { display: none; } #shopping-cart-table .cart-price, #shopping-cart-table .cart-qty, #shopping-cart-table .product-name { font-size: 12px; } #shopping-cart-table td, #shopping-cart-table th { padding: 10px 2px; border-bottom: 1px solid #ccc; } #shopping-cart-table th { font-size: 12px; } .account-login .registered-users .fieldset { margin: 20px 0 0; } .wrapper { width: 100%; } .header-right ul.header-menu, .product-view .product-img-box .produuct-social-icons, .product-banner { display: none; } .col-main .opc-wrapper-opc .opc-col-left .fields .field{width: 100%;margin-right: 0;} } @media (max-width: 480px) { .home-blocks .home-block.small, .home-blocks .home-block.featured, .home-blocks .home-block.medium { width: 100%; margin-bottom: 2px; } button.button.btn-proceed-checkout.btn-checkout{margin:0 0 5px;} } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .header-right .top-cart { background-image: url('//homefurnitureandpatio.com/skin/frontend/default/home/images/cart-icon@2x.png'); background-size: 31px 28px; } .header-bottom .phone-number { background-image: url('//homefurnitureandpatio.com/skin/frontend/default/home/images/phone-icon@2x.png'); background-size: 25px 24px; } .home-blocks .home-block .view-more { background-image: url('//homefurnitureandpatio.com/skin/frontend/default/home/images/read-more-icon@2x.png'); background-size: 20px 19px; } .header-bottom #search_mini_form #top-search-button { background-image: url('//homefurnitureandpatio.com/skin/frontend/default/home/images/search-icon@2x.png'); background-size: 17px 16px; } #newsletter-submit { background-image: url('//homefurnitureandpatio.com/skin/frontend/default/home/images/button-icon@2x.png'); background-size: 20px 19px; } .footer-container .footer .footer-section .footer-block h3.footer-title { background-image: url('//homefurnitureandpatio.com/skin/frontend/default/home/images/newsletter-icon@2x.png'); background-size: 27px 33px; } } /* ================================ /Responsive Web Design ================================ */ /* ================================ Blog ================================ */ .block .social-buttons {font-size:0;margin:5px 0 0 0;} .block .social-buttons li{display:inline-block;vertical-align:middle;margin:0 5px;} .block .block-title h2{font-weight:200;text-transform:uppercase;margin:20px 0 10px;font-size:18px;} .blog-post{float:left;width:386px;border:1px solid #ccc;margin:0 20px 20px 0;} .blog-post.first-post.no-margin-post{float:left;width:793px;margin:0 0 20px;} .blog-post.first-post{float:left;width:793px;margin:0 0 20px;margin-right:20px;} .blog-post.no-margin-post{margin:0 0 20px;width:388px;} .blog-container{padding:20px;} .blog-container{padding-bottom:50px;} .blog-post .padder{padding:10px;} .blog-post .padder p{line-height:18px;} .blog-post .blog-image{width:100%;height:200px;overflow:hidden;} .blog-post.first-post .blog-image{width:100%;height:400px;overflow:hidden;} .blog-post .blog-image img{width:100%;height:auto;} .blog-post.single-post p{margin:0 0 10px;} .blog-post ul{padding:0 0 10px 20px;} .blog-post ul li{list-style-type:disc;margin:0 0 5px;} .blog-post h3{margin:0 0 5px;} .blog-post h2.blog-title{color:#F05A28;text-transform:uppercase;font-weight:200;margin:0 0 5px;font-size:22px;} .read-more {color:#F05A28;} .tags {list-style-type:none;} .tags li {display:inline-block;font-size:14px;margin:0 2px 0 0;} .tags a:hover{color:#F05A28;} .blog-page .col-left{width:386px;margin:0 20px 20px 0;} .pager {} .pagination {clear:both;position:relative;font-size:11px;line-height:13px;float:right;} .pagination span, .pagination a {display:block;float:left;margin: 0 0 0 5px;text-decoration:none;width:auto;padding:4px 8px 5px 8px;border:1px solid #ccc;} .pagination .current, .pagination a:hover{color:#F05A28;} .pagination .current{font-weight:bold;} /* ================================ /Blog ================================ */ div.AuthorizeNetSeal{text-align:center;margin:0;padding:0;width:90px;font:normal 9px arial,helvetica,san-serif;line-height:10px;} div.AuthorizeNetSeal a{text-decoration:none;color:black;} div.AuthorizeNetSeal a:visited{color:black;} div.AuthorizeNetSeal a:active{color:black;} div.AuthorizeNetSeal a:hover{text-decoration:underline;color:black;} div.AuthorizeNetSeal a img{border:0px;margin:0px;text-decoration:none;} /* ================================ /Responsive Web Design ================================ */ @media (max-width: 1240px) { .blog-post.no-margin-post{margin:0 20px 20px 0;} .blog-page .col-left{width:793px;} .col-left .blog-post.no-margin-post{width:376px;} .blog-container{padding-bottom:150px;} .pager {padding-bottom:100px} } @media (max-width: 900px) { .blog-post{width:330px;} .blog-post.first-post.no-margin-post{width:680px;} .blog-post.first-post{width:680px;} .blog-post.no-margin-post{width:330px;} .blog-post.first-post .blog-image{height:auto;} .blog-page .col-left{width:680px;} .col-left .blog-post.no-margin-post{width:320px;} } @media (max-width: 768px) { .blog-container{margin-left:15px;width:100%;} } @media (max-width: 760px) { .blog-post{width:330px;} .blog-post.first-post.no-margin-post{width:330px;} .blog-post.first-post{width:330px;} .blog-post.no-margin-post{width:330px;} .blog-page .col-left{width:330px;} } @media (max-width: 350px) { .blog-post{width:260px;} .blog-post.first-post.no-margin-post{width:260px;} .blog-post.first-post{width:260px;} .blog-post.no-margin-post{width:260px;} .blog-page .col-left{width:260px;} .col-left .blog-post.no-margin-post{width:260px;} .blog-container{padding-bottom:0;} } /** * 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 base_default * @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://homefurnitureandpatio.com/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://homefurnitureandpatio.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://homefurnitureandpatio.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog 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 { background:url(https://homefurnitureandpatio.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://homefurnitureandpatio.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://homefurnitureandpatio.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://homefurnitureandpatio.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* 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 { background:url(https://homefurnitureandpatio.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://homefurnitureandpatio.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ .quick-access .form-search .suggestions-productimage { float: left; } .quick-access .form-search img { width: 50px; } ul.subcategories img { width: 100%; } ul.subcategories li { width: 33%; float: left; padding: 10px; } .quick-access .form-search .suggestions-productname { width: 141px; height: 33px; float: right; clear: right; text-align: left; overflow: hidden; margin-top: 8px; margin-left: 4px; } .form-search .product_suggest li.even { /* Override grey color on even rows, because it doen't look so nice with the product images. */ background-color: #fffefb; } .main-menu.hello.fixed-header label[for="search"] { display: none; } /** * Jona Mandawe * jonamandawe@gmail.com * Update design of Amasty Layered navigation * 02 December 2020 * styles.css */ .block.block-layered-nav .block-title, .block.block-layered-nav .block-title span { font-size: .8rem; } .block-layered-nav .currently li { margin: 0 0 5px 0; padding: .5rem; border: 1px solid #ccc; background-color: #fafafa; } .block.block-layered-nav .filter { min-width: 100%; } .block.block-layered-nav #narrow-by-list, .block-layered-nav .currently, .block.block-layered-nav .block-content, .block.block-layered-nav .filter { width: 100%; } .block-layered-nav .amshopby-attr-selected, .block-layered-nav .amshopby-attr-selected:hover { font-size: .8rem; font-weight: normal!important; } .block-layered-nav { padding-top: 1.2rem; } .catalogsearch-result-index .col2-left-layout .col-main { padding-top: 2rem; } .block.block-layered-nav .block-title { width: 100%!important; } .block.block-layered-nav .currently { padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid #ccc; } /* Updated the alignment of header and menu */ .main-menu ul.level-0 { text-align: left; } .main-menu ul.level-0 > li:first-child { margin-left: -8px; } .header { padding-left: 0; padding-right: 0; } .main-menu.hello.fixed-header label[for="search"] { display: none; } .footer-container { bottom: 0; } .footer-title-container1 { } .footer-title-container2 { width: 33%; display: inline-block; float: left; padding: 0 34px 0 0; } .footer-title-container { } .footer-container h2 { font-size: 20px; color: #ec4e19; margin-bottom: 15px; font-weight: 600; } .footer p { } .footer-title-container2 ul { list-style-type: none; } .footer-title-container2 ul li { text-decoration: none; width: 50%; display: inline-block; float: left; } .footer-title-container2 ul li a { font-size: 15px; color: #111; line-height: 30px; } #toTop { padding: 5px 3px; color: #fff; position: fixed; bottom: 0; right: 5px; display: none; } #toTop img { width: 70%; } .footer-fix { width: 100%; position: fixed; bottom: 0; left: 0; right: 0; background: #ef5a28; padding: 5px 0; text-align: center; display: none; color: #fff; } .fixed-header { position: fixed; top: 0; z-index: 9999999; transition: 0.8s; -webkit-transition: 0.8s; background-color: #fff; -webkit-box-shadow: 0px 5px 18px -10px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 5px 18px -10px rgba(0, 0, 0, 0.75); box-shadow: 0px 5px 18px -10px rgba(0, 0, 0, 0.75); padding: 10px 0; width: 100%; margin: 0px; } .fixed-header1 { position: fixed; top: 0; z-index: 9999999; transition: 0.8s; -webkit-transition: 0.8s; background-color: #fff; -webkit-box-shadow: 0px 5px 18px -10px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 5px 18px -10px rgba(0, 0, 0, 0.75); box-shadow: 0px 5px 18px -10px rgba(0, 0, 0, 0.75); padding: 10px 0; width: 100%; margin: 0px; } .main-menu ul.level-0> li:last-child { display: none; } .fixed-header.main-menu ul.level-0> li:last-child { display: block; } .fixed-header.main-menu ul.level-0>li { font-size: 12px; display: inline-block; float: left; } .fixed-header input[type=text] { width: 100px; box-sizing: border-box; border: 1px solid #ef5a28; border-radius: 4px; font-size: 12px; background-color: #fff; background-image: url(https://homefurnitureandpatio.com/skin/frontend/default/home/css/searchicon.png); background-position: 10px 10px; background-repeat: no-repeat; padding: 3px 0px 4px 6px; -webkit-transition: width .4s ease-in-out; transition: width .4s ease-in-out; margin-top: 5px; } .fixed-header input[type=text]:focus { width: 100%; } @media only screen and (max-width: 600px) { #toTop img { width: 50%; } .footer-fix { display: block!important; } .footer { width: 100%; margin-bottom: 60px; } } @media (max-width: 690px) { .fixed-header { position: fixed; left: -49%; width: 49%; top: 0; bottom: 0; background: #555; z-index: 99999; border: none; margin: 0; padding: 20px; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; transition: 0s; -webkit-transition: 0s; } .fixed-header.main-menu ul.level-0> li:last-child { display: none; } .fixed-header.main-menu ul.level-0>li { width: 100%; } .header h1.logo { } .header-right { z-index: 99999999 !important; } .header-bottom .phone-number { display: none; } .header-bottom #search_mini_form { margin: 10px 0; } .header { width: 100%; padding: 0 10px 0px; } .footer-container .footer .footer-nav ul li { display: inline-block; } .footer-logos img{ } .footer-title-container1 { width: 100%; padding: 0px; margin-top: 20px; } .footer-title-container { width: 100%; padding: 0; text-align: left; margin-top: 20px; } .footer-title-container2 { width: 100%; padding: 0px; margin-top: 20px; } .cart-dropdown { top: 54px; } .fixed-header1{ z-index: 999; } .fixed-header1.header-right .top-cart { position: absolute; z-index: 999999999; right: 10px; top: -13px; } .fixed-header1 .cart-dropdown { top: 41px; right: 8px; width: 38%; } .logo a img { } .header a img { } .header .logo { } .fixed-header1{ padding: 1px 0; } #toTop { padding: 33px 3px; } .main-menu ul.level-0 > li > a:hover{ background: rgba(255, 255, 255, 0); } #mobile_menu_link { z-index: 9999; } .fixed-header2.fixed-header1{ position:relative; } } .menu-holder.cat-id-5 ul { column-count: 2; list-style-type: none; } @media (max-width: 1024px) { .header-right .header-menu li { margin: 0 20px 0 0; } } .header-bottom #search_mini_form { margin: 0; } .header-bottom .phone-number { margin: 0 0 0 15px; } .main-menu ul.level-0>li:last-child,.main-menu.hello.fixed-header label[for=search]{display:none}.footer-container{bottom:0}.footer-title-container2{width:33%;display:inline-block;float:left;padding:0 34px 0 0}#toTop,.footer-fix{bottom:0;display:none;color:#fff;position:fixed}.footer-container h2{font-size:20px;color:#ec4e19;margin-bottom:15px;font-weight:600}.footer-title-container2 ul{list-style-type:none}.footer-title-container2 ul li{text-decoration:none;width:50%;display:inline-block;float:left}.footer-title-container2 ul li a{font-size:15px;color:#111;line-height:30px}#toTop{padding:5px 3px;right:5px}#toTop img{width:70%}.footer-fix{width:100%;left:0;right:0;background:#ef5a28;padding:5px 0;text-align:center}.fixed-header,.fixed-header1{position:fixed;top:0;z-index:9999999;transition:.8s;-webkit-transition:.8s;background-color:#fff;-webkit-box-shadow:0 5px 18px -10px rgba(0,0,0,.75);-moz-box-shadow:0 5px 18px -10px rgba(0,0,0,.75);box-shadow:0 5px 18px -10px rgba(0,0,0,.75);padding:10px 0;width:100%;margin:0}.fixed-header.main-menu ul.level-0>li:last-child{display:block}.fixed-header.main-menu ul.level-0>li{font-size:12px;display:inline-block;float:left}.fixed-header input[type=text]{width:100px;box-sizing:border-box;border:1px solid #ef5a28;border-radius:4px;font-size:12px;background-color:#fff;background-image:url(https://homefurnitureandpatio.com/skin/frontend/default/home/css/searchicon.png);background-position:10px 10px;background-repeat:no-repeat;padding:3px 0 4px 6px;-webkit-transition:width .4s ease-in-out;transition:width .4s ease-in-out;margin-top:5px}.fixed-header input[type=text]:focus{width:100%}@media only screen and (max-width:600px){#toTop img{width:50%}.footer-fix{display:block!important}.footer{width:100%;margin-bottom:60px}}@media (max-width:690px){.fixed-header.main-menu ul.level-0>li,.header{width:100%}.fixed-header{position:fixed;left:-49%;width:49%;top:0;bottom:0;background:#555;z-index:99999;border:none;margin:0;padding:20px;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;transition:none;-webkit-transition:none}.fixed-header.main-menu ul.level-0>li:last-child,.header-bottom .phone-number{display:none}.header-right{z-index:99999999!important}.header-bottom #search_mini_form{margin:10px 0}.header{padding:0 10px}.footer-title-container,.footer-title-container1,.footer-title-container2{width:100%;padding:0;margin-top:20px}.footer-container .footer .footer-nav ul li{display:inline-block}.footer-title-container{text-align:left}.cart-dropdown{top:54px}.fixed-header1{z-index:999;padding:1px 0}.fixed-header1.header-right .top-cart{position:absolute;z-index:999999999;right:10px;top:-13px}.fixed-header1 .cart-dropdown{top:41px;right:8px;width:38%}#toTop{padding:33px 3px}.main-menu ul.level-0>li>a:hover{background:rgba(255,255,255,0)}#mobile_menu_link{z-index:9999}.fixed-header2.fixed-header1{position:relative}} .container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px;clear:both}.col-sm-8{width:66.66666667%}@media (min-width:768px){.col-sm-4{width:33.33333333%}.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}}.col-sm-8.mobile_test{width:40%;float:left}.col-sm-4.mobile_add{width:50%;float:right}a.add_testimonial{font-size:14px;font-weight:700;color:#099;float:right} /* Chandan CSS work */ /* width */ ::-webkit-scrollbar { width: 10px; } /* Track */ ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 50px; } /* Handle */ ::-webkit-scrollbar-thumb { background: red; border-radius: 10px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #b30000; } .testim .wrap { max-height: 100px; min-height: 100px; padding: 10px 20px; } .testim .cont { position: relative; overflow: hidden; } .testim .cont > div { text-align: center; position: absolute; top: 0; left: 0; opacity: 0; } .testim .cont > div.inactive { opacity: 1; } .testim .cont > div.active { position: relative; opacity: 1; } .testim .cont div h2 { color: #ea830e; font-size: 1em; margin: 15px 0; } .testim .cont div.active h2 { -webkit-animation: testim-content-in .4s ease-in-out forwards; -moz-animation: testim-content-in .4s ease-in-out forwards; -ms-animation: testim-content-in .4s ease-in-out forwards; -o-animation: testim-content-in .4s ease-in-out forwards; animation: testim-content-in .4s ease-in-out forwards; } .testim .cont div.active p { -webkit-animation: testim-content-in .5s ease-in-out forwards; -moz-animation: testim-content-in .5s ease-in-out forwards; -ms-animation: testim-content-in .5s ease-in-out forwards; -o-animation: testim-content-in .5s ease-in-out forwards; animation: testim-content-in .5s ease-in-out forwards; } .testim .cont div.inactive h2 { -webkit-animation: testim-content-out .4s ease-in-out forwards; -moz-animation: testim-content-out .4s ease-in-out forwards; -ms-animation: testim-content-out .4s ease-in-out forwards; -o-animation: testim-content-out .4s ease-in-out forwards; animation: testim-content-out .4s ease-in-out forwards; } .testim .cont div.inactive p { -webkit-animation: testim-content-out .5s ease-in-out forwards; -moz-animation: testim-content-out .5s ease-in-out forwards; -ms-animation: testim-content-out .5s ease-in-out forwards; -o-animation: testim-content-out .5s ease-in-out forwards; animation: testim-content-out .5s ease-in-out forwards; } @-webkit-keyframes testim-scale { 0% { -webkit-box-shadow: 0px 0px 0px 0px #eee; box-shadow: 0px 0px 0px 0px #eee; } 35% { -webkit-box-shadow: 0px 0px 10px 5px #eee; box-shadow: 0px 0px 10px 5px #eee; } 70% { -webkit-box-shadow: 0px 0px 10px 5px #ea830e; box-shadow: 0px 0px 10px 5px #ea830e; } 100% { -webkit-box-shadow: 0px 0px 0px 0px #ea830e; box-shadow: 0px 0px 0px 0px #ea830e; } } @-moz-keyframes testim-scale { 0% { -moz-box-shadow: 0px 0px 0px 0px #eee; box-shadow: 0px 0px 0px 0px #eee; } 35% { -moz-box-shadow: 0px 0px 10px 5px #eee; box-shadow: 0px 0px 10px 5px #eee; } 70% { -moz-box-shadow: 0px 0px 10px 5px #ea830e; box-shadow: 0px 0px 10px 5px #ea830e; } 100% { -moz-box-shadow: 0px 0px 0px 0px #ea830e; box-shadow: 0px 0px 0px 0px #ea830e; } } @-ms-keyframes testim-scale { 0% { -ms-box-shadow: 0px 0px 0px 0px #eee; box-shadow: 0px 0px 0px 0px #eee; } 35% { -ms-box-shadow: 0px 0px 10px 5px #eee; box-shadow: 0px 0px 10px 5px #eee; } 70% { -ms-box-shadow: 0px 0px 10px 5px #ea830e; box-shadow: 0px 0px 10px 5px #ea830e; } 100% { -ms-box-shadow: 0px 0px 0px 0px #ea830e; box-shadow: 0px 0px 0px 0px #ea830e; } } @-o-keyframes testim-scale { 0% { -o-box-shadow: 0px 0px 0px 0px #eee; box-shadow: 0px 0px 0px 0px #eee; } 35% { -o-box-shadow: 0px 0px 10px 5px #eee; box-shadow: 0px 0px 10px 5px #eee; } 70% { -o-box-shadow: 0px 0px 10px 5px #ea830e; box-shadow: 0px 0px 10px 5px #ea830e; } 100% { -o-box-shadow: 0px 0px 0px 0px #ea830e; box-shadow: 0px 0px 0px 0px #ea830e; } } @keyframes testim-scale { 0% { box-shadow: 0px 0px 0px 0px #eee; } 35% { box-shadow: 0px 0px 10px 5px #eee; } 70% { box-shadow: 0px 0px 10px 5px #ea830e; } 100% { box-shadow: 0px 0px 0px 0px #ea830e; } } @-webkit-keyframes testim-content-in { from { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes testim-content-in { from { opacity: 0; -moz-transform: translateY(100%); transform: translateY(100%); } to { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes testim-content-in { from { opacity: 0; -ms-transform: translateY(100%); transform: translateY(100%); } to { opacity: 1; -ms-transform: translateY(0); transform: translateY(0); } } @-o-keyframes testim-content-in { from { opacity: 0; -o-transform: translateY(100%); transform: translateY(100%); } to { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } } @keyframes testim-content-in { from { opacity: 0; transform: translateY(100%); } to { opacity: 1; transform: translateY(0); } } @-webkit-keyframes testim-content-out { from { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } to { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @-moz-keyframes testim-content-out { from { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } to { opacity: 0; -moz-transform: translateY(-100%); transform: translateY(-100%); } } @-ms-keyframes testim-content-out { from { opacity: 1; -ms-transform: translateY(0); transform: translateY(0); } to { opacity: 0; -ms-transform: translateY(-100%); transform: translateY(-100%); } } @-o-keyframes testim-content-out { from { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } to { opacity: 0; transform: translateY(-100%); transform: translateY(-100%); } } @keyframes testim-content-out { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-100%); } } @-webkit-keyframes testim-show { from { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes testim-show { from { opacity: 0; -moz-transform: scale(0); transform: scale(0); } to { opacity: 1; -moz-transform: scale(1); transform: scale(1); } } @-ms-keyframes testim-show { from { opacity: 0; -ms-transform: scale(0); transform: scale(0); } to { opacity: 1; -ms-transform: scale(1); transform: scale(1); } } @-o-keyframes testim-show { from { opacity: 0; -o-transform: scale(0); transform: scale(0); } to { opacity: 1; -o-transform: scale(1); transform: scale(1); } } @keyframes testim-show { from { opacity: 0; transform: scale(0); } to { opacity: 1; transform: scale(1); } } @-webkit-keyframes testim-hide { from { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } to { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } } @-moz-keyframes testim-hide { from { opacity: 1; -moz-transform: scale(1); transform: scale(1); } to { opacity: 0; -moz-transform: scale(0); transform: scale(0); } } @-ms-keyframes testim-hide { from { opacity: 1; -ms-transform: scale(1); transform: scale(1); } to { opacity: 0; -ms-transform: scale(0); transform: scale(0); } } @-o-keyframes testim-hide { from { opacity: 1; -o-transform: scale(1); transform: scale(1); } to { opacity: 0; -o-transform: scale(0); transform: scale(0); } } @keyframes testim-hide { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0); } } @media all and (max-width: 500px) { .testim .cont div p { line-height: 25px; } } /** * 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 base_default * @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://homefurnitureandpatio.com/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://homefurnitureandpatio.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://homefurnitureandpatio.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog 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 { background:url(https://homefurnitureandpatio.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://homefurnitureandpatio.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://homefurnitureandpatio.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://homefurnitureandpatio.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* 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 { background:url(https://homefurnitureandpatio.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://homefurnitureandpatio.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ .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; } .searchautocomplete .search-autocomplete { position: absolute; } .searchautocomplete .form-search { overflow: none !important; position: relative; } .searchautocomplete .sprite { background: url('https://homefurnitureandpatio.com/skin/frontend/base/default/images/mirasvit/sprite.png'); } .searchautocomplete .nav-search-in { position: absolute; top: 2px; left: 0px; z-index: 11; } .searchautocomplete .nav-search-in .category { opacity: 0; filter: alpha(opacity=0); background: white; border: 1px solid #DDD; color: black; cursor: pointer; height: 29px; left: 0; margin: 0; outline: 0; padding: 0; position: absolute; top: 0; visibility: visible; width: auto; } .searchautocomplete .nav-search-in .category-fake { height: 20px; color: #777; cursor: pointer; float: left; font-size: 11px; padding: 0px 25px 0px 10px; text-align: center; white-space: nowrap; margin-top: 6px; } .searchautocomplete .nav-search-in .nav-down-arrow { right: 10px; top: 16px; position: absolute; width: 0; height: 0; border-style: solid; border-width: 5px 4.5px 0 4.5px; border-color: #000000 transparent transparent transparent; line-height: 0px; } .searchautocomplete .nav-search-in:hover .category-fake { color: #000; } .searchautocomplete .nav-search-in:hover .nav-down-arrow { background-position: -6px -34px; } .searchautocomplete .searchautocomplete-placeholder { -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; background: #FFF; border: 1px solid #ccc; position: absolute; z-index: 102; box-shadow: 0 10px 10px #5E5E5E; top: 30px; } .searchautocomplete .searchautocomplete-placeholder:before { border-color: transparent transparent #CCC transparent; content: ""; position: absolute; border-style: solid; border-width: 5px; height: 0; width: 0; top: -11px; left: 30px; } .searchautocomplete .searchautocomplete-placeholder ul { list-style: none; margin: 0; border: none!important; background: none!important; box-shadow: none; position: relative; padding: 5px; } .searchautocomplete .searchautocomplete-placeholder ul li { *zoom: 1; text-align: left; padding: 5px 5px; border: 1px solid #e2e2e2; margin-bottom: 5px; } .searchautocomplete .searchautocomplete-placeholder ul li:before, .searchautocomplete .searchautocomplete-placeholder ul li:after { display: table; content: ""; line-height: 0; } .searchautocomplete .searchautocomplete-placeholder ul li:after { clear: both; } .searchautocomplete .searchautocomplete-placeholder ul li a { text-decoration: none; } .searchautocomplete .searchautocomplete-placeholder ul li a .pull-right { float: right; } .searchautocomplete .searchautocomplete-placeholder ul li.active { background-color: #eeffee; box-shadow: 0 0 1px #525252; cursor: pointer; } .searchautocomplete .searchautocomplete-placeholder ul li.active a { text-decoration: none; } .searchautocomplete .searchautocomplete-placeholder ul li .searchautocomlete-image { float: left; margin: 0px 10px 5px 0px; } .searchautocomplete .searchautocomplete-placeholder ul li .price-box { font-weight: bold; font-size: 13px; color: #C76200; float: right; } .searchautocomplete .searchautocomplete-placeholder ul li .price-box .regular-price .price-label, .searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price-label, .searchautocomplete .searchautocomplete-placeholder ul li .price-box .special-price .price-label { display: none; } .searchautocomplete .searchautocomplete-placeholder ul li .price-box .price-label { font-weight: normal; color: #999; } .searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price { font-size: 0.9em; color: #999; } .searchautocomplete .searchautocomplete-placeholder ul li .ratings { margin: 0; line-height: 14px; } .searchautocomplete .searchautocomplete-placeholder ul li .ratings .rating-box { float: left; margin: 0 5px 0 0; } .searchautocomplete .searchautocomplete-placeholder .index-title { text-align: right; color: #0A263C; border-bottom: 1px solid #CCC; padding: 2px 5px; background-color: #F7F7F6; } .searchautocomplete .searchautocomplete-placeholder .index-title span { color: #666; font-size: 0.9em; } .searchautocomplete .searchautocomplete-placeholder .all { text-align: right; margin: 10px 10px 5px 10px; } .searchautocomplete .searchautocomlete-image { float: left; margin: 0px 5px 5px 0px; } .searchautocomplete .searchautocomplete-loader { position: absolute; width: 18px; height: 18px; top: 11px; right: 44px; z-index: 99; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); display: none; } .searchautocomplete .searchautocomplete-loader div { position: absolute; background-color: #FFFFFF; height: 3px; width: 3px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-animation-name: f_autocomplete_loader; animation-name: f_autocomplete_loader; -webkit-animation-duration: 0.64s; animation-duration: 0.64s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; } .searchautocomplete .searchautocomplete-loader div#g01 { left: 0px; top: 7px; -webkit-animation-delay: 0.24s; animation-delay: 0.24s; } .searchautocomplete .searchautocomplete-loader div#g02 { left: 2px; top: 2px; -webkit-animation-delay: 0.32s; animation-delay: 0.32s; } .searchautocomplete .searchautocomplete-loader div#g03 { left: 7px; top: 0px; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .searchautocomplete .searchautocomplete-loader div#g04 { right: 2px; top: 2px; -webkit-animation-delay: 0.48s; animation-delay: 0.48s; } .searchautocomplete .searchautocomplete-loader div#g05 { right: 0px; top: 7px; -webkit-animation-delay: 0.56s; animation-delay: 0.56s; } .searchautocomplete .searchautocomplete-loader div#g06 { right: 2px; bottom: 2px; -webkit-animation-delay: 0.64s; animation-delay: 0.64s; } .searchautocomplete .searchautocomplete-loader div#g07 { left: 7px; bottom: 0px; -webkit-animation-delay: 0.72s; animation-delay: 0.72s; } .searchautocomplete .searchautocomplete-loader div#g08 { left: 2px; bottom: 2px; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } @-moz-keyframes f_autocomplete_loader { 0% { background-color: #000000; } 100% { background-color: #ffffff; } } @-webkit-keyframes f_autocomplete_loader { 0% { background-color: #000000; } 100% { background-color: #ffffff; } } @-ms-keyframes f_autocomplete_loader { 0% { background-color: #000000; } 100% { background-color: #ffffff; } } @-o-keyframes f_autocomplete_loader { 0% { background-color: #000000; } 100% { background-color: #ffffff; } } @keyframes f_autocomplete_loader { 0% { background-color: #000000; } 100% { background-color: #ffffff; } } .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; } .searchindex-results { *zoom: 1; margin-bottom: 10px; border-bottom: 1px solid #a0b3c3; } .searchindex-results:before, .searchindex-results:after { display: table; content: ""; line-height: 0; } .searchindex-results:after { clear: both; } .searchindex-results li { margin-bottom: -1px; float: left; *zoom: 1; margin: 0px 2px; } .searchindex-results li:before, .searchindex-results li:after { display: table; content: ""; line-height: 0; } .searchindex-results li:after { clear: both; } .searchindex-results li a { font-size: 12px; font-weight: bold; color: #333; display: block; cursor: pointer; padding: 2px 5px 1px 5px; line-height: 20px; border: 1px solid transparent; border-bottom: none; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; text-decoration: none; } .searchindex-results li a:hover { background-color: #f1f1f1; background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff); background-image: -o-linear-gradient(top, #e8e8e8, #ffffff); background-image: linear-gradient(to bottom, #e8e8e8, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0); border: 1px solid #a0b3c3; border-bottom: none; } .searchindex-results li a span { font-weight: normal; font-size: 0.9em; } .searchindex-results li.active a { background-color: #f1f1f1; background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff); background-image: -o-linear-gradient(top, #e8e8e8, #ffffff); background-image: linear-gradient(to bottom, #e8e8e8, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0); cursor: default; border: 1px solid #a0b3c3; border-bottom: none; } .searchindex-result li { padding: 5px; } .searchindex-result li .title a { font-weight: bold; color: #203548; font-size: 13px; } .searchindex-result.searchindex-result-category { margin-bottom: 20px; } .searchindex-result.searchindex-result-category li { padding: 1px 0px; } .searchindex-result.searchindex-result-category li a { font-weight: bold; color: #203548; } .searchindex-highlight { background-color: #ff0; } .__pt-mpe { margin: 0 0 5px 0; padding: 0 5px; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; a:not([href]):not([tabindex]).__pt-info-link { cursor: pointer; color: #19A0FB; &:hover { text-decoration: underline; color: #1A2C4E; } } } .__pt-logo { display: inline-block; width: 120px; position: relative; bottom: -4px; } .discount-block h3, .comment-block h3 { width: 100%; } span.banner-label { color: #009999; } .numbertext_banner_banner {opacity: 0.8;} #billing\:fax, #shipping\:fax { display: none !important; } label[for="billing:fax"] { display: none; } label[for="shipping:fax"] { display: none; } #billing\:fax, #shipping\:fax { display: none !important; } label[for="billing:fax"] { display: none; } label[for="shipping:fax"] { display: none; } .discount-block h3, .comment-block h3 { width: 100%; } .mySlides_banner{display:none}img{vertical-align:middle}.slidesbannerhow-container{padding-bottom:5px;position:relative;margin:auto}.numbertext_banner_banner{padding:20px 10px 20px 40px;position:absolute;top:40px;right:0;font-size:50px;text-align:right;color:#fff;text-transform:uppercase;font-weight:200;background:url('https://homefurnitureandpatio.com/skin/frontend/default/home/images/label-bg.png');line-height:50px}.dotbanner{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:#bbb;display:inline-block;transition:background-color .6s}.active,.dotbanner:hover{background-color:#f05a28}.bannersliderIndex{position:absolute;bottom:10px;right:20px}.bannersliderIndex .dotbanner{width:15px;height:15px;float:left;margin:0 0 0 10px;cursor:pointer} label[for="p_method_paytomorrow"] { display: none !important; } input#p_method_paytomorrow { display: none !important; } .text h2{color:#f05a28;text-align:center}.col-sm-12{width:100%}div#add_message{margin:6% 0 0 245px;position:absolute;text-align:center;font-size:22px;font-weight:700;color:#00a69c;}li#cat_1615{background:#f05a28;color:#fff}img{aspect-ratio:attr(width)/attr(height)} .opc-wrapper-opc .payment-block select { width : 96% !important} select#authorizenet_expiration { width: 85% !important; } body.opc-index-index div#wisepops-root { display:none } #myBtn { display: none; position: fixed; bottom: 265px; right: 30px; z-index: 99; font-size: 18px; cursor: pointer; border: none; background: none; } span.price-label { display: none; width: 50%; float: left; } p.old-price { width: 50%; float: left; font-size: 18px; } p.special-price { font-size: 18px; } a:hover { text-decoration: none; } .category-products .toolbar-bottom .toolbar .pager .pages li { padding: 12px; border: 1px solid; } a.anchor_link { padding: 10px; border: 1px solid; } .aw-ln-filters-container-1column-layout input[type="checkbox"], .aw-ln-filters-container-1column-layout input[type="radio"] { height: 16px; width: 16px; } .filter-list span.count {float: right; } .filter-title { font-weight: bold; } .block.block-layered-nav .filter-title { background-size: 15px 15px;} a.amshopby-attr, a.amshopby-attr-selected { background-size: 20px 20px !important;padding-left: 25px !important;font-size: 15px !important; } ul.left-cat-list {display: none; } h2.left-cat-title.parent-category { display: none; } .left-blocks li img {max-width: 100%;} #aw-ln-filters-container dd ol li span {padding-right:15px;} .filter-details dd { min-height: 40px; overflow: auto; max-height: 300px; } .customerMyaccount {padding-right: 15px; } /* Mobile View css */ @media screen and (max-width: 768px) { .customerloginlogout-section {display: none;} .opc-wrapper-opc .payment-block select {height: 27px;} } /* Mobile View css */ @media screen and (max-width: 767px) { div#add_box { display: block; } .logo img { width: 100px; height: 100px; } .slidesbannerhow-container { display: none; } .main-menu ul.level-0 > li:first-child { margin-left :0px !important; } .slidesbannerhow-container { display: none; } .menu_extra_menu { display:block !important; margin-top: 40px; } .menu_extra_menu ul li { color: white;padding-top: 10px;font-weight: bold;font-size: 14px;border-bottom: 1px solid #ccc;padding-bottom: 10px;padding-left: 5px;text-transform:uppercase;} li.brand_link { display: none; } .category-products .toolbar ul li.tool-pages {display: none !important; } .category-products .toolbar ul li.left { width: 40% !important;} .category-products .toolbar ul li.results { width: 60% !important; float:right;} .col-main .category-products { border-bottom: 1px solid #ccc; } .toolbar { padding: 0; } .header-bottom #search_mini_form .form-search {width:88%;} .col-left.sidebar { display: none; } .category-products .toolbar-bottom .toolbar li.left { display: none !important; } .category-products .toolbar-bottom .toolbar li.results { display: none !important; } .category-products .toolbar-bottom .breadcrumbs{ display: none !important; } .category-products .toolbar-bottom .toolbar li.tool-pages { width: 100%; display: block !important;} span#page_number {display:none;} a#mobile_menu_link { width: 50px; border: none; position: absolute; top: 125px; } .header-container { border-bottom: 1px solid #ccc; margin-bottom: 5px; } span#cart_text { display: none; } div#cart { padding: 0; } div#cart { position: absolute; right: 10px; width: 65px; } .header-right .top-cart .cart-counter {margin:0px; float:right;} .header-right .top-cart {margin:8px auto 0; background: url(//homefurnitureandpatio.com/skin/frontend/default/home/images/cart-icon.png) no-repeat 0px center;} } /* Mobile View css */ @media screen and (min-width: 768px) { .category-products .toolbar ul li.tool-pages {display: none !important; } .category-products .toolbar-bottom .breadcrumbs{ display: none !important; } .category-products .toolbar-bottom .toolbar li.tool-pages { width: 100%; display: block !important; text-align: center;} .category-products .toolbar-bottom .toolbar li.left { display: none !important; } .category-products .toolbar-bottom .toolbar li.results { display: none !important; } span#page_number {display:none;} div#add_box { display: block !important; } div#add_message{ display: block !important; } .block-layered-nav dt span{font-size:16px;} #aw-ln-filters-container dd ol li, #aw-ln-filters-container dd ol li a {font-size:13px;} } /** ==================BASE===================*/ .aw-ln-clear-all{ float: right; font-size: 11px; padding: 3px 2px 0 0; } #aw-ln-filters-container { clear: both; } #aw-ln-filters-container dd ol{ font-size:0; } #aw-ln-filters-container dd ol li{ display: inline-block; width: 100%; overflow: hidden; margin: 0; white-space: nowrap; font-size:11px; padding:2px 0 2px 0; } #aw-ln-filters-container dd ol li.aw-ln-filters-container-1column-layout{ width: 100%; } #aw-ln-filters-container dd ol li.aw-ln-filters-container-2column-layout{ width: 49%; } #aw-ln-filters-container dd ol li.aw-ln-filters-container-3column-layout{ width: 33%; } #aw-ln-filters-container dd ol li.aw-ln-filters-container-4column-layout{ width: 23%; } #aw-ln-filters-container dd ol li label{ cursor: pointer; } #aw-ln-filters-container dd ol li>a{ cursor: default; text-decoration: none; } #aw-ln-filters-container dd ol li label img{ vertical-align: middle; } #aw-ln-filters-container dd ol li span { padding: 0; display: inline-block; } #aw-ln-filters-container dt{ padding-right: 3px; } .aw-ln-filter-clear{ float: right; font-size: 11px; padding: 0; text-transform: none; font-weight: normal; } /** ==================HELP TOOLTIP===================*/ .aw-ln-filter-help{ clear: both; float: right; font-size: 11px; padding: 0; text-transform: none; font-weight: normal; cursor: help; height: 15px; } .aw-ln-filter-help.help-icon{ width: 15px; height: 15px; background: url(https://homefurnitureandpatio.com/skin/frontend/base/default/aw_layerednavigation/img/help-icon.png) no-repeat 0 0; } .aw-ln-filter-help>a{ cursor: help; } .aw-ln-help-tooltip-wrapper { position: relative; z-index: 100; cursor: help; font-size: 11px; text-transform: none; font-weight: normal; } .aw-ln-help-tooltip { width: 191px; position: absolute; z-index: 1000; right: -15px; padding: 5px 12px; color: #464d50; background-color: #ffffff; border: thin solid #cccccc; border-radius: 3px; box-shadow: 0 3px 6px rgba(0,0,0,.25); } .aw-ln-help-tooltip__top { bottom: 29px; } .aw-ln-help-tooltip__bottom { top: 10px; } .aw-ln-help-arrow { position: absolute; z-index: 1000; right: 0px; } .aw-ln-help-arrow:before { border-color: #cccccc transparent; border-style: solid; content: ""; right: -2px; position: absolute; } .aw-ln-help-arrow:after{ border-color: #fff transparent; border-style: solid; content: ""; right: -2px; position: absolute; } .aw-ln-help-arrow__top{ bottom: 30px; } .aw-ln-help-arrow__top:before{ border-width: 10px 10px 0; top: 1px; } .aw-ln-help-arrow__top:after{ border-width: 10px 10px 0; top: 0px; } .aw-ln-help-arrow__bottom{ top: 0px; } .aw-ln-help-arrow__bottom:before{ border-width: 0 10px 10px; top: 0px; } .aw-ln-help-arrow__bottom:after{ border-width: 0 10px 10px; top: 1px; } /** ============COLLAPSE===============*/ .aw-ln-filter-collapse-show, .aw-ln-filter-collapse-hide{ cursor: pointer; } /** =========== CATEGORY TREE =========== */ .aw-ln-filter-category-tree-action{ width: 15px; height: 15px; display: block; float: left; } .aw-ln-filter-category-tree-action-plus{ background: url('https://homefurnitureandpatio.com/skin/frontend/base/default/aw_layerednavigation/img/category-tree-plus.gif'); cursor: pointer; } .aw-ln-filter-category-tree-action-minus{ background: url('https://homefurnitureandpatio.com/skin/frontend/base/default/aw_layerednavigation/img/category-tree-minus.gif'); cursor: pointer; } /** =============RANGE=================*/ .aw-ln-filter-options-range-slider{ z-index: 10; } .aw-ln-filter-options-range-slider-wrapper{ background: url('https://homefurnitureandpatio.com/skin/frontend/base/default/aw_layerednavigation/img/bar-bkg.png') repeat-x center 4px; height: 16px; } .aw-ln-filter-options-range-slider-wrapper-left{ margin: 0 0 0 -6px; background: url("https://homefurnitureandpatio.com/skin/frontend/base/default/aw_layerednavigation/img/bar-left.png") left 4px no-repeat; height: 16px; } .aw-ln-filter-options-range-slider-wrapper-right{ margin: 0 -7px 0 1px; background: url("https://homefurnitureandpatio.com/skin/frontend/base/default/aw_layerednavigation/img/bar-right.png") right 4px no-repeat; height: 16px; } .aw-ln-filter-options-range-slider-min, .aw-ln-filter-options-range-slider-max{ width: 9px; height: 18px; background: url('https://homefurnitureandpatio.com/skin/frontend/base/default/aw_layerednavigation/img/handle.png') center 1px no-repeat; cursor: move; float: left; z-index: 100; } .aw-ln-filter-options-range-slider-min{ position: relative!important; } .aw-ln-filter-options-range-slider-max{ position: static!important; } .aw-ln-filter-options-range-slider-active{ float: left; width: 0; height: 13px; background: url('https://homefurnitureandpatio.com/skin/frontend/base/default/aw_layerednavigation/img/orange-bkg.png') repeat-x center 7px; position: relative; z-index: 20; } .aw-ln-filter-options-range-status{ height: 20px; width: 100%; } .aw-ln-filter-options-range-status-from{ float: left; margin: 0 0 0 -4px; } .aw-ln-filter-options-range-status-to{ float: right; margin: 0 -3px 0 0; } /** ==================FROM-TO===================*/ .aw-ln-filter-options-fromto{ } .aw-ln-filter-options-fromto input{ width: 50px; height: 17px; } /** ===============OVERLAY======================*/ .aw-ln-overlay{ background: no-repeat center center; position: absolute; z-index: 9999; } /** ===============RWD THEME======================*/ div#aw-ln-filters li label img, div#aw-ln-filters li span { display: inline-block; padding: 0; } div#aw-ln-filters li label img, div#aw-ln-filters li label input[type="radio"] { vertical-align: middle; } .misspell.fallback strong, .misspell.suggest strong { color: #c76200; } .misspell.fallback strong strike, .misspell.suggest strong strike { color: #3d6611; font-weight: normal; } .misspell.fallback strong a, .misspell.suggest strong a { color: #c76200; }