/* normalise.css */ /* 1 */ /*! normalize.css v1.0.1 | MIT License | git.io/normalize */ /* 2 */ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block} /* 3 */ audio,canvas,video{display:inline-block;*display:inline;*zoom:1} /* 4 */ audio:not([controls]){display:none;height:0} /* 5 */ [hidden]{display:none} /* 6 */ html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} /* 7 */ html,button,input,select,textarea{font-family:'Arial', sans-serif;} /* 8 */ body{margin:0} /* 9 */ a:focus{outline:thin dotted} /* 10 */ a:active,a:hover{outline:0} /* 11 */ h1{font-size:2em;margin:.67em 0} /* 12 */ h2{font-size:1.5em;margin:.83em 0} /* 13 */ h3{font-size:1.17em;margin:1em 0} /* 14 */ h4{font-size:1em;margin:1.33em 0} /* 15 */ h5{font-size:.83em;margin:1.67em 0} /* 16 */ h6{font-size:.75em;margin:2.33em 0} /* 17 */ abbr[title]{border-bottom:1px dotted} /* 18 */ b,strong{font-weight:700} /* 19 */ blockquote{margin:1em 0} /* 20 */ dfn{font-style:italic} /* 21 */ mark{background:#ff0;color:#000} /* 22 */ p,pre{margin:1em 0} /* 23 */ code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em} /* 24 */ pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word} /* 25 */ q{quotes:none} /* 26 */ q:before,q:after{content:'';content:none} /* 27 */ small{font-size:80%} /* 28 */ sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} /* 29 */ sup{top:-0.5em} /* 30 */ sub{bottom:-0.25em} /* 31 */ dl,menu,ol,ul{margin:1em 0} /* 32 */ dd{margin:0 0 0 40px} /* 33 */ menu,ol,ul{padding:0 0 0 0} /* 34 */ li{margin: 0 0 10px 0;} /* 35 */ nav ul,nav ol{list-style:none;list-style-image:none} /* 36 */ img{border:0;-ms-interpolation-mode:bicubic} /* 37 */ svg:not(:root){overflow:hidden} /* 38 */ figure{margin:0} /* 39 */ form{margin:0} /* 40 */ fieldset{border:none;margin:0;padding:0} /* 41 */ legend{border:0;padding:0;white-space:normal;*margin-left:-7px} /* 42 */ button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle} /* 43 */ button,input{line-height:normal} /* 44 */ button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible} /* 45 */ button[disabled],input[disabled]{cursor:default} /* 46 */ input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px} /* 47 */ input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box} /* 48 */ input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none} /* 49 */ button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} /* 50 */ textarea{overflow:auto;vertical-align:top} /* normalise.css */ /* 51 */ table{border-collapse:collapse;border-spacing:0} /* 52 */ /* 53 */ .nobullets{list-style-type: none;} /* 54 */ /* 55 */ .skipnav{position: absolute; top: 10px; left: 10px; overflow: hidden; width: 1px; height: 1px; z-index: -1;} /* 56 */ .skipnav:focus{width: auto; height: auto; z-index: 10000; background-color: black; color: white !important; padding: 10px;} /* 57 */ /* 58 */ /* Define the grid layout */ /* 59 */ .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12{margin: 0 1%; float: left;} /* 60 */ .c1{width: 6.33%;} /* 61 */ .c2{width: 14.66%;} /* 62 */ .c3{width: 23%;} /* 63 */ .c4{width: 31.33%;} /* 64 */ .c5{width: 39.67%;} /* 65 */ .c6{width: 47.99%;} /* 66 */ .c7{width: 56.33%;} /* 67 */ .c8{width: 64.66%;} /* 68 */ .c9{width: 73%;} /* 69 */ .c10{width: 81.33%;} /* 70 */ .c11{width: 89.67%;} /* 71 */ .c12{width: 98%;} /* 72 */ /* 73 */ .bordered.c1, .bordered.c2, .bordered.c3, .bordered.c4, .bordered.c5, .bordered.c6, .bordered.c7, .bordered.c8, .bordered.c9, .bordered.c10, .bordered.c11, .bordered.c12 {border: 1px solid red; padding: 10px;} /* 74 */ .bordered.c1{width: 38px;} /* 75 */ .bordered.c2{width: 118px;} /* 76 */ .bordered.c3{width: 198px;} /* 77 */ .bordered.c4{width: 278px;} /* 78 */ .bordered.c5{width: 358px;} /* 79 */ .bordered.c6{width: 438px;} /* 80 */ .bordered.c7{width: 518px;} /* 81 */ .bordered.c8{width: 598px;} /* 82 */ .bordered.c9{width: 678px;} /* 83 */ .bordered.c10{width: 758px;} /* 84 */ .bordered.c11{width: 838px;} /* 85 */ .bordered.c12{width: 918px;} /* 86 */ /* 87 */ .centred.c1{margin: 0 440px;} /* 88 */ .centred.c2{margin: 0 400px;} /* 89 */ .centred.c3{margin: 0 360px;} /* 90 */ .centred.c4{margin: 0 320px;} /* 91 */ .centred.c5{margin: 0 280px;} /* 92 */ .centred.c6{margin: 0 240px;} /* 93 */ .centred.c7{margin: 0 200px;} /* 94 */ .centred.c8{margin: 0 160px;} /* 95 */ .centred.c9{margin: 0 120px;} /* 96 */ .centred.c10{margin: 0 80px;} /* 97 */ .centred.c11{margin: 0 40px;} /* 98 */ .centred.c12{margin: 0;} /* 99 */ /* 100 */ .nomargin.c1, .nomargin.c2, .nomargin.c3, .nomargin.c4, .nomargin.c5, .nomargin.c6, .nomargin.c7, .nomargin.c8, .nomargin.c9, .nomargin.c10, .nomargin.c11, .nomargin.c12{margin: 0; float: left;} /* normalise.css */ /* 101 */ .nomargin.c1{width: 8.33%;} /* 102 */ .nomargin.c2{width: 16.66%;} /* 103 */ .nomargin.c3{width: 25%;} /* 104 */ .nomargin.c4{width: 33.33%;} /* 105 */ .nomargin.c5{width: 41.67%;} /* 106 */ .nomargin.c6{width: 49.99%;} /* 107 */ .nomargin.c7{width: 58.33%;} /* 108 */ .nomargin.c8{width: 66.66%;} /* 109 */ .nomargin.c9{width: 75%;} /* 110 */ .nomargin.c10{width: 83.33%;} /* 111 */ .nomargin.c11{width: 91.67%;} /* 112 */ .nomargin.c12{width: 100%;} /* 113 */ /* 114 */ .box {margin: 0 0 20px 0; text-align: left;} /* 115 */ /* 116 */ /* Default Contact Form Styling */ /* 117 */ form {margin-bottom: 20px; text-align: left;} /* 118 */ fieldset {margin-bottom: 20px; } /* 119 */ input[type="text"], input[type="password"], input[type="email"], input[type="file"], textarea, select {border: 1px solid #CCC; padding: 6px 2%; outline: none; border-radius: 2px; color: #000; margin: 0; height: 19px; width: 96%; max-width: 96%; display: block; margin-bottom: 20px; background: #fff; } /* 120 */ select {padding: 0; } /* 121 */ input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {border: 1px solid #AAA; color: #444; box-shadow: 0 0 3px rgba(0,0,0,.2); outline: none;} /* 122 */ textarea {min-height: 295px; max-height: 295px; resize: none; width: 96%;} /* 123 */ label, legend {display: block; font-weight: normal; font-size: 1em; text-align:left;} /* 124 */ label {height:20px;} /* 125 */ legend {color: #888888; visibility: hidden;} /* 126 */ select {width: 96%; max-width: 96%; height: 30px; } /* 127 */ input[type="checkbox"] {display: inline; } /* 128 */ label span, legend span { font-weight: normal; font-size: 1em; color: #444;} /* 129 */ label.emailformcovert, input.emailformcovert {display:none;} /* 130 */ /* 131 */ .button, button, input[type="submit"], input[type="reset"] {background: #eee; /* Old browsers */ background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */ background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */ background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */ background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */ background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */ background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */ border: 1px solid #aaa; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-radius: 3px; color: #444; display: inline-block; font-size: 0.9em; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(255, 255, 255, .75); cursor: pointer; margin-bottom: 20px; line-height: normal; padding: 8px 45px; float:right; margin-right: 0;} /* 132 */ .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover {color: #222; background: #ddd; /* Old browsers */ background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */ background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */ background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */ background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */ background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */ background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */ border: 1px solid #888; border-top: 1px solid #aaa; border-left: 1px solid #aaa; } /* 133 */ .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active {border: 1px solid #666; background: #ccc; /* Old browsers */ background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */ background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */ background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */ background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */ background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */ background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ } /* 134 */ .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } /* 135 */ .button:focus{outline: none;} /* 136 */ /* 137 */ div.checkboxdiv label{display: inline; padding-right: 20px;} /* 138 */ /* 139 */ hr {clear:both;} /* 140 */ /* 141 */ /* Fix for odd Mozilla border & padding issues */ /* 142 */ button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;} /* 143 */ /* 144 */ .overTxtLabel{color: #888; font-size: 1em; padding: 5px} /* 145 */ /* 146 */ .desktophidden{display: none;} /* 147 */ /* base.css */ /* 1 */ body{font-family: 'Baloo Bhaina', cursive; display: block !important;} /* 2 */ /* 3 */ a[href^=tel]{color: inherit !important; text-decoration: none !important;} /* 4 */ /* 5 */ .desktophidden{display: none;} /* 6 */ .mobilehidden{display: block;} /* 7 */ .printhidden{display: block;} /* 8 */ .printonly{display: none;} /* 9 */ .clear {clear:both} /* 10 */ /* 11 */ /* Headings */ /* 12 */ h1, h2, h3, h4, h5, h6{line-height: 1em; color: #664e32; font-weight: normal; margin-bottom: 0;} /* 13 */ h1 {font-size: 2.4rem;} /* 14 */ h2 {font-size: 2rem;} /* 15 */ h3 {font-size: 1.5rem;} /* 16 */ h4 {font-size: 1.1rem;} /* 17 */ h5 {font-size: 0.9rem;} /* 18 */ h6 {font-size: 0.8rem;} /* 19 */ /* 20 */ ul, p, ol{line-height: 1.8rem; color: #664e32; font-weight: 400; margin-bottom: 1.5em; font-family: 'Montserrat', sans-serif;} /* 21 */ /* 22 */ a{color: #664e32;} /* 23 */ a:hover{opacity: 0.8;} /* 24 */ /* 25 */ p.navheader {display: none;} /* 26 */ /* 27 */ span.picicon{font-family: Pictos;} /* 28 */ /* 29 */ ul, ol{padding: 0 0 10px 20px;} /* 30 */ ul.inlinelist{margin: 0; } /* 31 */ ul.inlinelist li{float: left; padding: 2px 10px; margin-bottom: 0; list-style-type: none;} /* 32 */ /* 33 */ .multiple{height: 150px;} /* 34 */ /* 35 */ #printlink{position: absolute; right: 200px; top: 0px; margin: 0; font-size: 0.8em; cursor: pointer;} /* 36 */ /* 37 */ ul#sitemap li a {text-decoration:none;} /* 38 */ /* 39 */ .centre{text-align: center;} /* 40 */ /* 41 */ img{max-width: 100%;} /* 42 */ img.left{float: left; margin: 0.7rem 1em 1em 0;} /* 43 */ img.right{float: right; margin: 0.7rem 0 1em 1em;} /* 44 */ /* 45 */ .build-query{background-color: #FFA0A0; padding: 1%; font-size: 0.8em;} /* 46 */ /* 47 */ /* Invisible Separator */ /* 48 */ .invisiblesep{clear: both;} /* 49 */ /* 50 */ /* Image Styles */ /* base.css */ /* 51 */ img.LEFT{float: left; margin: 0 15px 15px 0;} /* 52 */ img.RIGHT{float: right; margin: 0 0 15px 15px;} /* 53 */ img.CENTRE{text-align: center; display: block; margin: 10px auto;} /* 54 */ img.INLINE {display: inline; margin: 15px 0 15px 0;} /* 55 */ /* 56 */ .imagecaption{color: #909090; font-size: 0.7em; margin: 0; text-align: center;} /* 57 */ .imageborder{padding: 5px; background-color: #FFF; border: 1px solid #CCC; display: block; margin-bottom: 5px;} /* 58 */ /* 59 */ .wrapper {width: 1200px;} /* 60 */ /* 61 */ /* Skip Navigation */ /* 62 */ .skipnav, .skipnav:visited{position: absolute; left: 40px; font-size: 0.75em;} /* 63 */ .skipnav:active, .skipnav:focus, .skipnav:hover{z-index: 10000; color: #CFCFCF;} /* 64 */ /* 65 */ /* Main Page Sections */ /* 66 */ .wrapper{margin: 0 auto; position: relative;} /* 67 */ /* 68 */ /* Header container */ /* 69 */ .header-container {position: relative; background-color: #FFF;} /* 70 */ .header-container img.logo{margin: 20px 0 13px; cursor: pointer;} /* 71 */ .header-container form{display: none;} /* 72 */ /* 73 */ /* Mobile menu display management - styling must reference ul#mainmenu to work across all sites */ /* 74 */ ul#mainmenu li.mobilemenucontrol{display: none;} /* 75 */ /* 76 */ /* Menu container */ /* 77 */ /* .menu-container{background-color: #605F5E; min-height: 38px;} */ /* 78 */ .header-container ul{padding: 0; margin: 0; width: 100%; position:absolute; top: 45px; right: 0; text-align: right;} /* 79 */ .header-container ul li{padding: 0; margin: 0; display: inline-block; position: relative; width: auto; font-size: 1.3rem;} /* 80 */ .header-container ul li a{font-family: 'Baloo Bhaina', cursive; padding: 5px 13px; margin: 0; display: inline-block; text-transform: uppercase; color: #664E32; text-decoration: none; letter-spacing: 0.03rem;} /* 81 */ .header-container ul li a:hover{} /* 82 */ .header-container ul li.selected a{} /* 83 */ /* 84 */ /* Level 2 */ /* 85 */ .header-container ul li ul{display: none; position: absolute; left: 0; top: 33px; margin: 0; padding: 5px 0 0 0; z-index: 1001; width: 175px;} /* 86 */ .header-container ul li ul li{text-align: right; transition: background-color 0.5s ease 0s; display: block !important; margin: 0 !important; padding: 0 !important; z-index: 1002; color:#fff} /* 87 */ .header-container ul li ul li:first-child{margin-left: 0;} /* 88 */ .header-container ul li ul li a{color: #000 !important; font-size: 0.8rem; border: none; display: block; margin: 0; padding: 3px 10px 3px 8px; background: none;} /* 89 */ .header-container ul li ul li:hover{} /* 90 */ .header-container ul li ul li a:hover{color: #000; background-image: none;} /* 91 */ .header-container ul li.selected ul li:hover {} /* 92 */ .header-container ul li.selected ul li a{color: #000; background:transparent; border-bottom: none !important;} /* 93 */ .header-container ul li.selected ul li.selected{} /* 94 */ .header-container ul li.selected ul li.selected a{color: #000; border: none; background-image: none;} /* 95 */ .header-container ul li:hover ul{display: block;} /* 96 */ .header-container ul li ul li:last-child a{border-bottom:none} /* 97 */ /* 98 */ /* Main container */ /* 99 */ .main-container{color: #664E32; min-height: 400px;} /* 100 */ .main-container .wrapper{text-align: left; background: #FFF; margin:0 auto; padding: 0;} /* base.css */ /* 101 */ .main-container .wrapper img{max-width: 100%;} /* 102 */ .main-container ul, .main-container p, .main-container ol{line-height: 1.4rem; margin: 0 0 20px 0; font-size: 1.05rem; color: #664e32; font-weight: 600;} /* 103 */ .main-container ul li, .main-container ol li{margin: 0 0 2px 0;} /* 104 */ .main-container h1{color: #664e32; font-size: 4rem; margin-bottom: 15px; letter-spacing: 0.1rem;} /* 105 */ .main-container h2{color: #664e32; font-size: 3.6rem; margin-top: 0; margin-bottom: 8px; line-height: 3.4rem; letter-spacing: 0.1rem;} /* 106 */ .main-container h3{color: #664e32; font-size: 1.5rem; margin-top: 0; margin-bottom: 10px; letter-spacing: 0.1rem;} /* 107 */ .main-container h4{color: #664e32; margin-top: 0; margin-bottom: 5px;} /* 108 */ .main-container a{color: #443626;} /* 109 */ .main-container a:hover{color: #8AC861; text-decoration: none;} /* 110 */ /* 111 */ /* Form multiselect */ /* 112 */ ul.multiselectbox{margin: 10px 0; padding: 0;} /* 113 */ ul.multiselectbox li{list-style: none; margin: 0;} /* 114 */ ul.multiselectbox li a{display: block; cursor: pointer; padding: 5px 15px; background-color: #EEE; border-bottom: 1px solid #CCC;} /* 115 */ ul.multiselectbox li a span.picicon{float: right; font-size: 1.5rem; color: #FEFACD;} /* 116 */ ul.multiselectbox li.notselected a{font-style: italic; color: #777;} /* 117 */ ul.multiselectbox li a:hover{background-color: #D56559; color: #FFF;} /* 118 */ ul.multiselectbox li.selected{} /* 119 */ ul.multiselectbox li.selected a{background-color: #022C5C; color: #FFF;} /* 120 */ /* 121 */ /* Warning Message */ /* 122 */ .main-container .wrapper p.warning {width: 96%; padding: 2%; font-weight: normal; text-align: center; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;} /* 123 */ .main-container .wrapper p.fail {background-color:#A00; border-top: 2px solid #900; color: #FFF !important;} /* 124 */ .main-container .wrapper p.success {background-color: #069806; border: 2px solid #148614; color: #FFF !important;} /* 125 */ .main-container .wrapper p.warning a{color: #FFF;} /* 126 */ /* 127 */ /* Tables */ /* 128 */ .main-container table{background-color: #FFF; width: 100%; box-shadow: 0px 1px 3px 1px #A1A1A1; margin-bottom: 30px;} /* 129 */ .main-container table td, .main-container table th{padding: 10px 0 10px 15px; font-size: 0.95em;} /* 130 */ .main-container table td.centercell, .main-container table th.centercell{text-align: center;} /* 131 */ .main-container table tr.alternativerow td{background-color: #F7F7F7;} /* 132 */ .main-container table td a{text-decoration: none;} /* 133 */ .main-container table thead tr td, .main-container table thead tr th{color: #2F758E; border-bottom: 2px solid #EEE; font-size: 1.1em;} /* 134 */ /* 135 */ /* Contact form */ /* 136 */ .contact-form .c4-left{float: left; width: 31%; margin-right: 1%;} /* 137 */ .contact-form .c8-right{float: left; width: 67%; margin-left: 1%;} /* 138 */ .contact-form label{font-size: 1.5rem; height: 38px;} /* 139 */ .contact-form textarea{min-height: 239px; max-height: 239px;} /* 140 */ .contact-form label[for="GDPRStatementAgreedTo"] {line-height: 1rem;} /* 141 */ .contact-form legend{display: none;} /* 142 */ .contact-form .button{min-width: 150px; border-radius: 33px; background: none; background-color: #8AC861; text-shadow: none; font-size: 1.35rem; color: #FFF; font-weight: 300; border: none; padding: 10px 20px 7px 20px; margin: 10px 0 0 0;} /* 143 */ .contact-form .button:hover {background: none; border: none; background-color: #664E32; color: #FFF;} /* 144 */ .contact-form input.error, .contact-form input.textarea, .contact-form select.error{border: 1px solid red;} /* 145 */ /* 146 */ /* Gallery */ /* 147 */ #gallery {margin:10px 0} /* 148 */ #gallery .gallery-item {width:250px; min-height:280px; display:inline-block; vertical-align: top; margin-right:20px;} /* 149 */ #gallery .gallery-item:nth-of-type(2) {margin-right:0;} /* 150 */ #gallery .gallery-item p.caption {font-style: italic; font-size:0.8rem;} /* base.css */ /* 151 */ /* 152 */ #gallery.gallery3column .gallery-item {width:170px; min-height: 250px;} /* 153 */ #gallery.gallery3column .gallery-item:nth-of-type(2) {margin-right:20px;} /* 154 */ #gallery.gallery3column .gallery-item:nth-of-type(3) {margin-right:0;} /* 155 */ /* 156 */ /* Accreditations */ /* 157 */ .accreditations-container{padding: 50px 0 30px 0;} /* 158 */ .accreditations{padding: 0; margin: 0; list-style: none; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;} /* 159 */ .accreditations__list{text-align: center; flex-basis: 22%;} /* 160 */ .accreditations__list:nth-of-type(1){flex-basis: 9%;} /* 161 */ .accreditations__list:nth-of-type(5){flex-basis: 9%;} /* 162 */ .accreditations__list__link{display: block;} /* 163 */ .accreditations__list__image{} /* 164 */ /* 165 */ /* 166 */ /* Footer */ /* 167 */ .footer-container{background: #433626 url('../images/footer-background-grad.png') repeat-x left top; padding: 40px 0 30px 0} /* 168 */ .footer-container .c12 {text-align:center} /* 169 */ .footer-container h3{color: #fff; font-size: 1.2rem} /* 170 */ .footer-container p{color: #fff; font-size: 0.8rem; line-height: 1.3rem} /* 171 */ .footer-container ul {padding: 0; margin: 5px 0 0 0; list-style: none; line-height: 1.3rem;} /* 172 */ .footer-container ul li {padding: 0; margin: 0 10px; font-size: 0.8rem; display:inline-block} /* 173 */ .footer-container ul li:last-child {border-right: none;} /* 174 */ .footer-container ul li a {color: #FFF; text-decoration: none; text-transform:uppercase; font-family: 'Baloo Bhaina', cursive; } /* 175 */ /* 176 */ /* Sub Footer */ /* 177 */ .sub-footer-container{background-color: #433626; text-align: center; padding: 10px 0} /* 178 */ .sub-footer-container p {color: #FFF; margin: 0; padding: 0; font-size: 0.8rem} /* 179 */ .sub-footer-container p a {color: #FFF; text-decoration: none;} /* 180 */ .sub-footer-container p a:hover{text-decoration: underline;} /* 181 */ .sub-footer-container p.web-design-link{padding: 0; margin: 20px 0 0 0;} /* 182 */ .sub-footer-container p.web-design-link a{color: #FFF; display: block; text-decoration: none; font-size: 0.7rem;} /* 183 */ .sub-footer-container p.web-design-link a:hover{text-decoration: underline;} /* segments.css */ /* 1 */ @media not print { /* 2 */ /* 3 */ /* View more link */ /* 4 */ .view-more {padding-top: 20px;} /* 5 */ .view-more p{margin: 0;} /* 6 */ .view-more a {display: inline-block; background-color: #8AC861; color: #FFF; font-size: 1.35rem; border-radius: 33px; border: none; text-transform: uppercase; text-decoration: none; padding: 20px 50px 16px 50px; font-family: 'Baloo Bhaina',cursive;} /* 7 */ .view-more p a:hover{background-color: #664E32; opacity: 1; color: #FFF;} /* 8 */ /* 9 */ .segment-section{padding: 30px 0;} /* 10 */ /* 11 */ .segment-section-header {background:url('../images/header-background.jpg') no-repeat top center; background-size: cover; height:495px;} /* 12 */ .segment-section-header .wrapper {background:none;} /* 13 */ .segment-section-header .c12 div {width: 60%; position: absolute; right: 0; top:120px;} /* 14 */ .segment-section-header .c12 div h1 {width:90%; color:#fff; margin-bottom:20px; text-transform:uppercase; font-size: 1.8rem;} /* 15 */ .segment-section-header .c12 div p {color:#fff; display:block; margin-bottom:20px; font-family: 'Montserrat', sans-serif;} /* 16 */ .segment-section-header .c12 div p a {font-family: 'Baloo Bhaina', cursive; background:#8ac861; border-radius:20px; width: 90px; display:block; margin-top:10px; padding:10px 20px 10px 28px; font-size: 0.9rem; color:#fff; text-transform:uppercase; text-decoration:none;} /* 17 */ /* 18 */ /* 19 */ .segment-section-header-small {background:url('../images/small-header-background.jpg') no-repeat top center; background-size: cover; height: 138px;} /* 20 */ .segment-section-header-small .wrapper {background:none;} /* 21 */ .segment-section-header-small .c12 div {width: 100%; text-align:center;} /* 22 */ .segment-section-header-small .c12 div h1 {color:#fff; margin-top: 50px; text-transform:uppercase; font-size: 5.5rem;} /* 23 */ /* 24 */ /* 25 */ /* Full width - centered */ /* 26 */ .segment-section-fullwidth-centered .c12 {text-align:center;} /* 27 */ .segment-section-fullwidth-centered .c12 h1 {color:#664e32; text-align:center; text-transform:uppercase; font-size:1.5rem; margin:0 auto 20px auto;} /* 28 */ .segment-section-fullwidth-centered .c12 p {color:#5b4a3d; text-align:center; width:60%; font-size:0.9rem; margin:0 auto; font-family: 'Montserrat', sans-serif;} /* 29 */ /* 30 */ .segment-section-quote {height:329px; background:url('../images/quote-background.jpg') no-repeat top center; background-size: cover;} /* 31 */ .segment-section-quote .wrapper {background:none;} /* 32 */ .segment-section-quote .c12 div {width:51%; padding-top:70px; margin:0 auto; text-align:center;} /* 33 */ .segment-section-quote .c12 div h2 {color:#fff; margin-top:0; text-transform:uppercase; font-size: 2.9rem;} /* 34 */ .segment-section-quote .c12 div p {color:#fff; text-transform:uppercase; font-style:italic; font-weight:normal} /* 35 */ /* 36 */ .segment-2col-picture {margin-bottom:20px !important;} /* 37 */ .segment-2col-picture .backgroundimage {display:none;} /* 38 */ .segment-2col-picture .c6 { position:relative; height:300px;} /* 39 */ .segment-2col-picture .c6 .placeholder {position: absolute; bottom: 20px; background: rgba(255,255,255, 0.9); padding: 10px 10px 5px 10px;} /* 40 */ .segment-2col-picture .c6 .placeholder h2 {padding:0; margin:0; text-transform:uppercase; font-size:1.4rem; color:#4e3e2c} /* 41 */ .segment-2col-picture .c6 .placeholder h2 a {text-decoration:none; color:#4e3e2c} /* 42 */ /* 43 */ .segment-3col-picture {margin-bottom:20px !important;} /* 44 */ .segment-3col-picture .backgroundimage {display:none;} /* 45 */ .segment-3col-picture .c4 {position:relative; height:300px;} /* 46 */ .segment-3col-picture .c4 .placeholder {position: absolute; bottom: 20px; background: rgba(255,255,255, 0.9); padding: 10px 10px 5px 10px;} /* 47 */ .segment-3col-picture .c4 .placeholder h2 {padding:0; margin:0; text-transform:uppercase; font-size:1.4rem; color:#4e3e2c} /* 48 */ .segment-3col-picture .c4 .placeholder h2 a {text-decoration:none; color:#4e3e2c} /* 49 */ /* 50 */ /* segments.css */ /* 51 */ /* Book a consultation */ /* 52 */ .segment-section-book{background-color: #ec6a3f} /* 53 */ .segment-section-book .wrapper{background-color: transparent;} /* 54 */ .segment-section-book .c12{text-align: center; text-transform: uppercase;} /* 55 */ .segment-section-book .top-section{margin-top: 30px; padding-top: 25px; border-width: 1px 0 0 0;} /* 56 */ .segment-section-book .bottom-section{margin-bottom: 60px; padding-bottom: 30px; border-width: 0 0 1px 0; position: relative;} /* 57 */ .segment-section-book .bottom-section img{position: absolute; bottom: 5px; right: 0;} /* 58 */ .segment-section-book .c12 h2{color: #fff;margin-bottom: 10px;} /* 59 */ .segment-section-book .c12 p{color: #fff;margin-bottom: 0;} /* 60 */ .segment-section-book .c12 a{color: #fff; text-decoration: none;} /* 61 */ .segment-section-book .c12 strong{font-weight: normal;} /* 62 */ .segment-section-book div.view-more a {color: #fff; border: 1px solid #fff;} /* 63 */ /* 64 */ /* Full width image with caption */ /* 65 */ .segment-section-full-image{position: relative;} /* 66 */ .segment-section-full-image img{width: 100%} /* 67 */ .segment-section-full-image .headline{width: 50%; margin-left: -25%; position: absolute; bottom: 20px; left: 50%; text-align: center;} /* 68 */ .segment-section-full-image .headline h2{padding: 5px 15px; margin: 0 0 10px 0; color: #fff; font-weight: 100; font-size: 2.5rem; background: rgba(67, 75, 98, 0.8); display: inline-block;} /* 69 */ .segment-section-full-image .headline h3{padding: 5px 15px; margin: 0 0 10px 0; color: #fff; font-weight: 100; font-size: 2rem; background: rgba(67, 75, 98, 0.8); display: inline-block;} /* 70 */ .segment-section-full-image .headline p{padding: 0; margin: 0 0 10px 0; color: #fff;} /* 71 */ /* 72 */ /* Full width column */ /* 73 */ .segment-section-full-width h1 {margin: 10px 0 30px 0;} /* 74 */ .segment-section-full-width h2 {margin: 10px 0 30px 0;} /* 75 */ .segment-section-full-width h3 {margin: 10px 0 30px 0;} /* 76 */ /* 77 */ /* Full width centred heading */ /* 78 */ .segment-centred-heading .wrapper {text-align: center;} /* 79 */ /* 80 */ /* Two column 50/50 */ /* 81 */ .segment-two-column .c12{display: block;} /* 82 */ .segment-two-column .c12 h2 {position: relative; margin: 0 0 15px 0;} /* 83 */ .segment-two-column .c12 h3 {margin: 30px 0; padding-top: 20px;} /* 84 */ .segment-two-column .c6 h2{margin-bottom: 10px; } /* 85 */ .segment-two-column .c6 h3{margin-bottom: 10px;} /* 86 */ .segment-two-column .c6 ul {list-style: none; margin: 0; padding: 0;} /* 87 */ .segment-two-column .c6 ul li{padding: 0; margin: 0;} /* 88 */ /* 89 */ /* Two images side by side */ /* 90 */ .segment-two-column-images img{width: 100%; display: inline-block;} /* 91 */ .segment-two-column-images .c6{position: relative;} /* 92 */ .segment-two-column-images .c6 .link-holder{position: absolute; bottom: 5px; left: 0; width: 100%; text-align: center;} /* 93 */ .segment-two-column-images .c6 .link-holder p{padding: 0; margin: 0;} /* 94 */ .segment-two-column-images .c6 .link-holder a{display: inline-block; width: 100%; font-size: 1.3rem; padding: 15px 0; text-transform: uppercase; text-decoration: none; color: #fff; background-color: rgba(0, 0, 0, 0.5);} /* 95 */ .segment-two-column-images .c6 a:hover{opacity: 0.8} /* 96 */ /* 97 */ /* Three images side by side */ /* 98 */ .segment-three-column-images img{width: 100%;} /* 99 */ /* 100 */ /* Two column - Right image */ /* segments.css */ /* 101 */ .segment-2col-right-image {padding-top: 72px;} /* 102 */ .segment-2col-right-image .c6{position: relative;} /* 103 */ .segment-2col-right-image .c6.image-holder{text-align: right;} /* 104 */ .segment-2col-right-image .c6.image-holder img{box-shadow: -20px 20px rgba(93, 77, 69, 0.30);} /* 105 */ /* 106 */ /* Two column - Left image */ /* 107 */ .segment-2col-left-image {padding-top: 72px;} /* 108 */ .segment-2col-left-image .c6{position: relative;} /* 109 */ .segment-2col-left-image .c6.image-holder{text-align: left;} /* 110 */ .segment-2col-left-image .c6.image-holder img{box-shadow: -20px 20px rgba(93, 77, 69, 0.30);} /* 111 */ /* 112 */ /* Three images side by side with heading and text */ /* 113 */ .segment-three-column-images-with-text{} /* 114 */ .segment-three-column-images-with-text .wrapper{background-color: transparent;} /* 115 */ .segment-three-column-images-with-text .imageholder{position: relative; height: 212px; margin-bottom: 20px;} /* 116 */ .segment-three-column-images-with-text .imageholder img{width: 100%; height: 100%;} /* 117 */ .segment-three-column-images-with-text .textholder h3{font-size: 1.7em;} /* 118 */ .segment-three-column-images-with-text .textholder p{line-height: 1.65rem;} /* 119 */ /* 120 */ /* Two Column - Slider / Text */ /* 121 */ .segment-two-col-image-slider .c6{margin: 0; width: 50%;} /* 122 */ .segment-two-col-image-slider .c6 div.blmslideshow{border: none; display: block;box-shadow: -20px 20px rgba(93, 77, 69, 0.30);} /* 123 */ .segment-two-col-image-slider .slider-holder{width: 48%; padding: 0 1% 0 1%} /* 124 */ .segment-two-col-image-slider .text-holder{text-align: left; padding: 20px 2% 20px 1%; width: 47%; /*height: 475px;*/} /* 125 */ .segment-two-col-image-slider .text-holder .text-holder-inner{position: relative; /*top: 50%; transform: translateY(-50%);*/} /* 126 */ /* 127 */ /* Parallax segment with background image and heading */ /* 128 */ .segment-section-parallax{} /* 129 */ .segment-section-parallax .segment-section-parallax-innercontainer{width: 100%; height: 350px; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;} /* 130 */ .segment-section-parallax .segment-section-parallax-innercontainer .parallaximage{display: none;} /* 131 */ .segment-section-parallax .segment-section-parallax-innercontainer .headline{width: 50%; margin-left: -25%; position: absolute; bottom: 20px; left: 50%; text-align: center;} /* 132 */ .segment-section-parallax .segment-section-parallax-innercontainer .headline h2{padding: 5px 15px; margin: 0 0 10px 0; color: #FFF; font-weight: 100; font-size: 2.5rem; background: rgba(67, 75, 98, 0.8); display: inline-block;} /* 133 */ .segment-section-parallax .segment-section-parallax-innercontainer .headline h3{padding: 5px 15px; margin: 0 0 10px 0; color: #FFF; font-weight: 100; font-size: 2rem; background: rgba(67, 75, 98, 0.8); display: inline-block;} /* 134 */ .segment-section-parallax .segment-section-parallax-innercontainer .headline p{padding: 0; margin: 0 0 10px 0; color: #FFF;} /* 135 */ } /* resize.css */ /* 1 */ /* Min Size Desktop Width - based on .wrapper width */ /* 2 */ @media only screen and (max-width: 1200px) { /* 3 */ .wrapper, .main-container .wrapper{width: 98% !important; margin: 0; padding: 0 1% !important;} /* 4 */ .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c10, .c11, .c12{width: 95% !important; margin: 10px 0 !important; padding: 0 2.5% !important;} /* 5 */ } /* 6 */ /* 7 */ @media only screen and (max-width: 1000px) { /* 8 */ .category-menu-container ul{grid-template-columns: calc(100% / 2 - 20px / 2) calc(100% / 2 - 20px / 2) !important;} /* 9 */ } /* 10 */ /* 11 */ @media only screen and (max-width: 800px) { /* 12 */ .header-container ul#mainmenu{position: relative; text-align: center; top: auto;} /* 13 */ /* 14 */ /* Accreditations */ /* 15 */ .accreditations{justify-content: space-evenly !important;} /* 16 */ .accreditations__list{flex-basis: inherit !important;} /* 17 */ } /* 18 */ /* 19 */ /* Mobile */ /* 20 */ @media only screen and (max-width: 640px) { /* 21 */ .wrapper{width: 100% !important; margin: 0; padding: 0 !important;;} /* 22 */ .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c10, .c11, .c12{width: 95% !important; margin: 10px 0 !important; padding: 0 2.5% !important;} /* 23 */ /* 24 */ a[href^=tel]{color:inherit !important; text-decoration:none !important;} /* 25 */ /* 26 */ /* Header container */ /* 27 */ .header-container{height: auto; text-align: center; padding-top: 30px;} /* 28 */ .header-container .wrapper{height: auto;} /* 29 */ .header-container .wrapper .c12{margin: 0 !important;} /* 30 */ .header-container #submenumobile{display: block; background-color: #488EEA; margin: 0; padding: 5px 0;} /* 31 */ .header-container #submenumobile li{float: left; border-right: 1px solid #FFF; padding: 2px 10px; margin-bottom: 0;} /* 32 */ /* 33 */ /* Header container - Logo */ /* 34 */ .header-container .wrapper img.logo{position: relative; top: auto; left: auto; max-width: 100%; margin: 0 auto;} /* 35 */ /* 36 */ /* Menu container - Main menu */ /* 37 */ .header-container .c12{width: 100% !important; padding: 0 !important; margin: 0 !important;} /* 38 */ .header-container ul{z-index: 100; height:auto; width: auto; position: relative; top: auto; right: 0; left: 0; margin: 0; padding: 0; border-top: 1px solid rgba(91, 74, 61, 0.27); z-index: 300000; background: #8AC861;} /* 39 */ .header-container ul li{width: 100%; float: none; top: auto; display: block; margin: 0 !important; text-align: center; border: none; border-bottom: 1px solid rgba(91, 74, 61, 0.27); padding: 0;} /* 40 */ .header-container ul li a{display: block; cursor: pointer; padding: 10px 0 5px 0; color: #FFF;} /* 41 */ .header-container ul li.selected a{background-image: none;} /* 42 */ .header-container ul li ul{padding: 0; position: relative; top: auto; left: auto; width: auto; z-index: 1000;} /* 43 */ .header-container ul li ul li a{text-align: center; border: none;} /* 44 */ /* 45 */ /* Mobile menu display management - styling must reference ul#mainmenu to work across all sites */ /* 46 */ ul#mainmenu li{display: none;} /* 47 */ ul#mainmenu li.mobilemenucontrol{display: block;} /* 48 */ ul#mainmenu.mobilemenudisplay li{display: block;} /* 49 */ /* 50 */ /* Slideshow */ /* resize.css */ /* 51 */ div.blmslideshow div.slide div.caption{width: 95%; padding: 10px 2.5%; position: absolute; bottom: 0; right: 0; text-align: center;} /* 52 */ /* 53 */ /* Contact form */ /* 54 */ .contact-form .c4-left{width: 100%; margin: 0; float: none;} /* 55 */ .contact-form .c8-right{width: 100%; margin: 0; float: none;} /* 56 */ .contact-form textarea{min-height: 150px; max-height: 150px;} /* 57 */ /* 58 */ /* Main Container */ /* 59 */ .main-container h2{font-size: 2.5rem; line-height: 2.4rem;} /* 60 */ /* 61 */ /* Segments */ /* 62 */ .segment-section-header .c12 div {position:static; width:95%} /* 63 */ .segment-section-quote .c12 div {width:auto;} /* 64 */ /* 65 */ .segment-section{padding: 10px 0;} /* 66 */ /* 67 */ .segment-section-book .top-section{padding-top: 20px !important} /* 68 */ .segment-section-book .bottom-section{padding-bottom: 30px !important} /* 69 */ /* 70 */ .segment-2col-right-image .text-holder{width: 90%; padding: 10px 2.5%; margin: 0 2.5%; bottom: 0; right: 0;} /* 71 */ /* 72 */ .segment-three-column-images-with-text .imageholder h3{width: 95%; padding: 5px 2.5%; bottom: 5px; left: 0;} /* 73 */ /* 74 */ .segment-two-column-images .c6 .link-holder{position: absolute; bottom: 5px; left: 0; margin: 0 2.5%; width: 95%;} /* 75 */ /* 76 */ .segment-section-full-image .headline{width: 100%; margin-left: 0; bottom: 5px; left: 0; text-align: center; background: rgba(67, 75, 98, 0.8);} /* 77 */ .segment-section-full-image .headline h2{width: 100%; padding: 5px 0; margin: 0; font-size: 1rem; background: none;} /* 78 */ .segment-section-full-image .headline h3{width: 100%; padding: 5px 0; margin: 0; font-size: 0.8rem; background: none;} /* 79 */ .segment-section-full-image .headline p{padding: 0; margin: 0 0 10px 0; color: #fff;} /* 80 */ /* 81 */ .segment-section-quote .c12 div h2{font-size: 2rem; line-height: 2.4rem;} /* 82 */ /* 83 */ .segment-section-header-small .c12 div h1{font-size: 3rem;} /* 84 */ /* 85 */ .segment-2col-left-image .c6.image-holder{text-align: center;} /* 86 */ .segment-2col-right-image .c6.image-holder{text-align: center;} /* 87 */ /* 88 */ .segment-2col-left-image .wrapper{display: flex; flex-direction: column-reverse;} /* 89 */ /* 90 */ /* Footer container */ /* 91 */ .footer-container .wrapper{text-align: center; color: #FFF; font-size: 1em;} /* 92 */ .footer-container p.web-design-link{text-align: center; position: relative;} /* 93 */ /* 94 */ aside{display: none;} /* 95 */ /* 96 */ .desktophidden{display: block;} /* 97 */ .mobilehidden{display: none;} /* 98 */ /* 99 */ /* Cookie container - Cookie Specifics */ /* 100 */ .cookie-container .wrapper{padding: 1% !important; width: 98% !important;} /* resize.css */ /* 101 */ .cookie-container aside{display: block !important; font-size: 0.8rem} /* 102 */ .cookie-container aside p{display: inline-block !important; line-height: 1rem} /* 103 */ .cookie-container aside div{display: inline-block !important;} /* 104 */ .cookie-container aside #cookiespopupclose{text-align: right; display: inline-block !important; position: static !important; top: auto !important; right: auto !important; margin-left: 1% !important; width: 98% !important} /* 105 */ /* 106 */ /* Shopping */ /* 107 */ .category-menu-container ul{grid-template-columns: calc(100% / 2 - 20px / 2) calc(100% / 2 - 20px / 2) !important;} /* 108 */ .category-menu-container ul li {padding-top:0; margin-bottom:20px;} /* 109 */ .category-menu-container ul li a {width: calc(100% - 30px); text-align:center; padding:85px 0 0 0;} /* 110 */ /* 111 */ .header-container #minibasketwrapper {top:-54px; z-index:1000000;} /* 112 */ .header-container #minibasket {margin-top:-7px; background:#363B8C} /* 113 */ .header-container #minibasket h4 {margin-top:0; font-weight:400} /* 114 */ .customer-menu {display:none;} /* 115 */ /* 116 */ .main-container .product-item-wrapper {width: 100%} /* 117 */ .main-container .product-item-wrapper .product {margin-bottom:10px} /* 118 */ .main-container .product-item-wrapper .product img {margin:0 auto;} /* 119 */ /* 120 */ .main-container .product-item-wrapper .product .product-image {height:auto !important; display:block !important;} /* 121 */ /* 122 */ #quicksearchfilterform {margin-bottom:0 !important;} /* 123 */ #quicksearchfilterform .price {padding:0 !important;;} /* 124 */ /* 125 */ #quicksearchfilterform .productkeywords input {margin-bottom:10px !important; padding: 3px 10px !important;} /* 126 */ #quicksearchfilterform p {font-size:1em;} /* 127 */ #quicksearchfilterform p.resetform {font-size:1.2em} /* 128 */ /* 129 */ .product-orderby {position:static !important;} /* 130 */ /* 131 */ .basket-table {width:100% !important; margin:20px auto 0 auto !important; } /* 132 */ .basket-table, /* 133 */ .basket-table thead, /* 134 */ .basket-table tbody, /* 135 */ .basket-table th, /* 136 */ .basket-table td, /* 137 */ .basket-table tr {display: block; } /* 138 */ .basket-table thead tr {position: absolute; top: -9999px; left: -9999px;} /* 139 */ .basket-table tr {border: 1px solid #ccc;} /* 140 */ .basket-table tr:not(.summaryrow) td {border: none !important; border-bottom: 1px solid #eee; position: relative;padding-left: 50% !important; } /* 141 */ .basket-table tr:not(.summaryrow) td:before { position: absolute;top: 10px;left: 6px;width: 45%; padding-right: 10px; white-space: nowrap;} /* 142 */ .basket-table tr:not(.summaryrow) td:nth-of-type(1):before { content: "Item";} /* 143 */ .basket-table tr:not(.summaryrow) td:nth-of-type(2):before { content: "Price";} /* 144 */ .basket-table tr:not(.summaryrow) td:nth-of-type(3):before { content: "Quantity";} /* 145 */ .basket-table tr:not(.summaryrow) td:nth-of-type(4):before { content: "";} /* 146 */ .basket-table tbody tr td a.removelink {width:70px;} /* 147 */ /* 148 */ .basket-table tr.summaryrow {border:none; } /* 149 */ .basket-table tr.summaryrow td {display:inline-block; border:none !important;} /* 150 */ .basket-table tr.summaryrow td:nth-of-type(1) {width:5%;} /* resize.css */ /* 151 */ .basket-table tr.summaryrow td:nth-of-type(2) {width:45%} /* 152 */ .basket-table tr.summaryrow td:nth-of-type(3) {width:5%;} /* 153 */ /* 154 */ .basket-table tr.updatebasketrow {border:none; } /* 155 */ .basket-table tr.updatebasketrow td {display:inline-block; border:none !important;} /* 156 */ .basket-table tr.updatebasketrow td:nth-of-type(1) {width:90%;} /* 157 */ .basket-table tr.updatebasketrow td:nth-of-type(1):before { content: "";} /* 158 */ .basket-table tr.updatebasketrow td input {width:90% !important;} /* 159 */ .basket-table tr.updatebasketrow td .button {width:49% !important; margin-right:1px !important; padding:5px 10px !important;} /* 160 */ .basket-table tr.updatebasketrow td:nth-of-type(2) {width:1%} /* 161 */ .basket-table tr.updatebasketrow td:nth-of-type(3) {width:1%;} /* 162 */ /* 163 */ .main-container .basket-form .update-button {position:static; width:100%} /* 164 */ .main-container .full-basket-wrapper .card-holder-form {position:static; width:100%;} /* 165 */ .main-container .full-basket-wrapper .card-holder-form input.button {width:100%;} /* 166 */ /* 167 */ .delivery-details {float:none !important; margin-left:-10px !important; width:100%; height:auto !important; margin:0;} /* 168 */ .delivery-details label {display: block; width:100%;} /* 169 */ .delivery-details input {width:100%; display:block;} /* 170 */ /* 171 */ .billing-details {float:none !important; margin-top:50px !important;; margin-left:-10px !important; width:100%; height:auto !important; margin:0;} /* 172 */ .billing-details label {display: block; width:100%;} /* 173 */ .billing-details input {width:100%; display:block;} /* 174 */ /* 175 */ #billing-different {margin-bottom:20px;} /* 176 */ #billing-different label {width:220px; float:left;} /* 177 */ #billing-different input {} /* 178 */ /* 179 */ .register-new .account-fields label {width:90%} /* 180 */ .register-new .account-fields input {width:90%} /* 181 */ /* 182 */ .checkout-extra{float:none !important; margin-top:20px !important;; margin-left:-10px !important; width:100%; height:auto !important; margin:0;} /* 183 */ .checkout-extra label {display: block; width:100%;} /* 184 */ .checkout-extra input {width:100%; display:block;} /* 185 */ .checkout-extra textarea {width:100% !important;; display:block;} /* 186 */ /* 187 */ #orderconfirmation {width:100%;} /* 188 */ #orderconfirmation table {} /* 189 */ #orderconfirmation table tr td {text-align:left; vertical-align: top;} /* 190 */ #orderconfirmation table tr td:nth-of-type(1) {} /* 191 */ #orderconfirmation table tr td:nth-of-type(2) {} /* 192 */ /* 193 */ #itembreakdowntable {width:110% !important; margin:20px auto 0 auto !important; } /* 194 */ #itembreakdowntable, /* 195 */ #itembreakdowntable thead, /* 196 */ #itembreakdowntable tbody, /* 197 */ #itembreakdowntable th, /* 198 */ #itembreakdowntable td, /* 199 */ #itembreakdowntable tr {display: block;} /* 200 */ #itembreakdowntable thead tr {position: absolute; top: -9999px; left: -9999px;} /* resize.css */ /* 201 */ #itembreakdowntable tr {border: 1px solid #ccc;} /* 202 */ #itembreakdowntable tr:not(.summaryrow) td {border: none !important; border-bottom: 1px solid #eee; position: relative;padding-left: 50% !important; } /* 203 */ #itembreakdowntable tr:not(.summaryrow) td:before { position: absolute;top: 10px;left: 6px;width: 45%; padding-right: 10px; white-space: nowrap;} /* 204 */ #itembreakdowntable tr:not(.summaryrow) td:nth-of-type(1) { width:auto !important;} /* 205 */ #itembreakdowntable tr:not(.summaryrow) td:nth-of-type(2) { width:auto !important;} /* 206 */ #itembreakdowntable tr:not(.summaryrow) td:nth-of-type(1):before { content: "Item"; width:auto;} /* 207 */ #itembreakdowntable tr:not(.summaryrow) td:nth-of-type(2):before { content: "Quantity";} /* 208 */ #itembreakdowntable tr:not(.summaryrow) td:nth-of-type(3):before { content: "Item Ex Vat";} /* 209 */ #itembreakdowntable tr:not(.summaryrow) td:nth-of-type(4):before { content: "Item Vat";} /* 210 */ #itembreakdowntable tr:not(.summaryrow) td:nth-of-type(5):before { content: "Item Inc Vat";} /* 211 */ #itembreakdowntable tr:not(.summaryrow) td:nth-of-type(6):before { content: "Line Ex Vat";} /* 212 */ #itembreakdowntable tr:not(.summaryrow) td:nth-of-type(7):before { content: "Line Vat";} /* 213 */ #itembreakdowntable tr:not(.summaryrow) td:nth-of-type(8):before { content: "Line Inc Vat";} /* 214 */ /* 215 */ /* Overlay */ /* 216 */ #resultholder{top: 15px; width: 78%; left: -43%; padding: 20px 4% 20px 4%;} /* 217 */ #resultholder label {width: 94%; display: block; text-align: left;} /* 218 */ #resultholder input{width: 94%; display: block; padding: 4px 2%;} /* 219 */ #resultholder select{width: 94%; display: block; padding: 4px 2%;} /* 220 */ #resultholder input.button{width: auto;} /* 221 */ } /* helpers.css */ /* 1 */ /* ========================================================================== /* 2 *| Helper classes /* 3 *| ========================================================================== */ /* 4 */ /* 5 */ .ir { /* 6 */ background-color: transparent; /* 7 */ border: 0; /* 8 */ overflow: hidden; /* 9 */ *text-indent: -9999px; /* 10 */ } /* 11 */ /* 12 */ .ir:before { /* 13 */ content: ""; /* 14 */ display: block; /* 15 */ width: 0; /* 16 */ height: 100%; /* 17 */ } /* 18 */ /* 19 */ .hidden { /* 20 */ display: none !important; /* 21 */ visibility: hidden; /* 22 */ } /* 23 */ /* 24 */ .visuallyhidden { /* 25 */ border: 0; /* 26 */ clip: rect(0 0 0 0); /* 27 */ height: 1px; /* 28 */ margin: -1px; /* 29 */ overflow: hidden; /* 30 */ padding: 0; /* 31 */ position: absolute; /* 32 */ width: 1px; /* 33 */ } /* 34 */ /* 35 */ .visuallyhidden.focusable:active, /* 36 */ .visuallyhidden.focusable:focus { /* 37 */ clip: auto; /* 38 */ height: auto; /* 39 */ margin: 0; /* 40 */ overflow: visible; /* 41 */ position: static; /* 42 */ width: auto; /* 43 */ } /* 44 */ /* 45 */ .invisible { /* 46 */ visibility: hidden; /* 47 */ } /* 48 */ /* 49 */ .clearfix:before, /* 50 */ .clearfix:after { /* helpers.css */ /* 51 */ content: " "; /* 52 */ display: table; /* 53 */ } /* 54 */ /* 55 */ .clearfix:after { /* 56 */ clear: both; /* 57 */ } /* 58 */ /* 59 */ .clearfix { /* 60 */ *zoom: 1; /* 61 */ } /* cookie.css */ /* 1 */ /* Cookie styles */ /* 2 */ .cookie-container{background-color: #8ac861; width: 100%; position: fixed; bottom: 0; z-index: 10000; display: none;} /* 3 */ .cookie-container .wrapper{padding: 1%; width: 98% !important;} /* 4 */ .cookie-container p{color: #FFF; width: 93%; margin: 0;} /* 5 */ .cookie-container a{color: #FFF; text-decoration: underline;} /* 6 */ .cookie-container a:hover{opacity: 0.8} /* 7 */ .cookie-container #cookiespopupclose{position: absolute; top: 11px; right: 10px; width: auto !important;} /* print.css */ /* 1 */ @media print { /* 2 */ body {color: #000; background: #fff;} /* 3 */ .wrapper{width: auto; margin: 0; padding: 0; color: #000; background: white !important; height: auto !important; text-align: left !important;} /* 4 */ .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c10, .c11, .c12{width: 95% !important; margin: 10px 0; padding: 0 2.5%; float: none !important} /* 5 */ h1, h2, h3, h4, h5, h6 {page-break-after: avoid; color: #000} /* 6 */ h1 {font-size: 2rem; } /* 7 */ h2 {font-size: 1.3rem;} /* 8 */ h3 {font-size: 1rem;} /* 9 */ h4 {font-size: 1rem;} /* 10 */ h5 {font-size: 1rem;} /* 11 */ h6 {font-size: 1rem;} /* 12 */ ol, ul, img {page-break-inside: avoid;} /* 13 */ /* 14 */ .main-container table{box-shadow: none;} /* 15 */ .main-container table tr td, .main-container table tr th{font-size: 0.8rem} /* 16 */ /* 17 */ .desktophidden, .mobilehidden, .printhidden, aside, .menu-container, #gridoverlay, .cookie-container, hr{display: none;} /* 18 */ .printonly{display: block;} /* 19 */ /* 20 */ .footer-container .wrapper ul{display: none;} /* 21 */ /* 22 */ form{page-break-inside: auto;} /* 23 */ fieldset{page-break-inside: auto;} /* 24 */ /* 25 */ .footer-container{display: none;} /* 26 */ } /* slider.css */ /* 1 */ div.blmslideshow{width: 200px; height: 200px; position: relative; overflow: hidden; margin: 0x; display: inline-block} /* 2 */ /* 3 */ /* 4 */ /* Example Sizes - SHOULD BE REPLACED OR MADE MORE SPECIFIC */ /* 5 */ div.blmslideshow.fullwidth{width: 100%; height: 450px; margin: 0;} /* 6 */ /* 7 */ /* 8 */ div.blmslideshow div.slide{background: transparent center center no-repeat; width: 100%; height: 100%; background-size: cover; position: absolute;} /* 9 */ div.blmslideshow div.slide.clickable{cursor:pointer;} /* 10 */ /* 11 */ /* Multiple Slides At Once */ /* 12 */ div.blmslideshow.multi {width: 700px; height: 120px} /* 13 */ div.blmslideshow.multi div.slide{position: absolute; width: 20% !important; margin-right: 20px;} /* 14 */ div.blmslideshow.multi div.slide.pos1{left: 0% !important;} /* 15 */ div.blmslideshow.multi div.slide.pos2{left: 20% !important;} /* 16 */ div.blmslideshow.multi div.slide.pos3{left: 40% !important;} /* 17 */ div.blmslideshow.multi div.slide.pos4{left: 60% !important;} /* 18 */ div.blmslideshow.multi div.slide.pos5{left: 80% !important;} /* 19 */ /* 20 */ /* Captions */ /* 21 */ div.blmslideshow div.slide div.caption{width: 100%; position: absolute; top: 20%; left: 0; color: white; text-align: center} /* 22 */ div.blmslideshow div.slide div.caption p{margin: 5px; padding: 0; color: white; text-transform: uppercase;} /* 23 */ div.blmslideshow div.slide div.caption h3{margin: 5px; padding: 0; color: white; text-transform: uppercase; font-size: 3rem; text-shadow: 1px 1px 5px #555} /* 24 */ /* 25 */ /* Arrows */ /* 26 */ div.blmslideshow a.arrows{position: absolute; top: 50%; margin-top: -10px; z-index: 2000; font-weight: bold; color: white; cursor: pointer;} /* 27 */ div.blmslideshow a.arrows.previous{left: 5px;} /* 28 */ div.blmslideshow a.arrows.next{right: 5px;} /* 29 */ /* 30 */ /* Indicators */ /* 31 */ div.blmslideshow ul.indicators{list-style-type: none; position: absolute; top: 5px; right: 5px; z-index: 2000; margin: 0; padding: 0;} /* 32 */ div.blmslideshow ul.indicators li{list-style-type: none; width: 10px; height: 10px; border-radius: 50%; display: inline-block; background: rgba(200, 200, 200, 0.2); border: 1px solid rgba(200, 200, 200, 0.8); z-index: 2001; margin: 0 5px 0 0;} /* 33 */ div.blmslideshow ul.indicators li:hover{cursor: pointer;} /* 34 */ div.blmslideshow ul.indicators li.selected{animation: indicators-fadein 2s; animation-fill-mode: forwards;} /* 35 */ @keyframes indicators-fadein{ /* 36 */ 100% { background: rgba(200, 200, 200, 0.8); border: 1px solid rgba(200, 200, 200, 1); } /* 37 */ } /* 38 */ /* 39 */ /* Transition into first slide */ /* 40 */ div.blmslideshow div.slide1 {animation: slide-fadein 0.5s; opacity: 0; animation-fill-mode: forwards;} /* 41 */ @keyframes slide-fadein{ /* 42 */ 0% { opacity: 0; } /* 43 */ 100% { opacity: 1; } /* 44 */ } /* 45 */ div.blmslideshow div.slide1 div.caption{animation: slide-slide1-captionanim 0.5s; animation-delay: 0.5s; opacity: 0; animation-fill-mode: forwards;} /* 46 */ @keyframes slide-slide1-captionanim{ /* 47 */ 0% { opacity: 0; } /* 48 */ 100% { opacity: 1; } /* 49 */ } /* 50 */ /* slider.css */ /* 51 */ /* Transition Options */ /* 52 */ div.blmslideshow.crossfade div.slide2 {animation: slide-crossfade 2s; opacity: 0; animation-fill-mode: forwards;} /* 53 */ @keyframes slide-crossfade{ /* 54 */ 0% { opacity: 0; } /* 55 */ 100% { opacity: 1; } /* 56 */ } /* 57 */ div.blmslideshow.crossfade div.slide2 div.caption{opacity: 0;} /* 58 */ div.blmslideshow.crossfade div.slide2 div.caption{animation: slide-crossfade-captionanim 1s; animation-delay: 2s; opacity: 0; animation-fill-mode: forwards;} /* 59 */ @keyframes slide-crossfade-captionanim{ /* 60 */ 0% { opacity: 0; } /* 61 */ 100% { opacity: 1; } /* 62 */ } /* 63 */ /* 64 */ div.blmslideshow.slidefromright div.slide2 { animation: slide-slidefromright 2s; animation-fill-mode: forwards; right: -100%;} /* 65 */ @keyframes slide-slidefromright{ /* 66 */ 0% {right: -100%;} /* 67 */ 100% {right: 0%;} /* 68 */ } /* 69 */ /* 70 */ div.blmslideshow.slidefromleft div.slide2 { animation: slide-slidefromleft 2s; animation-fill-mode: forwards; left: -100%;} /* 71 */ @keyframes slide-slidefromleft{ /* 72 */ 0% {left: -100%;} /* 73 */ 100% {left: 0%;} /* 74 */ } /* 75 */ /* 76 */ div.blmslideshow.pop div.slide2 { animation: slide-pop 0.5s; animation-timing-function: easeInOutElastic; animation-fill-mode: forwards; left: 50%; top: 50%; width: 0%; height: 0%;} /* 77 */ @keyframes slide-pop{ /* 78 */ 0% {left: 50%; width: 0%; height: 0%; top: 50%; color: transparent; } /* 79 */ 70% {left: -5%; width: 110%; height: 110%; top: -5%; color: transparent;} /* 80 */ 100% {left: 0%; width: 100%; height: 100%; top: 0%; color: black;} /* 81 */ } /* cerabox.css */ /* 1 */ #cerabox-loading { /* 2 */ position: fixed; /* 3 */ top: 50%; /* 4 */ left: 50%; /* 5 */ width: 40px; /* 6 */ height: 40px; /* 7 */ margin-top: -20px; /* 8 */ margin-left: -20px; /* 9 */ cursor: pointer; /* 10 */ overflow: hidden; /* 11 */ z-index: 1106; /* 12 */ display: none; /* 13 */ /* 14 */ -webkit-transform: scale(1); /* 15 */ -webkit-transform-origin: 50% 50%; /* 16 */ transform: scale(1); /* 17 */ transform-origin: 50% 50%; /* 18 */ } /* 19 */ /* 20 */ #cerabox-loading div { /* 21 */ position: absolute; /* 22 */ top: 0; /* 23 */ left: 0; /* 24 */ width: 40px; /* 25 */ height: 480px; /* 26 */ background-image: url("../img/cerabox.png"); /* 27 */ } /* 28 */ /* 29 */ #cerabox-background { /* 30 */ position: fixed; /* 31 */ top: 0; /* 32 */ left: 0; /* 33 */ width: 100%; /* 34 */ height: 100%; /* 35 */ z-index: 1100; /* 36 */ display: none; /* 37 */ background: #000; /* 38 */ opacity: .5; /* 39 */ } /* 40 */ /* 41 */ #cerabox { /* 42 */ position: absolute; /* 43 */ top: 50%; /* 44 */ left: 50%; /* 45 */ z-index: 1101; /* 46 */ display: none; /* 47 */ opacity: 0; /* 48 */ background: #fff; /* 49 */ /* 50 */ -webkit-transform: scale(1); /* cerabox.css */ /* 51 */ -webkit-transform-origin: 0 0; /* 52 */ transform: scale(1); /* 53 */ transform-origin: 0 0; /* 54 */ } /* 55 */ /* 56 */ #cerabox .cerabox-content { /* 57 */ width: 100%; /* 58 */ height: 100%; /* 59 */ padding: 0; /* 60 */ outline: none; /* 61 */ position: relative; /* 62 */ overflow: hidden; /* 63 */ z-index: 1102; /* 64 */ border: 0px solid #fff; /* 65 */ /*CSS3*/ /* 66 */ -moz-box-shadow: 0 0 30px -5px #333; /* 67 */ -webkit-box-shadow: 0 0 30px -5px #333; /* 68 */ box-shadow: 0 0 30px -5px #333; /* 69 */ } /* 70 */ /* 71 */ #cerabox span.cerabox-error, #cerabox .cerabox-title span { /* 72 */ padding: 10px; /* 73 */ display: block; /* 74 */ font-family: Helvetica; /* 75 */ font-size: 12px; /* 76 */ color: #000; /* 77 */ line-height: normal; /* 78 */ } /* 79 */ #cerabox span.cerabox-error { text-align: justify; } /* 80 */ #cerabox .cerabox-title span { display: none; color: #fff; } /* 81 */ /* 82 */ #cerabox .cerabox-title { /* 83 */ z-index: 1102; /* 84 */ position: absolute; /* 85 */ bottom: 0; /* 86 */ left: 0; /* 87 */ color: #FFF; /* 88 */ text-align: left; /* 89 */ background: #000; /* 90 */ background: rgba(0,0,0,.8); /* 91 */ width: 100%; /* 92 */ /* 93 */ -webkit-transform: scale(1); /* 94 */ -webkit-transform-origin: 0 100%; /* 95 */ transform: scale(1); /* 96 */ transform-origin: 0 100%; /* 97 */ } /* 98 */ /* 99 */ /* 100 */ #cerabox .cerabox-close { /* cerabox.css */ /* 101 */ position: absolute; /* 102 */ top: -20px; /* 103 */ right: -20px; /* 104 */ width: 40px; /* 105 */ height: 40px; /* 106 */ background: url('../img/cerabox.png') -42px 0px no-repeat; /* 107 */ cursor: pointer; /* 108 */ z-index: 1105; /* 109 */ /* 110 */ -webkit-transform: scale(1); /* 111 */ -webkit-transform-origin: 100% 0; /* 112 */ transform: scale(1); /* 113 */ transform-origin: 100% 0; /* 114 */ } /* 115 */ /* 116 */ #cerabox .cerabox-content img.image { /* 117 */ float: left; /* 118 */ width: 100%; /* 119 */ height: 100%; /* 120 */ padding: 0; /* 121 */ margin: 0; /* 122 */ border: none; /* 123 */ outline: none; /* 124 */ line-height: 0; /* 125 */ vertical-align: top; /* 126 */ } /* 127 */ /* 128 */ #cerabox .cerabox-content iframe.iframe { /* 129 */ width: 100%; /* 130 */ height: 100%; /* 131 */ border: none; /* 132 */ display: block; /* 133 */ } /* 134 */ /* 135 */ #cerabox a.cerabox-left, #cerabox a.cerabox-right { /* 136 */ position: absolute; /* 137 */ bottom: 0px; /* 138 */ height: 100%; /* 139 */ width: 35%; /* 140 */ cursor: pointer; /* 141 */ outline: none; /* 142 */ background: transparent url('../img/blank.gif'); /* 143 */ z-index: 1104; /* 144 */ display: none; /* 145 */ } /* 146 */ /* 147 */ #cerabox a.cerabox-left { /* 148 */ left: 0px; /* 149 */ /* 150 */ -webkit-transform: scale(1); /* cerabox.css */ /* 151 */ -webkit-transform-origin: 0 50%; /* 152 */ transform: scale(1); /* 153 */ transform-origin: 0 50%; /* 154 */ } /* 155 */ /* 156 */ #cerabox a.cerabox-right { /* 157 */ right: 0px; /* 158 */ /* 159 */ -webkit-transform: scale(1); /* 160 */ -webkit-transform-origin: 100% 50%; /* 161 */ transform: scale(1); /* 162 */ transform-origin: 100% 50%; /* 163 */ } /* 164 */ /* 165 */ #cerabox a.cerabox-left span, #cerabox a.cerabox-right span { /* 166 */ position: absolute; /* 167 */ top: 50%; /* 168 */ /*left: -9999px;*/ /* 169 */ width: 40px; /* 170 */ height: 40px; /* 171 */ margin-top: -20px; /* 172 */ cursor: pointer; /* 173 */ z-index: 1104; /* 174 */ display: block; /* 175 */ } /* 176 */ /* 177 */ /*#cerabox a.cerabox-left:hover span, #cerabox.mobile a.cerabox-left span { /* 178 *| background-image: url('../img/cerabox.png'); /* 179 *| background-position: -42px -40px; /* 180 *| background-repeat: no-repeat; /* 181 *| left: -20px; /* 182 *| } /* 183 *| /* 184 *| #cerabox a.cerabox-right:hover span, #cerabox.mobile a.cerabox-right span { /* 185 *| background-image: url('../img/cerabox.png'); /* 186 *| background-position: -42px -80px; /* 187 *| background-repeat: no-repeat; /* 188 *| right: -20px; /* 189 *| }*/ /* 190 */ /* 191 */ /* Removed hover to make arrows always be displayed */ /* 192 */ #cerabox a.cerabox-left span, #cerabox.mobile a.cerabox-left span { /* 193 */ background-image: url('../img/cerabox.png'); /* 194 */ background-position: -42px -40px; /* 195 */ background-repeat: no-repeat; /* 196 */ left: -20px; /* 197 */ } /* 198 */ /* 199 */ #cerabox a.cerabox-right span, #cerabox.mobile a.cerabox-right span { /* 200 */ background-image: url('../img/cerabox.png'); /* cerabox.css */ /* 201 */ background-position: -42px -80px; /* 202 */ background-repeat: no-repeat; /* 203 */ right: -20px; /* 204 */ } /* 205 */ /* 206 */ #cerabox .cerabox-content-protection { /* 207 */ display: none; /* 208 */ position: absolute; /* 209 */ background: transparent url('../img/blank.gif'); /* 210 */ z-index: 1103; /* 211 */ left: 0; /* 212 */ right: 0; /* 213 */ bottom: 0; /* 214 */ top: 0; /* 215 */ -moz-user-select: none; /* 216 */ -khtml-user-select: none; /* 217 */ user-select: none; /* 218 */ } /* 219 */ /* 220 */ /*IE6*/ /* 221 */ #cerabox-loading.ceraboxbox-ie6 { /* 222 */ position: absolute; margin-top: 0; /* 223 */ top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); /* 224 */ } /* 225 */ /* 226 */ /* 227 */ /* 228 */ /*Mobile*/ /* 229 */ #cerabox.mobile { /* 230 */ /*width: 100% !important; /* 231 *| height: 100% !important;*/ /* 232 */ background: #000; /* 233 */ } /* 234 */ /* 235 */ #cerabox.mobile .cerabox-content { /* 236 */ background: #fff; /* 237 */ /*CSS3*/ /* 238 */ -moz-box-shadow: none; /* 239 */ -webkit-box-shadow: none; /* 240 */ box-shadow: none; /* 241 */ } /* 242 */ /* 243 */ #cerabox.mobile .cerabox-content :first-child { /* 244 */ background: #fff; /* 245 */ } /* 246 */ /* 247 */ #cerabox.mobile .cerabox-close { /* 248 */ top: 2px !important; /* 249 */ right: 0 !important; /* 250 */ } /* cerabox.css */ /* 251 */ /* 252 */ #cerabox.mobile a.cerabox-left span { /* 253 */ left: 0 !important; /* 254 */ } /* 255 */ /* 256 */ #cerabox.mobile a.cerabox-right span { /* 257 */ right: 0 !important; /* 258 */ } /* 259 */ /* 260 */ #cerabox.mobile a.cerabox-left, #cerabox.mobile a.cerabox-right { /* 261 */ width: 10%; /* 262 */ } /* products.css */ /* 1 */ /* Header container */ /* 2 */ .header-container .view-mini-basket{margin-top: 0px; font-size: 0.8em;} /* 3 */ .header-container .view-mini-basket{color: #FFF; cursor: pointer; position: absolute; right: 360px; top: 0px;} /* 4 */ .header-container .view-mini-basket a{color: #FFF;} /* 5 */ /* 6 */ .button{font-family: 'Baloo Bhaina',cursive; text-transform: uppercase; border-radius: 33px; background: none; background-color: #8AC861; text-shadow: none; font-size: 1.35rem; color: #FFF; border: none;} /* 7 */ .button:hover{border: none; background: none; background-color: #664E32; opacity: 1; color: #FFF;} /* 8 */ /* 9 */ /* Mini Basket */ /* 10 */ #menu_basket .basketcount {display:inline-block; position: absolute; top:0} /* 11 */ .header-container #minibasketwrapper {position: fixed; top: 0; right: 0; z-index:1100; font-size: 0.9rem; overflow: hidden; width: 320px; transition:width 1s;height: 100vh; background-color: #F0F0F0; box-shadow: -1px 5px 15px -5px #888} /* 12 */ .header-container .basket-hidden {width:0px !important; transition: width 1s;} /* 13 */ /* 14 */ .header-container #minibasketwrapper .mini-basket{font-size: 1.2em; z-index: 1000; width: 320px; } /* 15 */ .header-container #minibasketwrapper .top-bar {background:#664e32; padding:5px 0 0 0; height:33px;} /* 16 */ .header-container #minibasketwrapper .top-bar h4{margin:0 0 5px 5px; padding:4px 0 5px 10px; font-size: 1.3rem; color: #fff; text-transform:uppercase; } /* 17 */ .header-container #minibasketwrapper .top-bar h4 .closelink{float:right; margin: -4px 4px 0 0; cursor: pointer;} /* 18 */ /* 19 */ .header-container #minibasketwrapper .bottom-section #minibasketitems {padding:20px 20px 0 20px;max-height: 60vh;overflow-y: auto;} /* 20 */ .header-container #minibasketwrapper .bottom-section #minibasketitems form { display:block;} /* 21 */ .header-container #minibasketwrapper .bottom-section #minibasketitems div.minibasketitem {position:relative; min-height:140px; border-bottom:1px solid #b1b1b3; margin-bottom:20px;} /* 22 */ .header-container #minibasketwrapper .bottom-section #minibasketitems div.minibasketitem:last-of-type {border-bottom:none; margin-bottom:0;} /* 23 */ .header-container #minibasketwrapper .bottom-section #minibasketitems div.minibasketitem .minibasketitem-left {width: 100px; position: absolute} /* 24 */ .header-container #minibasketwrapper .bottom-section #minibasketitems div.minibasketitem .minibasketitem-left .minibasketitem-image {margin: 0; background:#fff; width: 125px; border: 1px solid #bebebe} /* 25 */ .header-container #minibasketwrapper .bottom-section #minibasketitems div.minibasketitem .minibasketitem-left .minibasketitem-image img {max-height:140px; width:125px; max-width: none;} /* 26 */ .header-container #minibasketwrapper .bottom-section #minibasketitems div.minibasketitem .minibasketitem-right {width: 50%; position: absolute; left: 50%; top: -5px;} /* 27 */ .header-container #minibasketwrapper .bottom-section #minibasketitems div.minibasketitem .minibasketitem-right p {margin: 0; font-size: 0.9rem;} /* 28 */ .header-container #minibasketwrapper .bottom-section #minibasketitems div.minibasketitem .minibasketitem-right p.minibasketitem-code {} /* 29 */ .header-container #minibasketwrapper .bottom-section #minibasketitems div.minibasketitem .minibasketitem-right p.minibasketitem-code a {text-decoration:none; color:#0a0b0d; line-height: 1rem; font-weight: bold;} /* 30 */ .header-container #minibasketwrapper .bottom-section #minibasketitems div.minibasketitem .minibasketitem-right p.minibasketitem-description {line-height: 0.6rem} /* 31 */ .header-container #minibasketwrapper .bottom-section #minibasketitems div.minibasketitem .minibasketitem-right p.minibasketitem-description a {line-height:1rem; text-decoration:none; color:#0a0b0d; } /* 32 */ .header-container #minibasketwrapper .bottom-section #minibasketitems div.minibasketitem .minibasketitem-right p.minibasketitem-price {font-weight: bold;} /* 33 */ .header-container #minibasketwrapper .bottom-section #minibasketitems div.minibasketitem .minibasketitem-right p.minibasketitem-remove a {color:#0a0b0d; text-decoration:none; font-size: 0.7rem;} /* 34 */ .header-container #minibasketwrapper .bottom-section #minibasketitems div.minibasketitem .minibasketitem-right p.minibasketitem-quantity {background:#fff; width:100px; text-transform:uppercase; padding-left: 10px; height: 32px; padding-top: 3px; position: relative;} /* 35 */ .header-container #minibasketwrapper .bottom-section #minibasketitems div.minibasketitem .minibasketitem-right p.minibasketitem-quantity select {position: absolute; top: 0; right: 0; border:none; width:50px; height:35px;} /* 36 */ /* 37 */ .header-container #minibasketwrapper .bottom-section {color:#090a0c; padding-bottom: 50px;} /* 38 */ .header-container #minibasketwrapper .bottom-section p{font-size: 0.8rem; color: #090a0c; margin-bottom: 5px;} /* 39 */ .header-container #minibasketwrapper .bottom-section .button {text-shadow: none; padding: 3px 0 0 0; width: 80%; margin: 0 auto 10px auto;} /* 40 */ .header-container .mini-basket .button{display: block; text-align: center; margin-right: 0; margin-bottom: 0; font-weight: normal; float: none; padding: 2px 45px;} /* 41 */ /* 42 */ .header-container #minibasketwrapper .bottom-section .minibasket-total {margin: 0 auto 20px auto; padding: 5px 0; border-top: 1px solid #B1B1B3; border-bottom: 1px solid #B1B1B3; text-align: center;} /* 43 */ .header-container #minibasketwrapper .bottom-section .minibasket-total p { font-size: 1.2rem; text-align:left; text-transform: uppercase; margin: 0; font-weight:600; padding-left: 20px} /* 44 */ .header-container #minibasketwrapper .bottom-section .minibasket-total p strong {text-align:right; display:inline-block; margin-left:60px; width:50%;} /* 45 */ .header-container #minibasketwrapper .bottom-section .minibasket-emptymessage {text-align: center;} /* 46 */ /* 47 */ .header-container #minibasketwrapper .minibasket-related {text-align: center; height: 250px; margin-top: 50px;} /* 48 */ .header-container #minibasketwrapper .minibasket-related h4 {color:#090a0c; text-transform:uppercase; font-weight:600; font-size:1.2rem; margin-bottom:20px;} /* 49 */ .header-container #minibasketwrapper .minibasket-related .minibasket-relatedproduct {display: inline-block; vertical-align: top; margin: 0 10px;} /* 50 */ .header-container #minibasketwrapper .minibasket-related .minibasket-relatedproduct a{display: block;} /* products.css */ /* 51 */ .header-container #minibasketwrapper .minibasket-related .minibasket-relatedproduct .minibasketrelated-image {margin: 0; background: #FFF; width: 125px; border: 1px solid #BEBEBE;} /* 52 */ .header-container #minibasketwrapper .minibasket-related .minibasket-relatedproduct .minibasketrelated-image img {height: 140px;} /* 53 */ .header-container #minibasketwrapper .minibasket-related .minibasket-relatedproduct p {margin:0;} /* 54 */ .header-container #minibasketwrapper .minibasket-related .minibasket-relatedproduct .minibasketrelated-info-description {color:#181818; font-size:0.8rem; line-height:1rem; font-weight:600; text-transform:uppercase; min-height: 100px; width:130px; margin-top:10px;} /* 55 */ /* 56 */ .header-container #minibasketwrapper .minibasket-related .minibasket-relatedproduct .minibasketrelated-info-price {font-weight:500; font-size:0.9rem} /* 57 */ /* 58 */ .header-container #minibasketwrapper .minibasket-related .minibasket-relatedproduct .minibasketrelated-info-link {background: #000; margin: 0 auto;} /* 59 */ .header-container #minibasketwrapper .minibasket-related .minibasket-relatedproduct .minibasketrelated-info-link a {text-decoration: none; color: #FFF;} /* 60 */ /* 61 */ /* 62 */ /* Customer Menu */ /* 63 */ .header-container ul.customer-menu{padding: 0; margin: 0; position: absolute; top: 15px; right: 0;} /* 64 */ .header-container ul.customer-menu li{width: auto; font-size: 0.8rem; display: inline-block; margin: 0 0 0 5px; padding: 0; color: #fff} /* 65 */ .header-container ul.customer-menu li a{display: inline; padding: 1px 5px; margin: 0; text-decoration: none;} /* 66 */ .header-container ul.customer-menu li a:hover{opacity: 0.8} /* 67 */ .header-container ul.customer-menu li#menu_basket a{margin-right: 0;} /* 68 */ .header-container ul.customer-menu li#menu_basket span.basketcount {color:#000; font-style: italic;} /* 69 */ /* 70 */ /* 71 */ /* Checkout iFrame */ /* 72 */ iframe {width: 100%; height: 750px;} /* 73 */ .iframe-page .wrapper {width: auto;} /* 74 */ /* 75 */ /* Paging */ /* 76 */ ul.paging {width: 685px; list-style-type: none; margin: 0 !important; border: 1px solid #EFF7FA; border-width: 1px 0; padding: 10px 0; margin-bottom: 10px !important} /* 77 */ ul.paging li {display: inline;} /* 78 */ ul.paging li a {font-size: 1em; border-right: 1px solid #EEE; text-align: center; padding: 2px 10px } /* 79 */ ul.paging li a:hover, ul.paging li a.selected {font-weight: bold; font-size: 1.2em;} /* 80 */ ul.paging li a.nextpage {border: none;} /* 81 */ /* 82 */ /* Category menu */ /* 83 */ .category-menu-container{} /* 84 */ .category-menu-container ul {margin: 0; padding: 20px 0 0 0; list-style: none; display: grid; gap: 20px; grid-template-columns: calc(25% - 15px) calc(25% - 15px) calc(25% - 15px) calc(25% - 15px); grid-template-rows: auto;} /* 85 */ .category-menu-container ul li {background-size: cover !important; padding: 0; margin: 0 3% 30px 0; position: relative; box-shadow: -5px 5px rgba(93,77,69,.3);} /* 86 */ .category-menu-container ul li.righthandside{margin-right: 0;} /* 87 */ .category-menu-container ul li a {text-shadow: 0 0 5px #000; font-size: 1.7em; letter-spacing: .1rem; font-family: 'Baloo Bhaina',cursive; color: #FFF; text-decoration: none; padding: 30px 0 0 30px; height: 154px; display: block; font-weight: bold;} /* 88 */ /* 89 */ /* Sub Category menu */ /* 90 */ .subcategory-menu-container{} /* 91 */ .subcategory-menu-container ul {margin: 0; padding: 20px 0 0 0; list-style: none;} /* 92 */ .subcategory-menu-container ul li {border: 5px solid #82A311; width: 215px; height: 165px; float: left; display: block; padding: 0; margin: 0 8px 10px 0; position: relative;} /* 93 */ .subcategory-menu-container ul li a {color: #666; text-decoration: none; width: 178px; padding: 13px 0 0 37px; height: 154px; display: block; font-weight: bold;} /* 94 */ /* 95 */ /* Login Form */ /* 96 */ .login-container{margin: 0px 0; padding: 30px 0} /* 97 */ .login-container h1{text-align: center; color: #000; text-transform: uppercase; margin:0} /* 98 */ .login-container .loginform{padding: 20px 200px;} /* 99 */ .login-container .loginform label{font-size: 1rem; height: auto; color: #000} /* 100 */ .login-container .loginform input{padding: 10px 5px;font-size: 1rem; } /* products.css */ /* 101 */ .login-container .loginform input.button{text-transform: uppercase; height: 35px; font-size: 0.8rem; background: #000; border: none; border-radius: 2px; color: #fff; font-weight: 300; text-shadow: 0 0; cursor: pointer; margin: 0; float: none; padding: 8px 68px; font-family: "eurostile-extended", "Michroma", Arial, sans-serif;} /* 102 */ .login-container .loginform .buttons{text-align: center;} /* 103 */ .login-container .loginform .buttons p{margin-top: 20px;} /* 104 */ .login-container .loginform .buttons p a{display: inline-block; border-radius: 2px; padding: 7px 15px; background-color: #000; text-transform: uppercase; font-size: 0.8rem; color: #fff; text-decoration: none;} /* 105 */ .login-container .passwordreset{text-align: center;} /* 106 */ .login-container .passwordreset a{color: #000; text-decoration: none;} /* 107 */ /* 108 */ /* Password Reset Form */ /* 109 */ .password-reset-container{background-color: rgba(0, 0, 0, 0.7); margin: 50px 100px; padding: 30px 0} /* 110 */ .password-reset-container h1{text-align: center; color: #fff; text-transform: uppercase;} /* 111 */ .password-reset-container p{text-align: center; color: #fff; margin: 5px 50px} /* 112 */ .password-reset-container .passwordresetform{padding: 20px 200px;} /* 113 */ .password-reset-container .passwordresetform label{font-size: 1rem; height: auto; color: #fff} /* 114 */ .password-reset-container .passwordresetform input{padding: 10px 5px;font-size: 1rem; } /* 115 */ .password-reset-container .passwordresetform input.button{text-transform: uppercase; height: 35px; font-size: 0.8rem; background: #EB1C23; /* Old browsers */ background: #EB1C23 -moz-linear-gradient(top, rgba(235,28,35,1) 0%, rgba(235,28,35,1) 100%); /* FF3.6+ */ background: #EB1C23 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,28,35,1)), color-stop(100%,rgba(235,28,35,1))); /* Chrome,Safari4+ */ background: #EB1C23 -webkit-linear-gradient(top, rgba(235,28,35,1) 0%,rgba(235,28,35,1) 100%); /* Chrome10+,Safari5.1+ */ background: #EB1C23 -o-linear-gradient(top, rgba(235,28,35,1) 0%,rgba(235,28,35,1) 100%); /* Opera11.10+ */ background: #EB1C23 -ms-linear-gradient(top, rgba(235,28,35,1) 0%,rgba(235,28,35,1) 100%); /* IE10+ */ background: #EB1C23 linear-gradient(top, rgba(235,28,35,1) 0%,rgba(235,28,35,1) 100%); /* W3C */ border: none; border-radius: 2px; color: #fff; font-weight: 300; text-shadow: 0 0; cursor: pointer; margin: 0; float: none; padding: 8px 68px; font-family: "eurostile-extended", "Michroma", Arial, sans-serif;} /* 116 */ .password-reset-container .passwordresetform .buttons{text-align: center;} /* 117 */ .password-reset-container .passwordresetform .buttons p{margin-top: 20px;} /* 118 */ .password-reset-container .passwordresetform .buttons p a{display: inline-block; border-radius: 2px; padding: 7px 15px; background-color: #000; text-transform: uppercase; font-size: 0.8rem; color: #fff; text-decoration: none;} /* 119 */ .password-reset-container .backtologin{text-align: center;} /* 120 */ .password-reset-container .backtologin a{color: #fff; text-decoration: none;} /* 121 */ /* 122 */ /* Products */ /* 123 */ .main-container .product-list {width: 100%} /* 124 */ .main-container .product-list div.product {position:relative; border:1px solid #CCC; display: inline-block; vertical-align: top; width: 31%; margin: 0 1% 10px 0;} /* 125 */ .main-container .product-list div.product h3{font-size: 1.5rem; margin: 5px 0 10px 5px; min-height: 40px;} /* 126 */ .main-container .product-list div.product h3 a{text-decoration: none;} /* 127 */ .main-container .product-list div.product p.outofstock {position: absolute; bottom: 30px; left: 0; margin: 0 10px 10px 10px; line-height: 1.2em; font-size: 0.7em;} /* 128 */ .main-container .product-list div.product p.more {font-size: 0.85rem; padding: 0; margin: 2px 2px 5px 2px;} /* 129 */ .main-container .product-list div.product p.more a{color: #FFF; text-decoration: none; text-align: center; padding: 2px 8px; display: block; background-color: #000;} /* 130 */ .main-container .product-list div.product p.more a:hover{background-color: #000; opacity: 1;} /* 131 */ .main-container .product-list div.product .productimagediv {width: auto; margin: 0 5px 5px 5px; text-align: center;} /* 132 */ .main-container .product-list div.product .productimagediv img{} /* 133 */ /* 134 */ .main-container .product-list .productbuydiv p.productprice{padding: 2px 2px 5px 2px;} /* 135 */ .main-container .product-list .productbuydiv p.productprice span{display: inline-block; width: 48px;} /* 136 */ .main-container .product-list .productbuydiv p.productprice s{color: #989898;} /* 137 */ /* 138 */ .main-container .product-list .add-to-basket{font-size: 0.8rem; padding: 2px 2px 5px 2px; margin: 0;} /* 139 */ .main-container .product-list .add-to-basket label{padding: 3px 10px 0 0;} /* 140 */ .main-container .product-list .add-to-basket .misc-info {width: auto;} /* 141 */ .main-container .product-list .add-to-basket .misc-info input{color:#497DA3; width: 30px; font-size: 0.9em; padding: 0 5px; margin-bottom: 10px; height: 20px;} /* 142 */ .main-container .product-list .add-to-basket .misc-info select{color:#497DA3; width: 105px; padding: 0; margin-bottom: 4px !important; height: 20px} /* 143 */ .main-container .product-list .add-to-basket .button{border-radius: 0; font-weight: 300; background: none; background-color: #000; text-shadow:none; font-size: 0.8rem; color:#FFF; border:none; padding: 5px 0; margin: 0; width: 100%;} /* 144 */ .main-container .product-list .add-to-basket .button:hover {background-color: #664E32; color: #FFF} /* 145 */ /* 146 */ /* Search */ /* 147 */ .search-container{} /* 148 */ .search-container .c3{padding: 0 1%; width: 19.5%; margin-right: 1%;} /* 149 */ .search-container .c9{padding: 0 1%; margin-bottom: 10px;} /* 150 */ /* products.css */ /* 151 */ /* Search - Order By */ /* 152 */ .product-orderby{width: 160px; position: absolute; right: 1%; top: 106px; height: 30px; margin: 0} /* 153 */ .product-orderby select{font-size: 0.7rem; height: 25px; margin: 0; width: 100%; max-width: 100%;} /* 154 */ /* 155 */ /* Search - Matching Categories */ /* 156 */ p.matching-categories{font-size: 0.75rem;} /* 157 */ p.matching-categories span{font-weight: 600;} /* 158 */ /* 159 */ /* Search - Filter */ /* 160 */ #quicksearchfilterform {margin: 0;} /* 161 */ #quicksearchfilterform legend{font-size: 0.7rem;} /* 162 */ #quicksearchfilterform fieldset{margin: 0;} /* 163 */ #quicksearchfilterform label{font-weight: 600; font-size: 0.95rem;} /* 164 */ #quicksearchfilterform .price {clear: both;} /* 165 */ #quicksearchfilterform .price p {margin: 0 0 0 0; font-weight: 600;} /* 166 */ #quicksearchfilterform .price .pricefrom {width: 47%; display: inline-block; margin-right: 2%;} /* 167 */ #quicksearchfilterform .price .priceto {width: 48%; display: inline-block;} /* 168 */ #quicksearchfilterform .price label{font-size: 0.8rem; font-weight: 400;} /* 169 */ #quicksearchfilterform .price input{margin: 0; padding: 3px 4%; width: 80%; font-size: 0.8rem; height: auto;} /* 170 */ #quicksearchfilterform .checkboxdiv {margin: 0 0 4px 0;} /* 171 */ #quicksearchfilterform .checkboxdiv label {padding-right: 0; font-weight: 400; width: auto; font-size: 0.8rem;} /* 172 */ #quicksearchfilterform .checkboxdiv label.label-multicheckbox-level1{} /* 173 */ #quicksearchfilterform .checkboxdiv input.multicheckbox-level1 {/*display: none;*/} /* 174 */ #quicksearchfilterform .checkboxdiv input.multicheckbox-level2 {margin-left: 10px;} /* 175 */ #quicksearchfilterform .productkeywords label{font-weight: 600; font-size: 0.95rem; margin-bottom: 3px;} /* 176 */ #quicksearchfilterform .productkeywords input::placeholder{font-size: 0.75rem;} /* 177 */ #quicksearchfilterform .productkeywords input::-webkit-input-placeholder {font-size: 0.75rem;} /* 178 */ #quicksearchfilterform .productkeywords input::-moz-placeholder {font-size: 0.75rem;} /* 179 */ #quicksearchfilterform .productkeywords input:-ms-input-placeholder {font-size: 0.75rem;} /* 180 */ #quicksearchfilterform .productkeywords input:-moz-placeholder {font-size: 0.75rem;} /* 181 */ /* 182 */ #quicksearchfilterform .productcategory {margin: 0 10px 0 0;} /* 183 */ #quicksearchfilterform .productcategory p {margin:0 0 10px 0;} /* 184 */ /* 185 */ #quicksearchfilterform input.button{border-radius: 0; background: none; text-align: center; background-color: #664E32; text-shadow:none; font-size: 1rem; color:#FFF; font-weight: 300; border:none; float: none; margin: 20px 0 0 0; padding: 8px 0; width: 100%;} /* 186 */ #quicksearchfilterform input.button:hover {background-color: #664E32; color: #FFF;} /* 187 */ /* 188 */ #quicksearchfilterform p.resetform {margin: 10px 0} /* 189 */ #quicksearchfilterform p.resetform a {text-decoration: none;} /* 190 */ #quicksearchfilterform p.multicheckboxheader {font-weight: 600; margin: 20px 0 0 0;} /* 191 */ /* 192 */ /* Search - Products List */ /* 193 */ .main-container h1.category-heading {text-transform: uppercase; text-align: center; font-weight: 600; margin: 15px 0 10px 0; padding-bottom: 15px; border-bottom: 1px solid #000;} /* 194 */ .main-container p.numberofresults{display: inline-block;} /* 195 */ /* 196 */ /* 197 */ /* 198 */ /* 199 */ /* 200 */ /* products.css */ /* 201 */ .main-container .search-results-wrapper{padding-bottom: 20px; display: flex; flex-wrap: wrap;} /* 202 */ .main-container .product-item-wrapper{vertical-align: top; width: 22.5%; margin: 0 2.5% 30px 0; position: relative;} /* 203 */ .main-container .product-item-wrapper .product{position: relative; min-height: 305px; overflow:hidden; text-align: center;} /* 204 */ .main-container .product-item-wrapper .product a{display: block;} /* 205 */ .main-container .product-item-wrapper .product:hover{} /* 206 */ .main-container .product-item-wrapper .product p{font-size: 0.9rem; line-height: 1.4rem; margin: 0 10px;} /* 207 */ .main-container .product-item-wrapper .product p a{text-decoration: none; color: #666; padding: 0 10px;} /* 208 */ /* 209 */ .main-container .product-item-wrapper .product .product-image{position: relative; max-width: 100%; padding-top: 10px; display: inline-block; vertical-align: top;} /* 210 */ .main-container .product-item-wrapper .product .product-image a{padding: 0 0 0 5px;} /* 211 */ .main-container .product-item-wrapper .product .product-image a img{box-shadow: -5px 5px rgba(93,77,69,.3);} /* 212 */ /* 213 */ .main-container .product-item-wrapper .product p.searchproduct-title {margin:10px 0 0 0} /* 214 */ .main-container .product-item-wrapper .product p.searchproduct-title a {font-weight:600; text-transform:uppercase; line-height: 0.9rem} /* 215 */ /* 216 */ .main-container .product-item-wrapper .product .productprice{padding: 0; margin: 0px 0 0 0; font-weight: 600; font-size:1rem} /* 217 */ .main-container .product-item-wrapper .product .productprice.special-offer-price{color: #ED2E21;} /* 218 */ .main-container .product-item-wrapper .product .productprice.special-offer-price s{color: #494949;} /* 219 */ .main-container .product-item-wrapper .product p.more {font-size: 0.85rem; padding: 0; margin: 2px 2px 5px 2px;} /* 220 */ .main-container .product-item-wrapper .product p.more a{color: #FFF; text-decoration: none; text-align: center; padding: 2px 8px; display: block; background-color: #000;} /* 221 */ .main-container .product-item-wrapper .product p.more a:hover{background-color: #000; opacity: 1;} /* 222 */ .main-container .product-item-wrapper .product p.newproduct {position: absolute; top: 0px; right: 0px; color: #fff; z-index: 100; padding: 2px 5px; line-height: 1.2rem; font-weight: 400; font-size: 0.6rem; margin: 0; background-color: #000;} /* 223 */ .main-container .product-item-wrapper .product p.featuredheading {position: absolute; top: 0px; left: 0px; color: #fff; z-index: 100; padding: 2px 5px; line-height: 1.2rem; font-weight: 400; font-size: 0.6rem; margin: 0; background-color: #000; text-transform: uppercase;} /* 224 */ /* 225 */ .main-container .product-item-wrapper .product .add-to-basket{font-size: 0.8rem; padding: 2px 2px 5px 2px; margin: 0;} /* 226 */ .main-container .product-item-wrapper .product .add-to-basket label{padding: 3px 10px 0 0;} /* 227 */ .main-container .product-item-wrapper .product .add-to-basket .misc-info {width: auto;} /* 228 */ .main-container .product-item-wrapper .product .add-to-basket .misc-info input{color:#497DA3; width: 30px; font-size: 0.9em; padding: 0 5px; margin-bottom: 10px; height: 20px;} /* 229 */ .main-container .product-item-wrapper .product .add-to-basket .misc-info select{color:#497DA3; width: 105px; padding: 0; margin-bottom: 4px !important; height: 20px} /* 230 */ .main-container .product-item-wrapper .product .add-to-basket .button{border-radius: 0; font-weight: 300; background: none; background-color: #000; text-shadow:none; font-size: 0.8rem; color:#FFF; border:none; padding: 5px 0; margin: 0; width: 100%;} /* 231 */ .main-container .product-item-wrapper .product .add-to-basket .button:hover {background-color: #664E32; color: #FFF} /* 232 */ /* 233 */ .main-container .product-item-wrapper .product .product-sizeicons {position:absolute; bottom:0; width:100%;} /* 234 */ .main-container .product-item-wrapper .product .product-sizeicons span {background:#000; display:inline-block; padding:2px 0 0 0; margin-right:2px; width:40px; height:20px;} /* 235 */ .main-container .product-item-wrapper .product .product-sizeicons span a {background:#000; display:block; text-decoration:none; color:#fff;} /* 236 */ /* 237 */ /* Search - Searched For List */ /* 238 */ .main-container .searched-for{padding: 20px 0;} /* 239 */ .main-container .searched-for p{display: inline-block;} /* 240 */ .main-container .searched-for ul{display: inline-block; list-style: none; margin: 0; padding: 0 0 0 10px;} /* 241 */ .main-container .searched-for ul li{font-style: italic; padding: 0; margin: 0;} /* 242 */ /* 243 */ /* Search - Products List - Top Row */ /* 244 */ .main-container .product-row-first .product-item-1{border-width: 1px 1px 1px 1px} /* 245 */ .main-container .product-row-first .product-item-2{border-width: 1px 1px 1px 0} /* 246 */ .main-container .product-row-first .product-item-3{border-width: 1px 1px 1px 0} /* 247 */ /* 248 */ /* Search - Products List - Middle Rows */ /* 249 */ .main-container .product-row-middle .product-item-1{border-width: 0 1px 1px 1px} /* 250 */ .main-container .product-row-middle .product-item-2{border-width: 0 1px 1px 0;} /* products.css */ /* 251 */ .main-container .product-row-middle .product-item-3{border-width: 0 1px 1px 0;} /* 252 */ /* 253 */ /* Search - Products List - Bottom Row */ /* 254 */ .main-container .product-row-last .product-item-1{border-width: 0 1px 1px 1px; margin-bottom: 10px;} /* 255 */ .main-container .product-row-last .product-item-2{border-width: 0 1px 1px 0; margin-bottom: 10px;} /* 256 */ .main-container .product-row-last .product-item-3{border-width: 0 1px 1px 0; margin-bottom: 10px;} /* 257 */ /* 258 */ /* Product Page */ /* 259 */ .product-single .main-container-product {padding-top: 20px;} /* 260 */ .product-single .main-container-product .product-details-container {margin: 0 0 20px 0; padding: 19px 2%; width: calc(23% - 2px);} /* 261 */ /* 262 */ .product-single .main-container-product .product-image-container {margin: 0 1% 20px 0; padding: 19px 2%; width: calc(68% - 2px);} /* 263 */ .product-single .main-container-product .product-image-container .product-container{margin-bottom: 20px;} /* 264 */ /* 265 */ .product-single .main-container h1.product-heading{line-height: 1.6rem; margin-top: 0; margin-bottom: 0; font-size: 1.5rem; font-weight: 600; text-transform: uppercase;} /* 266 */ .product-single .main-container-product .product-code {margin-top: 30px; font-size: 1.4rem; line-height: 0.85em; color: #070A0B; text-transform:uppercase; font-weight: bold;} /* 267 */ /* 268 */ .main-container .add-to-basket{float: none;} /* 269 */ .main-container .add-to-basket label{float: left; padding: 3px 10px 0 0;} /* 270 */ .main-container .add-to-basket .misc-info input{width: 35px; padding: 1px 3px; margin-bottom: 10px;} /* 271 */ .main-container .add-to-basket .misc-info select{width: 200px; height: 24px; font-size: 0.9em; padding: 1px 3px; margin-bottom: 10px;} /* 272 */ .main-container .add-to-basket .button{float: none;} /* 273 */ /* 274 */ .main-container .backtosearch{width: auto; display: inline-block; margin-bottom: 20px;} /* 275 */ .main-container .backtosearch a{background-color: #000; font-size: 0.8rem; display: inline-block; padding: 10px; color: #FFF; text-decoration: none;} /* 276 */ /* 277 */ .main-container .productpacks {padding:5px; padding-top:10px; background:#F9F9F9; border:1px solid #ccc; margin-bottom:5px; margin-top:10px;} /* 278 */ .main-container .productpacks ul {margin:10px 0 0 0;} /* 279 */ .main-container .productpacks ul li {font-size:0.9em;} /* 280 */ .main-container .productpacks h2 {font-size:1.6em; margin-bottom:0;} /* 281 */ .main-container .productpacks p {margin:0} /* 282 */ /* 283 */ .main-container .productvariants {padding: 5px; display: none; padding-top:10px; background:#F9F9F9; border:1px solid #ccc; margin-bottom:5px;} /* 284 */ .main-container .productvariants ul {margin: 10px 0 0 0;} /* 285 */ .main-container .productvariants ul li {font-size:0.8em; margin: 5px 10px 5px 5px} /* 286 */ .main-container .productvariants h2 {font-size:1.4em; padding: 0 !important; margin: 0 !important;} /* 287 */ .main-container .productvariants p {margin:0} /* 288 */ /* 289 */ .main-container .productextras {padding:5px; padding-top:10px; background:#F9F9F9; border:1px solid #ccc; margin-bottom:5px;} /* 290 */ .main-container .productextras ul {margin:10px 0 0 0;} /* 291 */ .main-container .productextras ul li {font-size: 0.9em;} /* 292 */ .main-container .productextras h2 {font-size:1.6em; margin-bottom:0;} /* 293 */ .main-container .productextras p {margin:0} /* 294 */ /* 295 */ .main-container .add-to-wishlist{float: none;} /* 296 */ .main-container .add-to-wishlist label{float: left; padding: 3px 10px 0 0;} /* 297 */ .main-container .add-to-wishlist .misc-info input{width: 35px; padding: 1px 3px; margin-bottom: 10px;} /* 298 */ .main-container .add-to-wishlist .misc-info select{width: 235px; height: 24px; font-size: 0.9em; padding: 1px 3px; margin-bottom: 10px;} /* 299 */ .main-container .add-to-wishlist .button{float: none;} /* 300 */ /* products.css */ /* 301 */ .main-container .productimages {padding: 0; position:relative; min-height:300px;} /* 302 */ .main-container .productimages .mainimage{display: inline-block; vertical-align: top; width: 76%;} /* 303 */ .main-container .productimages .mainimage img{/* border: 1px solid #181818; */} /* 304 */ /* 305 */ .main-container .productimages .productthumbnailswrapper{display: inline-block; vertical-align: top; width: 20%; margin-right: 3%;} /* 306 */ .main-container .productimages .productthumbnailswrapper .productthumbnails {} /* 307 */ .main-container .productimages .productthumbnailswrapper .productthumbnails ul {padding: 0 !important; margin: 0 !important;} /* 308 */ .main-container .productimages .productthumbnailswrapper .productthumbnails ul li {display: block; margin: 0px 0 5px 0px} /* 309 */ .main-container .productimages .productthumbnailswrapper .productthumbnails ul li a{display: block;} /* 310 */ .main-container .productimages .productthumbnailswrapper .productthumbnails ul li a img {border: 1px solid #181818;} /* 311 */ /* 312 */ .main-container .product-price {font-family: 'Baloo Bhaina', cursive; font-size: 2em; color: #664e32; margin: 15px 0 20px 0; border-bottom: 1px solid #C4C2C4; padding-bottom: 15px;} /* 313 */ .main-container .product-price s{color: #989898;} /* 314 */ /* 315 */ .main-container #reviewsdv {display: none;} /* 316 */ .main-container #reviewsdv h2 {border-bottom:1px solid #497DA3; padding-bottom:5px;} /* 317 */ .main-container #reviewsdv #ReviewForm #ReviewText {min-height: 100px !important;} /* 318 */ /* 319 */ .main-container .ordercontrols {font-size: 1.1em;} /* 320 */ .main-container .ordercontrols #outofstock {font-size:0.7em; line-height:1.1em; margin-top:0} /* 321 */ .main-container .ordercontrols #productcode {color: #FFF; margin: 0;} /* 322 */ /* 323 */ .main-container p.product-variant {font-family: 'Baloo Bhaina', cursive; background:#fff; border:1px solid #bab9b9; display:inline-block; width:185px; font-size: 1.4rem; text-transform:uppercase; padding:3px 0 3px 10px; margin: 0 0 10px 0;} /* 324 */ .main-container p.product-variant select {display:inline-block; border:none; width:105px !important; height:20px; padding-left:5px} /* 325 */ /* 326 */ .main-container p.product-quantity {font-family: 'Baloo Bhaina', cursive; background:#fff; border:1px solid #bab9b9; display:inline-block; width:auto; font-size: 1.4rem; text-transform:uppercase; padding:3px 0 3px 10px; margin: 0 0 10px 0;} /* 327 */ .main-container p.product-quantity select {display:inline-block; border:none; width:40px !important; height:20px; padding-left:5px} /* 328 */ /* 329 */ .main-container .productinfo {margin-top:20px;} /* 330 */ .main-container .productinfo h4 {font-weight: 600; font-size: 1.3rem; padding-bottom: 5px; border-bottom: 1px solid #C4C2C4;} /* 331 */ .main-container .productinfo .productinfo-content {padding-top: 20px; min-height: 150px; padding-bottom: 0; padding-top: 20px;} /* 332 */ .main-container .productinfo .productinfo-content p {font-size: 0.85rem; line-height: 1.1rem; margin: 0 0 20px 0} /* 333 */ /* 334 */ .main-container .product-sizeguide {text-align:right; margin-top:10px;} /* 335 */ .main-container .product-sizeguide p {} /* 336 */ .main-container .product-sizeguide p a {text-transform:uppercase; font-size:0.8rem; color:#000; text-decoration-color:#f0868a;} /* 337 */ /* 338 */ /* Product - Related Products List */ /* 339 */ .main-container .related-product-list {margin: 30px 0; padding: 20px 0; border-top: 1px solid #C4C2C4;} /* 340 */ .main-container .related-product-list h2{font-size: 1.3em; margin-bottom: 20px !important; text-align: center; text-transform: uppercase; font-weight: 600;} /* 341 */ .main-container .related-product-list .relatedproduct-item-wrapper {vertical-align: top; display: inline-block; margin: 0; position: relative;} /* 342 */ .main-container .related-product-list .relatedproduct-item-wrapper:first-of-type {} /* 343 */ .main-container .related-product-list .relatedproduct-item-wrapper .relatedproduct{position: relative; min-height: 305px; overflow: hidden; text-align: center; margin-bottom: 40px;} /* 344 */ .main-container .related-product-list .relatedproduct-item-wrapper .relatedproduct a{display: block;} /* 345 */ .main-container .related-product-list .relatedproduct-item-wrapper .relatedproduct:hover{} /* 346 */ .main-container .related-product-list .relatedproduct-item-wrapper .relatedproduct p{font-size: 0.8rem; line-height: 1.4rem; margin: 0 10px;} /* 347 */ .main-container .related-product-list .relatedproduct-item-wrapper .relatedproduct p a{text-decoration: none; color: #666; padding: 0 10px;} /* 348 */ .main-container .related-product-list .relatedproduct-item-wrapper .relatedproduct .product-image{max-width: 100%; padding-top: 10px; height: 160px; display: table-cell; vertical-align: middle; border:1px solid #c1c2c2;} /* 349 */ .main-container .related-product-list .relatedproduct-item-wrapper .relatedproduct p.searchproduct-title {margin:10px 0 0 0; min-height: 30px;} /* 350 */ .main-container .related-product-list .relatedproduct-item-wrapper .relatedproduct p.searchproduct-title a {font-weight: 600; text-transform:uppercase; line-height: 0.9rem} /* products.css */ /* 351 */ .main-container .related-product-list .relatedproduct-item-wrapper .relatedproduct .productprice{padding: 0; margin: 0px 0 0 0; font-weight: 400; font-size:1rem} /* 352 */ .main-container .related-product-list .relatedproduct-item-wrapper .relatedproduct .productprice.special-offer-price{color: #ED2E21;} /* 353 */ .main-container .related-product-list .relatedproduct-item-wrapper .relatedproduct .productprice.special-offer-price s{color: #494949;} /* 354 */ .main-container .related-product-list .relatedproduct-item-wrapper .relatedproduct p.more {font-size: 0.8rem; padding: 0; margin: 2px 2px 5px 2px;} /* 355 */ .main-container .related-product-list .relatedproduct-item-wrapper .relatedproduct p.more a{color: #FFF; text-decoration: none; text-align: center; padding: 2px 8px; display: block; background-color: #000;} /* 356 */ .main-container .related-product-list .relatedproduct-item-wrapper .relatedproduct p.more a:hover{background-color: #000; opacity: 1;} /* 357 */ .main-container .related-product-list .relatedproduct-item-wrapper .relatedproduct p.newproduct {position: absolute; top: 0px; right: 0px; color: #fff; z-index: 100; padding: 2px 5px; line-height: 1.2rem; font-weight: 400; font-size: 0.6rem; margin: 0; background-color: #000;} /* 358 */ .main-container .related-product-list .relatedproduct-item-wrapper .relatedproduct p.featuredheading {position: absolute; top: 0px; left: 0px; color: #fff; z-index: 100; padding: 2px 5px; line-height: 1.2rem; font-weight: 400; font-size: 0.6rem; margin: 0; background-color: #000; text-transform: uppercase;} /* 359 */ .main-container .related-product-list .relatedproduct-item-wrapper .relatedproduct p.shop-now {margin-top: 10px;} /* 360 */ .main-container .related-product-list .relatedproduct-item-wrapper .relatedproduct p.shop-now a {background:#000; width: 80%; margin: 0 10%; text-decoration: none; color:#fff; display: block; padding: 5px 0;} /* 361 */ /* 362 */ /* Product - Add to basket form */ /* 363 */ .main-container .ordercontrols .add-to-basket{float: none; position: relative; font-size: 0.7em; padding: 3px; margin: 0 0 10px 0; width: auto;} /* 364 */ .main-container .ordercontrols .add-to-basket label{float: left; padding: 3px 10px 0 0; color: #000; font-size: 1em; width: 70px;} /* 365 */ .main-container .ordercontrols .add-to-basket .misc-info {} /* 366 */ .main-container .ordercontrols .add-to-basket .misc-info input{width: 30px; font-size: 0.9em; padding: 0 5px; margin-bottom: 10px; height: 20px;} /* 367 */ .main-container .ordercontrols .add-to-basket .misc-info select{width: 200px; padding: 0; margin-bottom: 0; height: auto;} /* 368 */ .main-container .ordercontrols .add-to-basket .button{border-radius: 33px; background: none; background-color: #8AC861; text-shadow: none; font-size: 1.35rem; color: #FFF; font-weight: 300; border: none; padding: 10px 20px 7px 20px; margin: 10px 0 0 0; width: 100%;} /* 369 */ .main-container .ordercontrols .add-to-basket .button:hover {background-color: #664E32; color: #FFF;} /* 370 */ /* 371 */ /* Product - Wishlist */ /* 372 */ .main-container .ordercontrols .add-to-wishlist{padding: 0; margin: 0; display: none;} /* 373 */ .main-container .ordercontrols .add-to-wishlist .button{border-radius: 0; background: #000; text-shadow:none;font-size: 0.7em; color: #FFF; font-weight: 300; border:none; float: none; padding: 0; margin: 0; height: 30px; width:105px;} /* 374 */ .main-container .ordercontrols .add-to-wishlist .button:hover {background-color: #664E32; color: #FFF;} /* 375 */ /* 376 */ /* Customer - Orders */ /* 377 */ .main-container table.customerorders thead tr th{font-size: 0.8em; vertical-align: bottom;} /* 378 */ .menu-container .myaccountlink{text-transform: uppercase; text-align: center; position: absolute; right: 0; padding: 5px; text-decoration: none; top: 4px; width: 150px; text-transform: uppercase; font-size: 0.7em;} /* 379 */ /* 380 */ /* Product - Tell a friend */ /* 381 */ .main-container .ordercontrols .tell-a-friend {padding: 0; margin: 0; display: none;} /* 382 */ .main-container .ordercontrols .tell-a-friend{margin: 10px 0;} /* 383 */ .main-container .ordercontrols .tell-a-friend a{text-decoration: none; color: #FFF; padding: 2px 8px 3px 8px; width: 90px; display: block; background-color: #000;} /* 384 */ .main-container .ordercontrols .tell-a-friend a:hover {background-color: #888;} /* 385 */ /* 386 */ .main-container #tellafriend{clear: both;} /* 387 */ /* 388 */ /* Basket Wrapper */ /* 389 */ .main-container .full-basket-wrapper {position:relative; margin-bottom: 75px;} /* 390 */ .main-container .full-basket-wrapper .card-holder-form {width:70px; position:absolute; right: 0px} /* 391 */ .main-container .full-basket-wrapper .card-holder-form .button{border-radius: 33px; background: none; background-color: #8AC861; text-shadow: none; font-size: 1.35rem; color: #FFF; font-weight: 300; border: none; padding: 10px 20px 7px 20px; margin: 0;} /* 392 */ .main-container .full-basket-wrapper .card-holder-form .button:hover {background-color: #664E32; color: #FFF;} /* 393 */ /* 394 */ /* Basket Form */ /* 395 */ .main-container .basket-form .button{border-radius: 33px; background: none; background-color: #8AC861; text-shadow: none; font-size: 1.35rem; color: #FFF; font-weight: 300; border: none; padding: 10px 20px 7px 20px; margin: 10px 0 0 0;} /* 396 */ .main-container .basket-form .button:hover {background-color: #664E32; color: #FFF;} /* 397 */ .main-container .basket-form .update-button {position:absolute; margin-top:10px; right: 177px;} /* 398 */ /* 399 */ /* 400 */ /* products.css */ /* 401 */ /* Basket Table */ /* 402 */ .main-container .basket-form .basket-table {width:100%; border-collapse: inherit; margin:10px 0; box-shadow: none;} /* 403 */ .main-container .basket-form .basket-table .col1 {width: 15%;} /* 404 */ .main-container .basket-form .basket-table .col2 {} /* 405 */ .main-container .basket-form .basket-table .col3 {width: 14%;} /* 406 */ .main-container .basket-form .basket-table .col4 {width: 12%;} /* 407 */ .main-container .basket-form .basket-table .col5 {width: 20%;} /* 408 */ .main-container .basket-form .basket-table .confirmcol1 {} /* 409 */ .main-container .basket-form .basket-table .confirmcol2 {} /* 410 */ .main-container .basket-form .basket-table .confirmcol3 {width: 11%;} /* 411 */ .main-container .basket-form .basket-table .confirmcol4 {width: 17%;} /* 412 */ .main-container .basket-form .basket-table thead tr th {padding: 8px 10px; background-color: #664E32; color: #FFF; font-weight: 300; border-bottom: none;} /* 413 */ .main-container .basket-form .basket-table tbody tr td {padding: 8px 10px; border-bottom: 1px solid #D5D5D5; font-size: 1.3rem;} /* 414 */ .main-container .basket-form .basket-table tbody tr td.empty {text-align:center; font-weight: bold;} /* 415 */ .main-container .basket-form .basket-table tbody tr td input.quantity {width:30px; -webkit-border-radius:5px; border-radius:5px; padding: 1px 5px; margin-bottom: 0;} /* 416 */ .main-container .basket-form .basket-table tbody tr td a.itemlink {color: #664e32;} /* 417 */ .main-container .basket-form .basket-table tbody tr td a.removelink {display:block; padding: 5px; color:#FFF; text-decoration:none; text-align:center; background: #D40000; -webkit-border-radius: 1px; border-radius: 1px} /* 418 */ .main-container .basket-form .basket-table tbody tr.summaryrow td {border:none !important; text-align:right; padding-right:20px;} /* 419 */ .main-container .basket-form .basket-table tbody tr.summaryrow td:last-child{text-align: left; padding-right: 0;} /* 420 */ .main-container .basket-form .basket-table tbody tr.summaryrow td select.checkout-delivery-option{font-size: 1rem; margin: 0;} /* 421 */ /* 422 */ .main-container .basket-form .basket-table thead tr th.quantitycol{text-align: center;} /* 423 */ .main-container .basket-form .basket-table tbody tr td.quantityrow{text-align: center;} /* 424 */ /* 425 */ .main-container #stripe-form button{border: none; box-shadow: none; background: none; border-radius: 33px; background: none; background-color: #8AC861; text-shadow: none; font-size: 1.35rem; color: #FFF; font-weight: 300; border: none; padding: 10px 20px 7px 20px; margin: 10px 0 0 0; cursor: pointer; } /* 426 */ .main-container #stripe-form button:hover {background-color: #664E32; color: #FFF; text-shadow: none;} /* 427 */ .main-container #stripe-form button span{box-shadow: none; font-family: 'Baloo Bhaina',cursive; text-transform: uppercase; height: auto; padding: 0; line-height: inherit; min-height: 0 !important; background: none; color: #FFF; font-size: 1.35rem; text-shadow: none;} /* 428 */ /* 429 */ /* Basket */ /* 430 */ .main-container .basketwrapper {background-color: #5068A4; padding: 10px;} /* 431 */ .main-container .basketwrapper h4{margin: 5px 0; color: #FFF; font-weight: bold;} /* 432 */ .main-container .basketwrapper p{font-size: 0.8em; color: #FFF; margin-bottom: 5px;} /* 433 */ .main-container .basketwrapper a{color: #FFF; text-decoration: none;} /* 434 */ .main-container .basketwrapper ul{padding: 0; list-style: none;} /* 435 */ .main-container .basketwrapper ul li{border-bottom:1px dashed #CCC; font-size: 0.8em !important; color: #FFF; padding: 5px 0;} /* 436 */ .main-container .basketwrapper ul li span{float:right; margin-left:20px;} /* 437 */ .main-container .basketwrapper .button{color: #444; display: block; text-align: center; margin-right: 0; margin-bottom: 0; font-weight: normal; float: none; padding: 6px 0;} /* 438 */ .main-container .basketwrapper ul.prices-list li{border: none; padding: 1px 0; margin: 0;} /* 439 */ /* 440 */ /* Delivery forms */ /* 441 */ #myaccountform #accountcopydetails{padding-bottom: 20px;} /* 442 */ #myaccountform #accountcopydetails label{display: inline;} /* 443 */ /* 444 */ #customerloginform div#autologin label{display: inline;} /* 445 */ /* 446 */ /* Order confirmation */ /* 447 */ .main-container .order-confirmation-table{width: 100% !important;} /* 448 */ .main-container .order-confirmation-table th{text-align: left; font-weight: bold;} /* 449 */ .main-container .order-confirmation-pricing p{margin-bottom: 0; font-weight: bold; text-align: right; width: 575px;} /* 450 */ /* products.css */ /* 451 */ /* Discount Code */ /* 452 */ .main-container .basket-form .basket-table tbody tr.discountcoderow{} /* 453 */ .main-container .basket-form .basket-table tbody tr.discountcoderow td{ padding: 15px !important;} /* 454 */ .main-container .basket-form .basket-table div.discountarea{} /* 455 */ .main-container .basket-form .basket-table tbody tr.discountcoderow p{float: left; margin: 0 0 10px 0; font-weight: bold; padding-top: 8px;} /* 456 */ .main-container .basket-form .basket-table tbody tr.discountcoderow input{font-size: 0.7rem;} /* 457 */ .main-container .basket-form .basket-table tbody tr.discountcoderow input#CheckoutDiscountCode{float: left; width: 150px; margin: 0 10px 10px 10px; padding: 6px; font-size: 1rem;} /* 458 */ .main-container .basket-form .basket-table tbody tr.discountcoderow input#redeembutton{position: relative; left: 0; float: left; margin: 0 10px 10px 0; font-size: 0.85rem; padding: 7px 30px;} /* 459 */ .main-container .basket-form .basket-table tbody tr.discountcoderow input#removediscountbutton{position: relative; left: 0; float: left; margin: 0 0 0 0; font-size: 0.85rem; padding: 7px 30px;} /* 460 */ /* 461 */ /* Checkout type decision */ /* 462 */ #checkout-customertype-form {margin-top:20px;} /* 463 */ #checkout-customertype-form .customertype-choicebox {min-height: 80px; cursor:pointer; } /* 464 */ #checkout-customertype-form .customertype-choicebox .radiodiv {clear:both; padding:10px; transition: background-color 2s; background-color: #FFF;} /* 465 */ #checkout-customertype-form .customertype-choicebox .radiodiv:hover{transition: background-color 1s; background-color: #FBFA67;} /* 466 */ #checkout-customertype-form .customertype-choicebox .radiodiv label {width:50%; display:inline-block; cursor: pointer;} /* 467 */ #checkout-customertype-form .customertype-choicebox .radiodiv input {display:inline-block; margin:5px 20px 0 0;} /* 468 */ #checkout-customertype-form .customertype-choicebox .radiodiv p{width: 70%; display: inline-block; margin-left: 38px; margin-top: 0.5rem} /* 469 */ #checkout-customertype-form .returning-login-form{width: 50%; margin-left: 48px;} /* 470 */ /* 471 */ /* Checkout details form */ /* 472 */ .main-container .checkout-details-form{} /* 473 */ .main-container .checkout-details-form .checkout-pane{background-color: #F6F6F6; border: 1px solid #D5D5D5; margin-bottom: 20px; width: calc(100% - 2px); position: relative; min-height: 50px;} /* 474 */ .main-container .checkout-details-form .checkout-pane h3{margin: 0; padding: 20px 20px 0 20px; font-size: 1.5rem; text-transform: uppercase; font-weight: 600;} /* 475 */ .main-container .checkout-details-form .checkout-pane .left{float: left; width: calc(50% - 40px); vertical-align: top; padding: 20px 20px 20px 20px;} /* 476 */ .main-container .checkout-details-form .checkout-pane p{margin: 0; padding: 0.5rem 1rem 0; font-size: 0.9rem; } /* 477 */ .main-container .checkout-details-form .checkout-pane .right{display: inline-block; width: calc(50% - 40px); vertical-align: top; padding: 20px 20px 20px 20px;} /* 478 */ /* 479 */ .main-container .checkout-details-form .checkout-pane .input-field{width: 100%; padding: 0;} /* 480 */ .main-container .checkout-details-form .checkout-pane .input-field label{display: inline-block; width: 44%; font-size: 1.25rem; margin: 0 0 0.5rem 0;} /* 481 */ .main-container .checkout-details-form .checkout-pane .input-field input{display: inline-block; width: 50%; font-size: 0.85rem; margin: 0 0 0.5rem 0;} /* 482 */ .main-container .checkout-details-form .checkout-pane .input-field select{display: inline-block; width: 54%; font-size: 0.85rem; margin: 0 0 0.5rem 0;} /* 483 */ /* 484 */ .main-container .checkout-details-form .checkout-pane.checkout-extra textarea{height: 5rem; max-height: auto; min-height: auto;} /* 485 */ .main-container .checkout-details-form .checkout-pane.checkout-extra label{width: 100%; margin-bottom: 0;} /* 486 */ .main-container .checkout-details-form .checkout-pane.checkout-extra select{width: 100%;} /* 487 */ /* 488 */ .main-container .checkout-details-form .checkout-pane.checkout-extra .terms {margin-top: 1rem;} /* 489 */ .main-container .checkout-details-form .checkout-pane.checkout-extra .terms label{line-height: 2rem; width: auto; display: inline;} /* 490 */ .main-container .checkout-details-form .checkout-pane.checkout-extra .terms input{display: inline-block; width: auto; margin-left: 1rem; } /* 491 */ /* 492 */ .main-container .checkout-details-form .checkout-pane .copy-delivery {position: absolute; top: 10px; right: 7%;} /* 493 */ .main-container .checkout-details-form .checkout-pane .copy-delivery input{display: inline-block; } /* 494 */ .main-container .checkout-details-form .checkout-pane .copy-delivery label{display: inline-block; font-size: 0.9rem;} /* 495 */ /* 496 */ .main-container .checkout-details-form .checkout-pane .billing-different {position: absolute; top: 10px; right: 7%;} /* 497 */ .main-container .checkout-details-form .checkout-pane .billing-different input{display: inline-block; } /* 498 */ .main-container .checkout-details-form .checkout-pane .billing-different label{display: inline-block; font-size: 0.9rem; padding-right: 10px;} /* 499 */ /* 500 */ .main-container .checkout-details-form .button{border-radius: 33px; background: none; background-color: #8AC861; text-shadow: none; font-size: 1.35rem; color: #FFF; font-weight: 300; border: none; padding: 10px 20px 7px 20px; margin: 10px 0 0 0;} /* products.css */ /* 501 */ .main-container .checkout-details-form .button:hover {background-color: #664E32; color: #FFF;} /* 502 */ /* 503 */ /* 504 */ /* Order confirmation */ /* 505 */ .main-container .order-confirmation-table{background-color: #FFF; width: 100%; margin-bottom: 30px; box-shadow: none;} /* 506 */ .main-container .order-confirmation-table td, .main-container .order-confirmation-table th{padding: 10px 0 10px 15px; margin: 2px; color: #664e32; font-size: 1rem; text-align: left; vertical-align: top;} /* 507 */ .main-container .order-confirmation-table th{color: #fff} /* 508 */ .main-container .order-confirmation-table td.centercell, .main-container .order-confirmation-table th.centercell{text-align: center;} /* 509 */ .main-container .order-confirmation-table tr td{background-color: #dbdbdb; border: 2px solid #fff; vertical-align: top;} /* 510 */ .main-container .order-confirmation-table tr td.firstcolumn{border-width: 2px 2px 2px 0;} /* 511 */ .main-container .order-confirmation-table tr td.lastcolumn{border-width: 2px 0 2px 0;} /* 512 */ .main-container .order-confirmation-table tr.altRow td{background-color: #f2f2f2;} /* 513 */ .main-container .order-confirmation-table td a{text-decoration: none; color: #000} /* 514 */ .main-container .order-confirmation-table thead tr td, .main-container .order-confirmation-table thead tr th{background-color: #443626; color: #fff} /* 515 */ /* 516 */ .main-container #itembreakdowntable{background-color: #FFF; width: 100%; margin-bottom: 30px; box-shadow: none;} /* 517 */ .main-container #itembreakdowntable td, .main-container #itembreakdowntable th{padding: 10px 0 10px 15px; margin: 2px; color: #664e32; font-size: 1rem; text-align: left; vertical-align: top;} /* 518 */ .main-container #itembreakdowntable th{color: #fff} /* 519 */ .main-container #itembreakdowntable td.centercell, .main-container #itembreakdowntable th.centercell{text-align: center;} /* 520 */ .main-container #itembreakdowntable tr td{background-color: #dbdbdb; border: 2px solid #fff;} /* 521 */ .main-container #itembreakdowntable tr td.firstcolumn{border-width: 2px 2px 2px 0;} /* 522 */ .main-container #itembreakdowntable tr td.lastcolumn{border-width: 2px 0 2px 0;} /* 523 */ .main-container #itembreakdowntable tr.altRow td{background-color: #f2f2f2;} /* 524 */ .main-container #itembreakdowntable td a{text-decoration: none; color: #000} /* 525 */ .main-container #itembreakdowntable thead tr td, .main-container #itembreakdowntable thead tr th{background-color: #443626; color: #fff} /* 526 */ /* Mobile */ /* 527 */ @media only screen and (max-width: 640px) { /* 528 */ .main-container .basket-form .update-button{position: relative; right: auto;} /* 529 */ .main-container .full-basket-wrapper .card-holder-form{position: relative; right: auto; width: auto;} /* 530 */ }