* {
	margin:0; padding:0; -webkit-text-size-adjust: none; 
}

body {
    background-color:#e4e4e2; color:#454646; font-family:arial; font-size:12px; line-height:18px; 
}

#container {
	margin:0 auto; width:982px; position:relative; z-index:0;
}

a {
	color:#40a0d0; text-decoration:underline;
}

p {
	margin-bottom:10px;
}


.greybutton {
	webkit-border-radius:3px; border-radius:3px; border:1px solid #adacab; padding:6px 12px; color:#737373; text-shadow:1px 1px white; font-size:12px; font-weight:600; cursor:pointer;
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top, #f7f7f7 0%, #e0e0e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e0e0e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f7f7f7 0%,#e0e0e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f7f7f7 0%,#e0e0e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f7f7f7 0%,#e0e0e5 100%); /* IE10+ */
background: linear-gradient(to bottom, #f7f7f7 0%,#e0e0e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e0e0e5',GradientType=0 ); /* IE6-9 */
}

.greybutton:hover {
	border:1px solid #8b8a89;
background: #e0e0e5; /* Old browsers */
background: -moz-linear-gradient(top, #e0e0e5 0%, #f7f7f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e5), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e0e0e5 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e0e0e5 0%,#f7f7f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e0e0e5 0%,#f7f7f7 100%); /* IE10+ */
background: linear-gradient(to bottom, #e0e0e5 0%,#f7f7f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e5', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}

#backtotop {
	position:fixed; bottom:3%; right:2%; z-index:1; display:none; cursor:pointer;
}

@media screen and (max-width: 1200px) {
#backtotop {
    display:none;
  }
}

/*HEADER*/

#cookies {
	float:left; background-color:#ede5d3; border:1px solid #ccc; -webkit-border-radius:4px; border-radius:4px; padding:20px; width:940px; margin-bottom:20px; display:none; font-weight:bold; text-align:center; position:relative;
}

#closecookies {
	position:absolute; top:7px; right:7px; cursor:pointer;
}

header {
	float:left; width:940px; background-color:white; padding:20px; border:1px solid #d1d1d1; -webkit-border-radius:4px; border-radius:4px; 
}

#logo {
	float:left; padding:10px 0px;
}

#phone {
float:right; margin-top:15px; width:278px; padding:8px 10px; font-size:11px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #d1cfcf;
	background: #fcfcfc; /* Old browsers */
background: -moz-linear-gradient(top, #fcfcfc 1%, #e4e4e2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fcfcfc), color-stop(100%,#e4e4e2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fcfcfc 1%,#e4e4e2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fcfcfc 1%,#e4e4e2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fcfcfc 1%,#e4e4e2 100%); /* IE10+ */
background: linear-gradient(to bottom, #fcfcfc 1%,#e4e4e2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e4e4e2',GradientType=0 ); /* IE6-9 */
}

nav {
	float:left; background-color:#3a8ea0; -webkit-border-radius:4px; border-radius:4px; width:100%; 
}

nav a {
	float:left; padding:14px 20px; font-size:14px; font-weight:400; color:white; text-decoration:none; 
}

nav a:hover {
	color:#98e1f1;
}

/*END HEADER*/


/*SLIDESHOW*/

#slideshow {
	float:left; width:620px; height:350px; position:relative; overflow:hidden;
}

.pic {
	float:left; -webkit-border-radius:4px; border-radius:4px; z-index:8; position:absolute;
}

.pic.active {
	z-index:10;
}

.pic.next {
	z-index:9; 
}

#leftarrow {
	position:absolute; left:10px; bottom:145px; z-index:12; cursor:pointer; display:none;
}

#rightarrow {
	position:absolute; right:10px; bottom:145px; z-index:12; cursor:pointer; display:none;
}

#slideshowtext {
	color:#dfdede; padding:20px; width:330px; z-index:11; -webkit-border-radius:4px; border-radius:4px; position:absolute; background:url(images/textbg.png); left:10px; bottom:10px;
}

.text {
	display:none; 
}

.text.active {
	display:block;
}

p.boxtitle {
	font-weight:600; font-size:14px; margin-bottom:5px; 
}

/*END SLIDESHOW*/


/*HOMEPAGE*/

section#content {
	float:left; width:940px; margin-top:20px; background-color:white; padding:20px; border:1px solid #d1d1d1; -webkit-border-radius:4px; border-radius:4px; 
}

aside#rightcolumn {
	float:right; width:300px;
}

#topcontent {
	float:left; margin-bottom:20px;
}

