html {
	overflow-y: scroll;
	height: 100%;
}

body {
	background-color: #FFF;
	color: #2f2f2f;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/scribblybgwht.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
	-webkit-background-size: 1920px 1370px;
}
hr {
	background-color: #858585;
	height: 2px;
	margin-top: 12px;
	margin-bottom: 12px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 100%;
	clear: both;
}
p {
	line-height: 170%;
	color: #2f2f2f;
}
.smallprint {
	font-size: 11px;
    line-height: 1.6em;
    margin-top: 0;
}
#squares p {
	line-height: 130%;
	color: #000;
}
h1 {
	font-family: 'Open Sans',sans-serif;
    font-size: 45px;
    font-weight: 300;
    line-height: 110%;
    margin: 2% 0;
}
h2 {
	font-family: 'Open Sans',sans-serif;
	font-size: 29px;
	font-weight: 300;
	line-height: 120%;
	margin: 2% 0% 2% 0%;
}
h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 23px;
	font-weight: 300;
	line-height: 100%;
	margin-bottom: -8px;
}
h1 , h2 , h3 {
	color: #000;
}
#squares h1 {
	color: #000;
}
#squares h2 {
	font-weight: 600;
	margin: 0px;
	color: #FFF;
}
#squares ul {
	color: #FFF;
}
table {
	text-align: left;
	line-height: 1.8em;
	margin: 15px 0 25px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #58585b;
	color: #2f2f2f;
}
tr p, th {
    padding: 0 10px;
	margin: 0;
}
tr:nth-child(odd) {
    background-color: #e5e5e5;
}
ul {
	line-height: 170%;
	color: #2f2f2f;
}
.openingtimes {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.openingtimes  tr{
	text-indent: 0px;
	line-height: 150%;
}

.container {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
.header {
	padding-top: 25px;
	height: 128px;
}
.blocklink p {
	color: #FFF!important;
}
.minimenu {
    float: left;
    font-size: 12px;
    line-height: 130%;
    margin: 0 0 -16px 0;
    position: relative;
}
.minimenuspecials {
    color: #ED6531!important;
}
.minimenuspecials:hover {
    color: #2F2F2F!important;
	-webkit-transition:color 0.3s linear;
	-moz-transition:color 0.3s linear;
	-o-transition:color 0.3s linear;
}
a:hover img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	filter: alpha(opacity=65);
	opacity: 0.65;
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
}
p a, li a, .copyright a {
	color: #ED6531;
	text-decoration: none;
}
p a:hover, li a:hover, .copyright a:hover {
	color: #000;
	-webkit-transition:color 0.3s linear;
	-moz-transition:color 0.3s linear;
	-o-transition:color 0.3s linear;
	text-decoration: none;
}
.minimenu a {
	color: #2f2f2f!important;
}
.minimenu a:hover {
	color: #ED6531!important;
	-webkit-transition:color 0.3s linear;
	-moz-transition:color 0.3s linear;
	-o-transition:color 0.3s linear;
	text-decoration: none;
}
.header a {
	text-decoration: none;
	color: #FFF;
}
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
}
.blocklink a {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: -webkit-transform 0.6s linear;
	-moz-transition: -moz-transform  0.6s linear;
	-o-transition:opacity 0.6s linear;
}
.blocklink a:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	opacity: 0.65;
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
}
.blocklink li:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	opacity: 0.65;
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
}
.colour_printing {
	height: 95px;
	width: 95px;
	background-image: url(../images/colour_printing.gif);
	float: left;
	display: block;
	margin-top: 33px;
}
.colprintheaderrow {
	background-color: #38a8da!important;
	text-align: left;
	color: #FFF;
}
.buscardheaderrow {
	background-color: #000000!important;
	text-align: left;
	color: #ED6531;
}
.supsaverheaderrow {
	background-color: #F00!important;
	text-align: left;
	color: #FFF;
}
.displayprodsheaderrow {
	background-color: #387A42!important;
	text-align: left;
	color: #FFF;
}
.artworkheaderrow {
	background-color: #e91c89!important;
	text-align: left;
	color: #FFF;
}
.websitesheaderrow {
	background-color: #ED6531!important;
	text-align: left;
	color: #FFF;
}
.cov19headerrow {
	background-color: #ffb400!important;
	text-align: left;
	color: #FFF;
}
.design_and_artwork {
	height: 95px;
	width: 95px;
	background-image: url(../images/design_and_artwork.gif);
	float: left;
	margin-right: 13px;
	margin-top: 33px;
	display: block;
	margin-left: 13px;
}
.websites_and_hosting {
	height: 95px;
	width: 95px;
	background-image: url(../images/websites_and_hosting.gif);
	float: left;
	margin-right: 13px;
	margin-top: 33px;
	display: block;
}
.promo_items {
	height: 95px;
	width: 95px;
	background-image: url(../images/promo_items.gif);
	float: left;
	margin-right: 13px;
	margin-top: 33px;
}
.volume_copying {
	height: 95px;
	width: 95px;
	background-image: url(../images/volume_copying.gif);
	float: left;
	margin-right: 13px;
	margin-top: 33px;
}
.display_products {
	height: 95px;
	width: 95px;
	background-image: url(../images/display_products.gif);
	float: left;
	margin-top: 33px;
	margin-right: 10px;
}
#pdclogo {
	padding: 0px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: -webkit-transform 0.6s linear;
	-moz-transition: -moz-transform 0.6s linear;
	-o-transition:opacity 0.6s linear;
}
.menutext {
	margin-top: 53px;
	margin-left: 8px;
	position: absolute;
	line-height: 17px;
}
.hello {
	height: 479px;
	width: 479px;
	background-image: url(../images/design_print_marketing_team.jpg);
	background-repeat: no-repeat;
	padding: 25px;
	color: #000;
	font-size: 32px;
	font-weight: 300;
	line-height: 130%;
	float: left;
}

