/* standard reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; } /* ________________________________________________________________________________________ */ /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } div { overflow:visible; } iframe, embed, object { max-width: 100%; } .clear { clear: both; width: 100%; height: 1px; margin: 0 0 -1px; } .fitter { width: 100%; position:relative; overflow:visible; } /* ________________________________________________________________________________________ */ /* @font-face */ @font-face { font-family: source_sans_proregular; src: url('../_fonts/sourcesanspro-regular-webfont.eot'); src: url('../_fonts/sourcesanspro-regular-webfont.eot#iefix') format('embedded-opentype'), url('../_fonts/sourcesanspro-regular-webfont.woff') format('woff'), url('../_fonts/sourcesanspro-regular-webfont.ttf') format('truetype'), url('../_fonts/sourcesanspro-regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: source_sans_probold; src: url('../_fonts/sourcesanspro-bold-webfont.eot'); src: url('../_fonts/sourcesanspro-bold-webfont.eot#iefix') format('embedded-opentype'), url('../_fonts/sourcesanspro-bold-webfont.woff') format('woff'), url('../_fonts/sourcesanspro-bold-webfont.ttf') format('truetype'), url('../_fonts/sourcesanspro-bold-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: source_sans_prolight; src: url('../_fonts/sourcesanspro-light-webfont.eot'); src: url('../_fonts/sourcesanspro-light-webfont.eot#iefix') format('embedded-opentype'), url('../_fonts/sourcesanspro-light-webfont.woff') format('woff'), url('../_fonts/sourcesanspro-light-webfont.ttf') format('truetype'), url('../_fonts/sourcesanspro-light-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: source_sans_prosemibold; src: url('../_fonts/sourcesanspro-semibold-webfont.eot'); src: url('../_fonts/sourcesanspro-semibold-webfont.eot#iefix') format('embedded-opentype'), url('../_fonts/sourcesanspro-semibold-webfont.woff') format('woff'), url('../_fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'), url('../_fonts/sourcesanspro-semibold-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } /* ________________________________________________________________________________________ */ /* fallback for web safe fonts */ /* ________________________________________________________________________________________ */ /* site defaults */ .full-width { width:100%; } .black { background-color:#000000; } .white { color:#fff; } .white-bg { background-color:#fff; } .grey { color:#58585a; } .green { color:#7ac143; } .dkgreen { color: #336600; } html { font-family: source_sans_proregular, Arial, sans-serif; /* default font */ -webkit-text-size-adjust: 100%; /* stop webkit from messing with your formatting */ -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ text-align: left; color:#58585a; /*default text colour */ } /* ________________________________________________________________________________________ */ /* site base font size and scale */ /* define default base font size so that 1em = 10px @ 100% scale. Changing scale percentage will increase or decrease base size accordingly. The base size will affect the columns mmeasured in ems also rems as they are relative to the base font size declaration so the em and rem figures are controlled by the percentages. As a fallback we must ensure that px are defined for font size and leading as rems will not work in f***ing explorer. To do this we scale the font size by the percentage. we have put in an override so that we can increase the font size by a percentage if the default proportional scaling takes it too small */ /* ________________________________________________________________________________________ */ /*html { background-image: url(../css/breakpoints.png); background-repeat: no-repeat; background-position: center bottom; }*/ /* media queries */ /*default desktop */ html { font-size: 10px; } .bounding-box { max-width:920px; padding-right: 3%; padding-left:3%; overflow: hidden; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } .content-box { width:100%; } /* overall site width make as 1000px (will be 48% for 480px and 32% for 320px) */ /* ________________________________________________________________________________________ */ body { background-repeat: no-repeat; background-color: #7ac143; background-position: center 152px; background-size: auto 547px; } .mb4 { margin-bottom: 4px; } .mb8 { margin-bottom: 8px; } .mt6 { margin-top: 6px; } .mb10 { margin-bottom: 10px; } .mb12 { margin-bottom: 12px; } .mb16 { margin-bottom: 16px; } .mb20 { margin-bottom: 20px; } .mb30 { margin-bottom: 30px; } .pb16 { padding-bottom: 16px; } .pt100 { padding-top: 180px; } .pt212 { padding-top: 212px; } .pt6 { padding-top: 6px; } .pt4 { padding-top: 4px; } .pt10 { padding-top: 10px; } .pad-home { padding-left: 0; padding-right: 0; padding-top: 20px; padding-bottom: 20px; } .pad-legal { padding-left: 3%; padding-right: 3%; padding-top: 20px; padding-bottom: 20px; } .rule-green { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #7ac143; } .more-img { height: 10px; margin-left: 5px; vertical-align: middle; } .video-img { height: 18px; margin-left: 8px; vertical-align: middle; } #navigation { padding-top: 52px; float:right; } #navigation ul li { margin-left: 10px; float:right; } #navigation a.single, #navigation a.single:link { font-family: source_sans_prosemibold, Arial, sans-serif; padding-top: 14px; height: 30px; } #navigation a, #navigation a:link { font-size: 12px; line-height: 14px; height: 36px; padding-top: 8px; padding-left: 12px; padding-right: 12px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; letter-spacing: 1px; font-family: source_sans_prosemibold, Arial, sans-serif; text-align:center; color:#fff; background-color: #58585a; display:inline-block; text-decoration:none; } #navigation a:hover, #navigation a.selected { background-color: #7ac143; } a.more, a.more:link { font-family: source_sans_probold, Arial, sans-serif; font-size: 14px; line-height: 16px; color: #7ac143; text-decoration:none; } a.more:hover { color: #58585a; } .logo { width: auto; height: 91px; padding-top: 22px; padding-bottom: 6px; float:left; } #left-col a, #left-col a:link, .left-col a, .left-col a:link, .right-col a, .right-col a:link { color: #7ac143; text-decoration:underline; } #left-col a:hover, .left-col a:hover, .right-col a:hover { color: #58585a; text-decoration:underline; } .phone { font-family: Tahoma, Verdana, Segoe, sans-serif; font-size: 20px; line-height: 22px; padding-top: 4px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; margin-bottom: 0px; color: #FFF; background-color: #7ac143; text-align: center; display: inline-block; float: right; } main-block-height { height: 320px; } .home-height { height: 530px; /*min-height: 530px; */ } .centre-bg-grey { background-image: url(../_gfx/centre-bg-grey.png); background-repeat: no-repeat; background-position: center 190px; background-size: 100%; /*background-size: 920px; */ } .centre-bg-grey-top { background-image: url(../_gfx/centre-bg-grey.png); background-repeat: no-repeat; background-position: center 0px; background-size: 100%; /*background-size: 920px; */ } .centre-bg-white { background-image: url(../_gfx/centre-bg-white.png); background-repeat: no-repeat; background-position: center 0px; background-size: 100%; /*background-size: 920px; */ } .upper-quote-home { font-size: 30px; line-height: 32px; padding-top: 12px; padding-right: 18px; padding-bottom: 12px; padding-left: 18px; -webkit-border-bottom-left-radius: 12px; -webkit-border-bottom-right-radius: 12px; -moz-border-radius-bottomleft: 12px; -moz-border-radius-bottomright: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; color:#fff; display: block; background: rgb(247, 143, 30); background: rgba(247, 143, 30, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8F78F1E, endColorstr=#D8F78F1E); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8F78F1E, endColorstr=#D8F78F1E)"; text-align: center; } .video-home { width: 65%; height:388px; display: block; margin-left:auto; margin-right:auto; position:relative; overflow: hidden; padding:24px; background-image: url(../_gfx/50k.png); background-repeat: repeat; } .video-home iframe, .video-home object, .video-home embed { position: absolute; top: 4%; left: 3%; width: 94%; height: 92%; } .sub-quote-home { font-size: 30px; line-height: 32px; /*width:96.3%;*/ padding-top: 12px; padding-right: 18px; padding-bottom: 12px; padding-left: 18px; -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; border-top-left-radius: 12px; border-top-right-radius: 12px; color:#fff; display: block; background: rgb(122, 193, 67); background: rgba(122, 193, 67, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7ac143, endColorstr=#7ac143); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7ac143, endColorstr=#7ac143)"; text-align: center; } .upper-quote { font-size: 30px; line-height: 32px; width: 530px; padding-top: 12px; padding-right: 18px; padding-bottom: 12px; padding-left: 18px; -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; border-top-left-radius: 12px; border-top-right-radius: 12px; color:#fff; display: inline-block; float: right; background: rgb(247, 143, 30); background: rgba(247, 143, 30, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8F78F1E, endColorstr=#D8F78F1E); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8F78F1E, endColorstr=#D8F78F1E)"; } .lower-quote { font-size: 18px; line-height: 21px; width: 530px; color:#fff; display: inline-block; float: right; padding-top: 12px; padding-right: 18px; padding-bottom: 12px; padding-left: 18px; -webkit-border-bottom-right-radius: 12px; -webkit-border-bottom-left-radius: 12px; -moz-border-radius-bottomright: 12px; -moz-border-radius-bottomleft: 12px; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8000000, endColorstr=#D8000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8000000, endColorstr=#D8000000)"; } #left-col, #left-col-UD, #left-col-home { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 31.52174%; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 30px; background-repeat: no-repeat; background-position: left top; background-size: auto 190px; } #left-col img { width: 100%; height:auto; display: block; margin-bottom: 12px; border: 1px solid #58585a; } #left-col a, #left-col a:link, a.googlemap, a.googlemap:link { color:#7ac143 !important; text-decoration:underline; font-weight: bold; } #left-col a:hover, a.googlemap:hover { color:#f78f1e !important; text-decoration:underline; font-weight: bold; } .left-col-black { background-image: url(../_gfx/grey-arch.png); } .left-col-green { background-image: url(../_gfx/green-arch.png); } .right-col { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; width: 68.47826%; padding-top: 20px; padding-right: 30px; padding-bottom: 20px; padding-left: 20px; background-image: url(../_gfx/green-arch-right.png); background-repeat: no-repeat; background-position: right top; background-size: auto 190px; } .right-col-top { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; width: 68.47826%; padding-top: 20px; padding-right: 30px; padding-bottom: 20px; padding-left: 20px; } .home-info-block { margin-bottom:14px; width: 20.5%; margin-left:2.9%; margin-right:0.9%; float:left; } .home-info-block-5 { clear:both; } .home-info-block-img { width:100%; border: 1px solid #58585a; display:block; margin-bottom: 10px; } /* ************************************************************************** TRAKRAP SYSTEM ************************************************************************** */ .TS-info-block { margin-bottom:12px; width: 29%; float:left; margin-right: 6.4%; } .TS-info-block-img { width: 100%; height: auto; } .TS-block-3, .TS-block-6 { margin-right: 0; } .TS-block-4 { clear:both; } img.team { width: 388px; width: 54%; height:auto; float:right; margin-left: 20px; } .names { font-family: source_sans_prosemibold, Arial, sans-serif; font-size: 16px; line-height: 20px; margin-bottom: 6px; } h2 { font-family: source_sans_prosemibold, Arial, sans-serif; font-size: 18px; line-height: 20px; margin-bottom: 10px; } h3 { font-family: source_sans_prosemibold, Arial, sans-serif; font-size: 16px; line-height: 18px; margin-bottom: 10px; } p { font-size: 13px; line-height: 16px; margin-bottom: 6px; } p span { font-family: source_sans_probold, Arial, sans-serif; color: #7ac143 !important; } p strong { font-family: source_sans_probold, Arial, sans-serif; } .size1 { font-family: source_sans_prosemibold, Arial, sans-serif; font-size: 32px; line-height: 38px; color:#fff; margin-bottom: 16px; min-height: 170px; } .size2 { font-family: source_sans_prosemibold, Arial, sans-serif; font-size: 22px; line-height: 26px; } .size3 { font-family: source_sans_prosemibold, Arial, sans-serif; font-size: 18px; line-height: 22px; } h1 { font-family: source_sans_probold, Arial, sans-serif; font-size: 30px; line-height: 36px; color:#fff; margin-bottom: 16px; } h1.larger { font-size: 35px; line-height: 38px; margin-bottom: 16px; } h1.smaller { font-size: 24px; line-height: 28px; margin-bottom: 16px; } .colour-1, .colour-2, .colour-3 { color:#fff; } .colour-4, .colour-5, .colour-6 { color:#58585a; } .left-col-top { min-height: 170px; margin-bottom: 20px; } /* ************************************************************************** PACKAGING TYPES ************************************************************************** */ .PT-info-block { margin-bottom:0px; padding-bottom:10px; width: 29.9%; float:left; margin-right: 5.15%; } .PT-info-block-img, .EB-img { width: 100%; height: auto; border: 1px solid #999; } .PT-block-3, .PT-block-6, .PT-block-9 { margin-right:0; } .PT-block-4, .PT-block-7 { clear:both; } /* ************************************************************************** SYSTEM BENEFITS ************************************************************************** */ .EB-image-block1 { margin-bottom:0px; width: 65.517206%; float:left; } .EB-image-block2 { margin-bottom:0px; width: 31.034466%; float:left; } .EB-margin-right { margin-right: 3.448274%; } .EB-text-block { max-width:440px; margin-bottom:0px; width: 75.86%; float:left; } .UD-text-block { margin-bottom:0px; width: 100%; } .EB-small-img-right { max-width:120px; margin-bottom:0px; width: 20.69%; float:left; } .tick { background-image: url(../_gfx/tick.gif); background-repeat: no-repeat; background-position: left top; padding-left: 22px; background-size: auto 16px; } .inactive-header { font-family: source_sans_probold, Arial, sans-serif; font-size: 14px; line-height: 16px; color: #7ac143; text-decoration:none; background-image: url(../_gfx/active-plus.gif); background-repeat: no-repeat; background-position: left; padding-left: 16px; background-size: auto 12px; cursor:pointer; } .active-header { font-family: source_sans_probold, Arial, sans-serif; font-size: 14px; line-height: 16px; text-decoration:none;color: #58585a; background-image: url(../_gfx/active-minus.gif); background-repeat: no-repeat; background-position: left; padding-left: 16px; background-size: auto 12px; cursor:pointer; } .accordion-content { display: none; } #left-col p { font-size: 15px; line-height: 20px; margin-bottom: 6px; color: #58585a; } #left-col ul { margin-bottom: 6px; } #left-col ul li { font-family: source_sans_probold, Arial, sans-serif; font-size: 15px; line-height: 20px; color: #336600; background-image: url(../_gfx/left-bullet.gif); background-repeat: no-repeat; background-position: left top; padding-left: 14px; background-size: auto 20px; } #benefit-tables h2 { font-size: 14px; line-height: 18px; margin-bottom: 6px; } #benefit-tables h2 span { font-family: source_sans_probold, Arial, sans-serif; } #benefit-tables table { width:100%; font-size: 14px; line-height: 16px; text-align:left; margin-bottom: 18px; } #benefit-tables table td { border: 1px solid #FFF; background-color:#CFC; padding:6px; } #benefit-tables table td.first { background-color:#7ac143; color:#FFF; font-family: source_sans_probold, Arial, sans-serif; } #benefit-tables table td.second { background-color:#CAE6B4; } #benefit-tables table td.third { background-color:#D7ECC6; } #benefit-tables table td.fourth { background-color:#E4F3D9; } #benefit-tables table td.fifth { background-color:#F1F9EC; } #benefit-tables table th { background-color:#7ac143; padding:6px; color:#fff; font-family: source_sans_probold, Arial, sans-serif; } /* ************************************************************************** UPDATES ************************************************************************** */ .sub-quote-updates { font-size: 30px; line-height: 32px; padding-top: 12px; padding-right: 18px; padding-bottom: 12px; padding-left: 18px; -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; border-top-left-radius: 12px; border-top-right-radius: 12px; color:#fff; display: block; background: rgb(122, 193, 67); background: rgba(122, 193, 67, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7ac143, endColorstr=#7ac143); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7ac143, endColorstr=#7ac143)"; text-align: center; } .right-col-updates { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; width: 68.47826%; padding-top: 20px; padding-right: 30px; padding-bottom: 20px; padding-left: 20px; } .centre-bg-grey-updates { background-image: url(../_gfx/centre-bg-grey.png); background-repeat: no-repeat; background-position: center 0px; background-size: 100%; } .video-updates { max-width: 580px; min-height:328px; display: block; overflow: hidden; position:relative; margin-top: 6px; margin-bottom: 18px; } .video-updates iframe, .video-updates object, .video-updates embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .UD-img { width: 100%; height: auto; border: 1px solid #999; } #left-col-UD ul li { margin-bottom: 8px; } #left-col-UD ul li a.UP-link, #left-col-UD ul li a.UP-link:link { font-family: source_sans_probold, Arial, sans-serif; font-size: 14px; line-height: 16px; color: #58585a; text-decoration:none; margin_bottom: 6px; } #left-col-UD ul li a.UP-link:hover { color: #7ac143; } /* ************************************************************************** FORM ************************************************************************** */ #inputArea .textfield, #inputArea .textbox { font-family: Arial, Sans-Serif; font-size: 13px; margin-bottom: 5px; display: block; padding: 4px; width:100%; max-width:400px; } #inputArea .activeField { background-color: #ffffff; border: solid 1px #F78F1E; } #inputArea .idle { border: solid 1px #FDE9D2; background-color: #FEF4E8; } #inputArea label { font-size: 13px; line-height: 16px; margin-bottom: 4px; display:block; } #inputArea label span { color:#F78F1E; } #inputArea .check { display:inline; } #inputArea .btn { border: none; background-color: #7ac143; color: #FFF; } #inputArea .btnhov { background-color: #F78F1E; border: none; color:#fff; } /* ************************************************************************** signup FORM ************************************************************************** */ #mc_embed_signup { padding-top:50px; } #mc_embed_signup .textfield, #mc_embed_signup .textbox { font-family: Arial, Sans-Serif; font-size: 13px; margin-bottom: 5px; display: block; padding: 4px; width:94%; max-width:260px; } #mc_embed_signup .activeField { background-color: #ffffff; border: solid 1px #7ac143; } #mc_embed_signup .idle { border: solid 1px #7ac143; background-color: #f1f9ec; } #mc_embed_signup label { font-size: 13px; line-height: 16px; margin-bottom: 4px; display:block; } #mc_embed_signup label span { color:#F78F1E; } #mc_embed_signup .check { display:inline; } #mc_embed_signup .btn { border: none; background-color: #7ac143; color: #FFF; } #mc_embed_signup .btnhov { background-color: #F78F1E; border: none; color:#fff; } /* ************************************************************************** FOOTER ************************************************************************** */ #footer { padding-top: 18px; padding-bottom: 36px; } #footer ul { margin-bottom: 14px !important; list-style-type: none; display:inline-block !important; } #footer ul li { float: left; margin-right: .5em; } #footer ul li a, #footer ul li a:link { font-size: 13px; line-height: 15px; color: #FFF; margin-right: .5em; text-decoration:none; } #footer ul li a:hover { color:#000; } #footer ul li:after { font-size: 13px; line-height: 16px; color: #FFF; content: '|'; } #footer ul li:last-child:after { content: ''; } #footer p { font-size: 14px; line-height: 16px; margin-bottom: 8px; color: #336600; } #footer p a, #footer p a:link { color: #336600; text-decoration: underline; } #footer p a:hover { color: #FFF; text-decoration: underline; } #footer a.zaba, #footer a.zaba:link { font-size: 13px; line-height: 15px; color: #336600; text-decoration: none; display:inline-block; } #footer a.zaba:hover { color: #FFF; text-decoration: none; } /* ________________________________________________________________________________________ */ /* body { background-image: url(../css/breakpoints.png); background-repeat: repeat; background-position: center top; background-size: 2017px; } */ @media only screen and (min-width: 891px) and (max-width: 959px) { html { font-size: 9px; } .bounding-box { padding-left:3%; padding-right:3%; } body { background-repeat: no-repeat; background-color: #7ac143; background-position: center 135.432px; background-size: auto 487.377px; } .mb4 { margin-bottom: 3.6px; } .mb8 { margin-bottom: 7.2px; } .mt6 { margin-top: 5.4px; } .mb10 { margin-bottom: 9px; } .mb12 { margin-bottom: 10.8px; } .mb16 { margin-bottom: 14.4px; } .mb20 { margin-bottom: 18px; } .mb30 { margin-bottom: 27px; } .pb16 { padding-bottom: 14.4px; } .pt100 { padding-top: 162px; } .pt212 { padding-top: 190.8px; } .pt6 { padding-top: 5.4px; } .pt4 { padding-top: 3.6px; } .pt10 { padding-top: 9px; } .pad-home { padding-left: 0; padding-right: 0; padding-top: 18px; padding-bottom: 18px; } .pad-legal { padding-left: 3%; padding-right: 3%; padding-top: 18px; padding-bottom: 18px; } .rule-green { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #7ac143; } .more-img { height: 9px; margin-left: 4.5px; vertical-align: middle; } .video-img { height: 16.2px; margin-left: 7.2px; vertical-align: middle; } #navigation { padding-top: 46.8px; float:right; } #navigation ul li { margin-left: 9px; float:right; } #navigation a.single, #navigation a.single:link { font-family: source_sans_prosemibold, Arial, sans-serif; padding-top: 12.6px; height: 27px; } #navigation a, #navigation a:link { font-size: 10.8px; line-height: 12.6px; height: 32.4px; padding-top: 7.2px; padding-left: 10.8px; padding-right: 10.8px; -webkit-border-radius: 7.2px; -moz-border-radius: 7.2px; border-radius: 7.2px; letter-spacing: 0.9px; font-family: source_sans_prosemibold, Arial, sans-serif; text-align:center; color:#fff; background-color: #58585a; display:inline-block; text-decoration:none; } #navigation a:hover, #navigation a.selected { background-color: #7ac143; } a.more, a.more:link { font-family: source_sans_probold, Arial, sans-serif; font-size: 12.6px; line-height: 14.4px; color: #7ac143; text-decoration:none; } a.more:hover { color: #58585a; } .logo { width: auto; height: 81.9px; padding-top: 19.8px; padding-bottom: 5.4px; float:left; } #left-col a, #left-col a:link, .left-col a, .left-col a:link, .right-col a, .right-col a:link { color: #7ac143; text-decoration:underline; } #left-col a:hover, .left-col a:hover, .right-col a:hover { color: #58585a; text-decoration:underline; } .phone { font-family: Tahoma, Verdana, Segoe, sans-serif; font-size: 18px; line-height: 19.8px; padding-top: 3.6px; padding-right: 10.8px; padding-bottom: 0px; padding-left: 12px; margin-bottom: 0px; color: #FFF; background-color: #7ac143; text-align: center; display: inline-block; float: right; } main-block-height { height: 288px; } .home-height { height: 477px; /*min-height: 477px; */ } .centre-bg-grey { background-image: url(../_gfx/centre-bg-grey.png); background-repeat: no-repeat; background-position: center 171px; background-size: 100%; /*background-size: 828px; */ } .centre-bg-grey-top { background-image: url(../_gfx/centre-bg-grey.png); background-repeat: no-repeat; background-position: center 0px; background-size: 100%; /*background-size: 828px; */ } .centre-bg-white { background-image: url(../_gfx/centre-bg-white.png); background-repeat: no-repeat; background-position: center 0px; background-size: 100%; /*background-size: 828px; */ } .upper-quote-home { font-size: 24.3px; line-height: 25.92px; padding-top: 10.8px; padding-right: 16.2px; padding-bottom: 10.8px; padding-left: 16.2px; -webkit-border-bottom-left-radius: 10.8px; -webkit-border-bottom-right-radius: 10.8px; -moz-border-radius-bottomleft: 10.8px; -moz-border-radius-bottomright: 10.8px; border-bottom-left-radius: 10.8px; border-bottom-right-radius: 10.8px; color:#fff; display: block; background: rgb(247, 143, 30); background: rgba(247, 143, 30, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8F78F1E, endColorstr=#D8F78F1E); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8F78F1E, endColorstr=#D8F78F1E)"; text-align: center; } .video-home { width: 65%; height:349.2px; display: block; margin-left:auto; margin-right:auto; position:relative; overflow: hidden; padding:21.6px; background-image: url(../_gfx/50k.png); background-repeat: repeat; } .video-home iframe, .video-home object, .video-home embed { position: absolute; top: 4%; left: 3%; width: 94%; height: 92%; } .sub-quote-home { font-size: 24.3px; line-height: 25.92px; /*width:96.3%;*/ padding-top: 10.8px; padding-right: 16.2px; padding-bottom: 10.8px; padding-left: 16.2px; -webkit-border-top-left-radius: 10.8px; -webkit-border-top-right-radius: 10.8px; -moz-border-radius-topleft: 10.8px; -moz-border-radius-topright: 10.8px; border-top-left-radius: 10.8px; border-top-right-radius: 10.8px; color:#fff; display: block; background: rgb(122, 193, 67); background: rgba(122, 193, 67, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7ac143, endColorstr=#7ac143); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7ac143, endColorstr=#7ac143)"; text-align: center; } .upper-quote { font-size: 27px; line-height: 28.8px; width: 477px; padding-top: 10.8px; padding-right: 16.2px; padding-bottom: 10.8px; padding-left: 16.2px; -webkit-border-top-left-radius: 10.8px; -webkit-border-top-right-radius: 10.8px; -moz-border-radius-topleft: 10.8px; -moz-border-radius-topright: 10.8px; border-top-left-radius: 10.8px; border-top-right-radius: 10.8px; color:#fff; display: inline-block; float: right; background: rgb(247, 143, 30); background: rgba(247, 143, 30, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8F78F1E, endColorstr=#D8F78F1E); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8F78F1E, endColorstr=#D8F78F1E)"; } .lower-quote { font-size: 16.2px; line-height: 18.9px; width: 477px; color:#fff; display: inline-block; float: right; padding-top: 10.8px; padding-right: 16.2px; padding-bottom: 10.8px; padding-left: 16.2px; -webkit-border-bottom-right-radius: 10.8px; -webkit-border-bottom-left-radius: 10.8px; -moz-border-radius-bottomright: 10.8px; -moz-border-radius-bottomleft: 10.8px; border-bottom-right-radius: 10.8px; border-bottom-left-radius: 10.8px; border-bottom-right-radius: 10.8px; border-bottom-left-radius: 10.8px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8000000, endColorstr=#D8000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8000000, endColorstr=#D8000000)"; } #left-col, #left-col-UD, #left-col-home { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 31.52174%; padding-top: 18px; padding-right: 18px; padding-bottom: 18px; padding-left: 27px; background-repeat: no-repeat; background-position: left top; background-size: auto 171px; } #left-col img { width: 100%; height:auto; display: block; margin-bottom: 10.8px; border: 1px solid #58585a; } #left-col a, #left-col a:link, a.googlemap, a.googlemap:link { color:#7ac143 !important; text-decoration:underline; font-weight: bold; } #left-col a:hover, a.googlemap:hover { color:#f78f1e !important; text-decoration:underline; font-weight: bold; } .left-col-black { background-image: url(../_gfx/grey-arch.png); } .left-col-green { background-image: url(../_gfx/green-arch.png); } .right-col { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; width: 68.47826%; padding-top: 18px; padding-right: 27px; padding-bottom: 18px; padding-left: 18px; background-image: url(../_gfx/green-arch-right.png); background-repeat: no-repeat; background-position: right top; background-size: auto 171px; } .right-col-top { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; width: 68.47826%; padding-top: 18px; padding-right: 27px; padding-bottom: 18px; padding-left: 18px; } .home-info-block { margin-bottom:12.6px; width: 20.5%; margin-left:2.9%; margin-right:0.9%; float:left; } .home-info-block-5 { clear:both; } .home-info-block-img { width:100%; border: 1px solid #58585a; display:block; margin-bottom: 9px; } /* ************************************************************************** TRAKRAP SYSTEM ************************************************************************** */ .TS-info-block { margin-bottom:10.8px; width: 29%; float:left; margin-right: 6.4%; } .TS-info-block-img { width: 100%; height: auto; } .TS-block-3, .TS-block-6 { margin-right: 0; } .TS-block-4 { clear:both; } img.team { width: 314.28px; width: 54%; height:auto; float:right; margin-left: 18px; } .names { font-family: source_sans_prosemibold, Arial, sans-serif; font-size: 12.96px; line-height: 16.2px; margin-bottom: 5.4px; } h2 { font-family: source_sans_prosemibold, Arial, sans-serif; font-size: 14.58px; line-height: 16.2px; margin-bottom: 9px; } h3 { font-family: source_sans_prosemibold, Arial, sans-serif; font-size: 12.96px; line-height: 14.58px; margin-bottom: 9px; } p { font-size: 10.53px; line-height: 12.96px; margin-bottom: 5.4px; } p span { font-family: source_sans_probold, Arial, sans-serif; color: #7ac143 !important; } p strong { font-family: source_sans_probold, Arial, sans-serif; } .size1 { font-family: source_sans_prosemibold, Arial, sans-serif; font-size: 25.92px; line-height: 30.78px; color:#fff; margin-bottom: 14.4px; min-height: 153px; } .size2 { font-family: source_sans_prosemibold, Arial, sans-serif; font-size: 17.82px; line-height: 21.06px; } .size3 { font-family: source_sans_prosemibold, Arial, sans-serif; font-size: 14.58px; line-height: 17.82px; } h1 { font-family: source_sans_probold, Arial, sans-serif; font-size: 24.3px; line-height: 29.16px; color:#fff; margin-bottom: 14.4px; } h1.larger { font-size: 28.35px; line-height: 30.78px; margin-bottom: 14.4px; } h1.smaller { font-size: 19.44px; line-height: 22.68px; margin-bottom: 14.4px; } .colour-1, .colour-2, .colour-3 { color:#fff; } .colour-4, .colour-5, .colour-6 { color:#58585a; } .left-col-top { min-height: 153px; margin-bottom: 18px; } /* ************************************************************************** PACKAGING TYPES ************************************************************************** */ .PT-info-block { margin-bottom:0px; padding-bottom:9px; width: 29.9%; float:left; margin-right: 5.15%; } .PT-info-block-img, .EB-img { width: 100%; height: auto; border: 1px solid #999; } .PT-block-3, .PT-block-6, .PT-block-9 { margin-right:0; } .PT-block-4, .PT-block-7 { clear:both; } /* ************************************************************************** SYSTEM BENEFITS ************************************************************************** */ .EB-image-block1 { margin-bottom:0px; width: 65.517206%; float:left; } .EB-image-block2 { margin-bottom:0px; width: 31.034466%; float:left; } .EB-margin-right { margin-right: 3.448274%; } .EB-text-block { max-width:396px; margin-bottom:0px; width: 75.86%; float:left; } .UD-text-block { margin-bottom:0px; width: 100%; } .EB-small-img-right { max-width:108px; margin-bottom:0px; width: 20.69%; float:left; } .tick { background-image: url(../_gfx/tick.gif); background-repeat: no-repeat; background-position: left top; padding-left: 19.8px; background-size: auto 14.4px; } .inactive-header { font-family: source_sans_probold, Arial, sans-serif; font-size: 12.6px; line-height: 14.4px; color: #7ac143; text-decoration:none; background-image: url(../_gfx/active-plus.gif); background-repeat: no-repeat; background-position: left; padding-left: 16px; background-size: auto 10.8px; cursor:pointer; } .active-header { font-family: source_sans_probold, Arial, sans-serif; font-size: 12.6px; line-height: 14.4px; text-decoration:none;color: #58585a; background-image: url(../_gfx/active-minus.gif); background-repeat: no-repeat; background-position: left; padding-left: 16px; background-size: auto 10.8px; cursor:pointer; } .accordion-content { display: none; } #left-col p { font-size: 13.5px; line-height: 16.2px; margin-bottom: 5.4px; color: #58585a; } #left-col ul { margin-bottom: 5.4px; } #left-col ul li { font-family: source_sans_probold, Arial, sans-serif; font-size: 12.15px; line-height: 18px; color: #336600; background-image: url(../_gfx/left-bullet.gif); background-repeat: no-repeat; background-position: left top; padding-left: 12.6px; background-size: auto 20px; } #benefit-tables h2 { font-size: 12.6px; line-height: 16.2px; margin-bottom: 5.4px; } #benefit-tables h2 span { font-family: source_sans_probold, Arial, sans-serif; } #benefit-tables table { width:100%; font-size: 12.6px; line-height: 14.4px; text-align:left; margin-bottom: 18px; } #benefit-tables table td { border: 1px solid #FFF; background-color:#CFC; padding:5.4px; } #benefit-tables table td.first { background-color:#7ac143; color:#FFF; font-family: source_sans_probold, Arial, sans-serif; } #benefit-tables table td.second { background-color:#CAE6B4; } #benefit-tables table td.third { background-color:#D7ECC6; } #benefit-tables table td.fourth { background-color:#E4F3D9; } #benefit-tables table td.fifth { background-color:#F1F9EC; } #benefit-tables table th { background-color:#7ac143; padding:5.4px; color:#fff; font-family: source_sans_probold, Arial, sans-serif; } /* ************************************************************************** UPDATES ************************************************************************** */ .sub-quote-updates { font-size: 24.3px; line-height: 25.92px; padding-top: 10.8px; padding-right: 16.2px; padding-bottom: 10.8px; padding-left: 16.2px; -webkit-border-top-left-radius: 10.8px; -webkit-border-top-right-radius: 10.8px; -moz-border-radius-topleft: 10.8px; -moz-border-radius-topright: 10.8px; border-top-left-radius: 10.8px; border-top-right-radius: 10.8px; color:#fff; display: block; background: rgb(122, 193, 67); background: rgba(122, 193, 67, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7ac143, endColorstr=#7ac143); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7ac143, endColorstr=#7ac143)"; text-align: center; } .right-col-updates { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; width: 68.47826%; padding-top: 18px; padding-right: 27px; padding-bottom: 18px; padding-left: 18px; } .centre-bg-grey-updates { background-image: url(../_gfx/centre-bg-grey.png); background-repeat: no-repeat; background-position: center 0px; background-size: 100%; } .video-updates { max-width: 580px; min-height:295.2px; display: block; overflow: hidden; position:relative; margin-top: 3.9366px; margin-bottom: 16.2px; } .video-updates iframe, .video-updates object, .video-updates embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .UD-img { width: 100%; height: auto; border: 1px solid #999; } #left-col-UD ul li { margin-bottom: 7.2px; } #left-col-UD ul li a.UP-link, #left-col-UD ul li a.UP-link:link { font-family: source_sans_probold, Arial, sans-serif; font-size: 12.6px; line-height: 14.4px; color: #58585a; text-decoration:none; margin_bottom: 5.4px; } #left-col-UD ul li a.UP-link:hover { color: #7ac143; } /* ************************************************************************** FORM ************************************************************************** */ #inputArea .textfield, #inputArea .textbox { font-family: Arial, Sans-Serif; font-size: 13px; margin-bottom: 5px; display: block; padding: 4px; width:100%; max-width:400px; } #inputArea .activeField { background-color: #ffffff; border: solid 1px #F78F1E; } #inputArea .idle { border: solid 1px #FDE9D2; background-color: #FEF4E8; } #inputArea label { font-size: 10.53px; line-height: 12.96px; margin-bottom: 3.6px; display:block; } #inputArea label span { color:#F78F1E; } #inputArea .check { display:inline; } #inputArea .btn { border: none; background-color: #7ac143; color: #FFF; } #inputArea .btnhov { background-color: #F78F1E; border: none; color:#fff; } /* ************************************************************************** signup FORM ************************************************************************** */ #mc_embed_signup { padding-top:50px; } #mc_embed_signup .textfield, #mc_embed_signup .textbox { font-family: Arial, Sans-Serif; font-size: 13px; margin-bottom: 5px; display: block; padding: 4px; width:94%; max-width:260px; } #mc_embed_signup .activeField { background-color: #ffffff; border: solid 1px #7ac143; } #mc_embed_signup .idle { border: solid 1px #7ac143; background-color: #f1f9ec; } #mc_embed_signup label { font-size: 10.53px; line-height: 12.96px; margin-bottom: 3.6px; display:block; } #mc_embed_signup label span { color:#F78F1E; } #mc_embed_signup .check { display:inline; } #mc_embed_signup .btn { border: none; background-color: #7ac143; color: #FFF; } #mc_embed_signup .btnhov { background-color: #F78F1E; border: none; color:#fff; } /* ************************************************************************** FOOTER ************************************************************************** */ #footer { padding-top: 16.2px; padding-bottom: 32.4px; } #footer ul { margin-bottom: 12.6px !important; list-style-type: none; display:inline-block !important; } #footer ul li { float: left; margin-right: .5em; } #footer ul li a, #footer ul li a:link { font-size: 11.7px; line-height: 13.5px; color: #FFF; margin-right: .5em; text-decoration:none; } #footer ul li a:hover { color:#000; } #footer ul li:after { font-size: 11.7px; line-height: 14.4px; color: #FFF; content: '|'; } #footer ul li:last-child:after { content: ''; } #footer p { font-size: 12.6px; line-height: 14.4px; margin-bottom: 7.2px; color: #336600; } #footer p a, #footer p a:link { color: #336600; text-decoration: underline; } #footer p a:hover { color: #FFF; text-decoration: underline; } #footer a.zaba, #footer a.zaba:link { font-size: 11.7px; line-height: 13.5px; color: #336600; text-decoration: none; display:inline-block; } #footer a.zaba:hover { color: #FFF; text-decoration: none; } } @media only screen and (min-width: 768px) and (max-width: 890px) { html { font-size: 8.93px; } .bounding-box { padding-left:3%; padding-right:3%; } body { background-repeat: no-repeat; background-color: #7ac143; background-position: center 134.37864px; background-size: auto 483.58629px; } .mb4 { margin-bottom: 3.572px; } .mb8 { margin-bottom: 7.144px; } .mt6 { margin-top: 5.358px; } .mb10 { margin-bottom: 8.93px; } .mb12 { margin-bottom: 10.716px; } .mb16 { margin-bottom: 14.288px; } .mb20 { margin-bottom: 17.86px; } .mb30 { margin-bottom: 26.79px; } .pb16 { padding-bottom: 14.288px; } .pt100 { padding-top: 160.74px; } .pt212 { padding-top: 189.316px; } .pt6 { padding-top: 5.358px; } .pt4 { padding-top: 3.572px; } .pt10 { padding-top: 8.93px; } .pad-home { padding-left: 0; padding-right: 0; padding-top: 17.86px; padding-bottom: 17.86px; } .pad-legal { padding-left: 3%; padding-right: 3%; padding-top: 17.86px; padding-bottom: 17.86px; } .rule-green { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #7ac143; } .more-img { height: 8.93px; margin-left: 4.465px; vertical-align: middle; } .video-img { height: 16.074px; margin-left: 7.144px; vertical-align: middle; } #navigation { padding-top: 46.436px; float:right; } #navigation ul li { margin-left: 8.93px; float:right; } #navigation a.single, #navigation a.single:link { font-family: source_sans_prosemibold, Arial, sans-serif; padding-top: 12.502px; height: 26.79px; } #navigation a, #navigation a:link { font-size: 10.716px; line-height: 12.502px; height: 32.148px; padding-top: 7.144px; padding-left: 10.716px; padding-right: 10.716px; -webkit-border-radius: 7.144px; -moz-border-radius: 7.144px; border-radius: 7.144px; letter-spacing: 0.893px; font-family: source_sans_prosemibold, Arial, sans-serif; text-align:center; color:#fff; background-color: #58585a; display:inline-block; text-decoration:none; } #navigation a:hover, #navigation a.selected { background-color: #7ac143; } a.more, a.more:link { font-family: source_sans_probold, Arial, sans-serif; font-size: 12.502px; line-height: 14.288px; color: #7ac143; text-decoration:none; } a.more:hover { color: #58585a; } .logo { width: auto; height: 81.263px; padding-top: 19.646px; padding-bottom: 5.358px; float:left; } #left-col a, #left-col a:link, .left-col a, .left-col a:link, .right-col a, .right-col a:link { color: #7ac143; text-decoration:underline; } #left-col a:hover, .left-col a:hover, .right-col a:hover { color: #58585a; text-decoration:underline; } .phone { font-family: Tahoma, Verdana, Segoe, sans-serif; font-size: 17.86px; line-height: 19.646px; padding-top: 3.572px; padding-right: 10.716px; padding-bottom: 0px; padding-left: 12px; margin-bottom: 0px; color: #FFF; background-color: #7ac143; text-align: center; display: inline-block; float: right; } main-block-height { height: 285.76px; } .home-height { height: 473.29px; /*min-height: 473.29px; */ } .centre-bg-grey { background-image: url(../_gfx/centre-bg-grey.png); background-repeat: no-repeat; background-position: center 169.67px; background-size: 100%; /*background-size: 821.56px; */ } .centre-bg-grey-top { background-image: url(../_gfx/centre-bg-grey.png); background-repeat: no-repeat; background-position: center 0px; background-size: 100%; /*background-size: 821.56px; */ } .centre-bg-white { background-image: url(../_gfx/centre-bg-white.png); background-repeat: no-repeat; background-position: center 0px; background-size: 100%; /*background-size: 821.56px; */ } .upper-quote-home { font-size: 24.111px; line-height: 25.7184px; padding-top: 10.716px; padding-right: 16.074px; padding-bottom: 10.716px; padding-left: 16.074px; -webkit-border-bottom-left-radius: 10.716px; -webkit-border-bottom-right-radius: 10.716px; -moz-border-radius-bottomleft: 10.716px; -moz-border-radius-bottomright: 10.716px; border-bottom-left-radius: 10.716px; border-bottom-right-radius: 10.716px; color:#fff; display: block; background: rgb(247, 143, 30); background: rgba(247, 143, 30, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8F78F1E, endColorstr=#D8F78F1E); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8F78F1E, endColorstr=#D8F78F1E)"; text-align: center; } .video-home { width: 65%; height:346.484px; display: block; margin-left:auto; margin-right:auto; position:relative; overflow: hidden; padding:21.432px; background-image: url(../_gfx/50k.png); background-repeat: repeat; } .video-home iframe, .video-home object, .video-home embed { position: absolute; top: 4%; left: 3%; width: 94%; height: 92%; } .sub-quote-home { font-size: 24.111px; line-height: 25.7184px; /*width:96.3%;*/ padding-top: 10.716px; padding-right: 16.074px; padding-bottom: 10.716px; padding-left: 16.074px; -webkit-border-top-left-radius: 10.716px; -webkit-border-top-right-radius: 10.716px; -moz-border-radius-topleft: 10.716px; -moz-border-radius-topright: 10.716px; border-top-left-radius: 10.716px; border-top-right-radius: 10.716px; color:#fff; display: block; background: rgb(122, 193, 67); background: rgba(122, 193, 67, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7ac143, endColorstr=#7ac143); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7ac143, endColorstr=#7ac143)"; text-align: center; } .upper-quote { font-size: 26.79px; line-height: 28.576px; width: 473.29px; padding-top: 10.716px; padding-right: 16.074px; padding-bottom: 10.716px; padding-left: 16.074px; -webkit-border-top-left-radius: 10.716px; -webkit-border-top-right-radius: 10.716px; -moz-border-radius-topleft: 10.716px; -moz-border-radius-topright: 10.716px; border-top-left-radius: 10.716px; border-top-right-radius: 10.716px; color:#fff; display: inline-block; float: right; background: rgb(247, 143, 30); background: rgba(247, 143, 30, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8F78F1E, endColorstr=#D8F78F1E); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8F78F1E, endColorstr=#D8F78F1E)"; } .lower-quote { font-size: 16.074px; line-height: 18.753px; width: 473.29px; color:#fff; display: inline-block; float: right; padding-top: 10.716px; padding-right: 16.074px; padding-bottom: 10.716px; padding-left: 16.074px; -webkit-border-bottom-right-radius: 10.716px; -webkit-border-bottom-left-radius: 10.716px; -moz-border-radius-bottomright: 10.716px; -moz-border-radius-bottomleft: 10.716px; border-bottom-right-radius: 10.716px; border-bottom-left-radius: 10.716px; border-bottom-right-radius: 10.716px; border-bottom-left-radius: 10.716px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8000000, endColorstr=#D8000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8000000, endColorstr=#D8000000)"; } #left-col, #left-col-UD, #left-col-home { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 31.52174%; padding-top: 17.86px; padding-right: 17.86px; padding-bottom: 17.86px; padding-left: 26.79px; background-repeat: no-repeat; background-position: left top; background-size: auto 169.67px; } #left-col img { width: 100%; height:auto; display: block; margin-bottom: 10.716px; border: 1px solid #58585a; } #left-col a, #left-col a:link, a.googlemap, a.googlemap:link { color:#7ac143 !important; text-decoration:underline; font-weight: bold; } #left-col a:hover, a.googlemap:hover { color:#f78f1e !important; text-decoration:underline; font-weight: bold; } .left-col-black { background-image: url(../_gfx/grey-arch.png); } .left-col-green { background-image: url(../_gfx/green-arch.png); } .right-col { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; width: 68.47826%; padding-top: 17.86px; padding-right: 26.79px; padding-bottom: 17.86px; padding-left: 17.86px; background-image: url(../_gfx/green-arch-right.png); background-repeat: no-repeat; background-position: right top; background-size: auto 169.67px; } .right-col-top { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; width: 68.47826%; padding-top: 17.86px; padding-right: 26.79px; padding-bottom: 17.86px; padding-left: 17.86px; } .home-info-block { margin-bottom:12.502px; width: 20.5%; margin-left:2.9%; margin-right:0.9%; float:left; } .home-info-block-5 { clear:both; } .home-info-block-img { width:100%; border: 1px solid #58585a; display:block; margin-bottom: 8.93px; } /* ************************************************************************** TRAKRAP SYSTEM ************************************************************************** */ .TS-info-block { margin-bottom:10.716px; width: 29%; float:left; margin-right: 6.4%; } .TS-info-block-img { width: 100%; height: auto; } .TS-block-3, .TS-block-6 { margin-right: 0; } .TS-block-4 { clear:both; } img.team { width: 309.410212px; width: 54%; height:auto; float:right; margin-left: 17.86px; } .names { font-family: source_sans_prosemibold, Arial, sans-serif; font-size: 12.759184px; line-height: 15.94898px; margin-bottom: 5.358px; } h2 { font-family: source_sans_prosemibold, Arial, sans-serif; font-size: 14.354082px; line-height: 15.94898px; margin-bottom: 8.93px; } h3 { font-family: source_sans_prosemibold, Arial, sans-serif; font-size: 12.759184px; line-height: 14.354082px; margin-bottom: 8.93px; } p { font-size: 10.366837px; line-height: 12.759184px; margin-bottom: 5.358px; } p span { font-family: source_sans_probold, Arial, sans-serif; color: #7ac143 !important; } p strong { font-family: source_sans_probold, Arial, sans-serif; } .size1 { font-family: source_sans_prosemibold, Arial, sans-serif; font-size: 25.518368px; line-height: 30.303062px; color:#fff; margin-bottom: 14.288px; min-height: 151.81px; } .size2 { font-family: source_sans_prosemibold, Arial, sans-serif; font-size: 17.543878px; line-height: 20.733674px; } .size3 { font-family: source_sans_prosemibold, Arial, sans-serif; font-size: 14.354082px; line-height: 17.543878px; } h1 { font-family: source_sans_probold, Arial, sans-serif; font-size: 23.92347px; line-height: 28.708164px; color:#fff; margin-bottom: 14.288px; } h1.larger { font-size: 27.910715px; line-height: 30.303062px; margin-bottom: 14.288px; } h1.smaller { font-size: 19.138776px; line-height: 22.328572px; margin-bottom: 14.288px; } .colour-1, .colour-2, .colour-3 { color:#fff; } .colour-4, .colour-5, .colour-6 { color:#58585a; } .left-col-top { min-height: 151.81px; margin-bottom: 17.86px; } /* ************************************************************************** PACKAGING TYPES ************************************************************************** */ .PT-info-block { margin-bottom:0px; padding-bottom:8.93px; width: 29.9%; float:left; margin-right: 5.15%; } .PT-info-block-img, .EB-img { width: 100%; height: auto; border: 1px solid #999; } .PT-block-3, .PT-block-6, .PT-block-9 { margin-right:0; } .PT-block-4, .PT-block-7 { clear:both; } /* ************************************************************************** SYSTEM BENEFITS ************************************************************************** */ .EB-image-block1 { margin-bottom:0px; width: 65.517206%; float:left; } .EB-image-block2 { margin-bottom:0px; width: 31.034466%; float:left; } .EB-margin-right { margin-right: 3.448274%; } .EB-text-block { max-width:392.92px; margin-bottom:0px; width: 75.86%; float:left; } .UD-text-block { margin-bottom:0px; width: 100%; } .EB-small-img-right { max-width:107.16px; margin-bottom:0px; width: 20.69%; float:left; } .tick { background-image: url(../_gfx/tick.gif); background-repeat: no-repeat; background-position: left top; padding-left: 19.646px; background-size: auto 14.288px; } .inactive-header { font-family: source_sans_probold, Arial, sans-serif; font-size: 12.502px; line-height: 14.288px; color: #7ac143; text-decoration:none; background-image: url(../_gfx/active-plus.gif); background-repeat: no-repeat; background-position: left; padding-left: 16px; background-size: auto 10.716px; cursor:pointer; } .active-header { font-family: source_sans_probold, Arial, sans-serif; font-size: 12.502px; line-height: 14.288px; text-decoration:none;color: #58585a; background-image: url(../_gfx/active-minus.gif); background-repeat: no-repeat; background-position: left; padding-left: 16px; background-size: auto 10.716px; cursor:pointer; } .accordion-content { display: none; } #left-col p { font-size: 13.395px; line-height: 15.94898px; margin-bottom: 5.358px; color: #58585a; } #left-col ul { margin-bottom: 5.358px; } #left-col ul li { font-family: source_sans_probold, Arial, sans-serif; font-size: 11.961735px; line-height: 17.86px; color: #336600; background-image: url(../_gfx/left-bullet.gif); background-repeat: no-repeat; background-position: left top; padding-left: 12.502px; background-size: auto 20px; } #benefit-tables h2 { font-size: 12.502px; line-height: 16.074px; margin-bottom: 5.358px; } #benefit-tables h2 span { font-family: source_sans_probold, Arial, sans-serif; } #benefit-tables table { width:100%; font-size: 12.502px; line-height: 14.288px; text-align:left; margin-bottom: 18px; } #benefit-tables table td { border: 1px solid #FFF; background-color:#CFC; padding:5.358px; } #benefit-tables table td.first { background-color:#7ac143; color:#FFF; font-family: source_sans_probold, Arial, sans-serif; } #benefit-tables table td.second { background-color:#CAE6B4; } #benefit-tables table td.third { background-color:#D7ECC6; } #benefit-tables table td.fourth { background-color:#E4F3D9; } #benefit-tables table td.fifth { background-color:#F1F9EC; } #benefit-tables table th { background-color:#7ac143; padding:5.358px; color:#fff; font-family: source_sans_probold, Arial, sans-serif; } /* ************************************************************************** UPDATES ************************************************************************** */ .sub-quote-updates { font-size: 24.111px; line-height: 25.7184px; padding-top: 10.716px; padding-right: 16.074px; padding-bottom: 10.716px; padding-left: 16.074px; -webkit-border-top-left-radius: 10.716px; -webkit-border-top-right-radius: 10.716px; -moz-border-radius-topleft: 10.716px; -moz-border-radius-topright: 10.716px; border-top-left-radius: 10.716px; border-top-right-radius: 10.716px; color:#fff; display: block; background: rgb(122, 193, 67); background: rgba(122, 193, 67, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7ac143, endColorstr=#7ac143); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7ac143, endColorstr=#7ac143)"; text-align: center; } .right-col-updates { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; width: 68.47826%; padding-top: 17.86px; padding-right: 26.79px; padding-bottom: 17.86px; padding-left: 17.86px; } .centre-bg-grey-updates { background-image: url(../_gfx/centre-bg-grey.png); background-repeat: no-repeat; background-position: center 0px; background-size: 100%; } .video-updates { max-width: 580px; min-height:292.904px; display: block; overflow: hidden; position:relative; margin-top: 3.81554944561px; margin-bottom: 16.074px; } .video-updates iframe, .video-updates object, .video-updates embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .UD-img { width: 100%; height: auto; border: 1px solid #999; } #left-col-UD ul li { margin-bottom: 7.144px; } #left-col-UD ul li a.UP-link, #left-col-UD ul li a.UP-link:link { font-family: source_sans_probold, Arial, sans-serif; font-size: 12.502px; line-height: 14.288px; color: #58585a; text-decoration:none; margin_bottom: 5.358px; } #left-col-UD ul li a.UP-link:hover { color: #7ac143; } /* ************************************************************************** FORM ************************************************************************** */ #inputArea .textfield, #inputArea .textbox { font-family: Arial, Sans-Serif; font-size: 13px; margin-bottom: 5px; display: block; padding: 4px; width:100%; max-width:400px; } #inputArea .activeField { background-color: #ffffff; border: solid 1px #F78F1E; } #inputArea .idle { border: solid 1px #FDE9D2; background-color: #FEF4E8; } #inputArea label { font-size: 10.366837px; line-height: 12.759184px; margin-bottom: 3.572px; display:block; } #inputArea label span { color:#F78F1E; } #inputArea .check { display:inline; } #inputArea .btn { border: none; background-color: #7ac143; color: #FFF; } #inputArea .btnhov { background-color: #F78F1E; border: none; color:#fff; } /* ************************************************************************** signup FORM ************************************************************************** */ #mc_embed_signup { padding-top:50px; } #mc_embed_signup .textfield, #mc_embed_signup .textbox { font-family: Arial, Sans-Serif; font-size: 13px; margin-bottom: 5px; display: block; padding: 4px; width:94%; max-width:260px; } #mc_embed_signup .activeField { background-color: #ffffff; border: solid 1px #7ac143; } #mc_embed_signup .idle { border: solid 1px #7ac143; background-color: #f1f9ec; } #mc_embed_signup label { font-size: 10.366837px; line-height: 12.759184px; margin-bottom: 3.572px; display:block; } #mc_embed_signup label span { color:#F78F1E; } #mc_embed_signup .check { display:inline; } #mc_embed_signup .btn { border: none; background-color: #7ac143; color: #FFF; } #mc_embed_signup .btnhov { background-color: #F78F1E; border: none; color:#fff; } /* ************************************************************************** FOOTER ************************************************************************** */ #footer { padding-top: 16.074px; padding-bottom: 32.148px; } #footer ul { margin-bottom: 12.502px !important; list-style-type: none; display:inline-block !important; } #footer ul li { float: left; margin-right: .5em; } #footer ul li a, #footer ul li a:link { font-size: 11.609px; line-height: 13.395px; color: #FFF; margin-right: .5em; text-decoration:none; } #footer ul li a:hover { color:#000; } #footer ul li:after { font-size: 11.609px; line-height: 14.288px; color: #FFF; content: '|'; } #footer ul li:last-child:after { content: ''; } #footer p { font-size: 12.502px; line-height: 14.288px; margin-bottom: 7.144px; color: #336600; } #footer p a, #footer p a:link { color: #336600; text-decoration: underline; } #footer p a:hover { color: #FFF; text-decoration: underline; } #footer a.zaba, #footer a.zaba:link { font-size: 11.609px; line-height: 13.395px; color: #336600; text-decoration: none; display:inline-block; } #footer a.zaba:hover { color: #FFF; text-decoration: none; } } @media only screen and (min-width: 100px) and (max-width: 767px) { html { font-size: 8.93px; } .bounding-box { min-width:734px; padding-left:3%; padding-right:3%; } body { background-repeat: no-repeat; background-color: #7ac143; background-position: center 134.37864px; background-size: auto 483.58629px; } .mb4 { margin-bottom: 3.572px; } .mb8 { margin-bottom: 7.144px; } .mt6 { margin-top: 5.358px; } .mb10 { margin-bottom: 8.93px; } .mb12 { margin-bottom: 10.716px; } .mb16 { margin-bottom: 14.288px; } .mb20 { margin-bottom: 17.86px; } .mb30 { margin-bottom: 26.79px; } .pb16 { padding-bottom: 14.288px; } .pt100 { padding-top: 160.74px; } .pt212 { padding-top: 189.316px; } .pt6 { padding-top: 5.358px; } .pt4 { padding-top: 3.572px; } .pt10 { padding-top: 8.93px; } .pad-home { padding-left: 0; padding-right: 0; padding-top: 17.86px; padding-bottom: 17.86px; } .pad-legal { padding-left: 3%; padding-right: 3%; padding-top: 17.86px; padding-bottom: 17.86px; } .rule-green { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #7ac143; } .more-img { height: 8.93px; margin-left: 4.465px; vertical-align: middle; } .video-img { height: 16.074px; margin-left: 7.144px; vertical-align: middle; } #navigation { padding-top: 46.436px; float:right; } #navigation ul li { margin-left: 8.93px; float:right; } #navigation a.single, #navigation a.single:link { font-family: source_sans_prosemibold, Arial, sans-serif; padding-top: 12.502px; height: 26.79px; } #navigation a, #navigation a:link { font-size: 10.716px; line-height: 12.502px; height: 32.148px; padding-top: 7.144px; padding-left: 10.716px; padding-right: 10.716px; -webkit-border-radius: 7.144px; -moz-border-radius: 7.144px; border-radius: 7.144px; letter-spacing: 0.893px; font-family: source_sans_prosemibold, Arial, sans-serif; text-align:center; color:#fff; background-color: #58585a; display:inline-block; text-decoration:none; } #navigation a:hover, #navigation a.selected { background-color: #7ac143; } a.more, a.more:link { font-family: source_sans_probold, Arial, sans-serif; font-size: 12.502px; line-height: 14.288px; color: #7ac143; text-decoration:none; } a.more:hover { color: #58585a; } .logo { width: auto; height: 81.263px; padding-top: 19.646px; padding-bottom: 5.358px; float:left; } #left-col a, #left-col a:link, .left-col a, .left-col a:link, .right-col a, .right-col a:link { color: #7ac143; text-decoration:underline; } #left-col a:hover, .left-col a:hover, .right-col a:hover { color: #58585a; text-decoration:underline; } .phone { font-family: Tahoma, Verdana, Segoe, sans-serif; font-size: 17.86px; line-height: 19.646px; padding-top: 3.572px; padding-right: 10.716px; padding-bottom: 0px; padding-left: 12px; margin-bottom: 0px; color: #FFF; background-color: #7ac143; text-align: center; display: inline-block; float: right; } main-block-height { height: 285.76px; } .home-height { height: 473.29px; /*min-height: 473.29px; */ } .centre-bg-grey { background-image: url(../_gfx/centre-bg-grey.png); background-repeat: no-repeat; background-position: center 169.67px; background-size: 100%; /*background-size: 821.56px; */ } .centre-bg-grey-top { background-image: url(../_gfx/centre-bg-grey.png); background-repeat: no-repeat; background-position: center 0px; background-size: 100%; /*background-size: 821.56px; */ } .centre-bg-white { background-image: url(../_gfx/centre-bg-white.png); background-repeat: no-repeat; background-position: center 0px; background-size: 100%; /*background-size: 821.56px; */ } .upper-quote-home { font-size: 24.111px; line-height: 25.7184px; padding-top: 10.716px; padding-right: 16.074px; padding-bottom: 10.716px; padding-left: 16.074px; -webkit-border-bottom-left-radius: 10.716px; -webkit-border-bottom-right-radius: 10.716px; -moz-border-radius-bottomleft: 10.716px; -moz-border-radius-bottomright: 10.716px; border-bottom-left-radius: 10.716px; border-bottom-right-radius: 10.716px; color:#fff; display: block; background: rgb(247, 143, 30); background: rgba(247, 143, 30, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8F78F1E, endColorstr=#D8F78F1E); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8F78F1E, endColorstr=#D8F78F1E)"; text-align: center; } .video-home { width: 65%; height:346.484px; display: block; margin-left:auto; margin-right:auto; position:relative; overflow: hidden; padding:21.432px; background-image: url(../_gfx/50k.png); background-repeat: repeat; } .video-home iframe, .video-home object, .video-home embed { position: absolute; top: 4%; left: 3%; width: 94%; height: 92%; } .sub-quote-home { font-size: 24.111px; line-height: 25.7184px; /*width:96.3%;*/ padding-top: 10.716px; padding-right: 16.074px; padding-bottom: 10.716px; padding-left: 16.074px; -webkit-border-top-left-radius: 10.716px; -webkit-border-top-right-radius: 10.716px; -moz-border-radius-topleft: 10.716px; -moz-border-radius-topright: 10.716px; border-top-left-radius: 10.716px; border-top-right-radius: 10.716px; color:#fff; display: block; background: rgb(122, 193, 67); background: rgba(122, 193, 67, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7ac143, endColorstr=#7ac143); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7ac143, endColorstr=#7ac143)"; text-align: center; } .upper-quote { font-size: 26.79px; line-height: 28.576px; width: 473.29px; padding-top: 10.716px; padding-right: 16.074px; padding-bottom: 10.716px; padding-left: 16.074px; -webkit-border-top-left-radius: 10.716px; -webkit-border-top-right-radius: 10.716px; -moz-border-radius-topleft: 10.716px; -moz-border-radius-topright: 10.716px; border-top-left-radius: 10.716px; border-top-right-radius: 10.716px; color:#fff; display: inline-block; float: right; background: rgb(247, 143, 30); background: rgba(247, 143, 30, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8F78F1E, endColorstr=#D8F78F1E); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8F78F1E, endColorstr=#D8F78F1E)"; } .lower-quote { font-size: 16.074px; line-height: 18.753px; width: 473.29px; color:#fff; display: inline-block; float: right; padding-top: 10.716px; padding-right: 16.074px; padding-bottom: 10.716px; padding-left: 16.074px; -webkit-border-bottom-right-radius: 10.716px; -webkit-border-bottom-left-radius: 10.716px; -moz-border-radius-bottomright: 10.716px; -moz-border-radius-bottomleft: 10.716px; border-bottom-right-radius: 10.716px; border-bottom-left-radius: 10.716px; border-bottom-right-radius: 10.716px; border-bottom-left-radius: 10.716px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8000000, endColorstr=#D8000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8000000, endColorstr=#D8000000)"; } #left-col, #left-col-UD, #left-col-home { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 31.52174%; padding-top: 17.86px; padding-right: 17.86px; padding-bottom: 17.86px; padding-left: 26.79px; background-repeat: no-repeat; background-position: left top; background-size: auto 169.67px; } #left-col img { width: 100%; height:auto; display: block; margin-bottom: 10.716px; border: 1px solid #58585a; } #left-col a, #left-col a:link, a.googlemap, a.googlemap:link { color:#7ac143 !important; text-decoration:underline; font-weight: bold; } #left-col a:hover, a.googlemap:hover { color:#f78f1e !important; text-decoration:underline; font-weight: bold; } .left-col-black { background-image: url(../_gfx/grey-arch.png); } .left-col-green { background-image: url(../_gfx/green-arch.png); } .right-col { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; width: 68.47826%; padding-top: 17.86px; padding-right: 26.79px; padding-bottom: 17.86px; padding-left: 17.86px; background-image: url(../_gfx/green-arch-right.png); background-repeat: no-repeat; background-position: right top; background-size: auto 169.67px; } .right-col-top { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; width: 68.47826%; padding-top: 17.86px; padding-right: 26.79px; padding-bottom: 17.86px; padding-left: 17.86px; } .home-info-block { margin-bottom:12.502px; width: 20.5%; margin-left:2.9%; margin-right:0.9%; float:left; } .home-info-block-5 { clear:both; } .home-info-block-img { width:100%; border: 1px solid #58585a; display:block; margin-bottom: 8.93px; } /* ************************************************************************** TRAKRAP SYSTEM ************************************************************************** */ .TS-info-block { margin-bottom:10.716px; width: 29%; float:left; margin-right: 6.4%; } .TS-info-block-img { width: 100%; height: auto; } .TS-block-3, .TS-block-6 { margin-right: 0; } .TS-block-4 { clear:both; } img.team { width: 309.410212px; width: 54%; height:auto; float:right; margin-left: 17.86px; } .names { font-family: source_sans_prosemibold, Arial, sans-serif; font-size: 12.759184px; line-height: 15.94898px; margin-bottom: 5.358px; } h2 { font-family: source_sans_prosemibold, Arial, sans-serif; font-size: 14.354082px; line-height: 15.94898px; margin-bottom: 8.93px; } h3 { font-family: source_sans_prosemibold, Arial, sans-serif; font-size: 12.759184px; line-height: 14.354082px; margin-bottom: 8.93px; } p { font-size: 10.366837px; line-height: 12.759184px; margin-bottom: 5.358px; } p span { font-family: source_sans_probold, Arial, sans-serif; color: #7ac143 !important; } p strong { font-family: source_sans_probold, Arial, sans-serif; } .size1 { font-family: source_sans_prosemibold, Arial, sans-serif; font-size: 25.518368px; line-height: 30.303062px; color:#fff; margin-bottom: 14.288px; min-height: 151.81px; } .size2 { font-family: source_sans_prosemibold, Arial, sans-serif; font-size: 17.543878px; line-height: 20.733674px; } .size3 { font-family: source_sans_prosemibold, Arial, sans-serif; font-size: 14.354082px; line-height: 17.543878px; } h1 { font-family: source_sans_probold, Arial, sans-serif; font-size: 23.92347px; line-height: 28.708164px; color:#fff; margin-bottom: 14.288px; } h1.larger { font-size: 27.910715px; line-height: 30.303062px; margin-bottom: 14.288px; } h1.smaller { font-size: 19.138776px; line-height: 22.328572px; margin-bottom: 14.288px; } .colour-1, .colour-2, .colour-3 { color:#fff; } .colour-4, .colour-5, .colour-6 { color:#58585a; } .left-col-top { min-height: 151.81px; margin-bottom: 17.86px; } /* ************************************************************************** PACKAGING TYPES ************************************************************************** */ .PT-info-block { margin-bottom:0px; padding-bottom:8.93px; width: 29.9%; float:left; margin-right: 5.15%; } .PT-info-block-img, .EB-img { width: 100%; height: auto; border: 1px solid #999; } .PT-block-3, .PT-block-6, .PT-block-9 { margin-right:0; } .PT-block-4, .PT-block-7 { clear:both; } /* ************************************************************************** SYSTEM BENEFITS ************************************************************************** */ .EB-image-block1 { margin-bottom:0px; width: 65.517206%; float:left; } .EB-image-block2 { margin-bottom:0px; width: 31.034466%; float:left; } .EB-margin-right { margin-right: 3.448274%; } .EB-text-block { max-width:392.92px; margin-bottom:0px; width: 75.86%; float:left; } .UD-text-block { margin-bottom:0px; width: 100%; } .EB-small-img-right { max-width:107.16px; margin-bottom:0px; width: 20.69%; float:left; } .tick { background-image: url(../_gfx/tick.gif); background-repeat: no-repeat; background-position: left top; padding-left: 19.646px; background-size: auto 14.288px; } .inactive-header { font-family: source_sans_probold, Arial, sans-serif; font-size: 12.502px; line-height: 14.288px; color: #7ac143; text-decoration:none; background-image: url(../_gfx/active-plus.gif); background-repeat: no-repeat; background-position: left; padding-left: 16px; background-size: auto 10.716px; cursor:pointer; } .active-header { font-family: source_sans_probold, Arial, sans-serif; font-size: 12.502px; line-height: 14.288px; text-decoration:none;color: #58585a; background-image: url(../_gfx/active-minus.gif); background-repeat: no-repeat; background-position: left; padding-left: 16px; background-size: auto 10.716px; cursor:pointer; } .accordion-content { display: none; } #left-col p { font-size: 13.395px; line-height: 15.94898px; margin-bottom: 5.358px; color: #58585a; } #left-col ul { margin-bottom: 5.358px; } #left-col ul li { font-family: source_sans_probold, Arial, sans-serif; font-size: 11.961735px; line-height: 17.86px; color: #336600; background-image: url(../_gfx/left-bullet.gif); background-repeat: no-repeat; background-position: left top; padding-left: 12.502px; background-size: auto 20px; } #benefit-tables h2 { font-size: 12.502px; line-height: 16.074px; margin-bottom: 5.358px; } #benefit-tables h2 span { font-family: source_sans_probold, Arial, sans-serif; } #benefit-tables table { width:100%; font-size: 12.502px; line-height: 14.288px; text-align:left; margin-bottom: 18px; } #benefit-tables table td { border: 1px solid #FFF; background-color:#CFC; padding:5.358px; } #benefit-tables table td.first { background-color:#7ac143; color:#FFF; font-family: source_sans_probold, Arial, sans-serif; } #benefit-tables table td.second { background-color:#CAE6B4; } #benefit-tables table td.third { background-color:#D7ECC6; } #benefit-tables table td.fourth { background-color:#E4F3D9; } #benefit-tables table td.fifth { background-color:#F1F9EC; } #benefit-tables table th { background-color:#7ac143; padding:5.358px; color:#fff; font-family: source_sans_probold, Arial, sans-serif; } /* ************************************************************************** UPDATES ************************************************************************** */ .sub-quote-updates { font-size: 24.111px; line-height: 25.7184px; padding-top: 10.716px; padding-right: 16.074px; padding-bottom: 10.716px; padding-left: 16.074px; -webkit-border-top-left-radius: 10.716px; -webkit-border-top-right-radius: 10.716px; -moz-border-radius-topleft: 10.716px; -moz-border-radius-topright: 10.716px; border-top-left-radius: 10.716px; border-top-right-radius: 10.716px; color:#fff; display: block; background: rgb(122, 193, 67); background: rgba(122, 193, 67, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7ac143, endColorstr=#7ac143); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7ac143, endColorstr=#7ac143)"; text-align: center; } .right-col-updates { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; width: 68.47826%; padding-top: 17.86px; padding-right: 26.79px; padding-bottom: 17.86px; padding-left: 17.86px; } .centre-bg-grey-updates { background-image: url(../_gfx/centre-bg-grey.png); background-repeat: no-repeat; background-position: center 0px; background-size: 100%; } .video-updates { max-width: 580px; min-height:292.904px; display: block; overflow: hidden; position:relative; margin-top: 3.81554944561px; margin-bottom: 16.074px; } .video-updates iframe, .video-updates object, .video-updates embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .UD-img { width: 100%; height: auto; border: 1px solid #999; } #left-col-UD ul li { margin-bottom: 7.144px; } #left-col-UD ul li a.UP-link, #left-col-UD ul li a.UP-link:link { font-family: source_sans_probold, Arial, sans-serif; font-size: 12.502px; line-height: 14.288px; color: #58585a; text-decoration:none; margin_bottom: 5.358px; } #left-col-UD ul li a.UP-link:hover { color: #7ac143; } /* ************************************************************************** FORM ************************************************************************** */ #inputArea .textfield, #inputArea .textbox { font-family: Arial, Sans-Serif; font-size: 13px; margin-bottom: 5px; display: block; padding: 4px; width:100%; max-width:400px; } #inputArea .activeField { background-color: #ffffff; border: solid 1px #F78F1E; } #inputArea .idle { border: solid 1px #FDE9D2; background-color: #FEF4E8; } #inputArea label { font-size: 10.366837px; line-height: 12.759184px; margin-bottom: 3.572px; display:block; } #inputArea label span { color:#F78F1E; } #inputArea .check { display:inline; } #inputArea .btn { border: none; background-color: #7ac143; color: #FFF; } #inputArea .btnhov { background-color: #F78F1E; border: none; color:#fff; } /* ************************************************************************** signup FORM ************************************************************************** */ #mc_embed_signup { padding-top:50px; } #mc_embed_signup .textfield, #mc_embed_signup .textbox { font-family: Arial, Sans-Serif; font-size: 13px; margin-bottom: 5px; display: block; padding: 4px; width:94%; max-width:260px; } #mc_embed_signup .activeField { background-color: #ffffff; border: solid 1px #7ac143; } #mc_embed_signup .idle { border: solid 1px #7ac143; background-color: #f1f9ec; } #mc_embed_signup label { font-size: 10.366837px; line-height: 12.759184px; margin-bottom: 3.572px; display:block; } #mc_embed_signup label span { color:#F78F1E; } #mc_embed_signup .check { display:inline; } #mc_embed_signup .btn { border: none; background-color: #7ac143; color: #FFF; } #mc_embed_signup .btnhov { background-color: #F78F1E; border: none; color:#fff; } /* ************************************************************************** FOOTER ************************************************************************** */ #footer { padding-top: 16.074px; padding-bottom: 32.148px; } #footer ul { margin-bottom: 12.502px !important; list-style-type: none; display:inline-block !important; } #footer ul li { float: left; margin-right: .5em; } #footer ul li a, #footer ul li a:link { font-size: 11.609px; line-height: 13.395px; color: #FFF; margin-right: .5em; text-decoration:none; } #footer ul li a:hover { color:#000; } #footer ul li:after { font-size: 11.609px; line-height: 14.288px; color: #FFF; content: '|'; } #footer ul li:last-child:after { content: ''; } #footer p { font-size: 12.502px; line-height: 14.288px; margin-bottom: 7.144px; color: #336600; } #footer p a, #footer p a:link { color: #336600; text-decoration: underline; } #footer p a:hover { color: #FFF; text-decoration: underline; } #footer a.zaba, #footer a.zaba:link { font-size: 11.609px; line-height: 13.395px; color: #336600; text-decoration: none; display:inline-block; } #footer a.zaba:hover { color: #FFF; text-decoration: none; }body { background-repeat: no-repeat; background-color: #7ac143; background-position: center 134.37864px; background-size: 1190px auto; } }