@charset "UTF-8";
/* Number Base */
/* Colors */
/* Dark Blue */
/* Light Blue  */
/* Gold  */
/* Green  */
/* Red */
/* Style Colors */
/* Fonts */
/* Sizes */
/* Global Styles */
@font-face {
	font-family: 'DIN1451Engschrift';
	src: url('../fonts/din1451e.eot');
	src: url('../fonts/din1451e.eot') format('embedded-opentype'),
		url('../fonts/din1451e.woff') format('woff'), url('../fonts/din1451e.ttf')
		format('truetype'),
		url('../fonts/din1451e.svg#DIN1451EngschriftRegular') format('svg');
}

@font-face {
	font-family: "GeneralFoundicons";
	src: url("../fonts/general_foundicons.eot");
	src: url("../fonts/general_foundicons.eot?#iefix")
		format("embedded-opentype"), url("../fonts/general_foundicons.woff")
		format("woff"), url("../fonts/general_foundicons.ttf")
		format("truetype"),
		url("../fonts/general_foundicons.svg#GeneralFoundicons") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* 
Main Styles 
*/
html {
	width: 100%;
	font-size: 10px;
	background: white;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

body {
	width: 100%;
	margin: 0px;
	padding: 0px;
	color: #666666;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 19px;
	line-height: 1.9rem;
}

* a {
	color: #58595b;
	text-decoration: none;
	outline: 0;
}

* a:focus {
	border: none;
	outline: 0;
}

.wrapper {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}
.wrapper-main {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

.clear {
	clear: both;
}

h2 {
	margin: 10px 0px 10px 0px;
	font-family: 'DIN1451Engschrift', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 30px;
	font-size: 3rem;
	line-height: 30px;
	line-height: 3rem;
	color: #023d79;
	text-transform: uppercase;
	clear: both;
}

h2 span{
	margin: 10px 0px 10px 0px;
	font-family: 'DIN1451Engschrift', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 30px;
	line-height: 3rem;
	color: #023d79;
	text-transform: uppercase;
	clear: both;
}


h3 {
	font-family: 'DIN1451Engschrift', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 2.3rem;
	line-height: 2.6rem;
	margin: 20px 0px 5px;
	padding-left: 34px;
	background: url("../images/header-arrow-right-gold.png") no-repeat
		scroll left top transparent;
		
		}
		
		
		
		
.flash-error {
	margin: 0px;
	padding: 6px;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 20px;
	color: white;
	border-radius: 5px;
	border: none;
	background-color: #DD0000;
	margin-bottom: 20px;
}

.flash-warning {
	margin: 0px;
	padding: 6px;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 20px;
	color: white;
	border-radius: 5px;
	border: none;
	background-color: #FF9900;
	margin-bottom: 20px;
}

.flash-correct {
	margin: 0px;
	padding: 6px;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 20px;
	color: white;
	border-radius: 5px;
	border: none;
	background-color: #009922;
	margin-bottom: 20px;
}

div.wrapper a{
	color: #445599;
}

div.wrapper a:hover{
	color: #FF9900;
}

/* 
Header
*/
.header-container {
	display: table;
	table-layout: fixed;
	height: 131px;
	width: 100%;
	position: fixed;
	top: 0px;
	z-index: 5000;
	background: url("../images/header-bkground.png") repeat-x;
	text-align: center;
	margin: 0px;
}

.header-wrapper {
	width: 950px;
	height: 131px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.header-container-2 {
	display: table;
	table-layout: fixed;
	height: 211px;
	width: 100%;
	position: -webkit-sticky; /* Safari */
	position: sticky; 
	top: 0px;
	z-index: 10;
	background: url("../images/header-bkground-2.png") repeat-x;
	text-align: center;
	margin: 0px;
}

#navbar {
	position: relative;
	font-family: 'DIN1451Engschrift', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 2.3rem;
	line-height: 2.6rem;
	margin: 20px 0px 5px;
	padding-left: 34px;
	background: url("../images/header-arrow-right-gold.png") no-repeat
		scroll left top transparent;
}
#navbar li {
	list-style: none;
	}

#navbar li ul {
	display: none;  }
	
#navbar li:hover ul, #navbar li.hover ul {
	position: absolute;
	display: inline;
	left: 225px;
	width: 100%;
	margin: 0px;
	padding: 0; }