.bigsquare {
	height: 479px;
	width: 479px;
	background-repeat: no-repeat;
	padding: 25px;
	color: #000;
	font-size: 32px;
	font-weight: 300;
	line-height: 130%;
	float: left;
}

.bigsquarecolourprinting {
	background: #38a7da;
	background: -moz-linear-gradient(-45deg, #38a7da 0%, #89cbdb 50%, #b5dfe2 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, #38a7da), color-stop(50%, #89cbdb), color-stop(100%, #b5dfe2));
	background: -webkit-linear-gradient(-45deg, #38a7da 0%, #89cbdb 50%, #b5dfe2 100%);
	background: -o-linear-gradient(-45deg, #38a7da 0%, #89cbdb 50%, #b5dfe2 100%);
	background: -ms-linear-gradient(-45deg, #38a7da 0%, #89cbdb 50%, #b5dfe2 100%);
	background: linear-gradient(135deg, #38a7da 0%, #89cbdb 50%, #b5dfe2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38a7da', endColorstr='#b5dfe2', GradientType=1 );
}

.bigsquarebuscards {
	background: #000000;
	background: -moz-linear-gradient(-45deg, #000000 0%, #181818 50%, #2f2f2f 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, #000000), color-stop(50%, #181818), color-stop(100%, #2f2f2f));
	background: -webkit-linear-gradient(-45deg, #000000 0%, #181818 50%, #2f2f2f 100%);
	background: -o-linear-gradient(-45deg, #000000 0%, #181818 50%, #2f2f2f 100%);
	background: -ms-linear-gradient(-45deg, #000000 0%, #181818 50%, #2f2f2f 100%);
	background: linear-gradient(135deg, #000000 0%, #181818 50%, #2f2f2f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#2f2f2f', GradientType=1 );
}

.bigsquaredesignandartwork {
	background: #e91c89;
	background: -moz-linear-gradient(-45deg, #e91c89 0%, #f28394 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, #e91c89), color-stop(100%, #f28394));
	background: -webkit-linear-gradient(-45deg, #e91c89 0%, #f28394 100%);
	background: -o-linear-gradient(-45deg, #e91c89 0%, #f28394 100%);
	background: -ms-linear-gradient(-45deg, #e91c89 0%, #f28394 100%);
	background: linear-gradient(135deg, #e91c89 0%, #f28394 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e91c89', endColorstr='#f28394', GradientType=1 );
}

.bigsquarewebsitesandhosting {
	background: #ec552f;
	background: -moz-linear-gradient(-45deg, #ec552f 0%, #f18f34 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, #ec552f), color-stop(100%, #f18f34));
	background: -webkit-linear-gradient(-45deg, #ec552f 0%, #f18f34 100%);
	background: -o-linear-gradient(-45deg, #ec552f 0%, #f18f34 100%);
	background: -ms-linear-gradient(-45deg, #ec552f 0%, #f18f34 100%);
	background: linear-gradient(135deg, #ec552f 0%, #f18f34 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec552f', endColorstr='#f18f34', GradientType=1 );
}

.bigsquarevolumecopying {
	background: #344c99;
	background: -moz-linear-gradient(-45deg, #344c99 0%, #0297b9 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, #344c99), color-stop(100%, #0297b9));
	background: -webkit-linear-gradient(-45deg, #344c99 0%, #0297b9 100%);
	background: -o-linear-gradient(-45deg, #344c99 0%, #0297b9 100%);
	background: -ms-linear-gradient(-45deg, #344c99 0%, #0297b9 100%);
	background: linear-gradient(135deg, #344c99 0%, #0297b9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#344c99', endColorstr='#0297b9', GradientType=1 );
}

.bigsquaredisplayproducts {
	background: #07543a;
	background: -moz-linear-gradient(-45deg, #07543a 0%, #448444 47%, #79ae78 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, #07543a), color-stop(47%, #448444), color-stop(100%, #79ae78));
	background: -webkit-linear-gradient(-45deg, #07543a 0%, #448444 47%, #79ae78 100%);
	background: -o-linear-gradient(-45deg, #07543a 0%, #448444 47%, #79ae78 100%);
	background: -ms-linear-gradient(-45deg, #07543a 0%, #448444 47%, #79ae78 100%);
	background: linear-gradient(135deg, #07543a 0%, #448444 47%, #79ae78 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07543a', endColorstr='#79ae78', GradientType=1 );
}

.bigsquarecovid19 {
	background: #ffb400;
	background: -moz-linear-gradient(-45deg, #ffb400 0%, #fdc907 50%, #fbdc0e 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, #ffb400), color-stop(50%, #fdc907), color-stop(100%, #fbdc0e));
	background: -webkit-linear-gradient(-45deg, #ffb400 0%, #fdc907 50%, #fbdc0e 100%);
	background: -o-linear-gradient(-45deg, #ffb400 0%, #fdc907 50%, #fbdc0e 100%);
	background: -ms-linear-gradient(-45deg, #ffb400 0%, #fdc907 50%, #fbdc0e 100%);
	background: linear-gradient(135deg, #ffb400 0%, #fdc907 50%, #fbdc0e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb400', endColorstr='#fbdc0e', GradientType=1 );
}

.offers {
	background-repeat: no-repeat;
	height: 419px;
	width: 419px;
	float: left;
	margin-left: 12px;
}
.subimages {
	float: right;
	clear: both;
	margin-bottom: 13px;
}
.smlpic1 {
	float: left;
	height: 98px;
	width: 95.7px;
	margin-top: 12px;
	margin-left: 12px;
	margin-bottom: 22px;
}
#homepage .smlpic1 {
	width: 98px;
	margin-bottom: 0;
}
.smlpic2 {
	float: left;
	margin-top: -199px;
	margin-left: 11px;
}
.smlpic3 {
	float: left;
	height: 94px;
	width: 98px;
	margin-left: 12px;
	margin-top: -199px;
}
.smlpic4 {
	float: left;
	height: 94px;
	width: 98px;
	margin-top: -93px;
	margin-left: 12px;
}
.ourservices {
	float: left;
	height: 309px;
	width: 309px;
	margin-top: 12px;
	margin-left: 12px;
	list-style-type: none;
}
.ourservices h2 {
    font-size: 24px;
}
.ourservices p a{
	color: #FFF;
	text-decoration: none;
	font-weight: 600;
}
.ourservices p a:hover {
	color: #000;
	font-weight: 600;
}
.servicesbox {
    list-style: none;
    padding: 0;
    margin: 0;
}
.servicesbullets {
	list-style-type: disc;
	margin-left: -20px;
	margin-top: 15px;
    line-height: 1.4em;
}
.colourprintingservices {
	background-image: url(../images/colour_printing_bg.jpg);
	background-repeat: no-repeat;
	height: 259px;
	width: 259px;
	padding: 25px;
}
.designandartworkservices {
	background-image: url(../images/design_and_artwork_bg.jpg);
	background-repeat: no-repeat;
	height: 259px;
	width: 259px;
	padding: 25px;
}
.websiteandhostingservices {
	background-image: url(../images/websites_and_hosting_bg.jpg);
	background-repeat: no-repeat;
	height: 259px;
	width: 259px;
	padding: 25px;
}
.promoitemservices {
	background-image: url(../images/promo_items_bg.jpg);
	background-repeat: no-repeat;
	height: 259px;
	width: 259px;
	padding: 25px;
}
.volumecopyingservices {
	background-image: url(../images/volume_copying_bg.jpg);
	background-repeat: no-repeat;
	height: 259px;
	width: 259px;
	padding: 25px;
}
.displayproductservices {
	background-image: url(../images/display_products_bg.jpg);
	background-repeat: no-repeat;
	height: 259px;
	width: 259px;
	padding: 25px;
}
.snapframecityad {
	height: 259px;
	width: 259px;
	background-image: url(../images/snapframe_city_bg.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	font-weight: 300;
	line-height: 130%;
	float: left;
	margin-top: -199px;
	display: block;
}
.footer {
	padding-top: 1px;
	height: 25px;
	width: 100%;
	clear: both;
}
.socialmedia {
	float: left;
	margin-top: 36px;
	width: 100px;
}
.socialmedia img {
	margin-right: 2px;
}
#squares .socialmedia {
	margin-left: -98px;
}
#squares .tel {
    display: none;
}
.tel {
    float: left;
    margin: 34px 0 0 10px;
    font-size: 10px;
}
.tellink {
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	cursor: text;
	color:#2f2f2f;
}
.copyright {
    float: right;
    font-size: 10px;
    margin-top: 18px;
    width: 250px;
}
form {
	display: inline-block;
}
form p{
	margin-bottom: 0px;
}
.cols {
	float: left;
	margin-top: -15px;
}
.col1 {
	float: left;
	width: 480px;
}
.col2 {
	float: right;
	width: 480px;
}
.threecol {
    float: left;
    margin-left: 20px;
    padding: 0;
    width: calc(33% - 20px);
}
.fourcol {
    float: left;
    margin-left: 20px;
    padding: 0;
    width: calc(25% - 20px);
}
.fivecol {
    float: left;
    margin-left: 20px;
    padding: 0;
    width: calc(20% - 20px);
}
.minicol {
	float: right;
	width: 240px;
}
.required {
	color: #F00;
}
input, textarea {
	background-color: #FFF;
	color: #000;
	font-weight: 300;
	border: 1px solid #FFF;
	padding: 8px;
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
	border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
	margin-bottom: -6px;
}
input:hover, textarea:hover {
    border-color: #000;
	-webkit-transition:border-color 0.3s linear;
	-moz-transition:border-color 0.3s linear;
	-o-transition:border-color 0.3s linear;
}
.button {
	margin-right: 60px;
	margin-top: 30px;
	background-image: url(../images/button_bg.jpg);
	background-size: 100%;
	border: 0px;
	color: #FFF;
	box-shadow: 2px 2px 2px #666;
	-moz-box-shadow: 2px 2px 2px #666;
	-webkit-box-shadow: 2px 2px 2px #666;
	border-radius: 21px;
	padding-left: 12px;
	padding-right: 12px;
}
.button:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	filter: alpha(opacity=65);
	opacity: 0.65;
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
}
.specialstext {
	width: 630px;
	float: right;
}
.specialstext h2 {
    line-height: 0px;
    margin-bottom: 30px;
}
#buscardtemplates {
	margin-top: 15px;
	border: 0px;
}
#buscardtemplates img {
	padding-top: 10px;
}
#buscardtemplates p {
	text-align: right;
	font-size: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 9px;
	padding-bottom: 6px;
	padding-left: 0px;
}

.g-recaptcha {
    width: 100%;
    margin-top: 20px;
}

.recylcedlogo {
	vertical-align:middle;
	margin-left:10px;
	margin-bottom: -2ex;
	margin-top: -2ex;
}
	 
.xmas{
	font-size: 24px;
	}
	.xmash1 {
	font-size: 42px;
}
.xmash2 {
	font-size: 29px;
}
.plusvat {
	font-size: 8px;
}

.template {
    /*clear: both;*/
    padding-bottom: 10px;
    /*width: 100%;*/
	display: flex;
	align-items: center;
}

.zoomiconcontainer {
	position: relative;
	/*width: 100%;*/
	/*max-width: 50px;*/
	float: left;
	margin: 0 10px 10px 0;
}

.zoomicon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .3s ease;
	background-color: black;
	background-image: url(../images/zoom.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25px;
	pointer-events: none;
}

.zoomiconcontainer:hover .zoomicon {
  opacity: 0.5;
}