@font-face {
	font-family: 'MyriadPro-Black';
	src: url('../fonts/MyriadPro-Black.eot');
	src: local('☺'), url('../fonts/MyriadPro-Black.woff') format('woff'), url('../fonts/MyriadPro-Black.ttf') format('truetype'), url('../fonts/MyriadPro-Black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadPro-Bold';
	src: url('../fonts/MyriadPro-Bold.eot');
	src: local('☺'), url('../fonts/MyriadPro-Bold.woff') format('woff'), url('../fonts/MyriadPro-Bold.ttf') format('truetype'), url('../fonts/MyriadPro-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadPro-Light';
	src: url('../fonts/MyriadPro-Light.eot');
	src: local('☺'), url('../fonts/MyriadPro-Light.woff') format('woff'), url('../fonts/MyriadPro-Light.ttf') format('truetype'), url('../fonts/MyriadPro-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadPro-Reg';
	src: url('../fonts/MyriadPro-Regular.eot');
	src: local('☺'), url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/MyriadPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.myriad {
	font-weight: 400;
	font-family: 'MyriadPro-Reg', Arial;
}

html * {
	font-family: Verdana, sans-serif;
	font-size: 14px;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	background-color: #E0E0E0;
}

#container {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	background-color: #FFFFFF;
}


/* ///////////// HEADER */

#header {
	height: 130px;
	background-color: #004564;
}

#header .left {
    float: left;
    padding: 20px 0px 0px 16px;
}

#header .right {
    float: right;
}


#header #topright {
	color: #0298DF;
	margin: 22px 20px 0 0;
	text-align: right;
	float: right;
	min-width: 440px;
	font-size: 17px;
	font-family: "MyriadPro-Reg", sans-serif !important;
}
#header #topright a {
	color: #FFF;
	font-family: "MyriadPro-Light", sans-serif !important;
	font-weight: 300;
	font-size: 15px;
}
#searchDiv {
	margin-top: 0px;
}
#headersearchDiv {
	margin: 30px 20px 0 0;
	height: 34px;
	overflow: hidden;
	float: right;
	clear: both;
}
#searchbox1 {
	width: 240px;
	border: 0;
	height: 34px;
	float: left;
	margin: 0px 0 0 0;
}
.searchboxStyle {
	font-family: "MyriadPro-Reg", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	padding-left: 6px;
	border: 1px solid #999;
	line-height: 11px;
}
#wrap #container #header #topright #flags ul {
	float: left;
}
#wrap #container #header #topright #flags li {
	display: block;
	float: left;
	margin: 0 7px 0 0;
}
#menu {
	background: #0298DF;
    margin-top: 1px;
}

/* ///////////// END HEADER */

#wrap #container #breadcrumbs {
	width: 100%;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 20px;
}
#wrap #container #breadcrumbs ul {
	display: block;
}
#wrap #container #breadcrumbs ul li {
	display: inline;
	font-size: 13px;
}
#wrap #container #breadcrumbs ul li a {
	font-size: 12px;
}

.hide { display: none; }

.box {
	float: left;
}

#box1 {
	max-width: 649px;
	margin: 20px 14px 20px 17px;
}
#box2 {
	width: 389px;
	margin: 20px 0 20px 0;
	padding: 0px 16px 0px 14px;
	border-left: 1px solid #D4DADD;
}
#box2 #news {
	margin: 3px 15px 0 15px;
}

#box2 #newscontainer {
	background-color: #F2F4F5;
	padding-bottom: 15px;
}
#findoutmore {
	background-color: #F2F4F5;
	padding-bottom: 15px;
	margin: 10px 0 0 0;
}
#findoutmoreinner {
	margin: 10px 15px 0 15px;
}
.size100 {
	width: 100%;
	height: auto;
}
#container #hometxt {
	float: left;
	clear: both;
}
h1, h2, h3, h4 {
	font-family: "MyriadPro-Light", sans-serif !important;
	font-weight: 300;
}
h1 {
	font-size: 30px;
	display: block;
	margin: 10px 0;
}
h2 {
	font-weight: 400;
	font-size: 23px;
	display: block;
	padding: 0px;
	background-color: #004564;
	color: #FCFCFC;
	margin: 0;
}
h3 {
    display: block;
    font-size: 19px;
    font-weight: 400;
    padding: 12px 0 5px;
}

