*{padding:5 5 5 5;margin:0;}

html, body{

	height: 100%;

	font-family: Arial, Helvetica, sans-serif;

	background-repeat: repeat-x;

	background-color: #D1D1D1;

}

body{font-size:16px;}

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

#top-bar{

	background-color: #2f466b;

	border-bottom: 1px solid #FFFFFF;

	color: #c6c6c6;

	text-align: center;

}

.inner-wrap{max-width:1000px;margin:0 auto;min-width:320px;padding-top:0px;}

p{

	margin-bottom: 8px;

	font-size: 1rem;

	margin-left: auto;

	color: #777777;

	line-height: 1.8rem;

}

#top-bar p{

	margin: 0px;

	line-height: 1.1em;

	color: #c6c6c6;

	font-size: 1rem;

}

#header{

	margin-bottom: 10px;

	background-color: #2f466b;

}



#youTubeVideo{

	display:inline-block;

	width:570px;

	padding:5px 5px 5px 5px;

	float:left;

	

}



#headingText{

	display:inline-block;

	float:left;

	font-size:16px;

	line-height: 22px;

	width:365px;

	color: #000;

	background-color: #FFF;

}





#headingBox {

	font-size: 16px;

	color: #000;

	background-color: #FFF;

	margin-bottom: 10px;

	margin-left: 10px;

	margin-right: 10px;

	padding: 5px 5px 5px 5px;

	width: 97%;

	overflow: auto;

}





#blog-link{float:right;margin-right:45px;margin-top:0px;height:70px;}

#blog-link a{float:left;margin-right:20px;padding-bottom:10px;}

img{max-width:100%;}

#header img{

	float:left;

	margin-left:50px;

	margin-top:25px;

	padding-top:5px;

}

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

#header h2{color:#ffffff;font-size:18px;font-weight:normal;margin:-5px 0 25px 140px;}



#menu{position:relative;z-index:4;padding-top:1px;}

#menu-toggle{display:none;}

#menu ul{list-style-type:none;padding:0;margin:0;padding:0 1%}

#menu #navigation{float:left;margin-right:250px}

#menu #help{position:absolute;right:0;}

#menu ul ul{position:absolute;left:0;top:100%;width:150%;display:none;z-index:5;}

#menu li:hover ul{display:block;}

#menu li{float:left;position:relative;}

#menu #helplink{float:right}

#menu li li{float:none;}

#menu a, #helplink a{display:block;background-color:#000000;color:#FFFFFF;padding:8px;text-decoration:none;border:1px solid #FFFFFF;text-align:center;margin-left:-1px;margin-top:-1px;}

#menu a:hover{background-color:#636466;}

#helplink a{border-left:1px solid #FFFFFF;background-color:#56BA48;}

#menu li li a{background-color:#636466;border:none;border-top:1px solid #636466;border-bottom:1px solid #636466;margin-top:0}

#menu li li a:hover{background-color:#000000;border-color:#FFFFFF;}

#sublinkbutton a{

	border-radius: 6px;

	background-color: #56BA48;

	padding: 7px 10px 7px 10px;

	float: left;

	margin-left: 10px;

	margin-bottom: 10px;

	border-color: #FFF;

	text-align: center;

	color: #FFF;

	font-size: 13px;

	line-height: 15px;

	text-decoration: none;

	border-width: 2px;

}

#sublinkbutton a:hover{border-radius: 6px;background-color:#FC8602;}



#newReleaseButton a{

	border-radius: 2px;

	background-color: #FF0000;

	padding: 10px 10px 9px 10px;

	float: left;

	margin-left: 10px;

	margin-bottom: 10px;

	border-color: #FFF;

	text-align: center;

	color: #FFF;

	font-size: 18px;

	line-height: 20px;

	text-decoration: none;

	border-width: 2px;

	

}

#newReleaseButton a:hover{border-radius: 2px;background-color:#FC8602;}



#content{clear:both;}

.home-section-long{margin-bottom:15px;padding-left:1%;padding-right:1%;padding-top:10px;background-color:#FFF;padding-bottom:2px;min-height:900px;float:right;width:32%;margin-left:1%;vertical-align:top;font-size:12px;}

#content h1{

	font-size: 0.9em;

	color: #54ABE0;

	padding-top: 5px;

	padding-bottom: 5px;

}

