* {
    padding: 5;
    margin: 0
}

body {
    font-size: 16px;
    padding-top: 11px
}

#files div img {
    max-width: 150px
}

#egText {
    font-size: 9px;
    display: inline-block;
    padding: 0;
    text-decoration: none;
    color: #525f7f;
    font-family: "Open Sans",Sans-serif;
    font-variant-numeric: proportional-nums;
    font-style: italic
}

#betaVersion {
    border-radius: 10px;
    border: 2px solid #000;
    background-color: #e0ffe0;
    padding: 9px;
    width: 219px;
    margin-top: 10px;
    margin-left: -10px;
    text-align: center
}

#tryNow {
    background-color: green;
    width: 100px;
    border: 1px solid #000;
    color: #fff;
    font-weight: 600;
    padding: 7px 5px 5px;
    display: inline-block;
    margin: 6px auto 0;
    cursor: pointer
}

#tryNow:hover {
    background: #46e840
}

#findTextLabel {
    font-size: 13px;
    float: left;
    width: 59px;
    display: inline-block;
    padding-left: 3px;
    text-decoration: none;
    color: #525f7f;
    font-family: "Open Sans",Sans-serif;
    font-variant-numeric: proportional-nums
}

#findPostcode,#searchPostcode {
    margin-top: 0;
    font-size: 11px;
    height: 20px;
    width: 226px;
    padding: 0 0 0 6px;
    border-radius: 4px
}

#findDiv {
    position: absolute;
    right: 14px;
    top: 13px;
    z-index: 1000;
    font-size: 13px;
    text-align: center;
    padding: 4px;
    cursor: pointer
}

#findNow,#findNowGoogle {
    display: inline-block;
    padding-top: 3px;
    margin-top: 0;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 13px;
    color: #fff;
    background: #3fd005;
    border: 1px solid #006400;
    margin-left: 2px;
    text-decoration: none;
    border-radius: 3px;
    height: 18px;
    font-family: Arial,Helvetica,sans-serif;
    cursor: pointer
}

#findNow:hover,#ringGoButton:hover {
    cursor: pointer;
    color: #fff;
    background-color: #3fd005;
    transform: scale(1.07);
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08)
}

div {
    display: block
}

#orderPrint,#orderPrint p {
    font-family: Arial,Helvetica,sans-serif;
    color: #666;
    padding-top: 0
}

#orderPrint {
    width: 300px;
    height: 40px;
    font-weight: 400;
    font-size: 20px
}

#orderPrint p {
    font-weight: bolder
}

#markerCentre {
    margin-left: 0!important
}

#showMarkers {
/*
    margin-left: 0;
    margin-bottom: 12px
*/
}

#markerCentre {
}

#printPrice {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bolder;
    color: red;
    padding-top: 1px;
    float: left;
    width: 60px;
    font-size: 18px
}

#noVAT {
    font-weight: 400;
    color: #000;
    padding-top: 7px;
    font-size: 10px;
    float: left;
    width: 150px
}

#deliveryTime,#noVAT,#printButton a,#printButton f,table.filelist {
    font-family: Arial,Helvetica,sans-serif
}

#deliveryTime {
    font-weight: 400;
    color: #000;
    font-size: 12px;
    width: 200px;
    margin-top: 27px
}

#printButton a,#printButton f {
    font-weight: bolder;
    color: #fff;
    font-size: 12px;
    width: 75px;
    float: right;
    padding: 7px;
    background-color: #0c0;
    text-align: center;
    margin-top: 13px
}

#contact-area {
    width: 470px;
    margin-top: 5px
}

#SideBarBox {
    padding: 0!important;
    margin-top: 3px!important
}

#sublinkbutton a,#sublinkbutton2 a {
    padding: 6px 8px 7px 6px;
    text-align: center;
    color: #666;
    font-size: 10px;
    line-height: 11px;
    border-bottom-style: solid;
    border-width: 1px 2px 0;
    border-color: #000
}

#sublinkbutton a {
    background-color: #ccc;
    float: left;
    margin-left: 1px;
    margin-bottom: 0;
    text-decoration: none;
    border-bottom: #000;
    border-top-right-radius: 9px;
    border-top-left-radius: 9px;
    border-top-style: solid;
    border-right-style: solid
}