/* 
Second Nav
*/
.nav-second {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	top: 0px;
	box-sizing: border-box;
	height: 44px;
	background: url("../images/notch-white.png") no-repeat left top;
	text-align: right;
	font-family: 'DIN1451Engschrift', 'Helvetica', 'Arial', sans-serif;
	margin: 0px;
	background-size: 54px 44px;
}

.nav-second a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 44px;
	text-transform: none;
	height: 44px;
	margin: 10px 0px;
	color: #f0b128;
	background-color: none;
}

/*
.nav-second a:last-child {
  border-right: dotted 2px #023d79;
  padding-right: 10px;
  margin-right: 10px;
}

.nav-second .telephone{
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;
    color: #023d79;
}
*/
.nav-second a:before {
	content: "/";
	margin: 0px 10px;
	color: #ffffff;
	text-decoration: none;
}

.nav-second a:first-child:before {
	content: "";
}

.nav-second a.user {
	color: #f0b128;
}

.nav-second a:user:before {
	content: "";
	margin: 0px;
}

.nav-second a.user:before {
	content: "";
	border-left: dotted 2px #023d79;
	margin-left: 20px;
	padding-left: 20px;
}

.nav-second a:hover {
	color: #ffffff;
}

/* 
third Nav
*/
.nav-third-intro {
	font-family: 'DIN1451Engschrift', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 2.3rem;
	line-height: 2.6rem;
	margin: 20px 0px 5px;
	padding-left: 34px;
	background: url("../images/header-arrow-right-gold.png") no-repeat
		scroll left top transparent;
		
		}
		
.nav-third {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	top: 0px;
	box-sizing: border-box;
	height: 30px;
	text-align: left;
	font-family: 'DIN1451Engschrift', 'Helvetica', 'Arial', sans-serif;
	margin: 0px;
	
		
}

.nav-third a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: normal;
	font-style: normal;
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 20px;
	text-transform: none;
	height: 30px;
	margin: 10px 0px;
	color: #023d79;
/*	background-color: #FFFFFF;*/
	
	
}

/*
.nav-third a:last-child {
  border-right: dotted 2px #023d79;
  padding-right: 10px;
  margin-right: 10px;
}

.nav-third .telephone{
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;
    color: #023d79;
}
*/
.nav-third a:before {
	content: "/";
	margin: 0px 6px;
	color: #B3B3B3;
	text-decoration: none;
}

.nav-third a:first-child:before {
	content: "";
	margin: 0px;
}

.nav-third a.user {
	color: #f0b128;
}

.nav-third a:user:before {
	content: "";
	margin: 0px;
}

.nav-third a.user:before {
	content: "";
	border-left: dotted 2px #023d79;
	margin-left: 20px;
	padding-left: 20px;
}

.nav-third a:hover {
	color: #0ea1c4;
}
.nav-third a:active {
	color: #0ea1c4;
}
.nav-third-current {
	color: #0ea1c4;
}

/* 

/* 
Main Nav
*/
.currentpage {
        color: #f0b128;
   }
   
.nav-main {
	height: 87px;
	text-align: left;
	position: relative;
	margin: 0px;
}

.nav-main #logo {
	position: absolute;
	top: -33px;
	left: 0px;
	display: block;
	width: 148px;
	height: 120px;
	margin: 0px;
}

.nav-main #nav-main-holder {
	width: 820px;
	margin-left: 150px;
}

.nav-main #nav-main-holder a {
	margin-left: 32px;
	font-family: 'DIN1451Engschrift', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	font-size: 2rem;
	line-height: 85px;
	height: 87px;
}

.nav-main a:hover,.nav-main a.active {
	color: #FF9900;
}

/*
Footer
*/
.footer-container {
	clear: both;
	margin-bottom: 25px;
	width: 100%;
}