.section{background-color:#ffffff;margin-bottom:15px;min-height:550px;padding:10px 3% 2px;}

.home-section{

	margin-bottom: 15px;

	padding-left: 1%;

	padding-right: 1%;

	padding-top: 10px;

	background-color: #FFF;

	padding-bottom: 2px;

	min-height: 564px;

	float: left;

	width: 299px;

	margin-left: 10px;

	vertical-align: top;

	margin-right: 0px;

}

.home-section h1 a:link, .home-section h1 a:visited{

	color: #2f466b;

	font-size: 1rem;

	line-height: 1.3;

	font-family: Arial, Helvetica, sans-serif;

}

.home-section img, .home-section svg{display:block;margin:0 auto;}

.mapcolourtool{

	border-radius: 4px;

	border: 1px solid blue;

	padding-left: 10px;

	padding-right: 10px;

	padding-top: 10px;

	padding-bottom: 10px;

	font-weight: bold;

	color: #FFF;

	max-width: 295px;

	font-size: 0.875em;

	background-color: #79AEFF;

	margin-top: 2px;

	margin-top: 8px;

	margin-left: 7px;

	text-align: center;

	margin-bottom: 5px;

	width: 265px;

	float: left;

	margin-right: 8px;

	align-content: center;	

	

}

.mapcolourtool a{border-radius: 4px;color:#FFF;}



.mapcolourtool:hover{

	border-radius: 4px;

	border: 1px solid blue;

	padding-left: 10px;

	padding-right: 10px;

	padding-top: 10px;

	padding-bottom: 10px;

	font-weight: bold;

	color: #FFF;

	max-width: 295px;

	font-size: 0.875em;

	background-color: #09F;

	margin-top: 2px;

	margin-top: 8px;

	margin-left: 7px;

	text-align: center;

	margin-bottom: 5px;

	width: 265px;

	float: left;

	margin-right: 8px;

}



#content td{padding-left:0px;color:#000;padding-top:2px;text-align:left;}



#content h2 a{font-size:0.875em;color:#FFF;padding-bottom:8px;}

#content h2{font-size:0.875em;color:#FFF;padding-left:12px;padding-bottom:8px;font-weight:lighter;}

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



.wide-home-section{margin-bottom:15px;padding-left:3%;padding-right:1%;padding-top:10px;background-color:#FFF;padding-bottom:2px;min-height:566px;float:left;width:60%;margin-left:1%;vertical-align:top;font-size:12px;}

.thumb-left{display:inline-block;width:102px;height:125px;float:left;margin-bottom:10px;text-align:center;padding-right:4px;}

#blog-post{padding-right:90px;padding-top:10px;}

#header .inner-wrap{}



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



.colourMap .inner-wrap, .colourMap #wrap, .colourMap #footer{min-width:300px;background:linear-gradient(darkblue, lightblue);}

#push{height:20px;clear:both}

#push2{height:20px;}

#blog-post img{float:right;margin-left:20px;}

#blog-date{font-size:0.875em;color:#000;font-weight:bold;}

.box_wrapper{border:solid blue 1px;padding-left:10px;}

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

#contact-area textarea{height:150px;}

#contact-area textarea:focus, #contact-area input: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:white;z-index:2;padding:10px;display:none;left:380px;top:208px;text-align:center;background-image:url(images/ArrowRightBlue.gif);background-repeat:no-repeat;background-position:right;padding-right:85px;}

#sampleslinkbutton a{background-color:#09F;padding:7px 12px 7px 12px;float:left;margin-left:10px;margin-bottom:10px;border-color:#FFF;text-align:center;color:#FFF;font-size:13px;line-height:18px;text-decoration:none;border-width:2px;}

#sampleslinkbutton a:hover{background-color:#636466;}

#sampleslinkbar{position:relative;}

.downloads{float:left;width:125px;margin-left:8px;font-size:12px;margin-top:2px;}

.reviews{float:right;width:90px;text-decoration:underline;margin-left:0px;font-size:10px;text-align:right;margin-right:10px;}

.reviews p{float:right;width:90px;text-decoration:underline;margin-left:55px;}

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

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

.terms p{padding-left:40px;font-size:0.875em;padding-right:40px;}

label{float:left;text-align:right;margin-right:15px;width:100px;padding-top:5px;font-size:1.1em;}

polygon.orange{fill:#ff9900;}

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

#logoupload{display:none}

#wrap,#footer{min-width:300px;

clear:both}



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

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

.row{float:left;width:63%;min-height:300px;}

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

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

.row ul,ul.bullets{padding-left:1em;margin:0px;padding:0px 0px 10px 20px;}

.row li, .bullets li{padding-left:1em;margin:0px;padding:0px 0px 10px 20px;font-size:0.875em;}

.bullets li{list-style:inside;}

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

#column1{margin-left:1%;}

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

#videotime{color:#999}

#column4{margin-left:4%;}

#column5{margin-left:0%;background-color:#FFF;padding-left:2%;padding-right:1%;}

#column5 h1{clear:both;}



.statetable{

	font-size:9px;

	padding-top:0px;

	padding-bottom:0px;

}



.statetable p{

	font-size:9px;

	color:#000;

	padding-right:2px;

	padding-top:0px;

	padding-bottom:0px;

}

.statetable p a{

	font-size:9px;

	color:#09F;

	padding-right:2px;

	padding-top:0px;

	padding-bottom:0px;

	text-decoration:underline;

}

.statetable td p{

	border-width:1px;

	border-color:#CCC;

	height:1px;

}

.about-img img{

	margin-bottom:5px;

	padding-right:30px;

}

.section a,.home-section a{

	font-family: Arial, Helvetica, sans-serif;

	font-weight: 600;

	font-size: 0.875em;

	color: #06F;

	text-decoration: none;

}

.section44{float:left;width:42%;padding:1%;}

.section56{float:left;width:54%;padding:1%;}

.boxed{

	padding-left: 0px;

	padding-right: 2px;

	padding-top: 5px;

	padding-bottom: 5px;

	font-size: 0.875em;

	width: 298px;

	margin: 0 auto;

}

.products_boxed{

	border:0px solid green;

	padding-left:0px;

	padding-right:2px;

	padding-top:5px;

	padding-bottom:5px;

	font-size:0.875em;

	width:298px;

	margin:0 auto;

}

.products_boxed p{font-size:12px;color:#000;padding-right:0px;padding-top:0px;}



.left_box{width:135px;float:left;}

.left_box_links{width:275px;float:left;}

.left_box_links a{width:275px;float:left;}

#right_box{float:left;width:145px;}

.boxed img{

	float:left;

	padding-right:5px;

	padding-top:3px;

}

.products_boxed img{float:left;padding-right:5px;padding-top:0px;}

.pdfsamples a{padding:10px 10px 10px 20px;}

.boxed p{

	font-size: 0.85em;

	color: #000;

	padding-right: 0px;

	padding-top: 0px;

}

.boxed-desc p{

	font-size:0.875em;

	color:#000;

	padding-right:10px;

	padding-top:5px;

	padding-left: 10px;	

}

.boxed-desc img{

	padding-top:15px;

	float: left;

}

.boxed h1{

	font-size: 1em;

	color: #1D82C6;

	padding-right: 10px;

	padding-top: 4px;

	padding-bottom: 8px;

	width: 100%;

	font-weight: 400;

}

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

.boxed ul{padding-left:1em;margin:0px;padding:0px 0px 0px 20px;}

.buydownload{

	border-radius: 4px;

	border: 1px solid blue;

	padding-left: 3px;

	padding-right: 3px;

	padding-top: 5px;

	padding-bottom: 5px;

	font-weight: normal;

	color: #FFF;

	max-width: 140px;

	font-size: 14px;

	background-color: #73BF44;

	margin-top: 2px;

	margin-top: 10px;

	left: 821px;

	top: 820px;

	float: left;

	margin-left: 2px;

	text-align: center;

}

.buydownload a{

	border-radius: 5;

	color: #FFF;

	font-weight: normal;

	padding: 5px;

	font-size: 14px;



}

.buydownload:hover{

	border-radius: 4px;

	border: 1px solid blue;

	padding-left: 3px;

	padding-right: 3px;

	padding-top: 5px;

	padding-bottom: 5px;

	font-weight: normal;

	color: #FFF;

	max-width: 140px;

	font-size: 14px;

	background-color: #13AF25;

	margin-top: 2px;

	margin-top: 10px;

	left: 821px;

	top: 820px;

	float: left;

	margin-left: 2px;

	text-align: center;

}



.success{border:2px solid;margin:5px 0px;padding:10px 10px 10px 55px;background-repeat:no-repeat;background-position:12px center;margin-bottom:5px;}

.success{color:#390;background-color:#DFF2BF;background-image:url(images/design-your-own-icon_03.gif);}

.price{padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;font-weight:bold;color:#F00;max-width:220px;font-size:16px;float:left;margin-top:2px;margin-right:5px;margin-left:18px;}

.popularity img{padding-left:1px;padding-right:1px;padding-top:0px;padding-bottom:0px;float:left;}

.popularity{padding-left:0px;padding-right:0px;padding-top:2px;padding-bottom:2px;font-weight:lighter;color:#000;max-width:285px;font-size:0.875em;float:left;margin-top:2px;margin-right:5px;margin-left:7px;width:265px;margin-bottom:2px;}

.oldprice{padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:0px;font-weight:lighter;color:#F00;max-width:135px;font-size:12px;float:right;margin-top:2px;margin-right:0px;margin-left:5px;text-decoration:line-through;width:130px;height:35px;text-align:center;}

.dollarprice{padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:0px;font-weight:lighter;color:#F00;max-width:135px;font-size:12px;float:right;margin-top:2px;margin-right:0px;margin-left:5px;width:130px;height:35px;text-align:center;}

.oldprice p{

	padding-right: 5px;

	padding-top: 0px;

	padding-bottom: 0px;

	font-weight: bold;

	color: #000;

	max-width: 130px;

	font-size: 16px;

	float: left;

	margin-top: 7px;

	margin-right: 5px;

	margin-left: 0px;

	text-decoration: none;

	width: 120px;

	text-align: center;

	line-height: .9;

}



.productprice{

	padding-left:5px;

	padding-right:5px;

	padding-top:15px;

	padding-bottom:0px;

	font-weight:lighter;

	color:#F00;

	max-width:135px;

	font-size:12px;

	float:right;

	margin-top:10px;

	margin-right:0px;

	margin-left:5px;

	text-decoration:line-through;

	width:130px;

	height:30px;

	text-align:center;

}

.productprice p{

	padding-right:5px;

	padding-top:0px;

	padding-bottom:0px;

	font-weight:normal;

	color:#000;

	max-width:130px;

	font-size:18px;

	float:left;

	margin-top:0px;

	margin-right:5px;

	margin-left:0px;

	text-decoration:none;

	width:120px;

	text-align:center;

	line-height:.9;

}



.samplesbutton a{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;font-weight:bold;color:#09C;max-width:275px;font-size:13px;float:left;margin-top:4px;margin-left:5px;text-decoration:underline;}

.ClientTestimonials-row{width:98%}

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

#clients{margin:15px 1%;border:1px solid;padding:10px;text-align:center;border-color:#57ADDC;float:left;min-width:300px;background-color:#FFF;}

#clients img{}

#footer{text-align:center; min-width:300px;}

#footer ul{list-style-type:none;padding:0}

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

#footer li a{color:#FFFFFF;text-decoration:none;}

#header h6{color:#ffffff;font-size:18px;font-weight:normal;float:right;}

.clear{overflow:hidden;}

.padding{padding:1%;}

.left{float:left;margin-right:5%}

.clearleft{clear:left;}



#header h6{color:#ffffff;font-size:18px;font-weight:normal;float:right;z-index:12;}

#footer{height:40px;background-color:#2B65AF;border-bottom:20px solid #223E92;clear:both}

@media (max-width:1000px){#header{background-position:-20px top;}

@media (max-width:955px){.home-section{width:45.5%;margin-left:3px;}

.home-section:nth-child(odd){margin-left:1%;}

.home-section:nth-child(even){margin-left:1%;}

}

@media (max-width:920px){#header #menu-toggle{display:block;float:none;cursor:pointer;margin-top:0;padding-bottom:10px;}

#menu #navigation, #menu #help{float:none;margin-right:0;}

#menu ul{padding:0;display:none;}

.active-menu #menu ul{display:block;}

#menu #help{position:static;}

#menu li, #menu #helplink{float:none;}

#menu ul ul{display:block;position:static;width:auto}

#footer li{padding:0 10px;white-space:nowrap;}

}

@media (max-width:860px){.section44,.section56{float:none;width:98%;padding:1%;}

#contact-area input, #contact-area textarea{width:500px;}

#contact-area label{width:auto;text-align:left;float:none;display:block;}

#contact-area input.submit-button{float:none;}

}

@media (max-width:700px){#footer{height:80px;clear:both}

}

@media (max-width:630px){.home-section{width:98%;margin-right:0;min-height:0;margin-left:0;padding-bottom:10px;}

.home-section:nth-child(even){margin-left:3px;}

#about #column1{float:none;min-height:auto;width:auto;}

#about #column1 img{float:left;max-width:33%}

#about .section{min-height:auto;}

#about #column5{width:auto;}

}

@media (max-width:450px){#header img{margin-left:20px;margin-top:10px;}

#header h1{margin-left:110px;padding-top:6px;}

#header h2{margin-left:110px;margin-bottom:15px;}

#contact-area input, #contact-area textarea{width:290px;}

}