#sublinkbutton2 a {
    background-color: #999
}

#sublinkblank a,#sublinkblank2 a,#sublinkbutton2 a,#sublinkbuttonselected a {
    float: left;
    margin-left: 1px;
    margin-bottom: 0;
    text-decoration: none;
    border-bottom: #000;
    border-top-right-radius: 9px;
    border-top-left-radius: 9px;
    border-top-style: solid;
    border-right-style: solid
}

#sublinkblank2 a {
    background-color: #999;
    padding: 6px 8px 7px 6px;
    text-align: center;
    color: #666;
    font-size: 25px;
    line-height: 15px;
    border-width: 1px 2px 2px;
    border-color: #000;
    height: 29px;
    width: 20px
}

#sublinkblank a,#sublinkbuttonselected a {
    border-bottom-style: solid;
    border-width: 1px 2px 0
}

#sublinkblank a {
    background-color: #ccc;
    padding: 6px 8px 7px 6px;
    text-align: center;
    color: #666;
    font-size: 25px;
    line-height: 15px;
    border-color: #000;
    height: 29px;
    width: 20px
}

#sublinkblank a:hover,#sublinkbutton a:hover,#sublinkbutton2 a:hover {
    background-color: #eee
}

.topTabBar {
    background-color: #ccc;
    min-width: 930px;
    height: 36px;
    background: linear-gradient(#050608,#999);
    border-top-right-radius: 10px
}

.bottomTabBar {
    background-color: #999;
    min-width: 930px;
    height: 35px
}

#sublinkbuttonselected a {
    padding: 6px 8px 8px 6px;
    color: #000;
    font-size: 10px;
    font-weight: 400;
    line-height: 11px;
    border-color: #000 #333 #333
}

table.filelist {
    font-size: 11px;
    color: #333;
    border-width: 0;
    border-color: #666;
    border-collapse: collapse;
    width: 115px
}

table.filelist img {
    width: 97px;
    height: 138px
}

table.filelist td,table.filelist th {
    border-width: 0;
    padding: 8px;
    border-style: solid;
    border-color: #666;
    background-color: #dedede
}

#sublinkbuttonselected a,table.filelist td {
    background-color: #fff;
    text-align: center
}

table.filelist a {
    padding-left: 5px;
    padding-right: 5px
}

table.filelistframe,table.filelistframe th {
    border: solid #000 thin;
    border-collapse: collapse
}

table.filelistframe {
    width: 940px;
    padding-top: 0
}

table.filelistframe td {
    width: 100%;
    align: left
}

table.filelistframe tr {
    align: right
}

table.filelistframe th {
    width: 100%;
    background-image: url(../images/filelisttitlebackg.jpg);
    background-repeat: y-repeat
}

table.filelistframe p {
    padding-top: 8px;
    padding-left: 22px;
    font-weight: 700;
    color: #fff;
    float: left;
    height: 20px
}

#SideBarBoxHeading {
    background: #000;
    width: 240px;
    margin-left: 0;
    margin-top: 0;
    color: #fff;
    font-weight: 700;
    text-align: center;
    height: 22px;
    border-color: #000;
    padding-top: 5px
}

#sample-header-area {
    width: 920px;
    height: 50px;
    margin: 0 40px 13px;
    border: solid #000 thin;
    padding-top: 8px
}

#sample-header-area a {
    font-size: 12px;
    text-align: center;
    padding-bottom: 5px;
    width: 90px;
    margin-top: 3px
}

#contact-area input,#contact-area textarea {
    padding: 5px;
    width: 340px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.4em;
    margin: 0 0 10px;
    border: 2px solid #ccc
}

#contact-area textarea {
    height: 150px
}

#contact-area input:focus,#contact-area textarea:focus {
    border: 2px solid #900
}

#contact-area input.submit-button {
    width: 100px;
    float: right
}

#modal_buy_credit {
    position: absolute;
    border: 2px solid green;
    width: 225px;
    background: #fff;
    z-index: 2;
    display: none;
    left: 380px;
    top: 208px;
    text-align: center;
    background-image: url(../images/ArrowRightBlue.gif);
    background-repeat: no-repeat;
    background-position: right;
    padding: 10px 85px 10px 10px
}

.terms {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 40px
}

