/* CSS Include files */
@import url("jquery.cookiebar.css");
@import url("navbar.css");

body {
	margin: 0px;
	padding: 0px;
	color: #1A1A1A;
	font-family: arial;
	font-size: 11pt;
	line-height:20px;
	background-color: #2C5AA5;
	background-image: url("../img/mainbg-1600.jpg");
	background-repeat: no-repeat;
	background-position: center top;
}

h1,h2,h3,h4,h5,h6,p {
	padding:0;
	margin:0;
	font-family: arial;
	color:#1A1A1A;
}

p {
	line-height:20px;
	font-size: 11pt;
}

a:link, a:active, a:visited {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	color:#FF0000;
	font-weight:bold;
	text-decoration:none;
}

.secondlayer {
	background-image: url("../img/bottombg.png");
	background-repeat: no-repeat;
	background-position: center bottom;
}

.bgcolour1 {
	background-color:#1A1A1A;
}

.bgcolour1 > .container {
	position: relative;
}

.top-nav {
	padding-left:0;
	padding-right:0;
}

.topstrap {
	background-color:#1A1A1A;
	color:#999999;
	line-height:40px;
	text-align:right;
	font-size:12pt;
	min-height:20px;
}

.bgcolour1 > .container > a > .main-logo {
	position: absolute;
	top:0;
	left:0;
	z-index: 5555;
}

.bgcolour1 > .container > a > .main-logo-medium {
	display: none;
}

.container.slider > .carousel > .carousel-inner > .item > .carousel-caption > h3 {
	background-color: #1A1A1A;
	float:left;
	padding:10px;
	margin-bottom:10px;
	color:#FFFFFF;
}

.container.slider > .carousel > .carousel-inner > .item > .carousel-caption > a {
	background-color: #1A1A1A;
	float:left;
	clear:left;
	padding:10px;
	color:#FFFFFF;
}

.container.slider > .carousel > .carousel-inner > .item > .carousel-caption > a:hover {
	color:#FFFFFF;
	background-color: #2C5AA5;
}

.container .row.main-content {
	background-color: #FFFFFF;
	margin-right: 0;
	margin-left: 0;
	padding-bottom:20px;
}

.container .row.main-content > div {
	padding-top:15px;
}

.container > .row.main-content > h3 {
	background-color:#333333;
	line-height:40px;
	padding:0 10px;
	color:#FFF;
	text-align:right;
	font-size:12pt;
}

.container.footer {
	min-height:200px;
	padding-bottom:20px;
}