h4 {
    display: block;
    font-size: 22px;
    font-weight: 400;
    padding: 2px 0 8px;
}

 h4 a, h4 a:hover {
    font-size: 22px;
    text-decoration: none;
    color: #000000 !important;
    font-weight: 400;
    font-family: "MyriadPro-Light", sans-serif !important;
}

h3 a {
	font-family: "MyriadPro-Light", sans-serif !important;
	font-weight: 300;
	font-size: 19px;
}
#hometxt p, .productLeft p, .productRight p {
	line-height: 22px;
	margin-bottom: 16px;
}
.productRight .title {
	font-family: "MyriadPro-Light", sans-serif !important;
	font-weight: 300;
	font-size: 19px;
}
#leftCol {
width: 234px;
float: left;
margin-left: 15px;
margin-right: 0px;
padding-right: 15px;
margin-bottom: 15px;
}
#leftCol p {
	line-height: 22px;
	margin-bottom: 16px;
}
#newscontainer #news p {
	font-size: 13px;
	line-height: 20px;
}
#newscontainer #news p .size100 {
	margin-top: 13px;
	margin-bottom: 8px;
}
.size100 {
    height: auto;
    width: 100%;
}
#wrap #container #box2 #newscontainer #news p a:hover .size100.zoomable {
	opacity:0.85;
}

#findoutmore #findoutmoreinner p {
	font-size: 13px;
	line-height: 18px;
}
#hometxt .feature, .newsItem {
	background-color: #CBE8F4;
	padding: 10px;
    min-height: 141px;
}
#hometxt .feature img, .newsItem img {
	display: block;
	float: left;
	margin-right: 22px;
}

.newsItem {
   margin-bottom: 10px; 
    
}

#slideshow {
	width: 649px;
}
.slides li {
	position: relative;
}
.slide-text {
	background: #000;
	background: rgba(0, 0, 0, .4);
	bottom: 35px;
	color: #fff;
	font-size: 50px;
	font-weight: 500;
	line-height: .95;
	padding: 10px 35px 15px 25px;
	position: absolute;
	right: 0;
	text-align: right;
}
.slide-text .small {
	font-size: .44em;
	font-weight: normal;
	line-height: 1.3;
	margin-top: .75em;
}
.hiddenFull {
	display: none;
}

.mainImage { max-width: 100%; margin-bottom: 10px; }

.pager { float: left; margin: 10px 0px 10px 0px; }
.pager ul { float: left; width: 100%; margin: 0px; padding: 0px; }
.pager ul li { float: left; margin: 0 0 0 10px; list-style: none; }
.pager ul li:first-child { margin: 0; }
.pager ul li a { background: #004564; padding: 7px 10px; color: #ffffff; }
.pager ul li a:hover, .pager ul li a.active { background: #0298DF; text-decoration: none; }

.pdf {display: block; margin-top: 12px; background-image: url(../uploads/images/image/pdficon.jpg); background-repeat: no-repeat; background-position: 0% 0%; padding-left: 23px;}

.newsItem p {
    line-height: 22px;
    margin-bottom: 8px;
display:block;
}

.newsItem a span.readMore {
    
    clear: both;
    
}
.wysiwyg p, .pageLeft p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 12px;
}

/*
#wrap #container #products {
width: 777px;
margin-left: 0px;
float: left;
padding-bottom: 12px;
padding-left: 30px;
border-left: 1px solid #D3DADD;
margin-bottom:15px;
}
*/

.pdf1 {
	display: block;
	margin-top: 12px;
	background-image: url('http://www.editwebsite.co.uk/trucklog/uploads/images/image/pdficon.jpg');
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding-left: 23px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #E5E5E5;
}

#products .pageLeft .pdf1 a {
		font-weight: 400;
	font-family: 'MyriadPro-Light', Arial;
	font-size: 18px;
	line-height:22px;
}

#products .pageLeft .pdf1 span {
		font-size:13px;
	font-family: Verdana, Arial, sans-serif;
	line-height:22px;
	margin:0;
	display:block;
	margin:10px 0 0 0;
}
#products .pageLeft #login {
	background-color: #E6EAF0;
	padding: 15px;
	max-width:500px;
	padding-bottom: 5px;
}
#wrap #container #products .pageLeft #login p input {
	padding: 10px;
	width: 90%;
	border:1px solid #E5E5E5;
}

#wrap #container #products .pageLeft #login p input[type='image'], #wrap #container #products .pageLeft #login input[type='checkbox'] {
    width: auto;
    border: none;
    padding: 0px;
}