.terms h1 {
    padding-left: 40px;
    font-size: 24px;
    color: #3fc2ee
}

.terms p,p {
    font-size: 14px
}

.terms p {
    padding-left: 40px;
    padding-right: 40px
}

label {
    text-align: right;
    font-size: 12px
}

polygon.orange {
    fill: #f90
}

svg.area .postcode_areas polygon:hover,svg.district .postcode_districts polygon:hover {
    cursor: pointer
}

#logoupload {
    display: none
}

body,html {
    height: 100%;
    font-family: Arial,Helvetica,sans-serif;
    background-repeat: repeat-x;
    background-color: #4675a3
}

p {
    margin-bottom: 8px;
    margin-left: auto
}

p.text {
    margin-left: 1%;
    margin-right: 1%
}

img {
    max-width: 100%
}

#inner-wrap,.inner-wrap {
    margin: 0 auto;
    padding-top: 0
}

.inner-wrap {
    max-width: 925px;
    min-width: 500px
}

#inner-wrap {
    width: 1022px;
    min-width: 1022px;
    min-height: 1178px
}

.colourMap #footer,.colourMap #wrap,.colourMap .inner-wrap {
    min-width: 930px
}

#footer,#wrap {
    min-width: 500px;
    clear: both
}

#wrap {
    min-height: 20px;
    margin: 0 auto -20px;
    padding-top: 10px
}

.svg-border {
    height: 298px;
    width: 298px;
    padding-top: 12px
}

#top-bar {
    background-color: #223e92;
    border-bottom: 1px solid #fff;
    color: #fff;
    text-align: center
}

#top-bar p {
    margin: 0;
    line-height: 2em
}

#header {
    background: #000 url(../images/header-bg1.jpg)no-repeat top center;
    margin-bottom: 10px
}

#header img {
    float: left;
    margin-left: 50px;
    margin-top: 32px
}

#header h1 {
    color: #fff;
    padding-top: 29px;
    margin: 0 0 0 140px;
    font-size: 24px
}

#header h2,#header h6 {
    color: #fff;
    font-size: 18px;
    font-weight: 400
}

#header h2 {
    margin: -5px 0 25px 140px
}

#push {
    clear: both
}

#push,#push2 {
    height: 20px
}

#content {
    clear: both;
    background-color: #fff
}

#content td {
    padding-left: 0
}

#content h1 {
    font-size: 16px;
    color: #54abe0
}

#unlockButton,#videoLinkText a {
    padding-left: 50px
}

#videoLinkText a {
    font-size: 12px
}

#moreInfoText {
    font-size: 12px;
    color: #fff
}

.fileButtons img {
    width: 215px;
    height: 70px
}

.column,.row {
    float: left;
    width: 32%;
    min-height: 300px
}

#footer li a,#save_map,.section a {
    text-decoration: none
}

.row {
    width: 63%
}

#ClientTestimonials-row p {
    float: left;
    width: 97%;
    background-color: #fff;
    margin-left: 15px
}

#ClientTestimonials-row img {
    float: left;
    padding-right: 10px
}

.displayMapType {
    font-size: 16px;
    font-weight: 700;
    color: red;
    padding: 7px;
    margin-bottom: 10px;
    margin-top: 0;
    background: #ffffcb;
    text-align: center;
    border: 2px solid red;
    border-radius: 11px
}

.row li,.row ul {
    margin: 0;
    padding: 0 0 10px 20px
}

.row li {
    font-size: 14px
}

.bigcolumn {
    float: left;
    width: 61%;
    min-height: 300px
}

#column1,#column2,#column3 {
    margin-left: 1%
}

#videotime {
    color: #999
}

#column4 {
    margin-left: 4%
}

#column5,.section {
    background-color: #fff
}

#column5 {
    margin-left: 0;
    padding-left: 25px;
    padding-right: 15px
}

.section {
    margin-bottom: 15px;
    padding: 10px 3%;
    min-height: 550px
}

.about-img img {
    margin-bottom: 15px;
    padding-left: 10px;
    padding-right: 30px
}

.section a {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 600
}

.boxed {
    border: 0 solid green;
    padding: 5px 10px 25px 15px;
    font-size: 14px;
    width: 275px
}

.boxed h1,.boxed img,.boxed p {
    padding-right: 10px;
    padding-top: 0
}

