body { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; color: #333; font-size: 16px; line-height: 1.5em; } body#home { font-size: 14px; } .black { color: #000000 !important; } .white { color: #FFFFFF !important; } .green { color: #223F1F !important; } .lightgreen { color: #43863D !important; } .red { color: #EB1D1E !important; } .row { margin-left: -10px; margin-right: -10px; } .row > div[class*=col-] { padding-left: 10px; padding-right: 10px; } hr { border-top: 1px dotted #EBEBEB; } h1, h2, h3, h4, h5, h6 { color: #223F1F; font-weight: 600; margin: 0px 0px 15px; } /* default font size */ .fa { font-size: 16px; } /* Override the bootstrap defaults */ h1 { font-size: 52px; line-height: 1.25em; font-weight: 300; margin: 0px; } h2 { font-size: 24px; line-height: 1.33em; font-weight: 300; } h3 { font-size: 18px; line-height: 1.5em; font-weight: 400; } h4 { font-size: 16px; line-height: 1.5em; font-weight: 400; margin: 20px 0px; } h5 { font-size: 14px; line-height: 1.5em; font-weight: bold; margin: 20px 0px; } p { margin: 0px 0px 15px; } ul, ol { color: #000; font-size: 16px; padding-left: 14px; } a { color: #003200; outline: none !important; } a:hover { text-decoration: none; color: #43863D; } img { outline: none !important; } legend { font-size: 18px; line-height: 1.33em; padding: 7px 0px } label { font-size: 14px; line-height: 1.5em; 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: 16px; border-radius: 0px; -webkit-border-radius: 0px; border: 1px solid #DDD; } .page-control input[type="text"].form-control { min-height: 40px; min-width: 4em; } input, select, textarea, button { outline: none !important; } .inline-form-control { display: inline-block; width: 45%; } .input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover { font-size: 12px; } .input-group .input-group-addon { font-size: 12px; height: 30px; } /* Fix some bootstrap issues */ span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg { display: inline; } 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; } @media (min-width: 1200px){ .container { width: 1176px; } } header { background: #fff; font-size: 14px; } header > .container { } /* logo */ header #logo { margin: 15px 0px; } header #logo a { display: block; float: left; margin: 0px; padding: 0px; } header #logo img { display: block; margin: 0px; padding: 0px; } header .headerright { text-align: right; } header .headerright > div { display: inline-block; margin-left: 15px; vertical-align: middle; } header .secure { margin-left: 0px !important; } header .headersearch { width: 50%; } header #search { position: relative; border: 1px solid #bcbcbc; border-radius: 10px; } header #search .form-control { width: 220px; max-width: 100%; height: 30px; padding: 5px 30px 5px 15px; background: #FFF; border: none; box-shadow: none; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; } header #search .btn { position: absolute; top: 0px; right: 0px; display: block; height: 30px; width: 30px; border-radius: 0px 15px 15px 0px; -webkit-border-radius: 0px 15px 15px 0px; -moz-border-radius: 0px 15px 15px 0px; -o-border-radius: 0px 15px 15px 0px; background: url('../image/hardy/icon-search.png') center no-repeat; border: none; box-shadow: none; text-indent: -50000px; color: transparent; } header .headerlinks { margin-right: 13px; } header .headerlinks > a, header .headerlinks > div { display: block; float: left; vertical-align: middle; } header .headerlinks > a { padding: 0 12px 0; font-size: 16px; color: #003200; margin-top: 12px; } header .headerlinks a.account { padding-left: 30px; } header .headerlinks a.login { border-left: 1px solid #eee; border-right: 1px solid #eee; } header .headerlinks a.contact { } header .headerlinks a.basket { } header .headerlinks > a:hover { } .headerlinks span { color: #333; color: #333; float: left; margin-top: 12px; padding: 0 12px; } .headerlinks span a { border: none; color: #003200; } .headerlinks .headersocial { float: right; } .headersocial a { height: 26px; width: 26px; float: left; margin-top: 12px; padding: 0 1px; } .headersocial a.hsocial1 { background: url('../image/hardy/header_sicon1.png') center no-repeat; padding: 0 1px; } .headersocial a.hsocial2 { background: url('../image/hardy/header_sicon2.png') center no-repeat; padding: 0 1px; } .headersocial a.hsocial3 { background: url('../image/hardy/header_sicon3.png') center no-repeat; padding: 0 1px; } .headersocial a.hsocial4 { background: url('../image/hardy/header_sicon4.png') center no-repeat; padding: 0 1px; } .headertext { float: left; font-family: 'Architects Daughter', cursive; font-size: 18px; color: #007933; position: relative; top: 5px; } .headertext span { font-size: 14px; font-family: 'Source Sans Pro', sans-serif; white-space: nowrap; } .searchsec > div { float: right; } .searchsec { margin-top: 0px; } #cart { position: relative; } #cart > a { display: block; padding: 0 12px 0; font-size: 14px; color: #003200; cursor: pointer; margin-top: 12px; text-align: left; } #cart > a span { display: inline-block; margin: 0px; padding: 0px; float: none; } #cart > a span.itemcount { } #cart > a span.sep { display: none; margin: 0px 5px; } #cart > a span.itemtotal { display: none; } #cart.open > a, #cart > a:hover { } #cart .dropdown-menu { position: absolute; top: 100%; left: auto; right: 0px; float: none; margin: 0px; padding: 10px; min-width: 350px; list-style: none; background: #FFF; border: 1px solid #EBEBEB; box-shadow: none; border-radius: 0px; -webkit-border-radius: 0px; } #cart .dropdown-menu li { text-align: left; padding: 0px; } #cart .dropdown-menu li table { width: 100%; margin: 0px; padding: 0px; background: none; border: none; border-spacing: 0px; border-collapse: collapse; } #cart .dropdown-menu li table td { padding: 0px; border: none; vertical-align: top; } #cart .dropdown-menu li.prodslist { } #cart .dropdown-menu li.prodslist table { width: 360px; } #cart .dropdown-menu li.prodslist table tbody { border-bottom: 1px dotted #DDD; } #cart .dropdown-menu li.prodslist table td { } #cart .dropdown-menu li.prodslist table td.image { width: 90px; padding: 10px 10px 10px 0px; } #cart .dropdown-menu li.prodslist table td.image a, #cart .dropdown-menu li.prodslist table td.image img { display: block; margin: 0px; padding: 0px; border: none; border-radius: 0px; } #cart .dropdown-menu li.prodslist table td.name { padding-top: 10px; font-size: 14px; line-height: 1.5em; } #cart .dropdown-menu li.prodslist table td.name a { color: #000; } #cart .dropdown-menu li.prodslist table td.name small { display: block; color: #666; font-size: 12px; line-height: 1.5em; } #cart .dropdown-menu li.prodslist table td.name .quantity { display: block; color: #666; font-style: italic; } #cart .dropdown-menu li.prodslist table td.remove { text-align: right; padding: 10px 0px 0px 10px; } #cart .dropdown-menu li.prodslist table td.remove img { cursor: pointer; } #cart .dropdown-menu li.prodslist table td.total { text-align: right; font-weight: bold; padding-bottom: 10px; color: #000; } #cart .dropdown-menu li.totals { padding-top: 15px; } #cart .dropdown-menu li.totals table { } #cart .dropdown-menu li.totals table td { text-align: right; } #cart .dropdown-menu li.totals table td.text { } #cart .dropdown-menu li.totals table td.total { width: 65px; padding-left: 10px; white-space: nowrap; } #cart .dropdown-menu li.totals table tr:last-child td { color: #000; font-weight: bold; } #cart .dropdown-menu li.btns { padding-top: 15px; text-align: left; } #cart .dropdown-menu li.btns p { display: block; margin: 0px; padding: 0px; } #cart .dropdown-menu li.btns a { width: 49%; } #cart .dropdown-menu li.btns a + a { float: right; } #cart .dropdown-menu li.empty { } #cart .dropdown-menu li.empty p { margin: 40px 0px; } .aligncenter { text-align: center; background-color: #f6f6f6; } #account_login .well h2 { font-size: 24px; color: #333; border-bottom: 1px dashed #d2d2d2; padding: 0px 0 24px; } #account_login .well { padding: 36px; } .roundbotton input { border: 1px solid #007b34; color: #007b34; border-radius: 20px; height: 48px; background-color: #f6f6f6; padding: 0 35px; } .buttonpart { width: 100%; display: inline-block; } .roundbotton a { border: 1px solid #007b34; color: #007b34; border-radius: 20px; height: 48px; background-color: #f6f6f6; padding: 0 25px; display: inline-block; line-height: 48px; margin-top: 36px; } @media (min-width: 992px) { .headertext span { margin-right: 50px; } } @media (min-width: 992px) and (max-width: 1199px) { header .headerright > div { margin-left: 10px; } header #search .form-control { width: 145px; } header .headerlinks a.login { border: none;} } @media (min-width: 768px) and (max-width: 991px) { header #logo { text-align: center; } header #logo a { display: inline-block; float: none; } header .headerright { text-align: left; } header .secure, header .headersearch { padding-top: 0px; } header .headerlinks { float: right; } header .headerlinks > a, header .headerlinks > div, #cart > a { border: none; } .headerlinks span { padding: 0 8px;} .searchsec { margin: 0;} .headerlinks .headersocial { top: 40px; z-index: 1; } header .headersearch { width: 75%; } } @media (max-width: 767px) { header #logo { text-align: center; margin-bottom: 0px; } header #logo a { display: inline-block; float: none; } header .headerright { text-align: center; } header .headerright > div { display: block; margin-left: 0px; } header .secure img { margin: 0px auto; } header .headersearch { padding-top: 0px; } header #search .form-control { width: 100%; } header .headerlinks { margin-right: 0px; } header .headerlinks > a, header .headerlinks > div { display: inline-block !important; float: none; border: none; padding: 0px 5px; background-position: 8px 50% !important; } #cart { display: none !important; } .headerlinks .headersocial { float: none;} .searchsec { margin: 0; } .searchsec .headersearch , .searchsec .headertext{ margin: 0px auto; display: inline-block; float: none; } header .headersearch { width: 100%; } } /* menu */ #topmenu { background: #343434; } #topmenu .container { } #menu { min-height: 0px; border: none; border-radius: 0px; -webkit-border-radius: 0px; } #menu .nav { } #menu .nav > li { padding: 0px; } #menu .nav > li > a { font-size: 16px; line-height: 24px; color: #FFF; font-weight: normal; padding: 16px 15px; background-color: transparent; } #menu .nav > li > a:hover, #menu .nav > li:hover > a, #menu .nav > li.open > a { background-color: #4e4e4e; } #menu .dropdown-menu { float: none; padding-bottom: 0px; border: 1px solid #EBEBEB; padding: 0; margin: 0px; border-radius: 0px; -webkit-border-radius: 0px; box-shadow: none; } #menu .dropdown-inner { display: block; /*width: 550px;*/ max-width: 100%; } #menu .dropdown-inner ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; width: 250px; max-width: 100%; } #menu .dropdown-inner li { display: block; margin: 0px; width: 250px; border-bottom: 1px dotted #EBEBEB; padding: 10px} #menu .dropdown-inner li a { display: block; padding: 7px 2px; color: #000; font-size: 14px; line-height: 20px; } #menu .dropdown-inner li a:hover { background: none; font-weight: bold; color: #459D39; } #menu .dropdown-inner .category-list { display: block; float: right; width: 280px; margin: 0px; padding: 0px; } #menu .dropdown-inner .category-list > div { display: none; margin: 0px; } #menu .dropdown-inner .category-list > div:first-child { display: block; } #menu .dropdown-menu .dropdown-menu{ display: none; left: 100%; position: absolute; top: 0; } #menu .nav.navbar-nav > li:nth-child(n+6) .dropdown-menu .dropdown-menu{ left: -100%; } @media (min-width: 768px) { #menu { margin: 0px; } #menu .navbar-collapse { padding: 0px; } #menu .dropdown:hover > .dropdown-menu { display: block; } #menu .nav { display: table; width: 100%; margin: 0px; border-spacing: 0px; border-collapse: collapse; border-left: 1px solid #4e4e4e; } #menu .nav > li { display: table-cell; float: none; border-right: 1px solid #4e4e4e; } #menu .nav > li > a { display: block; text-align: center; text-transform: uppercase; } #menu .nav > li:last-child > a {} #menu .nav > li.contact > a { background-color: #43863D} #menu .nav > li:last-child .dropdown-menu { left: auto; right: 0px; } #menu .nav > li:hover , #menu .nav > li:focus { background-color: #4e4e4e; } header .headerlinks > a {} } @media (min-width: 992px) and (max-width: 1199px) { #menu .nav > li > a { font-size: 14px; line-height: 20px; padding: 18px 12px; } } @media (min-width: 768px) and (max-width: 991px) { #menu .nav > li > a { font-size: 14px; line-height: 20px; padding: 13px 10px; } } @media (max-width: 767px) { #menu { border-radius: 0px; min-height: 0px; margin: 0px; } #menu .navbar-header { display: block; float: none; margin: 0px; padding: 10px 0px; cursor: pointer; } #menu .btn-navbar { font-size: 15px; font-stretch: expanded; color: #FFF; padding: 2px 15px; float: left; background: #43863D; } #menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] { color: #FFF; background-color: #43863D; } #menu #category { float: left; padding-left: 15px; font-size: 16px; font-weight: 700; line-height: 25px; color: #FFF; } #menu .navbar-collapse { max-height: none; } #menu .nav { } #menu .nav > li { border: none !important; } #menu .nav > li > a { line-height: normal; min-height: 0px; padding: 5px 5px; } #menu .dropdown-menu { margin: 0px !important; padding: 0px 10px; background: none; border: none; } #menu .dropdown-inner { display: block; } #menu .dropdown-inner > ul { display: block; margin: 0px; padding: 0px; width: 100%; } #menu .dropdown-inner li { width: 100%; border: none; } #menu .dropdown-inner li a { display: block; width: 100%; color: #FFF; padding: 5px; } #menu .dropdown-inner .category-list { display: none; } #menu .see-all { display: block; margin-top: 0.5em; border-top: 1px solid #122411; padding: 5px; font-size: 14px; line-height: 1.5em; color: #FFF; } #menu .see-all:hover, #menu .see-all:focus { text-decoration: none; color: #459D39; font-weight: bold; } } /* content */ #below-menu { } #above-footer { } #content { padding-bottom: 30px; } body#home #content { padding: 0px !important; } body#infopage h1 { margin-bottom: 25px; } .sidebar { } .sidebar > div { margin-top: 0px; margin-bottom: 0px; } .sidebar > div + div { margin-top: 40px; } .hpsclass-wrapper { min-height: 56px; background: url('../image/hardy/bluebg.jpg') left repeat; } #home .hpsclass-wrapper { min-height: 56px; background: url('../image/hardy/greenbg.jpg') left repeat; } /* Colin 16/12/09 */ .hpsclass { margin-top: 14px; text-align: center; } .hpsclass .txtsec, .hpsclass .txtsec a { font-family: 'Architects Daughter', cursive; font-size: 20px; letter-spacing:.4px; color: #fff; } .hpsclass .txtsec a { font-size: 100%; text-decoration: underline; } .hpsclass .txt1 { font-size: 18px; } .hpsclass .txt2 { font-size: 14px; } .hpsclass .txt3 { font-family: 'Source Sans Pro', sans-serif; font-size: 14px; } /* bg dotted */ .greenbg { background: url('../image/hardy/greenbg.jpg') left repeat; } .bluebg { background: url('../image/hardy/bluebg.jpg') left repeat; } .greybg { background: url('../image/hardy/greybg.jpg') left repeat; } .lightbluebg { background: url('../image/hardy/lightbluebg.jpg') left repeat; } .lightgreenbg { background: url('../image/hardy/lightgreenbg.jpg') left repeat; } .lightgreybg { background: url('../image/hardy/lightgreybg.jpg') left repeat; } .orangebg { background: url('../image/hardy/orangebg.jpg') left repeat; } .pinkbg { background: url('../image/hardy/pinkbg.jpg') left repeat; } .violetbg { background: url('../image/hardy/violetbg.jpg') left repeat; } .brownbg { background: url('../image/hardy/brownbg.jpg') left repeat; } /* .garden0bg { background: url('../image/hardy/home_groups.jpg') left no-repeat; width: 100%; min-height: 333px; } .garden1bg { background: url('../image/hardy/garden1bg.jpg') left no-repeat; min-height: 184px; } .flower4bg { background: url('../image/hardy/flower4bg.jpg') left no-repeat; min-height: 184px; } .flower2bg { background: url('../image/hardy/flower2bg.jpg') left no-repeat; min-height: 184px; } .flower3bg { background: url('../image/hardy/flower3bg.jpg') left no-repeat; min-height: 184px; } .flower5bg { background: url('../image/hardy/flower5bg.jpg') left no-repeat; width: 100%; min-height: 333px;} */ .clearboth { clear: both; } .paddingupdate { padding: 0; } .flower1bg { background: url('../image/hardy/flower1bg.jpg') left repeat; } .Grightmargin { margin-right: 24px;} .Gtopmargin { margin-top: 24px; } .galleryhome-wrapper { margin: 24px 0 24px; } .galleryhome-wrapper .container { padding: 0; } .gallerycontainer { padding: 0; float: left; width: 48%; } .gallerycontainer > div { text-align: center; color: #fff; width: 47%; float: left; position: relative; } .gallerycontainer div.bigwidth { width: 98%; } .gallerycontainer div .borderdashed { border: 1px dashed #fff; margin: 4px; padding: 27px 0;} .gallerycontainer div.imgtop .borderdashed { position: absolute; width: 98.6%; padding: 0; height: 100%; top: 0 } .gallerycontainer div.imgtop .img-responsive { width: 100% } .gallerycontainer div.normwidth .borderdashed { width: 97%; height: 97%; } .gallerycontainer div.bigwidth .borderdashed { height: 98%; } .bottomsec { padding: 27px 10px; border-top: none; position: relative; z-index: 5} .gallerycontainer .text1 { font-family: 'Architects Daughter', cursive; font-size: 18px; } .gallerycontainer .text2 { font-size: 22px; font-weight: 600; } /* 24px */ .gallerycontainer .text3, .gallerycontainer a { font-size: 14px; color: #fff; } .gallerycontainer a { cursor: pointer; } .greenbg.bigwidth .borderdashed { margin-top: 0; } .hpsclass-wrapper .container { min-height: 56px; } .farticles-wrapper { background: url('../image/hardy/greybg.jpg') left repeat; } .farticles-wrapper .container { padding: 64px 0;} .farticles-wrapper h3 { text-align: center; padding-bottom: 32px; } .farticles-wrapper h3 a{ font-family: 'Architects Daughter', cursive; font-size: 24px; color: #343434; text-align: center; } .farticles-wrapper .bnews-list .artblock { clear: none; position: relative; } .farticles-wrapper .description { display: none; } .bnews-list .artblock .article-meta { border: none; margin: 0!important; color: #666; font-size: 16px; margin: 0!important; } .farticles-wrapper .bnews-list .artblock .article-image { margin: 0!important;} .article_info { background-color: #fff; padding: 16px; float: left; width: 100%; } .farticles-wrapper .bnews-list .artblock .article-meta { border: none; } .bnews-list .artblock .name { margin: 8px 0 12px; } .bnews-list .artblock .name a { color: #007933!important; font-weight: 400!important; font-size: 30px!important; } .bnews-list .artblock .name a:focus, .bnews-list .artblock .name a:hover { text-decoration: none; } .bnews-list .artblock .blog-button { text-align: left!important; position: relative; z-index: 20; } .bnews-list .artblock .blog-button a { color: #007a33!important; } #news_ncategory .bnews-list .artblock .blog-button { display: none; } #news_ncategory .bnews-list .artblock .description { color: #333; font-size: 16px; } .notincluded { display: none; } @media (min-width: 768px) { #home .article_info .name { min-height: 53px; } } .artblock img { width: 100%; } .bottombutton { float: left; width: 100%; text-align: center; } .bottombutton a { padding: 16px 24px; border: 1px solid #017a34; color: #007a33; font-size: 16px; display: block; width: 160px; margin: 32px auto 0; border-radius: 30px; } /* Colin 16/12/09 */ /* .farticles-wrapper .borderdashed { border: 1px dashed #b8cb8d; margin: 4px; position: absolute; width: 93%; height: 93%; } .brownbg.Grightmargin .borderdashed { padding: 5px 0; float: left; } .brownbg.Grightmargin .paddingupdate { padding-top: 20px; } */ .brownbg.Grightmargin .borderdashed { padding: 9px 0; float: left; margin: 0; width: 100%; border: none; } .brownbg.Grightmargin .paddingupdate { padding-top: 24px; } .overlay, .overlaydashed { position: absolute; left: 0px; right:0px; top: 0px; bottom:0px; z-index: 10; margin: 0px; padding: 0px; border: none; } .hpsdashed, .overlaydashed { outline: 1px dashed white; outline-offset: -5px; } .farticles-wrapper .overlaydashed { margin: 10px; outline-color: #b8cb8d; } .farticles-wrapper .bnews-list .artblock .article-meta { position: relative; z-index: 15; } .adds-wrapper { padding: 34px 0 64px; } .bees-wrapper { padding: 34px 0 64px; } .adds-wrapper h3 {color: #007933; font-family: 'Architects Daughter', cursive;text-align: left; font-size: 22px; margin: 0; float: left; } .bees-wrapper h3 {color: #007933; font-family: 'Architects Daughter', cursive;text-align: left; font-size: 22px; margin: 0; float: left; } .topads { float: left; width: 100%; padding: 10px; } .topbes { float: left; width: 100%; padding: 10px; } .topads span { float: right; font-size: 14px; color: #007933; } .topbes span { float: right; font-size: 14px; color: #007933; } #news_ncategory .artblock { float: left; border-bottom: 1px dashed #d4d4d4; padding: 24px 0; width: 100%; } #news_ncategory .artblock:first-child { margin-top: 24px; border-top: 1px dashed #d4d4d4; } .hlib-wrapper { background: url('../image/hardy/lightbluebg.jpg') left repeat; } .hlib-wrapper .container { padding: 64px 0; } .hlib .title { font-family: 'Architects Daughter', cursive; color: #fff; font-size: 24px; text-align: center; padding-bottom: 25px; } .hlib .info {color: #fff; font-size: 14px; text-align: center; padding-bottom: 25px; } .hlib .img_container > div { padding: 12px; } .hlib .bottombutton a { color: #fff; border-color: #fff; } h1 { font-size: 48px; font-weight: 300; color: #007933; } .cke_editable h2, .article-content h2, .catdesc h2 { font-size: 28px; font-weight: 400; color: #007933; } h3 { font-size: 20px; font-weight: 400; color: #007933; } p { font-size: 16px; color: #333; line-height: 1.5em; } /* Colin 17/01/08 and 17/04/16 */ .cke_editable img, .article-content img, .catdesc img { margin-bottom: 5px; } .cke_editable .img-responsive, .article-content .img-responsive, .catdesc .img-responsive { display: inline-block; } #cookiebanner p { color: #fff; } #cookiebanner { z-index: 99; } /* footer */ footer { background: #eee; font-size: 14px; line-height: 1.5em; } footer h5 { text-transform: uppercase; font-size: 14px; line-height: 1.5em; font-weight: 600; color: #223F1F; margin: 0px 0px 20px; padding: 0px; } footer h5 a { font: inherit; line-height: inherit; color: inherit; } footer h5 a:hover, footer h5 a:focus { color: inherit; text-decoration: underline; } footer ul { list-style: none; margin: 0px; padding: 0px; } footer ul li { padding: 0px; } footer ul li a { color: #666; } footer ul li a:hover, footer ul li a:focus { color: #222; } footer .callus { font-size: 24px; line-height: 1.33em; margin: 0px; padding: 0px; font-weight: 300; } footer .callus span { color: #223F1F; font-weight: 600; } footer .social { margin: 15px 0px 0px; } footer .social a { display: block; line-height: 32px; color: #000; margin: 4px 0px 0px; } footer .social a:before { display: block; float: left; content: ''; width: 32px; height: 32px; vertical-align: middle; background: center no-repeat; margin-right: 6px; } footer .social a.facebook:before { background-image: url('../image/icon-facebook.png'); } footer .social a.offers:before { background-image: url('../image/icon-newsletter.png'); } footer .topfooter { min-height: 64px; background-color: #343434; color: #fff; } .topfooter .container { padding: 0; } .join { float: left; font-family: 'Architects Daughter', cursive; font-size: 18px; line-height: 64px; } .join span, .join a { font-size: 14px; color: #fff; font-family: 'Source Sans Pro', sans-serif; } /** Colin 16/11/04 **/ .topfooter .join { line-height: 1.6em; padding: 10px; } .topfooter .join a { white-space: nowrap; } /** End - Colin 16/11/04 **/ .topfooter ul { list-style: none; float: right; margin: 15px 0; height: 33px; } .topfooter ul li { float: left; padding: 0 1px; margin: 0; height: 33px; } .topfooter ul li a { width: 33px; height: 33px; display: block; } .fottersocial { float: right; line-height: 64px; } .txtsocial { font-family: 'Architects Daughter', cursive; } .topfooter .arrow { background: url('../image/hardy/arrowfooter.png') center no-repeat; width: 48px; height: 10px; margin: 27px 0; } footer .fottersocial a, footer .fottersocial span { float: right; } footer .fottersocial a.sicon1_footer{ background: url('../image/hardy/fotter_sicon1.png') center no-repeat; } footer .fottersocial a.sicon2_footer{ background: url('../image/hardy/fotter_sicon2.png') center no-repeat; } footer .fottersocial a.sicon3_footer{ background: url('../image/hardy/fotter_sicon3.png') center no-repeat; } footer .fottersocial a.sicon4_footer{ background: url('../image/hardy/fotter_sicon4.png') center no-repeat; } .txtsocial { padding: 0 10px; } .imgfottersection { padding: 48px 10px 56px; } .imgfottersection .ftitle { font-family: 'Architects Daughter', cursive; font-size: 15px; color: #007930; } .imgfottersection .fbody { font-size: 14px; color: #333; padding: 6px 0; } .imgfottersection .flink a { color: #007930; font-size: 14px; } .imgfooter1 { padding: 0 ;} footer #menu .nav > li > a { font-size: 14px; line-height: 20px; color: #003200; font-weight: normal; padding: 1px 15px; text-transform: capitalize; } footer #menu .nav > li:focus a,footer #menu .nav > li > a:hover, footer #menu .nav > li.open > a { background-color: #eee; background: none; color: #fff;} footer #menu .nav > li{ border-right: 1px solid #ddd; } footer #menu .nav { border-left: 1px solid #ddd; } footer #menu #category { color: #007933; } footer .menufooter { padding: 25px 0; border-top: 1px dashed #d4d4d4; border-bottom: 1px dashed #d4d4d4; } #branding { background: #eee; padding: 24px 0px 32px; line-height: 32px; } #branding a { color: inherit; } #branding a:hover, #branding a:focus { color: #222; } #branding .copyright { line-height: 20px; color: #525252; font-size: 14px; } #branding .copyright span { color: #d5d5d5; } #branding .copyright a { color: #003200; } @media (min-width: 992px) and (max-width: 1199px) { footer .callus { font-size: 18px; line-height: 1.33em; } footer .callus span { font-size: 21px; line-height: 1.33em; } .gallerycontainer div.bigwidth { width: 99%; } } @media (min-width: 768px) and (max-width: 991px) { footer .callus span { display: block; } footer .social a { line-height: 16px; margin-top: 10px; } .Grightmargin { margin-right: 14px; } } @media (max-width: 767px) { footer .row > div { text-align: center; } footer .row > div + div { margin-top: 25px; } footer h5 { margin-bottom: 5px; } footer .social a:before { display: inline-block; float: none; } #branding { padding-top: 0px; } #branding .row > div { text-align: center; } #branding .row > div + div { margin-top: 5px; } .gallerycontainer { padding: 0 10px 10px; float: left; width: 100%; } .Grightmargin { margin-right: 10px; } .gallerycontainer div.imgtop .borderdashed { width: 97%; } .gallerycontainer div.normwidth .borderdashed { width: 95%; } .gallerycontainer div.bigwidth { width: 97.5%; } .gallerycontainer > div { width: 48%; } .gallerycontainer div.brownbg .borderdashed{ width: 97% } } /* alert */ .alert { padding: 8px 28px 8px 14px; position: relative; } .alert { font-size: 18px; } .alert a { color: #0000b0; } .alert .close { position : absolute; top: 0; right: 8px; font-size: 24px; } .alert .buttons { margin: .5em 2em; } /* breadcrumb */ .breadcrumb { display: block; background: none; list-style: none; margin: 10px 0px 15px; padding: 0px; } .breadcrumb > li { display: inline-block; margin: 0px; padding: 0px; font-size: 14px; line-height: 1.5em; } .breadcrumb > li + li:before { display: inline-block; content: ''; padding: 0; width: 6px; height: 8px; margin: 0px 6px 0px 3px; background: url('../image/crumb-sep.png') center no-repeat; } .breadcrumb > li a { color: #003200; } /* buttons */ .buttons { margin: 1em 0; overflow: auto; } .btn { display: inline-block; padding: 10px 20px; font-size: 14px; border: none; border-radius: 20px; text-transform: uppercase; color: #FFF; background: #3A892E; text-align: center; } .btn-xs { font-size: 10px; } .btn-sm { font-size: 12px; } .btn-lg { padding: 10px 20px; } .btn-small { padding: 5px 20px; border-radius: 14px; } .btn-spaced { margin-left: 1.5em; } .btn-green { background: #3A892E; } .btn-red { background: #EE170B; } .btn:hover, .btn:focus { color: #FFF; background: #356D30; } .btn-red:hover, .btn-red:focus { color: #FFF; background: #AF0E05; } .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 { } .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 { } .list-group h3 { margin-bottom: 10px; border-bottom: 1px dashed #dbdbdb; } .list-group a { display: block; font-size: 16px; line-height: 20px; color: #333; padding: 7px 2px; border: none; } .list-group .list-group-child-item { border: none; padding-left: 15px; } .list-group .list-group-gchild-item { border: none; padding-left: 30px; } .list-group a.active, .list-group a.active:hover, .list-group a.active:focus, .list-group a:hover, .list-group a:focus { color: #007933; font-weight: bold; background: none; border-color: #EBEBEB; } /* 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; } /* Category intro */ .catheader { } .catheader a{ color: #007933; } .catheader h1 { margin: 0px; } .catdesc { margin: 15px 0px 0px; } .catdesc > :first-child { margin-top: 0px; } .catdesc > :last-child { margin-bottom: 0px; } /* Colin 16/11/09, ckeditor 17/01/01 */ .catheader, #content .description, .category-info, .article-content { font-size: 16px; line-height: 1.5em; } .catheader :not(.pagination) > * > a[href], .catheader > * > a[href], #content .description a[href], .category-info a[href], .article-content a[href], .cke_editable a[href], .contact a[href] { color: #0020b0; font-weight: 400; font-family: 'arial', sans-serif; font-size:93%; letter-spacing:.3px;} .catheader :not(.pagination) > h2 > a[href] { font-size:90%; } .catheader :not(.pagination) > * > a[href]:hover, .catheader > * > a[href]:hover, #content .description a[href]:hover, .category-info a[href]:hover, .article-content a[href]:hover, .contact a[href]:hover { text-decoration: underline; color: #43863d; } } /* Sub Category Lists */ .category-list { } .category-list .catwrapper { margin-bottom: 20px; } .category-list .cat { padding: 10px; background: #408739; border: 1px solid #408739; } .category-list a, .category-list span { display: block; margin: 0px; padding: 0px; } .category-list .image { margin: -10px -10px 0px; } .category-list .image img { margin: 0px; width: 100%; height: auto !important; } .category-list .name { font-size: 24px; line-height: 1.33em; color: #FFF; padding: 10px 2px 0px; font-weight: 300; } .category-list .name a { font: inherit; line-height: inherit; color: inherit; } .category-list .strapline { font-size: 14px; line-height: 20px; color: #FFF; margin: 10px 0px 0px; padding: 10px 2px 0px; border-top: 1px solid #FFF; min-height: 31px; } .category-list + hr { margin-top: 0px; } #column-left .category h3 { font-size: 24px; color: #333; font-weight: 300; } .prodfilters { display: block; margin: 0px 0px 17px; padding: 0px; border: none; background: none; line-height: 34px; } .prodfilters .filters #input-sort { width: 150px; } .prodfilters .filters #input-limit { width: 70px; } .prodfilters .filters label { margin-right: 3px; } .prodfilters .filters select + label { margin-left: 30px; } /* Colin 16/10/23 */ .prodfilters { display: none; } /* Product Lists / Grids */ /* These styles affect ALL product listings (grid and list view, in main content and sidebars) */ .product-grid { } /* .row */ .product-grid > div[class*=col-] { padding-bottom: 20px; } /* .col- */ .product-grid .wrapper { text-align: center; } .product-grid .wrapper > div { display: block; margin: 0px; padding: 3px 0px 0px; } .product-grid .wrapper .image { padding-top: 0px; } .product-grid .wrapper .image a { display: block; margin: 0px auto; } .product-grid .wrapper .image a img { display: block; width: 100%; height: auto !important; } .product-grid .wrapper .name { font-size: 16px; line-height: 1.5em; color: #000; } .product-grid .wrapper .name a { font-size: 16px; color: #333; } .product-grid .wrapper .desc { display: none; } .product-grid .wrapper .rating { } .product-grid .wrapper .rating:after { display: block; content: ''; clear: both; } .product-grid .wrapper .rating span { display: block; float: left; } .product-grid .wrapper .rating span + span { margin-left: 3px; } .product-grid .wrapper .price { font-size: 24px; line-height: 1.33em; color: #007933; font-weight: 300; } .product-grid .wrapper .price > div { display: inline-block; } .product-grid .wrapper .price .normal { } .product-grid .wrapper .price .newprice { color: #EB1D1E; } .product-grid .wrapper .price .newprice .now { display: none; } .product-grid .wrapper .price .newprice .special { color: #007933; } .product-grid .wrapper .price .oldprice { font-size: 14px; color: #666; font-weight: normal; } .product-grid .wrapper .price .oldprice .was { } .product-grid .wrapper .price .oldprice .old { } .product-grid .wrapper .price .tax { display: none; } .product-grid .wrapper .button-group { display: none; } .featured-wrapper { background: url('../image/hardy/lightgreybg.jpg') left repeat; } .featured-wrapper .container { padding: 64px 0; margin-top: 64px; } .featured h2 { font-size: 24px; color: #333; font-family: 'Architects Daughter', cursive; text-align: center; } .featured-wrapper .product-grid .wrapper { padding: 0; } .topfeature { min-height: 48px; line-height: 48px; color: #fff; font-size: 14px; font-family: 'Architects Daughter', cursive; background: url('../image/hardy/orangebg.jpg') left repeat; text-indent: 20px; } .featured-wrapper .wrapper { background-color: #fff; padding-bottom: 4px!important; } .featured-wrapper .product-grid .wrapper .borderdashed { border: 1px dashed #e48b45; margin: 0 4px 4px; padding: 12px 16px 16px; border-top: none; } .featured-wrapper .product-grid .wrapper .name { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #e48b45; font-size: 18px; color: #df7f37; font-family: 'Architects Daughter', cursive; } .featured-wrapper .product-grid .wrapper .desc { font-size: 14px; color: #333; } .featured-wrapper .product-grid .wrapper .price { font-size: 14px; color: #333; font-weight: 700; padding-top: 12px; } .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: ''; } /* Responsive changes */ @media (min-width: 768px) { .xshead, #cart > a { font-size: 16px; } } @media (max-width: 1200px) { } @media (max-width: 767px) { header .headerlinks a { font-size: 14px; } header .headerlinks a.login { border: none; } .xshead { width: 100%; } } /* Pagination */ .paging { margin-bottom: 20px; } .paging .results { font-size: 14px; line-height: 40px; color: #000; } .paging .pagelinks { border: none; background: none; margin: 0px; padding: 0px; height: 40px; } .paging .pagelinks ul { overflow: auto; border-radius: 0px; -webkit-border-radius: 0px; margin: 0px; padding: 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: 40px; height: 40px; margin: 0px; padding: 0px; text-align: center; border-radius: 10px; background: center no-repeat #FFF !important; font-size: 14px; line-height: 40px; color: #43863D !important; border: 1px solid #EBEBEB; border-radius: 8px; } .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; } .prodpics { } .prodpics .prodthumb { } .prodpics .prodthumb a.thumbnail { margin: 0px; } .prodpics .prodthumb a.thumbnail img { } .prodpics .row { margin-left: -5px; margin-right: -5px; } .prodpics .row > div[class*=col-] { padding-left: 5px; padding-right: 5px; } .prodpics a { display: block; border: /*1px solid #EBEBEB*/ none; border-radius: 0px; -webkit-border-radius: 0px; margin: 10px 0px 0px; padding: 0px; } .prodpics a.video { } .prodpics a:hover, .prodpics a:focus { border-color: #EBEBEB; } .prodpics a img { width: 100%; height: auto !important; } #prodinfo h1 { font-size: 30px; line-height: 1.33em; color: #000; } #prodinfo .price { font-size: 36px; line-height: 1.15em; color: #000; font-weight: bold; margin: 10px 0px 15px; } #prodinfo .price > div { display: block; } #prodinfo .price .normal { } #prodinfo .price .newprice { color: #EB1D1E; } #prodinfo .price .newprice .now { display: none; } #prodinfo .price .newprice .special { } #prodinfo .price .oldprice { font-size: 14px; line-height: 1.5em; color: #666; font-weight: normal; } #prodinfo .price .oldprice .was { } #prodinfo .price .oldprice .old { } #prodinfo .price .tax { display: none; } #prodinfo .rating { line-height: 15px; margin-bottom: 15px; } #prodinfo .rating .stars { display: inline-block; margin-right: 5px; vertical-align: middle; } #prodinfo .rating .stars:after { display: block; content: ''; clear: both; } #prodinfo .rating .stars span { display: block; float: left; } #prodinfo .rating .stars span + span { margin-left: 3px; } #prodinfo .rating a { display: inline-block; font-size: 14px; line-height: 15px; color: #EB1D1E; vertical-align: middle; } #prodinfo .rating .sep { display: inline-block; width: auto; font-size: 14px; line-height: 15px; color: #DDD; margin: 0px 5px 0px 3px; vertical-align: middle; } #prodinfo #prodticks { margin: 20px 0px; padding: 15px 0px; border-top: 1px dotted #EBEBEB; border-bottom: 1px dotted #EBEBEB; } #prodinfo #prodticks div { display: block; background: left no-repeat; padding: 5px 0px 5px 40px; } #prodinfo #prodticks div span { display: block; background: url('../image/icon-tick.png') left no-repeat; padding-left: 20px; } #prodinfo #prodticks div.stock { background-image: url('../image/icon-stock.png'); } #prodinfo #prodticks div.freedel { background-image: url('../image/icon-delivery.png'); } #prodinfo #prodticks div.nextday { background-image: url('../image/icon-24hr.png'); } #prodinfo .quantity { margin-top: 20px; } #prodinfo .quantity label { display: inline-block; line-height: 50px; vertical-align: middle; margin: 0px; } #prodinfo .quantity #input-quantity { display: inline-block; width: 50px; height: 50px; vertical-align: middle; margin: 0px 7px; text-align: center; } #prodinfo .quantity #button-cart { display: inline-block; width: 260px; height: 50px; vertical-align: middle; text-align: left; line-height: 30px; font-size: 16px; text-transform: none; } #prodinfo .quantity #button-cart:after { display: block; float: right; width: 30px; height: 30px; vertical-align: middle; content: ''; background: url('../image/icon-addtobasket.png') center no-repeat; } #prodinfo .quantity .minimum { margin-top: 10px; } #prodinfo .addto { margin-top: 10px; padding-left: 125px; } #prodinfo .addto a { display: inline-block; vertical-align: middle; background: left no-repeat; padding-left: 20px; } #prodinfo .addto a + a { } #prodinfo .addto a.wishlist { background-image: url('../image/icon-wishlist.png'); } #prodinfo .addto a.compare { background-image: url('../image/icon-compare.png'); } #prodinfo .addto .sep { display: inline-block; vertical-align: middle; color: #EBEBEB; margin: 0px 5px; } .nav-tabs { margin: 40px 0px 0px; border-bottom: 1px solid #EBEBEB; } .nav-tabs > li { width: 16%; } .nav-tabs > li + li { margin-left: 0.6%; } .nav-tabs > li > a { display: block; margin: 0px; border-radius: 0px; -webkit-border-radius: 0px; font-size: 18px; line-height: 24px; padding: 8px 12px; color: #000; font-weight: 300; background: #EBEBEB; } .nav-tabs > li.active { } .nav-tabs > li.active a { background: #FFF; border-color: #EBEBEB; border-bottom-color: #FFF; } .tab-content { padding: 25px 0px; margin: 0px 0px 45px; border-bottom: 1px solid #EBEBEB; } .tab-content .tab-pane > :first-child { margin-top: 0px !important; } .tab-content .tab-pane > :last-child { margin-bottom: 0px !important; } #tab-specification { } #tab-specification table { } #tab-specification table th, #tab-specification table td { padding: 6px 12px; border: none; vertical-align: top; } #tab-specification table th { width: 20%; border-right: 1px solid #DDD; white-space: nowrap; } #tab-review { } #tab-review .review { } #tab-review .review + .review { margin-top: 30px; } #tab-review .review > div { display: inline-block; vertical-align: middle; } #tab-review .review .rating { line-height: 15px; } #tab-review .review .rating span { } #tab-review .review .author { margin-left: 10px; padding-top: 3px; color: #000; text-transform: uppercase; } #tab-review .review .date { margin-left: 10px; padding-top: 3px; color: #666; } #tab-review .review .text { display: block; margin-top: 5px; } #tab-write-review { } #tab-write-review h2 { margin-bottom: 15px; } #tab-write-review form { } #tab-write-review .form-group { } #tab-write-review .highlight { color: #EB1D1E; } #tab-write-review #input-captcha { display: inline-block; vertical-align: top; width: 150px; margin-top: 3px; } #tab-write-review #captcha { display: inline-block; vertical-align: top; margin-left: 5px; margin-top: 3px; } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) and (max-width: 991px) { #prodinfo .quantity #button-cart { width: 220px; } #prodinfo .addto { padding-left: 0px; text-align: center; } .nav-tabs > li { width: auto; } } @media (max-width: 767px) { #prodinfo { margin-top: 30px; } #prodinfo .quantity { text-align: center; } #prodinfo .quantity #button-cart { display: block; width: 100%; margin-top: 10px; } #prodinfo .addto { padding-left: 0px; text-align: center; } .nav-tabs { text-align: center; } .nav-tabs > li { display: inline-block; float: none; width: auto; margin-bottom: 3px; } .nav-tabs > li + li { margin-left: 3px; } .nav-tabs > li.active a { border: 1px solid #EBEBEB !important; } #menu .dropdown-menu .dropdown-menu { position: relative; left: 0 !important; } #tab-specification table th, #tab-specification table td { display: block; width: 100%; background: #FFF; border: none; padding: 2px 3px; } #tab-specification table tr + tr th { margin-top: 15px; } #tab-specification table td { } .imgfooter1 img { margin: 0 auto; } footer .menufooter { padding: 25px 10px; } footer #menu .nav > li, footer #menu .nav{ border: none;} footer #menu .nav > li > a { padding: 2px 0; } } .prodmod.related { } .prodmod.related h2 { border-bottom: 1px dotted #DDD; padding-bottom: 10px; margin-bottom: 20px; } .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 .item > a, .slideshow .owl-item .item > img, .slideshow .owl-item .item > a img { display: block; margin: 0px; padding: 0px; min-width: 100%; height: auto; text-align: center; } .slideshow .owl-controls { 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; top: 99px; left: 0px; width: 100%; z-index: 4; } .slideshow .caption .container { position: relative; font-size: 18px; line-height: 1.5em; color: #223F1F; } .slideshow .caption a, .slideshow .caption img { color: inherit; min-width: 0px !important; min-height: 0px !important; } .slideshow .caption .wrapper { padding: 24px; width: 80%; background-color: rgba(0, 0, 0, 0.5); } .slideshow .caption .wrapper h1 { font-size: 40px; line-height: 1em; font-weight: 300; color: #fff; margin: 0px 0px 24px; } .slideshow .caption .wrapper p { margin: 20px 0px 0px; } .slideshow .caption .wrapper h1 + p { margin-top: 0px; } .slideshow .caption .wrapper .btn { color: #FFF; font-size: 18px; line-height: 40px; height: 40px; padding: 0px 25px; text-transform: none; border-radius: 20px; -webkit-border-radius: 20px; background: none; border: 1px solid #fff;} @media (min-width: 1200px) { .slideshow .owl-item a, .slideshow .owl-item img { min-height: 400px; } } @media (min-width: 992px) and (max-width: 1199px) { .slideshow .owl-item a, .slideshow .owl-item img { min-height: 350px; } .slideshow .caption { top: 20px; } .slideshow .caption .wrapper { } .slideshow .caption .wrapper h1 { font-size: 42px; line-height: 1.25em; margin-bottom: 10px; } .slideshow .caption .wrapper p { margin-top: 15px; } .slideshow .caption .wrapper .btn { } } @media (min-width: 768px) and (max-width: 991px) { .slideshow .owl-item a, .slideshow .owl-item img { min-height: 300px; } .slideshow .caption { top: 30px; } .slideshow .caption .wrapper { } .slideshow .caption .wrapper h1 { font-size: 30px; line-height: 1.25em; margin-bottom: 10px; } .slideshow .caption .wrapper p { margin-top: 15px; font-size: 14px; line-height: 1.5em; } .slideshow .caption .wrapper .btn { font-size: 15px; line-height: 30px; height: 30px; border-radius: 15px; -webkit-border-radius: 15px; padding: 0px 20px; } } @media (max-width: 767px) { .slideshow { display: none; } } .homefreedel-wrapper { background: #F8F8F8; } .homefreedel { } .homefreedel .wrapper { display: block; border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; text-align: center; } .homefreedel .wrapper > div { display: block; float: left; width: 20%; border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; padding: 10px 10px; } .homefreedel h2 { margin: 0px 0px 3px; } .homefreedel p { margin: 0px; } @media (min-width: 992px) and (max-width: 1199px) { .homefreedel .wrapper > div { min-height: 92px; } .homefreedel h2 { font-size: 21px; line-height: 1.33em; } } @media (min-width: 768px) and (max-width: 991px) { .homefreedel .wrapper > div { min-height: 119px; } .homefreedel h2 { font-size: 21px; line-height: 1.33em; } } @media (max-width: 767px) { .homefreedel .wrapper { border: none; } .homefreedel .wrapper > div { display: inline-block; float: none; width: 48%; min-height: 106px; border: none; vertical-align: top; } } .brandsbar-wrapper { } .brandsbar-wrapper .container { position: relative; padding-top: 15px; padding-bottom: 25px; } .brandsbar-wrapper .container:after { content: ''; display: block; margin: 15px 0px 0px; height: 1px; border-bottom: 1px dotted #EBEBEB; } #above-footer .brandsbar-wrapper .container { padding-top: 20px; padding-bottom: 15px; } #above-footer .brandsbar-wrapper .container:before { content: ''; display: block; margin: 0px 0px 15px; height: 1px; border-top: 1px dotted #EBEBEB; } #above-footer .brandsbar-wrapper .container:after { display: none; } .homefindout-wrapper { } .homefindout-wrapper .container { padding-bottom: 60px; } .homefindout-wrapper h2 { margin: 0px 0px 20px; padding: 0px 0px 10px; border-bottom: 1px dotted #EBEBEB; } .homefindout-wrapper h3 { margin: 10px 0px; } .homefindout-wrapper p { color: #000; } @media (max-width: 767px) { .homefindout-wrapper .row > div[class*=col-] + div[class*=col-] { margin-top: 30px; } } #captcha { max-height: 34px; margin-left: 10px; } .contactinfo { font-size: 18px; line-height: 1.33em; padding-left: 30px !important; } .contactinfo p { margin: 25px 0px 0px; color: #666; } .contactinfo p { margin: 25px 0px 0px; color: #666; } .contactinfo p:first-child { margin-top: 0px; } .contactinfo p strong { text-transform: uppercase; color: #000; font-weight: 600; } .contactinfo p.comment { color: #000; } #contact #pagecontent form { padding: 36px; background-color: #f6f6f6; border-radius: 8px; } #contact #pagecontent form .toptxt { padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px dashed #dbdbdb; } #contact #pagecontent form .buttons input { background: none; border-radius: 20px; border: 1px solid #017b35!important; color: #017b35; } #contact h4 { font-size: 24px; color: #333; padding-bottom: 12px; margin-bottom: 24px; border-bottom: 1px dashed #dbdbdb; } #contact > a { color: #007933; } @media (max-width: 767px) { #content.contact #input-captcha { display: block; float: none !important; width: 100%; } #content.contact #captcha { display: block; float: none !important; max-height: none; margin: 5px auto 0px; } #content.contact .buttons { text-align: center; } #content.contact .contactinfo { text-align: center; padding: 30px 10px; } } .sidebanners { } .sidebanners p { margin: 0px; } .sidebanners p + p { margin-top: 1px; } .sidebanners p a { display: block; margin: 0px; padding: 0px; } .sidebanners p img { margin: 0px; padding: 0px; } @media (max-width: 450px) { .aboutus_update .row .col-xs-12 { padding: 3px 0; } .aboutus_update .row .col-xs-12 img { width: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { } @media (max-width: 768px) { .adds .row > div[class*=col-] { margin-bottom: 10px; } .bees .row > div[class*=col-] { margin-bottom: 10px; } } @media (max-width: 340px) { .farticles-wrapper .borderdashed { width: 92%; height: 92%; } } @media (min-width: 470px) and (max-width: 750px) { .gallerycontainer div.imgtop .borderdashed { width: 98%;} .gallerycontainer div.normwidth .borderdashed { width: 96%; } .farticles-wrapper .borderdashed { width: 95%; height: 94%; } } .plantfairtop-wrapper .container { width: 100%; padding: 0; } .plantfairtop-wrapper .container img { width: 100%; } .pl_records { float: left; width: 100%; margin: 48px 0; font-size: 16px; } .pl_records .header { background-color: #007933; color: #fff; } .pl_records .header div:nth-child(even) { border-left: 1px solid #fff; border-right: 1px solid #fff; } .pl_records .header div { padding: 12px; background-color: #007933; } .pl_records .body { color: #333; } .pl_records .body a { color: #007933; text-decoration: underline; } .pl_records .body .part {float: left; width: 100%;} .pl_records .body .part div { padding: 24px 12px; } .pl_records .body > div:nth-child(even) { background-color: #dbe3dc; } .pl_records .body > div:nth-child(odd) { background-color: #f2f5f3; } .pl_records .body > .part div:nth-child(even) { border-left: 1px solid #fff; border-right: 1px solid #fff; } .lastpartp { margin-bottom: 64px; } @media (max-width: 750px) { .pl_records .header { display: none; } .pl_records .body > .part div:nth-child(even) { border-left: none; border-right: none; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } } @media (min-width: 768px) and (max-width: 991px) { .pl_records .header div { min-height: 66px; } } /* iron label table update */ .cke_editable .table, .catdesc .table { text-align: left; } .cke_editable .table thead, .catdesc .table thead { background-color: #007933; } .cke_editable .table thead tr th, .catdesc .table tbody tr th, .catdesc .table thead tr th { background-color: #007933; color: #fff; /* text-align: center; padding: 15px; */ vertical-align: middle; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 17px; border-right: 1px solid #fff; } .cke_editable .table tbody td, .catdesc .table tbody td { vertical-align: middle; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 16px; color: #333; } .cke_editable .table tbody tr:nth-child(odd), .catdesc .table tbody tr:nth-child(odd) { background-color: #f2f5f3; font-size: 16px; color: #333; } .cke_editable .table tbody tr:nth-child(even), .catdesc .table tbody tr:nth-child(even) { background-color: #dbe3dc; } .cke_editable .table tbody tr td, .catdesc .table tbody tr td { border-right: 1px solid #fff; } .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { border-top: none; } @media (max-width: 470px) { .catdesc .table { border: none;} .catdesc .table thead { display: none; } .catdesc .table tbody tr {display: block; width: 100%; float: left; } .catdesc .table tbody tr > * { display: block; } } .tableupdate1 div.card1{ border: 1px solid #000; padding: 0px!important; word-wrap: break-word; font-size: 16px; margin: 5px; width: 31%; } .tableupdate1 span.head { background-color: #60a020; color: #fff; font-size: 1.17em; font-weight: 700; display: block; width: 100%; text-indent: 10px; } .tableupdate1 span.body { display: block; padding: 10px; min-height: 190px; } @media (max-width: 640px) { .catdesc .tableupdate1 { margin: 0; } .tableupdate1 div.card1 { margin: 10px 0!important; width: 100%; } } @media (min-width: 641px) and (max-width: 1030px) { .tableupdate1 div.card1 { width: 31%; min-height: 240px; } } @media (min-width: 768px) and (max-width: 991px) { .tableupdate1 span.body { min-height: 215px; } } /* Colin 16/11/09 photo flowing layout & nurseries page */ /* 16/12/23 ckeditor fix */ .hpsphotoblock:not(.cke_show_border) { width: 100%; text-align: justify; text-align-last: justify; -moz-text-align-last: justify; } .hpsphotoblock:not(.cke_show_border) > tbody { display:block } .hpsphotoblock:not(.cke_show_border) > * > tr { display: inline; white-space: nowrap; } .hpsphotoblock:not(.cke_show_border) > * > tr::before { content: ". "; color: #ffffff; font-size: 1px; visibility: hidden; } .hpsphotoblock:not(.cke_show_border) > * > tr::after { content: " ."; color: #ffffff; font-size: 1px; visibility: hidden; } .hpsphotoblock:not(.cke_show_border) > * > * > td { display: inline-block; white-space: normal; } .hpsphotoblock > * > * > td { margin:6px 0 12px 0px; padding:0; text-align: center; text-align-last: center; -moz-text-align-last: center; } .hpsphotoblock > * > * > td img { margin-bottom: 5px; } .cke_show_borders table.hpsphotoblock.cke_show_border { margin-bottom: 25px; border: 1px solid; } .cke_show_borders table.hpsphotoblock.cke_show_border td { padding: 5px; border: 1px solid; } .hpsphotogrid:not(.cke_show_border) { width: 100%; font-size: 0; } .hpsphotogrid:not(.cke_show_border) > tbody { display: block; margin: 0 -5px; } .hpsphotogrid:not(.cke_show_border) > * > tr { display: inline-block; padding: 5px; overflow: hidden; } .hpsphotogrid:not(.cke_show_border) > * > * > td { display: inline-block; width: 100%; font-size: 16px; } .hpsphotogrid > * > * > td { text-align: center; } .hpsphotogrid > * > * > td img { max-width: 100%; margin-bottom: 5px; } .cke_show_borders table.hpsphotogrid.cke_show_border { margin-bottom: 25px; border: 1px solid; } .cke_show_borders table.hpsphotogrid.cke_show_border td { padding: 5px; border: 1px solid; } .hpsphotoblock > tbody > *, .hpsphotoblock > tbody > * > *, .hpsphotogrid > tbody > *, .hpsphotogrid > tbody > * > *, .align-top, align-top * { vertical-align: top; } .size350 tbody * { max-width: 350px; } .hpsphotogrid.size-sm > * > tr { width:20%; } /* lg */ .hpsphotogrid > * > tr { width:33.3%; } .hpsphotogrid.size-lg > * > tr { width:33.3%; } .hpsphotogrid.size-xl > * > tr { width:50%; } .hpsphotogrid.size-xxl > * > tr { width:50%; } @media (max-width: 1199px) { /* md */ .hpsphotogrid.size-sm > * > tr { width:25%; } .hpsphotogrid > * > tr { width:50%; } .hpsphotogrid.size-lg > * > tr { width:50%; } .hpsphotogrid.size-xxl > * > tr { width:100%; } } @media (max-width: 991px) { /* sm */ .hpsphotogrid.size-sm > * > tr { width:33.3%; } .hpsphotogrid.size-lg > * > tr { width:100%; } .hpsphotogrid.size-xl > * > tr { width:100%; } } @media (max-width: 768px) { /* xs */ .hpsphotogrid.size-sm > * > tr { width:50%; } .hpsphotogrid > * > tr { width:100%; } } @media (max-width: 470px) { .hpsphotogrid > * > tr { width:100%; } } .hpsvcards.cke_show_border td::before { width: 0px; content: ''; float: right; overflow: hidden; height: 240px; font-size: 0; } .hpsvcards { border-collapse: separate; border-spacing: 0 12px; } .hpsvcards tr td { min-width:275px; min-height:240px; vertical-align:top; border:solid 1px #000000; overflow:hidden; position:relative; text-align: left; text-align-last: left; -moz-text-align-last: left; } .hpsvcards tr td > * { padding-left: 5px; padding-right: 10px; } .hpsvcards tr td > p { padding: 0 5px 0 10px; margin: 0; line-height: 21px; } /* display:block; removed - messed up ckeditor */ .hpsvcards tr td > p:last-child { position: absolute; bottom: 5px; width: 100%; } .hpsvcards tr td > p:first-child { position: static; background-color:#60A020; color: #ffffff; margin: 0 0 10px 0; padding:6px; font-size: 20px; font-weight:400; line-height: 1.1; } .hpsvcards tr td > p:nth-child(2) { position: static; } .hpsvcards tr td > p:nth-of-type(2)::first-line { font-weight: bold;} .hpsvcards tr td > p:nth-last-child(2) { margin-bottom: 3em; } .hpsvcards tr td > p:nth-last-child { margin-bottom: 0; } /* in case there are only 2 p children */ /* 16/12/23 ckeditor fix */ body.cke_editable { padding: 5px; } /* Brilliant Search Customization - start */ .result-search-autocomplete > ul > li{ margin-left: 0 !important; } .search-result-image{ width: 60px !important; } .result-search-autocomplete h5 { font-size: 12px !important; font-weight: 500; margin: 5px 0 !important; } .search-result-category{ margin-left: 60px !important; width: auto; } #product_search .product-list .image{ display: none; } /* Brilliant Search Customization - end */ /* Colin 16/11/27 calendar table */ .hpscalendar td, .hpscalendar th { font-size: 16px; padding: 5px; vertical-align: top; border: solid black; border-width: 1px 0; } .hpscalendar thead tr th { vertical-align: middle; font-size: 18px; padding: 10px 5px; } @media (max-width: 470px) { .hpscalendar thead { display: none; } .hpscalendar tbody tr {display: block; width: 100%; float: left; } .hpscalendar tbody tr > * { display: block; } .hpscalendar td { border: none; } .hpscalendar td:first-child { border-top: solid black 1px; } .hpscalendar tr:last-child td:last-child { border-bottom: solid black 1px; } } /* Colin 16/11/16 who-we-are table */ .hpswhoweare td { padding-bottom: 2em; } .hpswhoweare td:first-child { text-align:center; padding:0 10px 2em 0; } .hpswhoweare td:first-child img { width: 200px; margin-bottom: 10px; } .hpswhoweare td.wwahead { padding-top: 2em; padding-bottom: 0px; } /* Colin 16/12/12 shows table */ .hpsladdered { width:100%; text-align:left; border-collapse:separate; border-spacing:0 1em; margin-bottom: 20px; } .hpsladdered tr { background-color:#f2f5f3; } .hpsladdered td, .hpsladdered th { border: none; border-right: 1px solid #fff; vertical-align: middle; padding: 8px; line-height: 1.4em; } .padr15, .padr15 td { padding-right: 15px; } .abbrev td:nth-child(even) { padding-right: 4em; } @media (max-width: 470px) { .catdesc .hpsladdered { border: none; } .catdesc .hpsladdered thead { display: none; } .catdesc .hpsladdered tbody tr {display: block; width: 100%; float: left; margin: .5em 0; } .catdesc .hpsladdered tbody tr td { display: block; padding: 3px 8px; } } /* Colin 16/12/15 shows table */ .hpsgold { background-color: #FFD700; } .hpsgilt { background-color: #ffd780; } .hpssilver { background-color: #D3D3D3; } .hpsbronze { background-color: #ffc080; } .hpsfirst { background-color: #800000; color:#FFFFFF; } .hpssecond { background-color: #000080; color:#FFFFFF; } .hpsgold, .hpsgilt, .hpssilver, .hpsbronze, .hpsfirst, .hpssecond { padding:.1em 1em; } /* Colin 16/12/21 */ /* overcome .catdesc > :first-child margin-top:0 */ .catdesc .picleft, .catdesc .picright,.catdesc .picleft1, .catdesc .picright1 { margin-top: 1em; } .picleft, .picleft1 { float:left; margin: 1em 15px 1em 0px; } .picright, .picright1 { float:right; margin: 1em 0px 1em 15px; } .piccenter { margin: 1em 0px; } /* align-last in case this is used in hpsvcards */ .picleft, .picleft1, .picright, .picright1, .piccenter { text-align:center; text-align-last: center; -moz-text-align-last: center; } .picleft1, .picright1 { max-width: 42%; } .picleft img, .picright img, .picleft1 img, .picright1 img, .piccenter img { height: auto; max-width: 100%; margin-bottom: 5px; } .picsize1, #content img.picsize1, #content .picsize1 img { max-width: 150px; } .picsize2, #content img.picsize2, #content .picsize2 img { max-width: 200px; } .picsize3, #content img.picsize3, #content .picsize3 img, .blksize3 { max-width: 250px; } .picsize4, #content img.picsize4, #content .picsize4 img { max-width: 300px; } .hpsog-map { width: 80%; height: 480px; margin: 0 auto; display: block; } @media (max-width: 991px) { .hpsog-map { height: 360px; } } @media (max-width: 767px) { .picleft, .picleft1, .picright, .picright1 { float:none; margin: 1em auto; max-width: 100%; } .picsize1, .picsize2, .picsize3, .picsize4 { max-width: 100%; } .hpsog-map { height: 275px; } .pl-readmore td > :last-child { display: none; } /* for chelsea plant list */ } @media (max-width: 469px) { } .map-container iframe { pointer-events: none; } .map-container iframe.clicked { pointer-events: auto; } /* Colin 16/12/22 */ /* coloured boxes (for events page) */ .redbox, .redbox p, .redbox a[href], .redbox a[href]:hover { background-color: #800000; color: #ffffff; } .brightredbox, .brightredbox p, .brightredbox a[href], .brightredbox a[href]:hover { background-color: #ff0000; color: #ffffff; } .greenbox, .greenbox p, .greenbox a[href] .greenbox a[href]:hover { background-color: #008000; color: #ffffff; } .greybox { background-color: #b8c4b8; } .redbox, .brightredbox, .greenbox, .greybox { text-align: center; margin-top: 15px; } .brightredbox { padding: .5em; } .hpssig { font: 36px dancing script; text-align: right; margin: 1em 10% 1em 0px; } @media print { #topmenu, #below-menu, #column-left, footer, header .headerright, header .login, header #cart, header .searchsec, header .basket, header .dropdown-menu, .headersocial, .breadcrumb, .article-meta { display: none !important; } .pagecontent, #content h1:first-child { clear: both; } } .plant-list .flw-time { white-space: nowrap; } .plant-list .flw-time::before { content: url("/image/catalog/icons/flower-20.png"); margin: 0px 3px 0px 6px; vertical-align: -3px; } .rhs-name, [RHS] { font-family: Georgia, "Times New Roman", Times, serif; } .trade-name { font-family: "Times New Roman", Times, serif; } #content .catheader .plant-name a, #content .catheader a .plant-name { font-size: 100%; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; letter-spacing: 0px; }