#footer-nav,#sub-footer {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px;
	display: block;
	width: 100%;
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 30px;
	line-height: 3.0rem;
}

#footer-nav {
	border-top: 15px solid #FFFFFF;
	background: none repeat scroll 0% 0% #FFFFFF;
	text-transform: uppercase;
	height: 100px;
	text-align: right;
	font-family: 'DIN1451Engschrift', 'Helvetica', 'Arial', sans-serif;
	line-height: 90px;
}

#footer-nav a {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	color: #58595b;
}

#footer-nav a.active,#footer-nav a:hover {
	color: #FF9900;
}

#sub-footer {
	text-align: right;
	padding: 0px;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	font-size: 1.2rem;
	color: #666666;
}

/* Icons */
[class*="fi-"] {
	display: inline;
	width: auto;
	height: auto;
	line-height: inherit;
	vertical-align: baseline;
	background-image: none;
	background-position: 0 0;
	background-repeat: repeat;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
}

.fi-shopping-cart:before {
	font-family: "GeneralFoundicons";
	content: "\f024";
	padding-right: 7px;
}

.fi-edit:before {
	font-family: "GeneralFoundicons";
	content: "\f01a";
	padding-right: 7px;
}

.fi-delete:before {
	font-family: "GeneralFoundicons";
	content: "\f018";
	padding-right: 7px;
}

.fi-alert:before {
	font-family: "GeneralFoundicons";
	content: "\f022";
	padding-right: 7px;
}

.fi-x-circle:before {
	font-family: "GeneralFoundicons";
	content: "\f006";
	padding-right: 7px;
}

.fi-check:before {
	font-family: "GeneralFoundicons";
	content: "\f005";
	padding-right: 7px;
}

.fi-left-arrow:before {
	font-family: "GeneralFoundicons";
	content: "\f015";
	padding-right: 7px;
}

.fi-page:before {
	font-family: "GeneralFoundicons";
	content: "\f009";
	padding-right: 7px;
}

.fi-paper-clip:before {
	font-family: "GeneralFoundicons";
	content: "\f01e";
	padding-right: 7px;
}

.nav-main #nav-main-holder .cart {
	float: right;
	display: block;
	width: 200px;
	text-align: right;
	font-size: 28px;
	font-size: 2.8rem;
}

/* 
main container
*/
.main-container {
	margin-top: 131px;
	min-height: 600px;
	text-align: left;
}

.main-container-2 {
	margin-top: 10px;
	min-height: 600px;
	text-align: left;
}

/*.main-container div.main {
	padding-top: 40px;
}
*/
.main-container div.main {
	padding-top: 0px;
}
.main-container-2 div.main {
	padding-top: 0px;
}

/*
*/
header {
	margin: 0px;
	padding-top: 0px;
	/*background: url("../images/sub-header-bkground.png") repeat-x left
		bottom;*/
	height: 80px;
}

header h1 {
	font-family: 'DIN1451Engschrift', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	font-style: normal;
	margin: 0px;
	padding-top: 0px;
	/*background: url("../images/sub-header-bkground.png") repeat-x left
		bottom;*/
	font-size: 40px;
	line-height: 50px;
}

header h1.twolines {
	font-family: 'DIN1451Engschrift', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 40px;
	line-height: 50px;
	margin: 0px;
}

header h2 {
	font-family: 'DIN1451Engschrift', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	line-height: 20px;
	margin: 0px;
}

.form-item label {
	font-family: 'DIN1451Engschrift', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 21px;
	font-size: 2.1rem;
	line-height: 21px;
	line-height: 2.1rem;
	width: 300px;
	margin-bottom: 8px;
}

.form-item input[type="text"],.form-item input[type="password"],.form-item select
	{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	margin: 2px 0px;
	padding: 8px;
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 17px;
	line-height: 1.7rem;
	border: solid 1px #cccccc;
	border-radius: 6px;
}

.form-item textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	margin: 2px 0px;
	padding: 8px;
	width: 500px;
	height: 200px;
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 17px;
	line-height: 1.7rem;
	border: solid 1px #cccccc;
	border-radius: 6px;
}