.boxed img {
    float: left
}

.boxed h1,.boxed p {
    font-size: 12px;
    color: #000
}

.boxed h1,.section a {
    font-size: 14px;
    color: #1d82c6
}

.boxed h1 {
    padding-top: 4px;
    padding-bottom: 8px;
    width: 100%;
    font-weight: 400
}

.boxed li {
    margin: 0;
    padding: 0;
    list-style-image: url(../images/tick.gif)
}

.boxed ul {
    margin: 0;
    padding: 0 0 0 20px
}

.buydownload,.buydownload a:hover {
    font-weight: 700;
    color: #fff;
    max-width: 80px;
    font-size: 14px
}

.buydownload {
    border: 1px solid #00f;
    padding: 0 5px;
    background-color: #73bf44;
    margin-top: 2px;
    left: 821px;
    top: 820px;
    float: left;
    margin-left: 5px
}

.buydownload a {
    color: #fff
}

.buydownload a:hover {
    float: right;
    background-color: #98bad6
}

.price,.samplesbutton a {
    padding: 0;
    font-weight: 700;
    max-width: 220px;
    font-size: 13px;
    float: left;
    margin-top: 4px
}

.price {
    color: #000;
    margin-right: 5px
}

.samplesbutton a {
    color: #09c;
    margin-left: 5px;
    text-decoration: underline
}

.ClientTestimonials-row {
    width: 98%
}

#ClientTestimonials-row h1 {
    float: left;
    padding-left: 15px;
    color: #1a7fc3
}

.nav-dot {
/*
    width: 8px;
    height: 8px;
*/
/*
    background: #fff;
    border-radius: 100px;
    display: block
*/
}

#clients,.divTable {
    background-color: #fff
}

#clients {
    margin: 15px 1%;
    border: 1px solid;
    padding: 10px;
    border-color: #57addc;
    float: left;
    min-width: 300px
}

#clients,#footer {
    text-align: center
}

#footer ul {
    list-style-type: none
}

#footer li {
    color: #fff;
    padding: 0 30px;
    line-height: 40px;
    display: inline
}

#footer li a {
    color: #fff
}

.divTable {
    display: table;
    width: 485px;
    border: 1px solid #666;
    border-spacing: 0
}

.divRow {
    display: table-row;
    width: auto
}

.easy ul {
    color: #0f9
}

.easy li {
    color: #333
}

.divCell,.divCellTitle,.divCellTitlePrice {
    float: left;
    display: table-column;
    width: 175px;
    padding-left: 5px
}

.divCell {
    background-color: #fff;
    padding-top: 3px;
    padding-bottom: 5px;
    min-height: 14px
}

.divCellTitle,.divCellTitlePrice {
    background-color: #ccc;
    font-weight: 700;
    padding-top: 2px;
    padding-bottom: 2px
}

.divCellTitlePrice {
    width: 105px
}

.divCellTotal,.divCellTotalPrice {
    font-weight: 700;
    padding-bottom: 5px;
    padding-top: 3px;
    border-top: solid #000 1px
}

.divCellTotal {
    float: left;
    display: table-column;
    width: 175px;
    background-color: #fff;
    padding-left: 5px
}

.divCellTotalPrice {
    width: 105px
}

.divCellPrice,.divCellProduct,.divCellTotalPrice {
    float: left;
    display: table-column;
    background-color: #fff;
    padding-left: 5px
}

.divCellProduct {
    width: 175px;
    color: #1d82c6;
    text-decoration: underline;
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 3px
}

.divCellPrice {
    width: 105px;
    padding-top: 3px;
    padding-bottom: 5px
}

#header h6 {
    float: right;
    z-index: 12
}

@media (max-width:1000px) {
    #header {
        background-position: -20px top
    }@    media (max-width:900px) {
        #footer li{padding: 0 10px;
        white-space: nowrap
    }@    media (max-width:700px) {
        #footer{height: 80px;
        clear: both
    }
}

@media (max-width:650px) {
    #column1,#column2 {
        width: 47%
    }

    #column3 {
        width: 98%;
        clear: left;
        margin-left: 1%
    }

    #column3 .section {
        float: left;
        width: 48%
    }

    #column3 .section:nth-child(even) {
        margin-left: 4%
    }
}}}