h1,h2,h3,h4,h5,h6 { margin:0 0 .4em } /* -------------------- PRICE BREAK BOX -------------------- */ .price-break table { width:100% } .price-break { background:#fff; box-shadow:0 1px 1px #ddd } .price-break table td { padding:5px; border-top:1px solid #EEE } .price-break .price-break-head { padding:10px; background:#37A4CE; text-transform:uppercase; color:#fff; letter-spacing:1px; font-size:15px } .folder-tile .price-break .price-break-head { font-size:11px } .folder-tile .price-break tr { font-size:11px } .price-break tr { font-size:15px } .folder-view .price-breaks .action-block .price-break-block { background:none; border:none } /* -------------------- ON OFFER PRODUCT -------------------- */ .item-product.on-offer .img::after, .item-product.on-offer .im-wrapper::after { background-image:url(/sites/45/templates/current/css/saveoffer.png) } .item-product .price { margin-bottom:0 } .item-product .price-orig { font-size:13px } #body-header-box p { margin:0 } /* -------------------- HEADER STYLES -------------------- */ .header-logo { width:265px; height:40px } .header-logo img { width:100% } /* -------------------- NAVIGATION -------------------- */ #h-nav { height:0 } #h-nav { top:-80px; position: relative;} div#h-nav-inner:before { content: ''; position: absolute; left: 0; right: 0; width: 100%; height: 40px; background: #37A4CE;} /* -------------------- SITE SEARCH -------------------- */ .header-search { position:absolute; right:269px; top:22px; z-index:500 } #search #p-search { width:430px; height:35px; padding:10px; border-radius:2px; border:1px solid rgba(68,68,68,0.15); background-image:url(/sites/45/templates/current/css/searchbutton.png); background-size:contain; box-shadow:none } #p-search:focus { border:1px solid red } /* -------------------- UNDER NAVIGATION -------------------- */ .header-verified, .header-delivery, .header-online, .header-phone { position:absolute } .header-delivery { left:0; top:129px; width:238px } .header-verified { right:0; top:127px; width:238px } .header-online { left:268px; top:127px } .header-phone { right:269px; top:127px } .header-phone, .header-online, .header-phone a { text-transform:uppercase; color:#919191; font-family:'Helvetica Neue',Helvetica; font-style:italic } .header-delivery img, .header-verified img { width:100% } .fa.fa-clock-o,.fa.fa-envelope { font-size:20px; color:#919192; margin-right:8px } #header-fw { border-bottom:1px solid #f4f4f4 } /* -------------------- HOME PAGE BANNER -------------------- */ ._body-1430 #body-header { background-image:-o-linear-gradient(-89deg,#37A4CE 32%,rgba(237,237,237,0.73) 100%); background-image:-moz-linear-gradient(-89deg,#37A4CE 32%,rgba(237,237,237,0.73) 100%); background-image:-ms-linear-gradient(-89deg,#37A4CE 32%,rgba(237,237,237,0.73) 100%); background-image:linear-gradient(-179deg,#37A4CE 32%,rgba(237,237,237,0.73) 100%); -moz-box-shadow:0 1px 0 0 rgba(12,12,12,0.25); box-shadow:0 1px 0 0 rgba(12,12,12,0.25) } ._body-1430 #main-content-fw[style] { min-height:120px!important; background:#FCFCFC; border-bottom:1px solid #f1f1f1 } /* -------------------- CSS GRADIENT (FOOTER, SOCIAL BOX, PRODUCT TILE, ACTION BLOCK) -------------------- */ #body-footer, .social-box, .item-product .action-block { background-image:-o-linear-gradient(-89deg,#FFF 0%,rgba(237,237,237,0.73) 100%); background-image:-moz-linear-gradient(-89deg,#FFF 0%,rgba(237,237,237,0.73) 100%); background-image:-ms-linear-gradient(-89deg,#FFF 0%,rgba(237,237,237,0.73) 100%); background-image:linear-gradient(-179deg,#FFF 0%,rgba(237,237,237,0.73) 100%) } #body-footer:before,.mddm-footer{ content:' '; height:2px; width:100%; display:block; background-image:-o-linear-gradient(180deg,#ED4137 36%,#F78F1E 36%,#F78F1E 51%,#3EA5CC 69%); background-image:-moz-linear-gradient(180deg,#ED4137 36%,#F78F1E 36%,#F78F1E 51%,#3EA5CC 69%); background-image:-ms-linear-gradient(180deg,#ED4137 36%,#F78F1E 36%,#F78F1E 51%,#3EA5CC 69%); background-image:linear-gradient(89deg,#ED4137 36%,#F78F1E 36%,#F78F1E 51%,#3EA5CC 69%) } /* -------------------- BREADCRUMB -------------------- */ #body-header { background:#F9F9F9; border-bottom:1px solid #F4F4F4 } .path { line-height:35px } .path a { color:#444; text-transform:uppercase; font-size:13px } /* -------------------- MEGA DROP DOWN -------------------- */ .menu-mega { box-shadow:0 0 -3px #747474 } /* -------------------- HOME PAGE (COMPONENT PADDING) -------------------- */ .folder-wrapper-22128 { padding-top:17px } /* GLOBAL */ .divider-content { width:100%; height:1px; background-color:#e3e3e3; margin:20px 0 } /* HEADER */ .header-wrap { position:relative; height:auto; width:auto; padding:20px 0 } .header-user-trolley { position:absolute; top:4px; right:0; width:250px } /* -------------------- HEADER TROLLEY -------------------- */ #pane-trolley { border:none!important; width:auto } #pane-trolley .trolley-info strong { background-image:none; font-weight:400; text-transform:uppercase } .trolley-empty #pane-trolley li, #pane-trolley li { color:#333 } #pane-trolley .trolley-checkout div{ padding:0 } #pane-trolley li.trolley-info { padding-left:0 } .trolley-empty #pane-trolley .trolley-checkout div { background:transparent; color:#333; text-transform:uppercase } .trolley-items-label { text-transform:uppercase } #pane-trolley-slidecontent { right:0 } #pane-trolley-wrap { position:absolute; right:0; top:25px; width:auto; } #user-pane a { color:#444 } #pane-trolley { font-size:12px } #user-pane { font-size:12px; text-transform:uppercase } /* -------------------- PRODUCT TILES (MORE IN PRESET) -------------------- */ .product-tile .caption-text { text-align:center } .product-tile .caption-description { display:none; height:0 } .action-block .button-add { background-image:none; background-color:#EB3B3B; text-shadow:#fff 0 0 0; padding:9px 21px; margin-left:20px; margin-left:10px; border-radius:2px } .folder-tile .action-block .button-add { margin-left:0; padding:9px 5px; background-color:#565656 } .folder-default .pg-title-list { font-size:1em } /* -------------------- PRODUCT ITEM(MORE IN PRESET) -------------------- */ .product-item .pg-gallery-image { float:left; margin-right:20px } /* -------------------- NEWS -------------------- */ .news-item-wrapper .divider-content{ background-color:#e3e3e3 } .news-item-wrapper img { display:table; margin:0 auto } /* -------------------- FOOTER -------------------- */ #footer { font-size:11px; clear:both; text-transform:uppercase; padding:10px 0 } #footer a { color:#6B6969; text-decoration:none } #footer a:hover { text-decoration:underline; color:#E70000 } #body-footer { border-top:1px solid #bfe0f1 } .col-1 { width:218px; margin:20px 16px 20px 0; float:left } .col-1-last { width:218px; margin:20px 0; float:right } .col-1 li,.col-1-last li { list-style:none; margin:0 } .col-3 { width:686px; float:left; margin:20px 16px 20px 0 } .col-1-last > img { width:218px } #body-footer-box p { font-size:13px; text-transform:uppercase; letter-spacing:1px } .payments { float:right; margin-top:-5px; max-height:30px } /* -------------------- MEMBERS BOX -------------------- */ #members { color:#fff; font-size:12px; font-family:Arial,Helvetica,Geneva,SunSans-Regular,sans-serif; background-color:#B5E1F5; width:220px; margin-top:16px } #members p { margin:0; color:#444; font-family:Arial,Helvetica,Geneva,SunSans-Regular,sans-serif; font-size:12px; font-weight:400; padding:2px 5px } #members a { color:#fff } #members .head { color:#fff; font-size:12px; background:#37A4CE; font-family:Arial,Helvetica,sans-serif; font-weight:700; width:210px; padding:3px 5px; height:15px } form#contact8314:before { content:'Got a question?'; font-size:23px; border-bottom:1px solid #d2d2d2; display:block; font-weight:700; padding-bottom:5px; margin-bottom:20px; color:#5e5e5e } form#contact8314 { width:90%; position:relative; height:371px; background:#fff; padding:30px; margin:0 auto; border:1px solid #f7f7f7; background-image:-o-linear-gradient(-89deg,#FFF 0%,rgba(237,237,237,0.73) 100%); background-image:-moz-linear-gradient(-89deg,#FFF 0%,rgba(237,237,237,0.73) 100%); background-image:-ms-linear-gradient(-89deg,#FFF 0%,rgba(237,237,237,0.73) 100%); background-image:linear-gradient(-179deg,#FFF 0%,rgba(237,237,237,0.73) 100%) } #contact8314 input[type="text"], #contact8314 input[type="email"], #contact8314 textarea { height:35px; display:inline-block; margin-right:20px; border:1px solid #dfdfdf; box-shadow:none } #contact8314 input[type="email"] { margin-right:0 } .contact-table .row-contact div.element { display:block; padding-bottom:15px } #contact8314 .row-email, #contact8314 .row-text { float:left } #contact8314 .row-submit { float:right } #contact8314 textarea { min-height:200px; width:100%!important } .contact-table { width:100% } #contact8314 .req-fields, #contact8314 .label.req, .contact-table .row-contact div.label { display:none } #contact8314 input[type="submit"] { padding:10px; border-radius:0; color:#fff; background:#37A4CE; width:140px; text-transform:uppercase; font-size:14px } /* -------------------- SOCIAL MEDIA ICONS -------------------- */ #social-sprite { width:218px; margin-top:20px } .social-sprite a { background:url(/sites/45/templates/current/css/social_icons.png) no-repeat; width:24px; height:24px; float:left; margin-right:10px; text-decoration:none!important } #social-sprite .facebook a { background-position:0 0 } #social-sprite .facebook a:hover { background-position:0 -24px } #social-sprite .twitter a { background-position:-24px 0 } #social-sprite .twitter a:hover { background-position:-24px -24px } #social-sprite .pinterest a { background-position:-48px 0 } #social-sprite .pinterest a:hover { background-position:-48px -24px } #social-sprite .google a { background-position:-72px 0 } #social-sprite .google a:hover { background-position:-72px -24px } /*