.underground {
    background-image: url("../images/product4.jpg");
    background-size: cover;
    float: left;
    height: 198px;
    position: relative;
    width: 378px;
}
.overground {
    background-image: url("../images/product5.jpg");
    background-size: cover;
    float: left;
    height: 198px;
    margin-left: 19px;
    position: relative;
    width: 377px;
}

.error { border:1px solid red !important; }

.staff {line-height:20px;overflow:hidden;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #F0F0F0;}
.staff .staffpic {  display:block; float:left;margin-right:20px; border: 1px solid #CCCCCC;}
.staff p { margin-bottom: 14px;}

p.mandatory {
    font-size: 10px;
}
.fullWidth { padding-left: 20px !important; width: 96.5% !important; }

/****FOOTER*******/


#footer {
	background-color: #004564;
	color: #FFF;
	overflow: hidden;
	border-top: 1px solid #FFFFFF;
}
#footer .col {
	border-left-style: solid;
	border-left-width: 1px;
	border-color: #3b5765;
	float: left;
	height: auto;
	padding: 0px 15px 0px 20px;
	margin: 20px 0 15px 0;
	min-height: 150px;
}

#footer .col p, #footer .footerMenu  a {
	font-family: verdana, sans-serif;
	margin: 0;
	margin-top: 4px;
	line-height: 22px;
	font-size: 13px;
	color: #CCC;
}
#footer .col p a {
	color: #CCC;
	font-size: 13px;
	font-family: verdana, sans-serif;
}

#footer .footerMenu {
     border-bottom: 1px solid #3B5765;
     padding-bottom: 10px;
     display: none;
}

#footer .footerMenu ul {
    text-align: center;
}

#footer .footerMenu ul li {
    margin-bottom: 9px;
}

#footer .footerMenu ul li.hide {
    display: block !important;
}

#footer .footerMenu ul a {
    font-size: 15px;
    margin-bottom: 9px;
}


#footer .col p a:hover {
	color: #FFF;
	text-decoration: underline;
}
#footer .col h2, #footer .col h2 span {
	margin: 0;
	color: #FFF;
	font-size: 19px;
	font-family: 'MyriadPro-Light', Arial;
	margin-bottom: 7px;
	margin-left: 0px;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 1px;
	padding-left: 0;
}
#footer .col h2 a {
    color: #FFF;
	font-size: 19px;
	font-family: 'MyriadPro-Light', Arial;
}
#footer .col1 {
	border: 0;
	border-left-width: 0px;
	width: 231px;
}
#footer .col2 {
	width: 377px;
}
#footer .col3 {
	width: 380px;
}
#footer .col ul {
	display: block;
	margin-top: 0px;
}
#wrap #container #footer .col.col3 .footerBlueTxt.findbtn a:hover {
	background-color: #0184C1;
	opacity: 0.8;
	text-decoration: none;
}
#blueline {
	height: 12px;
	background-color: #0298DF;
}
#footer h2 {
	color: #FFFFFF;
	padding-top: 0;
}
#wrap #container #footer .col.col3 .footerBlueTxt {
	font-size: 18px;
	font-weight: 300;
	font-family: 'MyriadPro-Light', Arial;
}
#wrap #container #footer .col.col3 .footerBlueTxt a {
	color: #0298DF!important;
	font-size: 19px;
	font-weight: 300;
	font-family: 'MyriadPro-Light', Arial;
}
#wrap #container #footer .col.col3 .footerBlueTxt {
	padding: 3px 0;
}
#wrap #container #footer .col.col3 .footerBlueTxt.findbtn {
	margin: 10px 0 8px 0!important;
	text-align: left;
}
#wrap #container #footer .col.col3 .footerBlueTxt.findbtn a {
	background-color: #0298DF;
	text-decoration: none;
	color: #FFF!important;
	font-size: 16px;
	font-weight: 400;
	padding: 4px 7px;
}

/****END FOOTER*******/


/****PRODUCT PAGE BOXES*******/

