body { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; color: #666; font-size: 14px; line-height: 1.5em; background: #F5F5F5; } .reenie,.beanie { font-family: "Reenie Beanie", cursive; } /* default font size */ .fa { font-size: 14px; } /* Override the bootstrap defaults */ h1, h2, h3, h4, h5, h6 { color: #000; } h1 { font-size: 36px; line-height: 1.25em; font-weight: 400; text-align: center; } h2 { font-size: 24px; line-height: 1.33em; font-weight: 400; } h3 { font-size: 18px; line-height: 1.33em; } h4 { font-size: 16px; line-height: 1.50em; } h5 { font-size: 14px; line-height: 1.50em; } h6 { font-size: 14px; line-height: 1.50em; } a { color: #333333; } a:hover { text-decoration: none; color: #000; } a.readmore { background: url('../image/arrow-readmore.png') right no-repeat; padding-right: 12px; text-transform: uppercase; } p { margin: 20px 0px 0px; } hr { margin: 30px 0px; padding: 0px; border-top: 1px solid #DDD; } .white { color: #FFFFFF !important; } .black { color: #000000 !important; } .grey { color: #666666 !important; } .dgrey { color: #333333 !important; } .lgrey { color: #999999 !important; } /*.pink { color: #F29AC3 !important; }*/ .pink { color: #333333 !important; } /*.blue { color: #7FACDC !important; }*/ .blue { color: #333333 !important; } legend { font-size: 18px; padding: 7px 0px } label { font-size: 14px; font-weight: normal; } select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control { font-size: 14px; } .inline-form-control { display: inline-block; width: 45%; } .input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover { font-size: 14px; } .input-group .input-group-addon { font-size: 14px; height: 30px; } /* Fix some bootstrap issues */ span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg { display: inline; } .nav-tabs { margin-bottom: 15px; } div.required .control-label:before { content: '* '; color: #F00; font-weight: bold; } /* Gradent to all drop down menus */ .dropdown-menu li > a:hover { text-decoration: none; color: #ffffff; background-color: #229ac8; background-image: linear-gradient(to bottom, #23a1d1, #1f90bb); background-repeat: repeat-x; } #topbar { background: #E8E8E8; border-top: 2px solid #666; } #topbar .container { } #topbar .tabs { } #topbar .tabs a { display: block; float: left; font-size: 12px; line-height: 16px; text-align: center; width: 170px; text-decoration: none; padding: 7px 10px 6px; } #topbar .tabs a span { font-family: Times, "Times New Roman", serif; text-transform: uppercase; font-size: 13px; } #topbar .tabs a > span { display: block; } #topbar .tabs a.whitetab { background: #FFF; color: #666; } #topbar .tabs a.greytab { background: #666; color: #FFF; } .toplinks { text-align: right; height: 45px; } .toplinks > ul { display: inline-block; margin: 0px; } .toplinks > ul > li { display: block; float: left; } .toplinks > ul > li + li { margin-left: 0px; } .toplinks > ul > li > a { display: block; color: #666; line-height: 20px; padding: 0px 6px; } .toplinks #cart { position: relative; top: -4px; } .toplinks #cart > span { position: relative; display: block; color: #333; font-weight: 600; line-height: 20px; background: url('../image/icon-basket.png') 10px 50% no-repeat; background-size: 18px; cursor: pointer; padding: 4px 10px 4px 33px; border: 1px solid transparent; z-index: 2; } .toplinks #cart > span span.items { } .toplinks #cart > span span.div { display: none; } .toplinks #cart > span span.totprice { display: none; } .toplinks #cart.open > span { background-color: #FFF; border: 1px solid #E8E8E8; border-bottom-color: #FFF; } .toplinks #cart ul.dropdown-menu { position: absolute; left: auto; right: 0px; margin: 0px; padding: 9px; min-width: 500px; max-width: 100%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; box-shadow: none; border: 1px solid #E8E8E8; z-index: 991; top: calc(100% - 1px); } .toplinks #cart ul li { } .toplinks #cart table { width: 100%; margin: 0px 0px 15px; } .toplinks #cart table td { } .toplinks #cart table td.image { width: 80px; max-width: 20%; padding-right: 10px; } .toplinks #cart table td.image a { display: block; } .toplinks #cart table td.image a img, .toplinks #cart table td.image a picture { border: none; border-radius: 0px; padding: 0px; } .toplinks #cart table td.name { } .toplinks #cart table td.name a { color: inherit; } .toplinks #cart table td.name small { display: block; font-size: 12px; line-height: 1.5em; color: #AAA; } .toplinks #cart table td.remove { width: 24px; padding-left: 10px; vertical-align: top; } .toplinks #cart table td.remove a { cursor: pointer; display: block; } .toplinks #cart table td.remove a img, .toplinks #cart table td.remove a picture { display: block; } .toplinks #cart table td.price { text-align: right; } .toplinks #cart table.prodslist tr:nth-child(odd) td { padding-top: 10px; } .toplinks #cart table.prodslist tr:nth-child(odd) td:first-child, .toplinks #cart table.prodslist tr:nth-child(even) td { padding-bottom: 10px; border-bottom: 1px solid #E8E8E8; } .toplinks #cart table.totals td { text-align: right; } .toplinks #cart table.totals td.text { } .toplinks #cart table.totals td.total { width: 65px; padding-left: 10px; white-space: nowrap; } .toplinks #cart table.totals tr:last-child td { font-weight: bold; } .toplinks #cart p.btns { margin: 0px; text-align: right; } .toplinks #cart p.btns .btn { width: 49%; margin: 0px; } .toplinks #cart p.btns .btn + .btn { float: right; margin: 0px; } .toplinks #cart ul li .empty { text-align: center; margin: 40px 0px; } @media (max-width: 767px) { #topbar .tabs { text-align: center; } #topbar .tabs a { display: inline-block; float: none; margin: 0px; max-width: 45%; } .toplinks { text-align: center; height: auto; } .toplinks > ul { } .toplinks > ul:after { display: block; content: ''; clear: both; } .toplinks > ul > li > a { padding: 14px 10px; } } header { background: #FFF; } header > .container { } /* logo */ header .logo { } header .logo #logo { margin: 18px 0px; text-align: center; } header .logo #logo a { display: inline-block; } header .logo #logo img, header .logo #logo picture { display: block; width: 100%; margin: 0px auto; padding: 0px; } header .call-us { padding-top: 10px; font-size: 14px; line-height: 20px; color: #666; } header .call-us br { display: none; } header .search { padding-top: 10px; } header .search #search { display: block; text-align: right; margin-top: 45px; } header .search #search input[type=text] { display: inline-block; background: none; border: 1px solid transparent; text-align: right; width: 80%; padding: 1px 4px; outline: none; } header .search #search input[type=text]:focus, header .search #search input[type=text]:active { border-color: #DDD; } header .search #search button { display: inline-block; vertical-align: middle; background: none; border: none; border-radius: 0px; box-shadow: none; outline: none; padding: 0px 0px 2px; height: 23px; } header .search #search button img, header .search #search button picture { display: block; outline: none; } @media (min-width: 992px) and (max-width: 1199px) { header .call-us { padding-top: 78px; } header .call-us br { display: block; } } @media (min-width: 768px) and (max-width: 991px) { header .call-us { padding-top: 55px; font-size: 13px; } header .call-us br { display: block; } header .search { padding-top: 73px; } } @media (max-width: 767px) { header .logo #logo { margin: 10px 0px; } header .call-us { padding-top: 0px; font-size: 13px; text-align: center; } header .call-us br { } header .search { padding-top: 0px; padding-bottom: 15px; } header .search #search { display: block; text-align: center; margin-top: 0px; } header .search #search:after { display: block; content: ''; clear: both; } header .search #search input[type=text] { display: block; float: left; border: 1px solid #E8E8E8; border-right: none; width: calc(100% - 48px); text-align: left; font-size: 16px; line-height: 24px; height: 48px; } header .search #search button { display: block; float: left; height: auto; margin: 0px; padding: 15px 15px; border: 1px solid #E8E8E8; } } /* menu */ #topmenu { border-top: 1px solid #DDD; border-bottom: 2px solid #DDD; background: #FFF; } #menu { margin: 0px; min-height: 40px; border: none; border-radius: 0px; -webkit-border-radius: 0px; } #menu .navbar-collapse { padding: 0px; } #menu .nav { display: block; width: auto; margin: 0px; padding: 0px; float: none; text-align: center; } #menu .nav > li { display: inline-block; float: none; padding: 0px; height: 40px; text-align: left; } #menu .nav > li:last-child .dropdown-menu { left: auto; right: 0px; } #menu .nav > li > a { position: relative; font-size: 14px; line-height: 20px; color: #666; padding: 10px 8px; margin: -1px 0px; text-transform: uppercase; border: 1px solid transparent; } #menu .dropdown-menu { float: none; padding: 30px 30px; top: 40px; border: 1px solid #DDD; border-radius: 0px; box-shadow: none; text-align: left; } #menu .dropdown-menu h3 { display: block; margin: 0px 0px 15px; padding: 0px 0px 5px; font-size: 12px; line-height: 20px; color: #666; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #EEE; } #menu .dropdown-menu .subcats ul { } #menu .dropdown-menu .subcats ul li { padding: 2px 0px; } #menu .dropdown-menu .subcats ul li a { font-size: 14px; line-height: 20px; color: #666; background: none !important; } #menu .dropdown-menu .subcats ul li a:hover { color: #000; } #menu .dropdown-menu .about p { margin: 15px 0px 0px; } #menu .dropdown-menu .about img, #menu .dropdown-menu .about picture { margin: 0px auto; } #menu .dropdown-menu .featcats { } #menu .dropdown-menu .featcats .featcat { } #menu .dropdown-menu .featcats .featcat .image { } #menu .dropdown-menu .featcats .featcat .image img, #menu .dropdown-menu .featcats .featcat .image picture { border: 1px solid #EEE; } #menu .dropdown-menu .featcats .featcat .title { display: block; border: 1px solid #EEE; border-top: none; font-size: 16px; line-height: 1.5em; color: #666; font-weight: 300; text-transform: uppercase; text-align: center; padding: 10px 15px; } #menu .dropdown-inner { display: table; width: 100%; } #menu .dropdown-inner ul { display: table-cell; } #menu .dropdown-inner li { margin: 0px; } #menu .dropdown-inner li a { min-width: 160px; display: block; padding: 2px 15px; clear: both; color: #14571D; font-size: 14px; line-height: 20px; } #menu .dropdown-inner li a:hover { color: #FFF; } #menu .navbar-header { } #menu #category { font-size: 16px; font-weight: 700; line-height: 40px; } #menu .btn-navbar { font-size: 15px; font-stretch: expanded; color: #FFF; padding: 2px 18px; float: right; background-color: #229ac8; background-image: linear-gradient(to bottom, #23a1d1, #1f90bb); background-repeat: repeat-x; border-color: #1f90bb #1f90bb #145e7a; } #menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] { color: #ffffff; background-color: #229ac8; } #menu .see-all { font-weight: 600; } #menu .see-all:hover, #menu .see-all:focus { } @media (min-width: 1200px) { #menu .dropdown-menu { width: 1140px; } } @media (min-width: 992px) and (max-width: 1199px) { #menu .dropdown-menu { width: 940px; } #menu .nav > li > a { padding: 10px 7px; } } @media (min-width: 768px) and (max-width: 991px) { #menu .dropdown-menu { width: 720px; } #menu .nav > li > a { font-size: 12px; padding: 10px 10px; } } @media (min-width: 768px) { #menu .nav > li > a:hover, #menu .nav > li > a:focus { background: transparent; } #menu .nav > li > a:hover, #menu .nav > li:hover > a, #menu .nav > li.open > a { border: 1px solid #DDD; color: #000; z-index: 1001; background-color: #FFF; } #menu .nav > li.dropdown > a.drop-show:hover, #menu .nav > li.dropdown:hover > a.drop-show, #menu .nav > li.dropdown.open > a.drop-show { padding-bottom: 11px; border-bottom: none; } #menu .nav > li > a.drop-show:hover + .dropdown-menu, #menu .nav > li:hover > .dropdown-menu, #menu .nav > li.open > .dropdown-menu { display: block; } } @media (max-width: 767px) { #menu .navbar-collapse { padding-bottom: 10px; } #menu .nav { } #menu .nav > li { display: block; height: auto; } #menu .nav > li > a { margin: 0px; padding: 3px 5px; border: none; } #menu .dropdown-menu { position: relative; top: auto; left: auto !important; padding: 0px; border-color: #EEE; border-top: none; } #menu .dropdown-menu h3 { display: none; } #menu .dropdown-menu .row { margin: 0px; padding: 0px; } #menu .dropdown-menu .row > div { padding: 0px; } #menu .dropdown-menu .subcats ul { } #menu .dropdown-menu .subcats ul li { padding: 2px 7px; } #menu .dropdown-menu .subcats ul li.see-all { border-top: 1px solid #EEE; margin-top: 1px; padding-top: 3px; padding-bottom: 3px; } } #submenu { border-top: 2px solid #DDD; border-bottom: 1px solid #DDD; background: #FFF; } #submenu .container { padding: 8px 0px; } #submenu ul { display: block; width: auto; margin: 0px; padding: 0px; float: none; text-align: center; } #submenu ul li { display: inline-block; padding: 0px 5px; } #submenu ul li + li { } #submenu ul li a { display: block; position: relative; font-size: 14px; line-height: 20px; color: #666; padding: 5px 3px; margin: -1px 0px; text-transform: uppercase; border: 1px solid transparent; } #submenu ul li a:hover { color: #000; } /* footer */ footer { padding: 45px 0px 45px; background: #F5F5F5; border-top: 2px solid #DDD; color: #666; } footer .foothead { text-transform: uppercase; font-size: 14px; line-height: 1.5em; font-weight: normal; color: #000; margin: 20px 0px 0px; padding: 0px; } footer .foothead:first-child { margin-top: 0px; } footer .foothead a { font: inherit; line-height: inherit; color: inherit; } footer .foothead a:hover, footer .foothead a:focus { color: inherit; text-decoration: underline; } footer ul { list-style: none; margin: 0px; padding: 0px; } footer ul li { padding: 0px; } footer a { color: #666; } footer a:hover, footer a:focus { color: #999; text-decoration: underline; } footer p { margin: 20px 0px 0px; } footer .foothead + p { margin: 0px; } footer p.social-icons { margin-top: 3px; } footer p.social-icons a { display: inline-block; } footer p.social-icons a + a { margin-left: 2px; } footer p.social-icons a img, footer p.social-icons a picture { display: block; width: 32px; height: auto !important; } footer p.bloglink { color: #333; font-size: 18px; line-height: 1.5em; margin: 15px 0px 0px; } footer p.bloglink a { font: inherit; color: inherit; line-height: inherit; } #footernl { margin-top: 5px; } #footernl .form-control { margin-bottom: 5px; font-size: 14px; line-height: 20px; padding: 5px 10px; height: 30px; border: 1px solid #E6E6E6; border-radius: 5px; -webkit-border-radius: 5px; } #footernl .btn { padding-top: 4px; padding-bottom: 4px; font-weight: normal; text-transform: uppercase; } #branding { background: #F5F5F5; padding-bottom: 45px; color: #999; } #branding a { color: inherit; } #branding a:hover, #branding a:focus { text-decoration: underline; } @media (min-width: 768px) and (max-width: 991px) { footer .row .row > div + div { margin-top: 20px; } } @media (max-width: 767px) { footer .row > div { text-align: center; } footer .row > div + div { margin-top: 20px; } footer ul { } footer ul:after { display: block; content: ''; clear: both; } footer ul li { display: block; float: left; width: 50%; } footer ul li a { display: block; font-size: 14px; line-height: 20px; padding: 14px 0px; border: 1px solid #333; border-radius: 4px; margin: 2px 2px; } footer p.social-icons { } footer p.social-icons a { padding: 8px; } #branding { padding-top: 0px; text-align: center; } } /* page content */ #pagecontent { background: #FFF; } #column-left { } #column-right { } .sidebar > :first-child { margin-top: 0px; } #content { min-height: 0px; padding-bottom: 30px; } h1.pagetitle { font-size: 56px; line-height: 1.2em; text-align: center; margin: 0px; } h3.pagestrap { font-size: 18px; line-height: 1.33em; margin: 5px 0px 0px; font-family: Times, "Times New Roman", serif; font-style: italic; color: #666; text-align: center; } .catdesc { } .catdesclower { border-top: 1px solid #DDD; margin-top: 15px; padding-top: 30px; } .catdesc > div > :first-child { margin-top: 0px; } /* alert */ .alert { padding: 8px 14px 8px 14px; } /* breadcrumb */ .breadcrumb { list-style: none; margin: 10px 0px; padding: 0px; background: none; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li { margin-left: 1px; } .breadcrumb > li + li:before { display: block; float: left; content: ''; width: 7px; height: 10px; margin-top: 6px; margin-right: 4px; background: url('../image/arrow-breadcrumb.png') center no-repeat; } .breadcrumb > li a { display: inline-block; font-size: 13px; line-height: 20px; } .pagination { margin: 0; } /* buttons */ .buttons { margin: 1em 0; overflow: auto; } .btn { display: inline-block; background: #000; color: #FFF; text-transform: uppercase; font-size: 13px; line-height: 20px; font-weight: 300; padding: 5px 10px; border-radius: 0px; white-space: normal; outline: none !important; text-decoration: none !important; text-shadow: none !important; } .btn + .btn { margin-left: 3px; } .btn:hover, .btn:focus { color: #FFF; background: #333; } .btn-xs { font-size: 10px; padding: 2px 4px; } .btn-sm { font-size: 12px; padding: 4px 8px; } .btn-lg { padding: 10px 20px; font-size: 14px; } .btn-grey { background: #E8E8E8; color: #666; } .btn-grey:hover, .btn-grey:focus { background: #D3D3D3; color: #555; } .btn-pink { background: #F69BC3; color: #FFF; } .btn-pink:hover, .btn-pink:focus { background: #E786B1; color: #FFF; } .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover { font-size: 12px; } .btn-group > .btn-xs { font-size: 9px; } .btn-group > .btn-sm { font-size: 10.2px; } .btn-group > .btn-lg { font-size: 15px; } .btn-default { color: #777; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #e7e7e7; border-color: #dddddd #dddddd #b3b3b3 #b7b7b7; background-image: linear-gradient(to bottom, #eeeeee, #dddddd); background-repeat: repeat-x; } .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #229ac8; background-image: linear-gradient(to bottom, #23a1d1, #1f90bb); background-repeat: repeat-x; border-color: #1f90bb #1f90bb #145e7a; white-space: nowrap; } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background-color: #1f90bb; background-position: 0 -15px; } .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x;border-color: #f89406 #f89406 #ad6704; } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420; } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; } .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #df5c39; background-image: linear-gradient(to bottom, #e06342, #dc512c); background-repeat: repeat-x; border-color: #dc512c #dc512c #a2371a; } .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { background-image: none; background-color: #df5c39; } .btn-link { border-color: rgba(0, 0, 0, 0); cursor: pointer; color: #23A1D1; border-radius: 0; } .btn-link, .btn-link:active, .btn-link[disabled] { background-color: rgba(0, 0, 0, 0); background-image: none; box-shadow: none; } .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; border-color: #222222 #222222 #000000; } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { background-color: #222222; background-image: linear-gradient(to bottom, #333333, #111111); } /* list group */ .list-group a { border: 1px solid #DDDDDD; color: #888888; padding: 8px 12px; } .list-group .list-group-child-item { padding-left: 20px; } .list-group a.active, .list-group a.active:hover, .list-group a:hover { color: #444444; background: #eeeeee; border: 1px solid #DDDDDD; text-shadow: 0 1px 0 #FFF; } /* carousel */ .carousel-caption { color: #FFFFFF; text-shadow: 0 1px 0 #000000; } .carousel-control .icon-prev:before { content: '\f053'; font-family: FontAwesome; } .carousel-control .icon-next:before { content: '\f054'; font-family: FontAwesome; } /* Sidebar Banners */ .banner { margin: 30px 0px; } .banner ul { list-style: none; margin: 0px; padding: 0px; } .banner ul li { } /* Category Sidebar */ .category { margin: 30px 0px; } .category h3 { margin: 0px 0px 10px; font-size: 18px; line-height: 1.33em; color: #666; text-transform: uppercase; font-weight: 300; } .category ul { list-style: none; margin: 0px; padding: 0px; } .category ul li { padding: 5px 2px; border-top: 1px solid #DDD; } .category ul li.active { } .category ul li.child { padding-left: 17px; border-top: none; } .category ul li a { font-size: 14px; line-height: 1.5em; color: #666; } .category ul li.active a { color: #666; font-weight: 600; } /* Sub Category Lists */ .category-list { } .category-list > div { margin-bottom: 30px; } .category-list > div.clearfix { margin-bottom: 0px; } .category-list .cat { border: 2px solid #CFCFCF; } .category-list .cat a { display: block; margin: 0px; padding: 0px; text-align: center; text-decoration: none; } .category-list .cat .image { } .category-list .cat .image img, .category-list .cat .image picture { margin: 0px; width: 100%; } .category-list .cat .name { font-size: 18px; line-height: 22px; text-transform: uppercase; font-weight: 400; color: #333; padding: 15px 15px 0px; border-top: 1px solid #EEE; } .category-list .cat .strapline { padding: 0px 15px 15px; font-size: 14px; line-height: 20px; color: #666; font-weight: 400; } .featured-category { margin-top: 30px; } .featured-category h3 { display: none; } .featured-category .category-list .cat .name { font-size: 24px; line-height: 30px; } a.overlay_parent { position: relative; display: block; z-index: 1; } a.overlay_parent picture { display: block; } a.overlay_parent .overlay { position: absolute; z-index: 41; width: 25%; max-width: 25%; height: auto !important; border: none !important; } a.overlay_parent .overlay_tl { top: 1%; left: 1%; } a.overlay_parent .overlay_tr { top: 1%; right: 1%; } a.overlay_parent .overlay_bl { bottom: 1%; left: 1%; } a.overlay_parent .overlay_br { bottom: 1%; right: 1%; } a.overlay_parent .overlay img { display: block; width: 100% !important; height: auto !important; border: none !important; } .thumbnails > a.overlay_parent .overlay { width: 20%; max-width: 20%; } /* Product Lists / Grids */ .prodfilters { margin-top: 10px; margin-bottom: 10px; } .prodfilters select + label { margin-left: 15px; } /* These styles affect ALL product listings (grid and list view, in main content and sidebars) */ .product-thumb { margin: 0px 0px 30px; overflow: auto; } .product-thumb .image { text-align: center; } .product-thumb .image a { display: block; margin: 0px; padding: 0px; } .product-thumb .image img, .product-thumb .image picture { margin: 0px; border: 1px solid #EEE; width: 100%; } .product-thumb .altimg { display: none; } .product-thumb .caption { display: block; text-align: center; margin: 0px; padding: 10px 0px 0px; } .product-thumb .caption h4 { font-size: 14px; line-height: 20px; color: #666; font-weight: normal; margin: 0px 0px 2px; } .product-thumb .caption h4 a { font: inherit; line-height: inherit; color: inherit; } .product-thumb .caption .desc { display: none; } .product-thumb .caption .price { font-size: 14px; line-height: 20px; color: #666; font-weight: normal; margin: 0px; text-transform: uppercase; } .product-thumb .caption .price > span { } .product-thumb .caption .price .normal { color: #FF0000; font-weight: 600; } .product-thumb .caption .price .oldprice { text-decoration: none; font-weight: 300; } .product-thumb .caption .price .oldprice .was { } .product-thumb .caption .price .oldprice .old { } .product-thumb .caption .price .newprice { color: #FF0000; font-weight: 600; } .product-thumb .caption .price .newprice .now { } .product-thumb .caption .price .newprice .special { } .product-thumb .caption .price .tax { display: none; } .product-thumb .caption .price .newprice + .tax { } .product-thumb .rating { display: none; line-height: 15px; } .rating span { display: inline-block; width: 15px; height: 15px; margin: 0px; padding: 0px; } .rating span + span { margin-left: 0px; } .rating span i { display: block; width: 15px; height: 15px; margin: 0px; padding: 0px; } .rating span i + i { display: none; } .rating .fa-star-o { background: url('../image/star_empty.png') center no-repeat; } .rating .fa-star { background: url('../image/star_full.png') center no-repeat; } .rating .fa-star:before, .rating .fa-star-o:before { content: ''; } .product-thumb .button-group { display: none; border: 1px solid #EEE; overflow: auto; } .product-thumb .button-group button { width: 60%; border: none; display: inline-block; float: left; background: none; color: #777; line-height: 38px; font-weight: bold; text-align: center; text-transform: uppercase; } .product-thumb .button-group button + button { width: 20%; border-left: 1px solid #ddd; } .product-thumb .button-group button:hover { color: #444; background-color: #ddd; text-decoration: none; cursor: pointer; } .featured { } .featured h3 { position: relative; font-size: 24px; line-height: 1.33em; text-align: center; color: #333; margin: 0px 0px 20px; } .featured h3:before { position: absolute; top: 50%; left: 0px; width: 100%; height: 1px; content: ''; background: #DDD; z-index: 1; } .featured h3 span { display: inline-block; position: relative; background: #FFF; padding: 0px 20px; z-index: 2; } /* List view only */ .product-list .product-thumb .caption { margin-left: 253px; padding: 0px 0px 10px; text-align: left; } .product-list .product-thumb .caption h4 { font-weight: 600; } .product-list .product-thumb .caption .desc { display: block; } /* Sidebar only - all screen sizes */ .sidebar .product-thumb .caption { min-height: 0px; } .sidebar .product-thumb .caption .price { margin: 0px; } .sidebar .product-thumb .caption .price .oldprice { display: inline-block; margin-right: 3px; } .sidebar .product-thumb .caption .price .was { display: none; } .sidebar .product-thumb .caption .price .newprice { display: inline-block; } .sidebar .product-thumb .caption .price .now { display: none; } /* Responsive changes */ @media (min-width: 768px) { .product-list .product-thumb .image { float: left; padding: 0px 15px 0px 0px; } .product-list .product-thumb .caption { text-align: left; } } @media (max-width: 1200px) { .product-thumb .button-group button, .product-thumb .button-group button + button { width: 33.33%; } } @media (max-width: 767px) { .product-thumb .caption { min-height: 0px; } .product-thumb .button-group button, .product-thumb .button-group button + button { width: 33.33%; } .product-list .product-thumb .caption { min-height: 0px; margin-left: 0px; padding: 10px; text-align: center; } .product-list .product-thumb .caption .desc { display: none; } } /* Sidebar styles - only alter them for the biggest screens */ @media (min-width: 1200px) { .sidebar .product-thumb { margin: 0px 0px 15px; } .sidebar .product-thumb .image { max-width: 30%; float: left; margin: 0px 3% 0px 0px; } .sidebar .product-thumb .image img, .sidebar .product-thumb .image picture { border-width: 1px; } .sidebar .product-thumb .caption { display: inline-block; width: 67%; min-height: 0px; margin: 0px; padding: 0px; text-align: left; } .sidebar .product-thumb .caption h4 { margin: 0px; } .sidebar .product-thumb .caption .rating { clear: left; } .sidebar .product-thumb .button-group { display: none; } } /* Pagination */ .paging { border-top: 1px solid #DDD; padding: 15px 0px 0px; } .paging .results { font-size: 14px; line-height: 30px; color: #999; } .paging .pagelinks { border: none; background: none; margin: 0px; padding: 0px; height: 30px; } .paging .pagelinks ul { overflow: auto; border-radius: 0px; -webkit-border-radius: 0px; } .paging .pagelinks ul li { display: block; float: left; margin: 0px; padding: 0px; } .paging .pagelinks ul li + li { margin-left: 5px; } .paging .pagelinks ul li a, .paging .pagelinks ul li span { display: block; float: none; width: 30px; height: 30px; margin: 0px; padding: 0px; text-align: center; background: center no-repeat #FFF !important; font-size: 14px; line-height: 30px; color: #666 !important; border: 1px solid #DDD !important; border-radius: 0px !important; -webkit-border-radius: 0px !important; } .paging .pagelinks ul li.active a, .paging .pagelinks ul li.active span { border: none !important; } .paging .pagelinks ul li.pagenav a { font-size: 0px; color: transparent; text-indent: -50000px; } .paging .pagelinks ul li.first { display: none; } .paging .pagelinks ul li.prev a { background-image: url('../image/paging-prev.png') !important; } .paging .pagelinks ul li.next a { background-image: url('../image/paging-next.png') !important; } .paging .pagelinks ul li.last { display: none; } /* Product page */ #prodimages { margin: 0px 0px 23px; } #prodimages:after { display: block; content: ''; clear: both; } #prodimages .thumbnails { display: none; } #prodthumbs.thumbnails { display: block; } .thumbnails { margin: 0px; } .thumbnails > .thumbnail { border: none; margin: 0px; padding: 0px; border-radius: 0px; outline: none; } .thumbnails > .thumbnail img, .thumbnails > .thumbnail picture { border: 1px solid #EEE; padding: 0px; border-radius: 0px; } .thumbnails .jqzoom:after { display: block; content: ''; clear: both; } .thumbnails .imagebank { float: right; margin: 2px 0px 0px; padding: 0px; } .thumbnails .imagebank a { } .thumbnails .moreimages { font-family: Times, "Times New Roman", serif; font-size: 14px; line-height: 1.5em; font-style: italic; color: #333; padding-left: 20px; margin: 10px 0px 5px; background: url('../image/prodzoom.png') left no-repeat; background-size: 16px; } .thumbnails ul { overflow: auto; clear: both; list-style: none; padding: 0px; margin: 0px 0px 0px -7px; } .thumbnails ul li { float: left; max-width: 119px; margin: 0px 0px 7px 7px; } .thumbnails ul li a { border: none; margin: 0px; padding: 0px; border-radius: 0px; } .thumbnails img, .thumbnails picture { display: block; width: 100%; height: auto !important; border: 1px solid #EEE; } .thumbnails .zoomWrapperImage img, .thumbnails .zoomWrapperImage picture { width: auto; } #proddetails { clear: both; margin: 30px 0px 0px; border-bottom: 1px solid #DDD; } #proddetails .detail { display: block; border-top: 1px solid #DDD; } #proddetails .detail h3 { display: block; text-align: left; margin: 0px; padding: 15px 0px; font-size: 18px; line-height: 24px; color: #666; cursor: pointer; } #proddetails .detail h3 .icon { display: block; float: right; width: 16px; height: 16px; margin-top: 4px; margin-right: 5px; background: url('../image/arrow-block.png') 98.5% 50% no-repeat; } #proddetails .detail .text { display: none; margin: 0px; padding-bottom: 15px; } #proddetails .detail .text > :first-child { margin-top: 0px; } #proddetails .detail .text > :last-child { margin-bottom: 0px; } #proddetails .detail.open h3 .icon { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #proddetails .detail.open .text { display: block; } #review { } #review > :first-child { margin-top: 0px; } .prodinfo { } .prodinfo h1 { margin: 0px 0px 15px; text-align: left; } .prodinfo .price { text-transform: uppercase; margin: 15px 0px; } .prodinfo .price h2 { margin: 0px; font-weight: 700; color: #FF0000; } .prodinfo .price .oldprice { margin: 0px; color:#FF0000; } .prodinfo .rating { margin: 15px 0px; color: #999; } .prodinfo .rating img, .prodinfo .rating picture { margin-bottom: 3px; margin-right: 3px; } .prodinfo .rating a { margin: 0px 5px; cursor: pointer; } .prodinfo .prodatts { margin: 15px 0px; padding: 15px 0px 0px; border-top: 1px solid #DDD; } .prodinfo .prodatts li { color: #666; } .prodinfo .prodatts li strong { font-weight: 700; } .prodinfo .options { margin: 15px 0px 10px; padding: 15px 0px 0px; border-top: 1px solid #DDD; } .prodinfo .options > p { margin: 0px; } .prodinfo .options .option { margin: 10px 0px; padding: 0px; } .prodinfo .options .text-danger { margin: 3px 3px 0px; } .prodinfo .options .form-group { margin: 0px; } .prodinfo .options .option .form-group { background: #EEE; } .prodinfo .options .option label { font-size: 14px; line-height: 20px; } .prodinfo .options .control-label { display: block; margin: 0px; padding: 5px 10px; cursor: pointer; } .prodinfo .options .control-label:after { display: block; float: right; content: ''; margin: 8px 0px 0px; width: 7px; height: 4px; background: url('../image/arrow-option-down.png') center no-repeat; } .prodinfo .options .control-label.open:after { background-image: url('../image/arrow-option-up.png'); } .prodinfo .options .optslide { display: none; padding: 0px 10px 10px; } .prodinfo .options .radio { margin: 5px 0px 0px; } .prodinfo .options .radio:first-child { margin-top: 0px; } .prodinfo .options .radio label img, .prodinfo .options .radio label picture { margin-right: 5px; } .prodinfo .options .radio label img + input[type=radio], .prodinfo .options .radio label picture + input[type=radio] { margin-top: 18px; } .prodinfo .options input + input { margin-top: 5px; } .prodinfo #swatches { margin: 0px 0px 15px; } .prodinfo #swatches .opttitle { font-weight: bold; margin: 0px; } .prodinfo #swatches .click_to_see { color: #999; margin: 0px; } .prodinfo #swatches .currswatch { margin: 0px; } .prodinfo #swatches #currentswatch { font-weight: bold; } .prodinfo #swatches .option { margin: 0px; padding: 0px; background: none; } .prodinfo #swatches .form-group { margin: 0px; background: none; } .prodinfo #swatches .radio { display: inline-block; min-height: 0px; margin: 5px 0px; padding: 0px; } .prodinfo #swatches .radio + .radio { margin-left: 2px; } .prodinfo #swatches .radio label { position: relative; display: block; margin: 0px; text-align: center; overflow: hidden; } .prodinfo #swatches .radio label img, .prodinfo #swatches .radio label picture { display: block; position: relative; max-width: 32px; height: auto; margin: 0px; } .prodinfo #swatches .radio label input[type=radio] { display: inline-block; margin: 4px 3px 0px 0px; padding: 0px; } .prodinfo #swatches .radio label .optname { display: inline-block; font-size: 14px; line-height: 18px; text-align: left; margin-right: 5px; } .prodinfo #swatches .radio label .optprice { } .prodinfo #swatches .radio label img + input[type=radio], .prodinfo #swatches .radio label picture + input[type=radio] { position: absolute; top: -20px; left: 0px; } .prodinfo #swatches .radio label img + input[type=radio] + .optname, .prodinfo #swatches .radio label picture + input[type=radio] + .optname { display: none; } /* If there is an image, dont show the text */ .prodinfo #swatches .radio.selected label:after { display: block; content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 3px solid #333; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; -o-border-radius: 16px; background: none; } .prodinfo .addtocart { } .prodinfo .addtocart #button-cart { padding: 18px 20px; font-size: 18px; line-height: 24px; } .prodinfo .addtocart #button-cart:after { display: inline-block; content: ''; width: 18px; height: 17px; margin-left: 5px; background: url('../image/icon-basket-white.png') center no-repeat; } .prodinfo .addto { margin: 10px 0px 0px; text-align: center; } .prodinfo .addto a { display: inline-block; font-size: 13px; line-height: 1.5em; font-weight: 600; } .prodinfo .addto a + a { margin-left: 5px; } .prodinfo .addto a + a:before { content: '|'; margin-right: 9px; } .prodinfo .v12finance { margin: 15px 0px; } .prodinfo .v12finance:after { display: block; content: ''; clear: both; } .prodinfo .v12finance #show_finance_price { margin: 0px; } .prodinfo .v12finance #finance_calc { margin: 0px; } .infoblocks { margin: 30px 0px 0px; } .infoblocks .infoblock { margin: 0px; padding: 20px 30px; text-align: center; background: #F5F5F5; } .infoblocks .infoblock + .infoblock { margin-top: 15px; } /* .infoblocks .infoblock.blueblock { background: #F2F7FB; color: #80ACDC; } .infoblocks .infoblock.pinkblock { background: #FEF5F9; color: #333; } */ .infoblocks .infoblock h2 { margin: 0px; color: inherit; } .infoblocks .infoblock a { display: inline-block; color: inherit; } .infoblocks .infoblock p { margin: 10px 0px 0px; color: #999; } .infoblocks .infoblock p .img-responsive { margin: 0px auto; } .infoblocks .infoblock p a.arrowlink { text-transform: uppercase; padding-right: 12px; background: url('../image/arrow-readmore.png') right no-repeat; } /* .infoblocks .infoblock.blueblock a { color: #80ACDC; } .infoblocks .infoblock.pinkblock a { color: #333; } .infoblocks .infoblock.blueblock a.arrowlink { background-image: url('../image/arrow-readmore-blue.png'); } .infoblocks .infoblock.pinkblock a.arrowlink { background-image: url('../image/arrow-readmore-pink.png'); } */ .prodmod.related { margin-top: 60px; } .prodmod.related h3 { position: relative; margin: 0px 0px 20px; font-size: 24px; line-height: 1.33em; text-align: center; color: #333; } .prodmod.related h3:before { position: absolute; top: 50%; left: 0px; width: 100%; height: 1px; content: ''; background: #DDD; z-index: 1; } .prodmod.related h3 span { display: inline-block; position: relative; background: #FFF; padding: 0px 20px; z-index: 2; } @media (min-width: 768px) and (max-width: 991px) { } @media (max-width: 767px) { .prodinfo .options { border-top: none; } } .table-cart { } .table-cart small { display: block; } .table-cart .label + small { display: inline-block; } /* Slideshow */ .slideshow { position: relative; } body#home .owl-carousel { display: block; position: relative; box-shadow: none; border: none; margin: 0px; padding: 0px; width: 100%; max-width: 100%; border-radius: 0px; } .owl-carousel .owl-item { margin: 0px; padding: 0px; } .slideshow .owl-item a { } .slideshow .owl-item img, .slideshow .owl-item picture { display: block; margin: 0px; padding: 0px; min-width: 100%; height: auto !important; text-align: center; } .slideshow .owl-controls { display: none !important; position: absolute; bottom: 0px; left: 0px; width: 100%; z-index: 3; } .slideshow .owl-pagination { position: absolute; top: auto; bottom: 0px; left: 0px; width: 100%; padding: 0px; height: 15px; text-align: center; z-index: 3; } .slideshow .owl-pagination .owl-page { position: relative; display: inline-block; margin: 0px; padding: 5px 2px 4px; background: #FFF; z-index: 3; } .slideshow .owl-pagination .owl-page:first-child { padding-left: 5px; border-radius: 0px 0px 0px 0px; -webkit-border-radius: 3px 0px 0px 0px; } .slideshow .owl-pagination .owl-page:last-child { padding-right: 5px; border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 3px 0px 0px; } .slideshow .owl-pagination .owl-page span { width: 6px; height: 6px; margin: 0px; padding: 0px; border-radius: 0px; -webkit-border-radius: 0px; background: url('../image/slideshow-buttons.png') top no-repeat; box-shadow: none; } .slideshow .owl-pagination .owl-page.active span { background: url('../image/slideshow-buttons.png') bottom no-repeat; } .slideshow .owl-carousel .owl-buttons .owl-prev { left: 40px; } .slideshow .owl-carousel .owl-buttons .owl-next { right: 40px; } .slideshow .caption { position: absolute; bottom: 45px; left: 0px; width: 100%; z-index: 4; } .slideshow .caption .container { position: relative; font-size: 18px; line-height: 1.5em; color: #FFF; text-shadow: 0px 0px 3px #000; } .slideshow .caption a, .slideshow .caption img, .slideshow .caption picture { color: inherit; min-width: 0px !important; min-height: 0px !important; } .slideshow .caption a.btn:after { content: ''; display: block; float: right; width: 6px; height: 10px; margin-top: 4px; margin-left: 6px; background: url('../image/button-arrow.png') center no-repeat; } .slideshow .caption .wrapper { text-align: center; } .slideshow .caption .wrapper h1 { font-size: 56px; line-height: 1.25em; color: #FFF; font-weight: 300; margin: 0px 0px 5px; } .slideshow .caption .wrapper p { margin: 15px 0px 0px; } .slideshow .caption .wrapper h1 + p { margin-top: 0px; } @media (min-width: 768px) and (max-width: 991px) { .slideshow .caption .container { font-size: 16px; line-height: 1.5em; } .slideshow .caption .wrapper h1 { font-size: 48px; line-height: 1.25em; } .slideshow .caption a.btn:after { } } @media (max-width: 767px) { .slideshow { display: none; } } /* Contact Page */ .contactform { } .contactform h3 { font-weight: 300; text-transform: uppercase; margin: 0px 0px 20px; } .contactform #captcha { max-height: 34px; margin-left: 10px; } .contactinfo { } .contactinfo h3 { font-weight: 300; text-transform: uppercase; margin: 0px 0px 20px; } .contactinfo iframe { margin: 0px 0px 25px; padding: 0px; border: 1px solid #EEE; } .contactinfo p { margin: 1.5em 0px 0px; } .contactinfo p:first-child { margin-top: 0px; } .contactinfo p strong { } .contactinfo p.comment { } /* End Contact Page */ .mobilecart { } .mobilecart .cartitem { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #DDD; font-size: 14px; line-height: 1.5em; } .mobilecart .cartitem + .cartitem { } .mobilecart .cartitem .image { float: right; max-width: 90px; margin: 0px 0px 8px 10px; } .mobilecart .cartitem .image a { } .mobilecart .cartitem .image img, .mobilecart .cartitem .image picture { padding: 4px; border: 1px solid #DDD; } .mobilecart .cartitem .name { margin: 10px 0px 0px; } .mobilecart .cartitem .name a { color: inherit; cursor: pointer; } .mobilecart .cartitem .options { margin: 5px 0px 0px; } .mobilecart .cartitem .options small { display: block; font-size: 12px; line-height: 1.5em; color: #666; } .mobilecart .cartitem .recurring { display: none; } .mobilecart .cartitem .recurring small { } .mobilecart .cartitem .price { margin-top: 10px; } .mobilecart .cartitem .price span { font-weight: bold; } .mobilecart .cartitem .quantity { margin: 4px 0px; } .mobilecart .cartitem .quantity label { display: inline-block; width: auto; margin: 0px; line-height: 34px; } .mobilecart .cartitem .quantity span { font-weight: bold; } .mobilecart .cartitem .quantity .input-group { display: inline-block; width: auto; } .mobilecart .cartitem .quantity .input-group input[type=text] { display: inline-block; width: auto; } .mobilecart .cartitem .quantity .input-group .input-group-btn { display: inline-block; width: auto; } .mobilecart .cartitem .total { clear: right; margin-top: 4px; color: #333; text-align: right; font-size: 16px; padding: 2px 6px; font-weight: bold; } .mobilecart .cartitem .total span { font-weight: normal; } .mobilecart .carttotals { } .mobilecart .carttotals .total { display: block; text-align: right; } .mobilecart .carttotals .total strong { float: left; } .topsecs-wrapper { background: #F5F5F5; box-shadow: inset 0px 0px 6px -3px; } .html.topsecs { text-align: center; } .html.topsecs p { margin: 15px 0px 0px; padding-top: 15px; padding-bottom: 15px; line-height: 20px; } .html.topsecs p:first-child { margin-top: 0px; } .html.topsecs .row { margin: 0px; } .html.topsecs .row > div { padding-top: 15px; padding-bottom: 15px; line-height: 20px; } .html.topsecs .row > div:after { display: block; float: right; content: ''; background: #DDD; width: 1px; height: 20px; margin-right: -15px; } .html.topsecs .row > div:first-child:before { display: block; float: left; content: ''; background: #DDD; width: 1px; height: 20px; margin-left: -15px; } .html.topsecs .row > div a { color: inherit; } @media (min-width: 768px) and (max-width: 991px) { .html.topsecs .row > div { font-size: 12px; } } @media (max-width: 767px) { .html.topsecs { display: none; } .html.topsecs .row > div { padding-top: 5px; padding-bottom: 5px; } } .linklw-wrapper { background: #F5F5F5; box-shadow: inset 0px 0px 6px -3px; } .html.linklw { text-align: center; } .html.linklw p { margin: 15px 0px 0px; padding-top: 15px; padding-bottom: 15px; font-size: 24px; line-height: 1.33em; text-transform: uppercase; } .html.linklw p:first-child { margin-top: 0px; } .html.linklw a { font-weight: 600; } .html.homeranges { margin: 30px 0px; } .html.homeranges h2 { margin: 0px 0px 20px; } .html.homeranges a { display: block; margin: 0px auto; } .html.homeranges img, .html.homeranges picture { } @media (max-width: 767px) { .html.homeranges .row > div + div { margin-top: 20px; } } .html.homecats { margin: 30px 0px; } .html.homecats .cat { text-align: center; } .html.homecats .cat a { display: block; color: inherit; text-decoration: none; } .html.homecats .cat .image { border: 1px solid #EEE; } .html.homecats .cat .image a { } .html.homecats .cat .image img, .html.homecats .cat .image picture { display: block; max-width: 100%; height: auto !important; } .html.homecats .cat .catname { border-left: 1px solid #EEE; border-right: 1px solid #EEE; } .html.homecats .cat .catname h2 { font-size: 24px; line-height: 30px; margin: 0px; color: #666; } .html.homecats .cat .catname a { padding: 20px 0px 0px; } .html.homecats .cat .strapline { border: 1px solid #EEE; border-top: none; line-height: 20px; color: #999; font-weight: 300; } .html.homecats .cat .strapline a { padding: 0px 0px 20px; } .html.homecats .clearfix { line-height: 20px; } .html.homecats .clearfix:after { margin-bottom: 10px; } @media (min-width: 768px) and (max-width: 991px) { .html.homecats .row { margin-left: -10px; margin-right: -10px; } .html.homecats .row > div { padding-left: 10px; padding-right: 10px; } .html.homecats .cat .catname h2 { font-size: 20px; line-height: 25px; } .html.homecats .cat .catname h2 a { padding-top: 15px; } .html.homecats .cat .strapline { font-size: 12px; line-height: 18px; } .html.homecats .cat .strapline a { padding-top: 2px; padding-bottom: 15px; } } @media (max-width: 767px) { .html.homecats .row > div + div { margin-top: 20px; } .html.homecats .cat .image img, .html.homecats .cat .image picture { width: 100%; } } .html.promise { position: relative; margin: 22px 0px 53px; padding: 15px 0px 30px; border: 2px solid #CFCFCF; background: #FFF; color: #000; } .html.promise:before { position: absolute; top: -23px; left: 0px; width: 100%; height: 23px; display: block; content: ''; background: url('../image/home-about-top.png') bottom no-repeat; } .html.promise:after { position: absolute; bottom: -22px; left: 0px; width: 100%; height: 22px; display: block; content: ''; background: url('../image/home-about-base.png') top no-repeat; } .html.promise .row { margin-left: 15px; margin-right: 15px; } .html.promise img, .html.promise picture { } .html.promise h2 { } .html.promise p { } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) and (max-width: 991px) { .html.promise img, .html.promise picture { margin-left: auto; margin-right: auto; } } @media (max-width: 767px) { .html.promise { padding: 15px 15px; text-align: justify; } .html.promise .row { margin-left: 0px; margin-right: 0px; } .html.promise .row > div[class*=col-] { padding-left: 0px; padding-right: 0px; } .html.promise img, .html.promise picture { display: none; } } .html.homeblocks { margin: 30px 0px; } .html.homeblocks .wrapper { background: #FFF; border: 2px solid #CFCFCF; text-align: center; padding: 25px 20px; } .html.homeblocks h2 { margin: 0px; } .html.homeblocks p { margin: 15px 0px 0px; line-height: 16px; } .html.homeblocks img, .html.homeblocks picture { display: block; margin: 0px auto; max-width: 100%; height: auto !important; } @media (min-width: 992px) and (max-width: 1199px) { .html.homeblocks h2 + p { min-height: 48px; } } @media (min-width: 768px) and (max-width: 991px) { .html.homeblocks .wrapper { padding: 15px 10px; } .html.homeblocks .row { margin-left: -7px; margin-right: -7px; } .html.homeblocks .row > div { padding-left: 7px; padding-right: 7px; } .html.homeblocks h2 + p { min-height: 48px; } } @media (max-width: 767px) { .html.homeblocks .row > div + div { margin-top: 20px; } } .html.homequotes { margin-top: 30px; margin-bottom: 30px; } .html.homequotes h3 { position: relative; margin: 0px 0px 20px; font-size: 24px; line-height: 1.33em; text-align: center; color: #000; } .html.homequotes h3:before { position: absolute; top: 50%; left: 0px; width: 100%; height: 1px; content: ''; background: #DDD; z-index: 1; } .html.homequotes h3 span { display: inline-block; position: relative; background: #FFF; padding: 0px 20px; z-index: 2; } .html.homequotes .wrapper { padding: 15px; background: #FFF; border: 2px solid #CFCFCF; } /* .html.homequotes .wrapper.pinkbg { background: #FEF5F9; } .html.homequotes .wrapper.yellowbg { background: #FFFBEE; } .html.homequotes .wrapper.bluebg { background: #F2F7FB; } .html.homequotes .wrapper.greenbg { background: #F3F7E4; } */ .html.homequotes p { margin: 0px; color: #000; } .html.homequotes p img, .html.homequotes p picture { margin: 0px auto; } .html.homequotes blockquote { margin: 10px 0px 0px; padding: 0px; border: none; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 14px; line-height: 1.5em; color: #000; } .html.homequotes blockquote + p { text-align: right; } @media (min-width: 992px) and (max-width: 1199px) { .html.homequotes .row { margin-left: -7px; margin-right: -7px; } .html.homequotes .row > div { padding-left: 7px; padding-right: 7px; } .html.homequotes p { font-size: 13px; line-height: 1.5em; } .html.homequotes blockquote { font-size: 13px; line-height: 1.5em; } } @media (min-width: 768px) and (max-width: 991px) { .html.homequotes .clearfix { margin-bottom: 30px; } .html.homequotes p { } .html.homequotes blockquote { } } @media (max-width: 767px) { .html.homequotes .row > div + div { margin-top: 20px; } } .html.catdelivery { margin: 30px 0px; padding: 15px 0px; border-top: 2px solid #EEE; border-bottom: 2px solid #EEE; font-size: 18px; line-height: 1.33em; font-weight: 300; text-align: center; } .html.catdelivery p, .html.catdelivery div { margin: 0px; padding: 0px; } .html.catdelivery strong { color: #333; } /* Zoom Override */ .zoomWindow { left: 675px !important; } #content #optional-fee-discount { border: 1px solid #DDD; padding: 0px; margin: 20px 0px; } #content #optional-fee-discount .box-heading { padding: 10px 15px; border-bottom: 1px solid #DDD; } #content #optional-fee-discount .box-heading h3 { margin: 0px; } #content #optional-fee-discount .box-content { padding: 10px 15px; } #content #optional-fee-discount .question-block { padding: 0px !important; } #content #optional-fee-discount .question-block + .question-block { padding-top: 10px !important; } #content #optional-fee-discount .box-content h4 { font-size: 14px; line-height: 1.5em; font-weight: 600; margin: 0px; } #content #optional-fee-discount .box-content label { font-size: 14px; line-height: 1.5em; padding: 1px 5px; } #content #optional-fee-discount .box-content label input[type=checkbox] { display: inline-block; margin: 0px 1px 0px 0px; vertical-align: middle; } #testimonials { margin: 30px 0px 0px; padding: 30px 0px 0px; border-top: 1px solid #DDD; } #testimonials .testimonial { margin-bottom: 30px; } #testimonials .testimonial .text { position: relative; background: #F4F4F4; padding: 15px 15px; margin: 0px 0px 18px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; } #testimonials .testimonial .text:after { position: absolute; bottom: -15px; left: 30px; width: 10px; height: 15px; display: block; content: ''; background: url('../image/testimonial-stalk.png'); } #testimonials .testimonial .reviewer { color: #999; } #testimonials .testimonial .reviewer .author { font-weight: bold; color: #333; } #testimonials .testimonial .reviewer .date { } #testimonials .testimonial .reviewer .product { } #testimonials .testimonial .reviewer .product a { } #testimonials .testimonial .rating { } .prodinfo #testimonials { padding-top: 15px; } .prodinfo #testimonials h3 { margin: 0px 0px 15px; } .prodinfo #testimonials .testimonial { margin-bottom: 15px; } .prodinfo #testimonials .testimonial .rating { margin: 0px; } .prodinfo #testimonials .testimonial .reviewer .product { display: none; } .prodinfo #testimonials .testimonial .reviewer .rating { display: none; } #write_testimonial { margin: 30px 0px 0px; padding: 30px 0px; border-top: 1px solid #DDD; } #write_testimonial .form-group { margin: 0px 0px 10px; } #write_testimonial .form-group .control-label { font-weight: bold; } #write_testimonial .form-group.radios { line-height: 20px; margin: 17px 0px; } #write_testimonial .form-group.radios .control-label { display: inline-block; vertical-align: top; margin: 0px; } #write_testimonial .form-group.radios span { display: inline-block; vertical-align: top; margin: 0px 4px; } #write_testimonial .form-group.radios input[type=radio] { display: inline-block; vertical-align: top; margin: 4px 4px 0px; padding: 0px; } #write_testimonial .form-group #input-captcha { display: inline-block; width: 250px; margin-left: 15px; height: 37px; } #write_testimonial .form-group #button-review { margin-top: 10px; } #coupon_removed { margin-top: 0px; } .covid-wrapper { background: #E8E8E8; box-shadow: inset 0px 0px 6px -3px #C33, inset 0px 0px 6px -3px #C33; } .covid-wrapper .container { } .covid-wrapper .covid { } .covid-wrapper .covid .htmlcontent { text-align: center; padding: 12px 0px; font-weight: 600; color: #444; } .covid-wrapper .covid .htmlcontent p { margin: 0px; } .covid-wrapper .covid .htmlcontent p a { display: inline-block; margin-left: 20px; } .pricesmsg-wrapper { } .pricesmsg-wrapper .container { padding-top: 18px; padding-bottom: 18px; } .pricesmsg { } .pricesmsg h3 { margin: 0px 0px 12px; font-weight: bold; } .pricesmsg p { margin: 12px 0px 0px; } #faqs { margin-top: 36px; } #faqs .faq { margin-top: 24px; } #faqs .faq .faq_q { background: #EEE; padding: 5px 8px; } #faqs .faq .faq_q h3 { margin: 0px; } #faqs .faq .faq_a { } #faqs .faq .faq_a p { margin-top: 18px; } #faqs .faq .faq_a p:first-child { margin-top: 8px; } #faqs.collapsible { } #faqs.collapsible .faq { margin-top: 8px; } #faqs.collapsible .faq .faq_q { cursor: pointer; } #faqs.collapsible .faq .faq_q:before { display: block; float: right; margin-top: 4px; width: 16px; height: 16px; content: ''; background: url('../image/arrow-block.png') center no-repeat; transition: transform 0.5s; } #faqs.collapsible .faq .faq_a { display: none; } #faqs.collapsible .faq.open { } #faqs.collapsible .faq.open .faq_q:before { transform: rotate(90deg); } #faqs.collapsible .faq.open .faq_a { }