form.login .form-item {
	float: left;
	margin-right: 40px;
}

form.login .form-item input {
	width: 250px;
}

form.contact .form-item {
	margin-bottom: 20px;
}

form.contact .form-item input, form.contact .form-item select {
	width: 500px;
}

.form-item input[type="submit"] {
	margin: 0px;
	padding: 8px 30px 6px 8px;
	text-align: left;
	text-transform: uppercase;
	font-family: 'DIN 1451 W01 Engschrift', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	font-size: 2rem;
	line-height: 17px;
	color: white;
	border-radius: 5px;
	border: none;
	background: url("../images/small-arrow-white.png") no-repeat right
		center #009922;
	pointer: cursor;
}

div.cart-button {
	margin-top: 30px;
	text-align: right;
}

.form-item input[type="submit"]:hover {
	background-color: #023d79;
}

form.login .form-item input[type="submit"] {
	margin-top: 23px;
}

div.error-message{
	color: #DD0000;
	font-size: 12px;
	font-size: 1.2rem;
}

/*Tables */
table {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

thead tr.head1 {
	background-color: #E0E1E3;
	font-size: 22px;
	font-size: 2.2rem;
}

thead tr.head2 {
	background-color: #F0F1F4;
	font-size: 18px;
	font-size: 1.8rem;
}

thead th {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
	font-family: 'DIN1451Engschrift', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	font-style: normal;
	padding: 3px 3px;
	vertical-align: bottom;
}

thead tr.head1 th {
	padding: 12px 2px 4px 4px;
}

table.backoffice {
	margin-bottom: 20px;
}

table.backoffice tr td {
	border-bottom: 2px dotted #cccccc;
	padding: 5px;
}

/*tbody tr td {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 8px;
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 15px;
	line-height: 1.5rem;
	color: black;
	text-align: left;
}*/

tbody tr.lineborder td {
	padding-top: 0px;
	padding-bottom: 8px;
	border-bottom: 2px dotted #cccccc;
}

tbody tr td a {
	color: #025599;
}

table.cart tbody tr td {
	padding-top: 8px;
}

/* 
Productgroups
*/
div.productgroup {
	margin: 0px;
	width: 300px;
	border: 1px solid #CCCCCC;
	float: left;
	margin-bottom: 20px;
	background: url("/img/layout/header-arrow-right-gold.png") no-repeat 6px
		6px;
	line-height: 14px;
	line-height: 1.4rem;
}

div.productgroup:hover {
	background-color: #F6F7F9;
}

div.productgroup a {
	display: block;
	padding: 5px 5px 5px 36px;
	color: #023d79;
}

div.productgroup a:hover {
	color: #0ea1c4;
}

div.productgroup a b {
	display: block;
}

div.productgroup a span {
	display: block;
	color: #999999;
	font-size: 12px;
	font-size: 1.2rem;
}

div.leftcol {
	margin-right: 20px;
}

div.product {
	margin-top: 15px;
	padding-top: 15px;
	position: relative;
	border-top: 2px dotted #cccccc;
	min-height: 150px;
	line-height: 14px;
	line-height: 1.4rem;
}

div.product:last-child {
	margin-bottom: 15px;
	padding-bottom: 15px;
	position: relative;
	border-bottom: 2px dotted #cccccc;
}

div.product em {
	font-style: normal;
	font-family: 'DIN1451Engschrift', 'Helvetica', 'Arial', sans-serif;
	color: #999999;
	font-size: 1.6rem;
	line-height: 1.7rem;
}

div.product h4 {
	margin: 0px;
	font-family: 'DIN1451Engschrift', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 2.5rem;
	line-height: 2.6rem;
	margin-bottom: 10px;
}

div.product div.photo {
	width: 200px;
	height: 150px;
	float: left;
	border: 1px solid #DDDDDD;
	text-align:center;
}

div.product div.detail {
	float: left;
	padding-left: 25px;
	width: 722px;
}

div.product div.detail p {
	font-size: 1.5rem;
	line-height: 1.8rem;
	margin-top: 0px;
	margin-bottom: 10px;
}

div.order {
	position: relative;
	border: 1px solid #999999;
	text-align: center;
	width: 40px;
	height: 26px;
	font-size: 2.3rem;
	line-height: 2.6rem;
	padding: 5px;
	font-family: 'DIN1451Engschrift', 'Helvetica', 'Arial', sans-serif;
	float: left;
}

div.order div.plus {
	position: absolute;
	width: 23px;
	height: 26px;
	font-size: 2.3rem;
	line-height: 2.3rem;
	right: -10px;
	top: 5px;
	background-color: #CCCCCC;
	z-index: 50;
	cursor: pointer;
	text-align: center;
	font-family: 'foundation-icons';
	padding: 0px;
	margin: 0px;
}

div.order div.minus {
	position: absolute;
	width: 23px;
	height: 26px;
	font-size: 2.3rem;
	line-height: 2.3rem;
	left: -10px;
	top: 5px;
	background-color: #CCCCCC;
	z-index: 50;
	cursor: pointer;
	text-align: center;
	font-family: 'foundation-icons';
	padding: 0px;
	margin: 0px;
}

div.order div.plus:hover,div.product div.detail div.order div.minus:hover
	{
	background-color: #FF9933;
}

div.order div.plus:active,div.product div.detail div.order div.minus:active
	{
	background-color: #DD3311;
}

div.product div.detail  a {
	position: relative;
	left: 30px;
	top: 10px;
	margin: 0px;
	padding: 6px 30px 4px 8px;
	text-align: left;
	text-transform: uppercase;
	font-family: 'DIN 1451 W01 Engschrift', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	font-size: 2rem;
	line-height: 17px;
	color: white;
	border-radius: 5px;
	border: none;
	background: url(/img/layout/small-arrow-white.png) no-repeat right
		center #009922;
	pointer: cursor;
}

/*pagination */
ul.pagination {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul.pagination li {
	float: left;
	margin-right: 2px;
	list-style-type: none;
	background-color: #C0C0C0;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
}

ul.pagination li a {
	background-color: #F0F0F0;
	display: block;
	color: #334488;
}

ul.pagination li a:hover {
	background-color: #334488;
	display: block;
	color: #FFFFFF;
}

.offset:before { 
	display: block; 
 	content: " "; 
  	height: 221px;      /* Give height of your fixed element */
        margin-top: -221px; /* Give negative margin of your fixed element */  	
        visibility: hidden;
}

.codes {
	width:620px;
	margin-bottom:10px;
	border-collapse: collapse;
}
.codes th {
	height: 15px;
    vertical-align: centre;
	padding-bottom: 5px;
	padding-top:8px;
    text-align: left;
	border-bottom: 1px solid #ddd;
	font-family: 'DIN1451Engschrift', 'Helvetica', 'Arial', sans-serif;
	color: #58595B;
	font-weight: normal;
	font-style: normal;
	font-size: 21px;
	font-size: 2.1rem;
}

.codes td {
	height: 15px;
	vertical-align: centre;
	padding-bottom: 5px;
	padding-top:5px;
	text-align: left;
	border-top: 1px solid #ddd;
font-family: sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	font-size: 1.4rem;
		
	
}

tr:hover {background-color: #f5f5f5}

.styleimg {
			float: right; 
			margin: 0px 0px 0px 20px;
			width:300px;
			height:200px;
			
}

.styleimgopen {
			float: right; 
			margin: 0px 0px 0px 20px;
			width:300px;
			height:530px;
			
}

.colours {
	width:950px;
	margin-bottom:10px;
	border-collapse: collapse;
}
.colours td {
	height: 15px;
	vertical-align: centre;
	/*padding-bottom: 5px;
	padding-top:8px;*/
    text-align: center;
	border-bottom: none;
	font-family: 'DIN1451Engschrift', 'Helvetica', 'Arial', sans-serif;
	color: #58595B;
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	font-size: 1.8rem;
}

.colours th {
	height: 15px;
	vertical-align: centre;
	padding-bottom: 5px;
	padding-top:5px;
	text-align: left;
	border-top: none;
font-family: sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	font-size: 1.4rem;
		
	
}

.colours tr:hover {background-color: #FFFFFF}

.productimg {
			float: right; 
			margin: 0px 0px 0px 20px;
			width:300px;
			height:120px;
			
}

.impimg {
			float: right; 
			margin: 0px 100px 0px 20px;
			width:300px;
			height:120px;
			
}

.bhi_right {
			float: right; 
			margin: 0px 0px 20px 20px;
			width:200px;
			height:200px;
			
}
.bhi_big {
			float: right; 
			margin: 0px 0px 0px 20px;
			width:200px;
			height:368px;
			
}

.bhi_left {
			float: left; 
			margin: 0px 20px 00px 0px;
			width:200px;
			height:200px;
			
}

.index_right {
			float: right; 
			margin: 0px 0px 0px 20px;
			width:300px;
			height:260px;
			
}

#accordion {
    padding-left: 0;
}

#accordion li.item {
    margin: 0;
    list-style: none;
    padding: 5px 10px;
	width: 820px;
}

#accordion li.item:nth-child(odd) {
    background: #f8f8f8;
}

#accordion .cta {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    min-height: 36px;
    padding: 10px 0px 0px 16px;
    font-family: 'DIN1451Engschrift', 'Helvetica', 'Arial', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
font-size: 2rem;
    line-height: 20px;
    line-height: 2rem;
    position: relative;
}