#wrap #container #products {
	width: 777px;
	padding-left: 30px;
    margin-bottom: 15px;
    border-left: 1px solid #D3DADD;
	float: left;
}
#products h1 {
	padding: 0;
	padding-bottom: 10px;
	border-bottom: 2px solid #1BA2E2;
	margin: 0 0 20px 0;
}
.prod1 {
	position: relative;
	background-image: url(../images/product1.jpg);
	background-size: cover;
	background-repeat: none;
	width: 183px;
	height: 198px;
	float: left;
	margin: 0 0 15px 0;
}
.prod2 {
	position: relative;
	background-image: url(../images/product2.jpg);
	background-size: cover;
	background-repeat: none;
	width: 312px;
	height: 198px;
	float: left;
	margin: 0 0 15px 17px;
}
.prod3 {
	position: relative;
	background-image: url(../images/product3.jpg);
	background-size: cover;
	background-repeat: none;
	width: 246px;
	height: 198px;
	float: left;
	margin: 0 0 15px 16px;
}
.prod4 {
	position: relative;
	background-image: url(../images/product4.jpg);
	background-size: cover;
	background-repeat: none;
	width: 378px;
	height: 198px;
	float: left;
}
.prod5 {
	position: relative;
	background-image: url(../images/product5.jpg);
	background-size: cover;
	background-repeat: none;
	width: 377px;
	height: 198px;
	float: left;
	margin-left: 19px;
}

.noMarginRight { margin-right: 0 !important; }

.productRange p { margin-bottom: 20px;}

.viewProductWrapper { float: left; height: 198px; margin: 0 17px 17px 0px; position: relative; background-repeat: no-repeat; }
.viewProductWrapper:hover { opacity: 0.85; }
.viewProductWrapper.last { margin-right: 0px; }

.viewProductWrapper img { position: relative; top: 0px; left: 0px; vertical-align: middle; z-index: 1; }
.viewProductWrapper .readMore { background: rgb(0, 0, 0); background: rgba(0, 0, 0, .7) url(../images/bluearrow.png) 95% 50% no-repeat; position: absolute; bottom: 0px; left: 0px; padding: 12px 5px 12px 8px; right: 0; z-index: 2; }
.viewProductWrapper a { color: #FFFFFF; display: block; font-family: 'MyriadPro-Reg',Arial; font-size: 16px; }

#leftCol #findoutmore {
	width: 100%;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
}

#leftCol p {
    line-height: 21px;
}


.size14 {
	font-size: 18px!important;
	margin: 0 0 9px 0!important;
}
#wrap #container #leftCol #findoutmore #findoutmoreinner .myriad.size14 a {
	font-weight: 400;
	font-family: 'MyriadPro-Reg', Arial;
	font-size: 18px!important;
}
#leftCol p {
	font-size: 12px;
	line-height: normal;
}
h2 {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
}
#wrap #container #products .viewProduct a {
	font-family: 'MyriadPro-Reg', Arial;
	font-size: 16px;
	color: #FFF;
}
#wrap #container #products .viewProduct a:hover {
	color: #0298DF;
}
#products .productLeft {
	width: 461px;
	padding-right: 25px;
	float: left;
	border-right: 1px solid #D3DADD;
	margin-bottom: 15px;
}

#products .pageLeft {
    width: 100%;
	float: left;
	margin-bottom: 15px;
    
}
#products .productRight {
	width: 263px;
	float: right;
}


#leftCol ul li.hide {
    display: block;
}

#leftCol ul li a {
	font-family: 'MyriadPro-Light', Arial;
	font-size: 18px;
	display: block;
	padding: 0 5px 20px 16px;
	background-image: url(../images/bluearrow.png);
	background-repeat: no-repeat;
    background-position: 0px 5px;
	background-position: 2px 2px;
	line-height: 22px;
}
#leftCol ul {
	margin-top: 12px;
}
#footer .col.col3 #smlogos {
	min-width: 70px;
	margin: 0!important;
	float: right;
	padding-top: 10px;
}
#footer .col.col3 #smlogos ul li {
	display: inline;
	margin-left: 6px;
}
#wrap #container #menu .hiddenFull.login a img {
	height: 35px;
	margin-right: 10px;
}

.videoWrapper { float: left; width: 100%; position: relative; z-index: 10;  overflow: hidden; padding-bottom: 56.6%; margin: 0px 0px 10px 0px; }
.videoWrapper iframe { position: absolute; top: 0; left: 0;  width: 100%; height: 100%; z-index: 10; }
#products .prodlist img {
    display: block;
    float: left;
    height: auto;
    width: 185px;
}
#products .prodlist h2 {
    background-color: #FFFFFF;
    color: #FCFCFC;
    display: block;
    font-family: 'MyriadPro-Reg',Arial;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 8px 205px;
    padding: 0;
}
#products .prodlist .prodListDescription {
    display: block;
    margin-left: 205px;
}
#products .prodlist h2 a {
    font-family: 'MyriadPro-Reg',Arial;
    font-size: 20px;
    font-weight: 400;
}
#products .prodlist {
    border-color: #E0E0E0;
    border-style: dotted;
    border-width: 0 0 1px;
    margin-top: 15px;
    overflow: hidden;
    padding: 0 0 15px;
}
#products {
}
#wrap #container #products .introText p {
    margin-bottom: 0;
}
#wrap #container #products .introText {
    background-color: #EBEEF0;
    margin-bottom: 20px;
    padding: 11px;
}
#products .prodlist .prodListDescription img {
    margin-top: 12px;
}
#wrap #container #products .productLeft ul li {
    line-height: 22px;
    list-style-position: outside;
    list-style-type: disc;
    margin-bottom: 9px;
    margin-left: 17px;
}
#wrap #container #products .productRight .title {
    line-height: 26px;
}


  .pdf1 a {
    font-family: 'MyriadPro-Light',Arial;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}