#login, #box2 {
	float:right; width:260px; padding:20px; background-color:#e9e9e8; -webkit-border-radius:4px; border-radius:4px; margin-bottom:20px;
}

#box2 { 
     float:right; height:300px; overflow:auto; margin-bottom:0px;
}

#login input[type=text], #login input[type=password]  {
	padding:12px 10px; background-color:white; border:1px solid #d1d1d1; -webkit-border-radius:4px; border-radius:4px; width:240px;  color:#CCC; 
}

#login ul, #box2 ul {
	list-style-type:none; 
}

#login li a, #box2 li a {
	padding:10px 0px 10px 30px; display:block; border-bottom:1px solid #d1d1d1; text-decoration:none;
}

#login li a:hover, #box2 li a:hover {
	background-color:#e1e1e0;
}

#place {
	background:url(images/placeorder.png) left center no-repeat;
}

#history {
	background:url(images/orderhistory.png) left center no-repeat;
}

#edge {
	background:url(images/link.png) left center no-repeat;
}

#logout {
	background:url(images/logout.png) left center no-repeat;
}

#addauser {
	background:url(images/new.png) left center no-repeat;
}

#viewrecent {
	background:url(images/clock.png) left center no-repeat;
}

#searchfor {
	background:url(images/puzzle.png) left center no-repeat;
}

#mic{
	background:url(images/mic.png) left center no-repeat;
}

/*RIGHTDOWNLOADS*/

#accountform, #faxform, #leaflets{
	background:url(images/attachment.png) left center no-repeat;
}

#chart {
	background:url(images/chart.png) left center no-repeat;
}

#terms {
	background:url(images/cogs.png) left center no-repeat;
}

/* END RIGHTDOWNLOADS*/

p.newstitle {
	font-weight:600; font-size:14px; font-family: 'Open Sans', sans-serif;
}

.hometitle {
	font-size:16px; font-weight:400; font-family: 'Open Sans', sans-serif; color:#5f939e; position:relative; padding-left:26px; margin-bottom:20px;
}

.arrowtitle {
	position:absolute; width:16px; height:16px; background:url(images/arrowtitle.png) no-repeat; bottom:1px; left:0px; font-family: 'Open Sans', sans-serif;
}

#welcome {
	margin-top:20px; float:left; width:380px;
}

#downloads {
	margin-top:20px; margin-left:20px; float:left; width:220px;
}

#downloads ul {
	margin-left:15px;
}

#downloads li {
	list-style-type:circle; padding-bottom:10px;
}

.services {
	float:left; width:300px; margin-left:20px;
}

.services img {
	float:left; -webkit-border-radius:4px; border-radius:4px; margin-bottom:20px;
}

/*END HOMEPAGE*/

/*FOOTER*/

#shadow {
	position:absolute; bottom:-33px; width:982px; height:33px; background:url(images/shadow.png) center no-repeat; z-index:10;
}

footer {
	float:left; background-color:#3a8ea0; width:100%; z-index:-1; margin-top:-60px; padding-bottom:20px; min-width:982px;
}

.footerwrap {
	margin:0 auto; width:940px; padding:6px 20px; color:white;
}

.footercol {
	float:left; width:220px; margin-right:20px; font-weight:400; font-size:14px;
}

.footercol p {
	margin-bottom:5px;
}

.footercol ul {
	list-style-type:none; margin-top:10px;
}

.footercol li {
	padding:5px 0px 5px 30px; border-bottom:1px solid #739fa8; background:url(images/arrowlinks.png) left center no-repeat; font-family: 'Open Sans', sans-serif;
}

.footerwrap a {
	color:white; text-decoration:none;
}

.footerwrap a:hover {
	text-decoration:underline;
}

.footertitle {
	font-weight:600; font-size:16px; font-family: 'Open Sans', sans-serif;
}

#footercopy {
	float:left; background-color:#59afc1; width:100%; padding:12px 0px; font-weight:400; min-width:982px;
}

/*END FOOTER*/

/*ORDER FORM*/

h1.orderform {
	color:white; font-size:22px; margin-bottom:20px; font-weight:400; background-color:#b1b1b1; -webkit-border-radius:4px; border-radius:4px; padding:20px; text-align:center; font-family: 'Open Sans', sans-serif;
}

.tdheader {
	background-color:#f5f5f6;
}

.tdside {
	background-color:#f8eef8;
}

.form table {
	float:left; border-collapse:collapse;
}

.form td {
	font-size:11px; border:1px solid #ccc; padding:5px;
}