.container > .row.main-content > .breadcrumb {
	background-color: #2C5AA5;
	margin:0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.container > .row.main-content > .breadcrumb > li,
.container > .row.main-content > .breadcrumb > li > a {
	color:#FFFFFF;
	font-size:12pt;
	font-weight:normal;
}

.container > .row.main-content > .col-md-12 > h2 {
	font-size:14pt;
	line-height:30px;
	margin:0;
	margin-bottom:10px;
	padding:0;
	font-weight:bold;
	text-decoration: underline;
}

.container > .row.main-content > .col-md-12 > p {
	padding-bottom:10px;
}

.container > .row.main-content > .col-md-12 > .contact-details p,
.container > .row.main-content > .col-md-12 > .contact-details label {
	font-size:11pt;
}

.container > .row.main-content > .col-md-12 > .contact-details a {
	color:#1A1A1A;
}

.container > .row.main-content > .col-md-12 > .contact-details a:hover {
	color:#FF0000;
}

.container > .row.main-content > .col-md-12 > .contact-details label {
	display: block;
	font-weight:normal;
}

.information.contact-details {
	background-image: url("../img/contact.png");
	background-repeat: no-repeat;
	background-position: right center;
}

.container > .row.main-content > .col-md-12 > h4.strap-header {
	background-color:#333333;
	line-height:30px;
	padding:0 10px;
	color:#FFF;
	font-size:12pt;
	margin:10px 0;
}

.container > .row.main-content > .col-md-12 > .sidepad {
	padding:0;
}

.container > .row.main-content > .col-md-12 > .sidepad > .row {
	padding-bottom:10px;
	margin-bottom:10px;
}

.container > .row.main-content > .col-md-12 > .sidepad > .row > div > a > h5 {
	text-align: center;
	font-size:12pt;
	line-height:30px;
	background-color: #2C5AA5;
	color:#FFFFFF;
	margin-bottom:10px;
}

.category-products h5 {
	text-align: center;
	font-size:12pt;
	line-height:30px;
	color:#1A1A1A;
	margin-bottom:10px;
}

.product-results h5 {
	text-align: center;
	font-size:10pt;
	line-height:30px;
	background-color: #2C5AA5;
	color:#FFFFFF;
	margin-bottom:10px;
}

.container > .row.main-content > .col-md-12 > .sidepad > .row > div > label {
	text-align: center;
	color: #5716A6;
	margin:0 auto;
	display: block;
}

.container h6.copyright {
	background-color:#000000;
	line-height:30px;
	padding:0 10px;
	color:#FFF;
	font-size:11pt;
	text-align:right;
	margin:0;
}

.container > .row.main-content > .col-md-3 > img {
	margin:10px 0;
}

.container > .row.main-content > .col-md-3 > h3 {
	font-size:14pt;
	line-height:30px;
	margin:0;
	padding:0 10px;
	font-weight:normal;
	text-decoration: underline;
}

.container > .row.main-content > .col-md-3 > .nav > li > a {
	padding-left:10px;
	padding-right:10px;
	border-bottom:1px solid #999999;
	border-radius:0;
}

.container > .row.main-content > .col-md-3 > .nav > li > a:hover {
	background-color: #5716A6;
	border-bottom:1px solid #5716A6;
	color:#FFFFFF;
}

.container.footer > .row > div > .navbar .information-nav > ul {
	clear:left;
}

.container.footer > .row > div > .navbar .navbar-brand {
	display: none;
}

.container.footer > .row > div > h6 {
	line-height:30px;
	margin:10px 0;
	font-size:14pt;
	color:#FFFFFF;
	padding:0;
}

.container.footer > .row > div > .navbar .navbar-collapse a,
.container.footer > .row > div > .navbar .navbar-collapse,
.container.footer > .row > div > .navbar .container-fluid {
	padding:0;
	margin:0;
}

.container.footer > .row > div > .navbar {
	border:none;
	border:0;
	border-radius:0;
	background: none;
	margin-bottom:0;
	padding-bottom:0;
}

.container.footer > .row > div > .navbar .navbar-toggle {
	padding:0;
	cursor: pointer;
	border:0;
	border:none;
	margin-bottom:0;
	color:#B3B3B3;
	display: none;
}

.container.footer > .row > div > .navbar .navbar-toggle:hover {
	background: none;
	color:#1A1A1A;
}

.container.footer > .row > div > .navbar .navbar-collapse a {
	color:#FFFFFF;
	line-height:20px;
	font-size:11pt;
	font-weight:normal;
}

.container.footer > .row > div > .navbar .navbar-collapse a:hover {
	color:#FFFFFF;
	background: none;
}

.container.footer > .row > div > .navbar #contact-nav > ul > li {
	color:#FFFFFF;
	line-height:20px;
	font-size:11pt;
	font-weight:normal;
}

.container.footer > .row > div > .navbar #shopping-nav > ul > li > img {
	padding-top:20px;
}

.container.footer > .row > div > .navbar #contact-nav > ul > li > a.social-links {
	float:left;
	margin:10px 10px 10px 0;
}

.container.footer > .row.trading > div {
	border-top:1px solid #585858;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:20px;
	color:#B3B3B3;
}

.container.top-nav > div > .top-header {
	min-height:120px;
	background-color: #EAF2F9;
	background-image: url("../img/topbg.jpg");
	background-repeat: no-repeat;
	background-position: right center;
	padding:10px;
	overflow:hidden;
}

.container.top-nav > div > .top-header > label {
	float:right;
	line-height:40px;
	padding:0;
	margin: 0;
	display: block;
	clear:right;
	font-size:20pt;
	color:#4D4D4D;
	font-weight:normal;
}

.container.top-nav > div > .top-header > label > .glyphicon {
	color:#4183C3;
}

.container.top-nav > div > .top-header > label > a {
	font-weight:normal;
	color:#4D4D4D;
}

.container.top-nav > div > .top-header > label > a:hover {
	color:#FF0000;
}

.container.top-nav > div > .top-header > a > img {
	padding:0 10px;
	float:left;
}

.container.top-nav > div > .top-header > a > img.logo {
	display: block;
}

.container.top-nav > div > .top-header > a > img.logo-medium {
	display: none;
}

.container p.aboutus-section > img {
	width:200px;
	margin:0 0 20px 20px;
}