.pdf1 span {
    display: block;
    font-family: Verdana,Arial,sans-serif;
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
}
.pdf1 {
    background-image: url("../images/pdficon.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    border-bottom-color: #E5E5E5;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    display: block;
    margin-bottom: 10px;
    margin-top: 12px;
    padding-bottom: 10px;
    padding-left: 23px;
}

/*** Custom Colors & Styles ***/
.goldText { color: #C18F2E; }
.whiteText { color: #ffffff; }
.italic { font-style: italic; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.strikethrough { text-decoration: line-through; }
.float-l { float: left; }
.float-r { float: right; }
.noBorder { border: none; }
/*** /Custom Colors & Styles ***/


.backButton {
    
    float: left;
    width: 100%;
    border-top: 1px solid #D3DADD;
    padding-top: 10px;    
}

@media only screen and (max-width: 991px) {

.slide-text {
	bottom: 32px;
	font-size: 33px;
	padding: 5px 20px 8px 15px;
}

}
@media only screen and (max-width: 767px) {
    
.flex-direction-nav {display:none;}

.viewProductWrapper { width: 100%; height: auto; margin: 0px 0px 12px 0px; }
.viewProductWrapper img { height: auto; width: 100%; }
  
.backButton {
    margin-bottom: 10px;
}

#box1 {
	max-width: 767px;
	width: 100%;
	margin: 0px;
}
#box2 {
	max-width: 767px;
	width: 100%;
	border-left: 0px solid #D4DADD;
	padding: 0;
}
#container {
	max-width: 767px;
	width: 100%;
}
.hidden767 {
	display: none;
}
.feature {
	margin: 0 0 10px 0;
}
#slideshow {
	width: 100%;
}
.slide-text {
	background: #000;
	bottom: auto;
	font-size: 26px;
	line-height: 1.2;
	padding: 10px 15px 15px;
	position: relative;
	right: auto;
	text-align: left;
}
.slide-text br {
	display: none;
}
#header {
	height: 130px;
	background-color: #004564;
	background-image: url(../images/mobile-bg1.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 12px;
}
.hide { display: none !important; }

.hiddenFull {
	display: block;
}
.login {
	display: block;
	margin: 15px 0 20px 15px;
}
.hiddenMenuItem {
	display: block;
}
#footer {
	width: 100%;
}
#footer .col p {
	text-align: center;
}
#footer .col h2 {
	margin: 0;
	margin-bottom: 15px;
	text-align: center;
	padding: 0;
	font-size: 25px;
	line-height: 25px;
}
#footer .col {
	border-left-width: 0px;
	max-width: 767px;
	width: 90%;
}
#footer .col {
	border-top-style: solid;
	border-top-width: 1px;
	padding-top: 15px;
	border-color: #3b5765;
	min-height: 40px;
}
#footer .col.col2 {
	border-top-width: 0px;
	margin: 0;
}
#footer .col p a, #footer .col p {
	font-size: 15px;
	margin-bottom: 9px;
}
#wrap #container #footer .col.col3 .footerBlueTxt.findbtn {
	margin: 12px 0 10px 0!important;
	text-align: center;
}
#wrap #container #footer .col.col3 .footerBlueTxt.findbtn a {
	font-size: 20px;
	font-weight: 400;
	padding: 3px 9px;
}
#wrap #container #footer .col.col3 .footerBlueTxt {
	font-size: 22px;
	font-weight: 400;
	font-family: 'MyriadPro-Reg', Arial;
	padding: 5px;
}
#wrap #container #footer .col.col3 .footerBlueTxt a {
	color: #0298DF!important;
	font-size: 22px;
	font-weight: 400;
	padding: 5px;
}
#flagsmenu {
	width: 306px;
	float: none;
	margin: 10px auto;
	height: 20px;
	padding-left: 15px;
	background-color: #FFF;
    text-align: center;
}
#flagsmenu ul li {
	margin: 0px 15px 10px 0;
	float: left;
    
}
#flagsmenu ul li img, .flagsMenu a img {
	width: 36px;
	height: 20px;
}