.form input[type=text]  {
	border:none; background-color:white; width:120px;
}

#rightonly input[type=text], #leftonly input[type=text], table#centrationtable input[type=text] {
	width:90px;
}

#accountdetails {
	background-color:#e9e9e8; border:1px solid #ccc;
}

#accountdetails td{
	border:none;
}

div.ordering { 
     float:left; width:100%; margin-top:20px;
}

.orderingLeft {
	float:left; 
}

.orderingRight {
	float:right; 
}

.form input, .form textarea {
	outline: none;
}

.custom-control * {
	cursor: pointer;
}

.custom-control, .custom-control *, .custom-control *:before, .custom-control *:after {
	box-sizing: border-box;
}

.custom-control {
	position: relative;
	display: block;
	min-height: 1.5rem;
	padding-left: 1.25rem;
}

.custom-control input[type=checkbox], .custom-control input[type=radio] {
	box-sizing: border-box;
	padding: 0;
}

.custom-control-input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.custom-control-label {
	margin-bottom: 0;
	display: inline-block;
	width: 100%;
	padding-top: 3px;
	font-size: 11px;
}

.custom-control-input:active~.custom-control-label::before {
	color: #fff;
	background-color: #59afc1;
}

.custom-checkbox .custom-control-label::before {
	border-radius: .25rem;
	border: 1px solid #babcbd;
}

.custom-control-label::before {
	position: absolute;
	top: .25rem;
	left: 0;
	display: block;
	width: 1rem;
	height: 1rem;
	pointer-events: none;
	content: "";
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #dee2e6;
}

.custom-control-label::after {
	position: absolute;
	top: .25rem;
	left: 0;
	display: block;
	width: 1rem;
	height: 1rem;
	content: "";
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
	background-color: #3a8ea0;
	border: 1px solid #2d7180;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-label::before {
    border-radius: 50%;
	border: 1px solid #babcbd;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #3a8ea0;
	border: 1px solid #2d7180;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

/*END ORDER FORM*/

/*OTHER PAGES*/

p.subtitle {
	font-weight:bold; margin-bottom:0px; font-style:italic;
}

.articleimage {
	float:left;  margin-bottom:10px; text-align:center; width:620px;
}

article#leftcolumn {
	float:left; width:620px; min-height:700px;
}

article#leftcolumn h2{
	font-size:14px; font-weight:bold; margin-bottom:10px; 
}

h1.leftcolumn {
	font-size:20px; font-weight:400; border-bottom:1px solid #333; padding-bottom:5px; margin-bottom:20px;
}

article#leftcolumn ul {
   margin-left:15px; 
}

article#leftcolumn li {
   padding-bottom:10px;
}

.adminform table {
	float:left; border-collapse:collapse;
}

.adminform td {
	padding:5px;
}

.adminform input[type=text] {
	height:22px; width:200px;
}

.containerlist {
	float:left; width:620px; padding-top:10px; border-bottom:1px solid #ccc;
}

#historycontrol {
	float:left; margin-bottom:10px; background-color:#dcf6d8; padding:20px; width:580px; color:#999; font-weight:bold; webkit-border-radius:4px; border-radius:4px;
}

#multipage {
	float:left; width:620px; margin-top:20px;
}

#multipage a {
	margin-right:5px; text-decoration:none; webkit-border-radius:3px; border-radius:3px; border:1px solid #adacab; padding:3px 6px; color:#737373; text-shadow:1px 1px white; font-size:12px; cursor:pointer;
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top, #f7f7f7 0%, #e0e0e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e0e0e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f7f7f7 0%,#e0e0e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f7f7f7 0%,#e0e0e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f7f7f7 0%,#e0e0e5 100%); /* IE10+ */
background: linear-gradient(to bottom, #f7f7f7 0%,#e0e0e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e0e0e5',GradientType=0 ); /* IE6-9 */
}

#multipage a:hover {
border:1px solid #8b8a89;
background: #e0e0e5; /* Old browsers */
background: -moz-linear-gradient(top, #e0e0e5 0%, #f7f7f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e5), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e0e0e5 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e0e0e5 0%,#f7f7f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e0e0e5 0%,#f7f7f7 100%); /* IE10+ */
background: linear-gradient(to bottom, #e0e0e5 0%,#f7f7f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e5', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}

#multipage a.active {
	background:#98dcfc;
}

/*END OTHER PAGES*/

.rxhidden {
	display: none;
}

#econtactform tr:last-child {
	position: absolute;
	left: -10000px
}