#accordion .cta:before, #accordion .cta.open:before {
    content: "\e259";
    position: relative;
    font-size: 1rem;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 0;
}

#accordion .cta.open:before {
    content: "\e260";
}

#accordion .cta:hover {
    color: #FF9900;
}

#accordion .cta.open {
    color: #FF9900;
    padding-bottom: 5px;
}

.wrapper-main h1 {

    font-family: 'DIN1451Engschrift', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	font-style: normal;
	margin: 0px;
	padding-top: 0px;
	
	font-size: 40px;
	line-height: 50px;
	}

#accordion #accordion h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    color: #333;
    margin-top: 5px;
    margin-bottom: 5px;
}

#accordion #accordion h4 {
    margin: 10px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    font-size: 2rem;
    line-height: 20px;
    line-height: 2rem;
    color: #eaaa00;
}

#accordion #accordion h5 {
    margin: 15px 0px 2px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2rem;
    color: #003a70;
}

#accordion .panel {
    display: none;
}

#accordion .panel.open {
    display: block;
    padding: 10px 10px 2px 15px;
    border-top: 2px dotted #999;
    /* the following override Bootstrap's default .panel styles */
    margin-bottom: 0;
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    box-shadow: none;
    -webkit-box-shadow: none;
}

#accordion .panel.open:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

#accordion .panel p, #accordion .panel li {
    font: Arial, Helvetica, sans-serif;
color: #404040;
    font-weight: normal;
    font-style: normal;
    	
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 19px;
	line-height: 2.1rem;
}

#accordion .panel h4 {
    color: #333;
}

#accordion .panel p {
    margin-top: 5px;
    margin-bottom: 10px;
	padding-right: 20px;
}

#accordion .panel p.contact {
    margin: 20px 0px;
    color: #00b7c6;
    cursor: pointer;
}

#accordion .panel p.contact:hover {
    color: #003a70;
}

#accordion .panel li {
    list-style: disc;
}

#accordion .panel ul {
    padding: 0 0 0 20px;
}

#accordion .panel ol > li {
    font-family: Arial, Helvetica, sans-serif;
    list-style: decimal;
}

#accordion .panel a {
    color: #445599;
}

#accordion .panel a:hover {
    color: #FF9900;

}

#iyh #accordion h3 {
    color: #333;
}

@font-face {
    font-family: 'glyphicons halflings';
    src: url('../fonts/glyphicons-halflings-regular.woff') format('woff');

    font-weight: normal;
    font-style: normal;

}