@charset "UTF-8";
/* CSS Document */

/*-----------------------------------------------
SCREENS BY SIZE
-----------------------------------------------*/

/* Smartphones (landscape) ----------- */
	@import url(/css/tablet.css) screen and (min-width:641px) and (max-width:1024px);

/* Smartphones (portrait) ----------- */
	@import url(/css/mobile.css) screen and (max-width:640px);

/* Desktops and laptops ----------- */
	@import url(/css/desktop.css) screen and (min-width:1025px);
/*-----------------------------------------------
ALL SCREENS
-----------------------------------------------*/

body, html {
	height: 100%;
	overflow: visible;
	padding: 0;
	margin: 0;
	font-family: 'Poppins', sans-serif;
}
.clearit {
	clear: both;
}
#menu, #menubarrier {
	background-color: #00F;
	color: #FFF;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 150px;
	z-index: 400;
}
#menubarrier {
	background-color: #E0E0E0;
	left: 0px;
	width: 100%;
	z-index: 450;
}
#menu {
	background-color: #808080;
	color: #FFF;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 250px;
	z-index: 400;
	overflow: auto;
}
#menu a {
	color: #FFFFFF;
	text-decoration: none;
}
#menu p {
	padding-left: 16px;
}
#wrapper {
	/*-webkit-box-shadow: 0px 0px 19px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 19px 3px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 19px 3px rgba(0,0,0,0.75);*/
	height: auto;
	margin-left: 0;
	padding: 0;
	position: relative;
	width: 100%;
	z-index: 500;
}
.slide {
	visibility: hidden;
}
#picturebox {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.slide, .slidevis {
	background-position: center top;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
#menubar {
	padding-top: 4px;
	padding-bottom: 4px;
	background-color:#FFFFFF;
}
.container {
	position: relative;
	width: 98%;
	height: auto;
	padding: 24px 1% 24px 1%;
	margin: 0;
}
#ml {
	float: left;
	padding-left: 8px;
}
#topholder {
	position: relative;
	left: -2px;
	top: 0;
	width: 100%;
	height: auto;
}
table {
	margIn: 0;
	padding: 0;
	border: none;
	outline: none;
}
#topbar {
	width: 100%;
	background-color: #FFFFFF;
	z-index: 10000;
}
#topbar a {
	margin: 12px;
	display: inline-block;
	font-size: 10pt;
	color: #404048;
	text-decoration: none;
	letter-spacing: 2px;
	font-weight: lighter;
}
#contactpos {
	padding-top: 12px;
}
#contactpos ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 11pt;
	line-height: 16pt;
	text-align: right;
	color: #174392;
}
.underline {
	border-bottom: 1px solid #E0E0E0;
	background-color: #FFFFFF;
}
.menustrip {
	background-color: #2097f9;
	text-align: center;
}
.understrip {
	background-color: #174392;
	text-align: center;
	color: #FFFFFF;
	font-size: 16pt;
}
#hoarding {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.35);
	z-index: 10000;
}
.table {
	display: table;
	width: 100%;
	height: 100%;
}
.cell {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
}
.cell h1 {
	margin: 0;
	padding: 0;
}
#ls {
	font-size: 16pt;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.menustrip a {
	display: inline-block;
	color: #FFFFFF;
	margin: 0 12px 0 12px;
	text-decoration: none;
	font-weight: bold;
}
.understrip a {
	display: inline-block;
	text-decoration: none;
	border-radius: 4px;
	padding-left: 4px;
	padding-right: 4px;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
}
.image {
	float: left;
	margin-top: 48px;
	margin-bottom: 48px;
}
.title {
	font-size: 16pt;
	font-weight: bold;
	padding-bottom: 6px;
	color: #606068;
}
.tbody {
	padding-top: 12px;
	font-size: 9pt;
}
.greybar {
	background-color: #303038;
	padding-bottom: 48px;
}
h2 {
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	margin: 0 0 24px 0;
	padding: 0;
}
.enlargeBar {
	width: 100%;
}
.EXE_enlargeBox {
	float: left;
	position: relative;
}
#slot1 {
	background: url(/img/slot1.jpg) no-repeat center center;
	background-size: 100% 100%;
}
#slot2 {
	background: url(/img/slot2.jpg) no-repeat center center;
	background-size: 100% 100%;
}
#slot3 {
	background: url(/img/slot3.jpg) no-repeat center center;
	background-size: 100% 100%;
}
#slot4 {
	background: url(/img/slot4.jpg) no-repeat center center;
	background-size: 100% 100%;
}
#slot5 {
	background: url(/img/slot5.jpg) no-repeat center center;
	background-size: 100% 100%;
}
.minibaffle {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	background-color: rgba(0,0,0,0);
	z-index: 10001;
	cursor: hand;
	cursor: pointer;
}
.tbox {
	width: 98%;
	margin: 0 2% 0 2%;
	color: rgba(255,255,255,0);
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 20pt;
	z-index: 10002;
}
.gt,.gtl,#forceh1h2 h1,#forceh1h2 h2,#feeback h1,#feedback h2 {
	color: #303038;
}
.gtl,#forceh1h2 h2,#feedback h2 {
	text-align:left;
}
#suppliers {
	width: 100%;
}
#suppliers a {
	display: inline-block;
	padding: 0 12px 0 12px;
}
.supplogo {
	width: 18%;
	margin: 0 1% 0 1%;
	float: left;
}
.ca {
	text-align: center;
}
.suppstrip {
	padding: 64px 0 64px 0;
}
.bstrip {
	background-color: #202028;
	color: #FFFFFF;
	text-align: center;
	font-size: 11pt;
}
.bodybox {
	width: 90%;
	margin: 0 auto 0 auto;
	color:#202030;
}
#spacerg {
	width:100%;
}
.blocker {
	display:block;
}
.harhold {
	float:left;
}
#feedback input,#feedback textarea {
	width:90%;
	padding:8px;
	margin:0px;
	outline:none;
	border:none;
}
#feedback textarea {
	height:150px;
}
::-webkit-input-placeholder {
    font-size: 10pt;
}
:-moz-placeholder {
    font-size: 10pt;
}
::-moz-placeholder {
    font-size: 10pt;
}
:-ms-input-placeholder {
    font-size: 10pt;
}
.editable {
	display:none;
}
#menubar {
	height:32px;
}
#foobar a[href^=tel] {
	color: #FFFFFF;
	text-decoration: none;
}

#feedback a[href^=tel] {
	color: #000000;
	text-decoration: none;
}
#feedbutt {
	display:inline-block;
	width:90%;
	text-align:center;
	padding:8px;
	color:#FFFFFF;
	background-color:#000000;
	text-decoration:none;
}