/* ====== COOKIE TOP ====== */
.better-cookie-wrapper.clearfix {margin: 0 auto;padding: 20px 0;}
.better-cookie-wrapper p,.better-cookie-wrapper a{color:#666;line-height: 20px;font-weight: 100;font-size: 14px; padding-bottom:10px;}
.better-cookie-wrapper a{color:#FFF;line-height: 20px;font-size:}
.better-cookie-wrapper a:hover{color:red;}
.better-cookie-wrapper .btn{ background-color: #2C5AA5; border-color: #2C5AA5;}
.better-cookie-wrapper .btn:hover{ background-color: #4D4D4D; border-color:#4D4D4D;}
#better-cookie-bar {background: black;z-index: 2000;}
/* ======================== */

iframe {
	padding:0;
	margin:0;
}

.contact-details h6,
.category-products h6 {
	background-color:#1A1A1A;
	line-height:35px;
	font-weight:normal;
	padding:0 10px;
	margin:15px 0;
	font-size:12pt;
	color:#FFF;
}

.category-products a.download-document {
	font-weight:normal;
}

.top-nav .navbar-nav > li.dropdown:hover .dropdown-menu {
    display: block;
 }

 .top-nav .navbar-nav > li.dropdown:hover > a {
 	background-color: #1A1A1A;
 }

@media (min-width: 1600px) {

	body {
		background-image: url("../img/mainbg.jpg");
	}

}

@media (min-width: 1200px) {

}

@media (min-width: 980px) and (max-width: 1199px) {

	.container > .row.main-content > .col-md-12 > .sidepad > .row > div > a > h5 {
		font-size:10pt;
	}

}

@media (max-width: 979px) {

	.container > .row.main-content > .col-md-12 > .sidepad > .row > div > a > h5 {
		font-size:10pt;
	}

}

@media (min-width: 768px) and (max-width: 979px) {

	.bgcolour1 > .container > a > .main-logo-medium {
		display: block;
		position: absolute;
		top:50px;
		left:0;
		z-index: 5555;
	}

	.bgcolour1 > .container > a > .main-logo {
		display: none;
	}

	.container.top-nav > div > .top-header {
		min-height:120px;
	}

	.container.top-nav > div > .top-header > a > img.logo {
		display: none;
	}

	.container.top-nav > div > .top-header > a > img.logo-medium {
		display: block;
	}

	.container.top-nav > div > .top-header > label {
		line-height:33px;
		font-size:16pt;
	}

}

@media (max-width: 767px) {

	.top-nav {
		min-height:inherit;
	}

	.bgcolour1 > .container > a > .main-logo,
	.bgcolour1 > .container > a > .main-logo-medium,
	.container > .row.main-content > h3,
	.container.slider > .carousel,
	.container > .row.main-content > .col-md-3 > img,
	.container.footer > .row > div > h6 {
		display: none;
	}

	.container.footer > .row > div > .navbar a.navbar-brand {
		display: block;
		color:#FFFFFF;
	}

	.container.footer > .row > div > .navbar a.navbar-brand:hover {
		font-weight: normal;
		cursor: pointer;
	}
	
	.container.footer > .row > div > .navbar {
		background-color: #3B75B9;
	}

	.container.footer > .row > div > .navbar .container-fluid {
		padding:0 10px;
	}

	.container.footer > .row > div > .navbar {
		margin:10px 0;
	}

	body {
		background: none;
		background-color: #2C5AA5;
	}

	.container.footer > .row > div > .navbar #information-nav,
	.container.footer > .row > div > .navbar #shopping-nav,
	.container.footer > .row > div > .navbar #contact-nav {
		padding-top:10px;
		margin-top:10px;
	}

	.container.footer > .row > div > .navbar .navbar-collapse a,
	.container.footer > .row > div > .navbar #contact-nav > ul > li {
		font-size:10pt;
		line-height: 20px;
		color:#FFFFFF;
	}

	.container.footer > .row > div > .navbar .navbar-toggle {
		display: block;
		color:#FFFFFF;
	}

	.container.footer > .row > div > .navbar #shopping-nav > ul > li > img {
		padding-bottom:10px;
	}

	.container.slider,
	.container .row.main-content > div,
	.container.footer {
		margin-right: 0;
		margin-left: 0;
		padding-left:0;
		padding-right:0;
	}

	.container .row.main-content > div,
	.container.footer  {
		padding-left:10px;
		padding-right:10px;
	}

	.container.footer {
		min-height:100px;
		padding-left:10px;
		padding-right:10px;
	}

	.container.top-nav > div > .top-header {
		display: none;
	}

	.bgcolour1 {
		display: none;
	}

	.container > .row.main-content > .breadcrumb {
		background-color: #E1E1E1;
		margin:10px;
	  -webkit-border-radius: 6px;
	     -moz-border-radius: 6px;
	          border-radius: 6px;
	    margin-bottom:0;
	}

	.container > .row.main-content > .breadcrumb > li,
	.container > .row.main-content > .breadcrumb > li > a {
		color:#1A1A1A;
		font-size:10pt;
	}

	.secondlayer {
		background: none;
	}

	.container p.aboutus-section > img {
		display: none;
	}

	.better-cookie-wrapper .btn{ margin-top:10px;}

	.category-products a.download-document {
		font-weight:normal;
		font-size:9pt;
	}

	.category-products h5 {
		font-size:9pt;
	}

	.top-nav .navbar-nav > li.dropdown:hover .dropdown-menu {
	    display: block;
	    width:100%;
	 }

}

@media (max-width: 300px) {

}