.flagsMenu { float: left; text-align: center; margin: 0px 0px 20px 42%; }
.flagsMenu a { display: block; float: left; margin-right: 15px; }
.flagsMenu a img { display: block; float: left; }

#container #hometxt {
	margin-left: 15px;
	width: 95%;
	
}
#wrap #container #breadcrumbs {
	width: 100%;
	padding: 0 10px 10px 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#wrap #container #products {
	width: 100%;
	margin: 10px 0px auto;
	padding-left: 10px;
	padding-right: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.prod1 {
	position: relative;
	background-image: url(../images/product1.jpg);
	width: 100%;
	height: 198px;
	margin: 0 0 15px 0;
}
.prod2 {
	position: relative;
	background-image: url(../images/product2.jpg);
	width: 100%;
	height: 198px;
	margin: 0 0 15px 0;
}
.prod3 {
	position: relative;
	background-image: url(../images/product3.jpg);
	width: 100%;
	height: 198px;
	margin: 0 0 15px 0;
}
.prod4 {
	position: relative;
	background-image: url(../images/product4.jpg);
	width: 100%;
	height: 198px;
	margin: 0 0 15px 0;
}
.prod5 {
	position: relative;
	background-image: url(../images/product5.jpg);
	width: 100%;
	height: 198px;
	margin: 0 0 15px 0;
}
.viewProduct {
	position: absolute;
	bottom: 0px;
	color: #FFFFFF;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, .7);
	padding: 12px 5px 12px 8px;
	background-image: url(../images/bluearrow.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.prod1 .viewProduct {
	width: 100%;
}
.prod2 .viewProduct {
	width: 100%;
}
.prod3 .viewProduct {
	width: 100%;
}
.prod4 .viewProduct {
	width: 100%;
}
.prod5 .viewProduct {
	width: 100%;
}
#wrap #container #products .productRight {
	width: 100%;
	border-left: 0px solid #D4DADD;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#wrap #container #products .productLeft {
	width: 100%;
	border-right: 0px solid #D4DADD;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#footer .footerMenu { 
    display: block; 
}

#footer .col { 
    width: 96%; 
    padding-right: 2%; 
    padding-left: 2%;  
}

}

@media only screen and (max-width: 480px) {
#box1 {
	width: 100%;
}
#box2 {
	width: 100%;
}
#container {
	width: 100%;
}
#container #hometxt {
	margin-left: 15px;
	width: 90%;
}
.hidden480 {
	display: none;
}
}


//DB CSS

.productRight li {font-size: 13px; line-height: 16px; list-style-type: disc;margin: 12px !important;}

.productRight h3 {line-height:24px;}

input {
    -webkit-appearance: none;
    border-radius: 0;
}

#header {
    background-color: #0B5C96;}
#footer {
    background-color: #0B5C96;}

#footer .col h2, #footer .col h2 span {background-color:#0B5C96;}

h2 {
    background-color: #0B5C96;}

#footer .col { border-left: 1px solid #657983 !important;  }

.articles h3 {  background-color: #E3EFF5;  display: block;  font-family: 'MyriadPro-Reg',Arial;  font-weight: 600;  margin: 20px 0 12px 0;  padding: 6px;}

#leftCol p {    line-height: 21px;}
.articles  ul {    margin-bottom: 20px;}
.articles ul li {    line-height: 22px;    list-style: disc outside none;    margin: 10px 40px;}
#flags ul {    float: right !important;}
#flags li {    margin-left: 8px !important;    margin-right: 0 !important;}
#menu { border-top-width:0;}
#footer .col p,#footer .col  a {    color: #E2EDF3 !important;}


@media (max-width: 767px) {

#footer .col {border-color: #657983;}
.img100 {height: auto;width: 100%;}

}

@media only screen and (max-width: 480px) {

.viewProductWrapper .readMore  {background-image: none !important;}
.viewProductWrapper img { max-width: 100%; }
#hometxt .feature img, .newsItem img {
  
    height: auto;
    margin-bottom: 20px;

    width: 100%;
}
#menu {
    margin-top: 0px;
}


}


#leftCol ul.downloads-lhs-menu {
	margin-top: 0px;
}