@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');
/*Sale*/
.sale{font-family:'Noto Sans',sans-serif;position:absolute;display:inline-block;float:left;top:0;left:0;background:#e51400;letter-spacing:1px;color:#f0f0f0;height:30px;width:30px;text-align:center;vertical-align:middle;line-height:30px;margin:10px;transform:rotate(-20deg);animation:beat 1s ease infinite alternate;font-size:10px;font-weight:700}.sale:after,.sale:before{content:"";position:absolute;background:inherit;height:inherit;width:inherit;top:0;left:0;z-index:-1;transform:rotate(30deg)}.sale:after{transform:rotate(60deg)}@keyframes beat{from{transform:rotate(-20deg) scale(1)}to{transform:rotate(-20deg) scale(1.1)}}
/*Cookie*/
.cookie{width:100%;margin:0 auto;background:rgba(0,0,0,.5);text-align:center;vertical-align:middle;display:none;z-index:10000}.cookie .box{position:fixed;top:50%;left:50%;width:400px;height:300px;margin-left:-200px;margin-top:-150px;background-color:#fff;padding:25px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;z-index:10000;box-shadow:0 0 0 9999px rgba(0,0,0,0.5)}.cookie .box img{width:128px;height:128px;margin-top:50px}.cookie .box p{font-weight:600}.cookie .box .cookie_close{background-image:url(../img/close.png);position: absolute;top: 0;right: 0;width: 32px;height: 32px;cursor: pointer;}
/* DEFAULTS
----------------------------------------------------------*/
* {
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html, body
{
	width: 100%;
	height: 100%;
}

body   
{
	background-color: white;
	font-size: 13px;
	font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", "Arial", "Helvetica", "Verdana", "sans-serif";
	color: black;
}

a:link, a:visited
{
	color: #034AF3; /* purple blue */
}

a:hover
{
	color: #1D60FF; /* blue */
}

a:active
{
	color: #034AF3; /* purple blue */
}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
	font-variant: small-caps;
	text-transform: none;
	color: #FCD116; /* gold */
	font-weight: bold;
	margin-bottom: 10px;
}

h1
{
	font-size: 1.7em;
}

h2
{
	font-size: 1.5em;
}

h3
{
	font-size: 1.2em;
}

h4
{
	font-size: 1.1em;
}

h5, h6
{
	font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
	margin-top: 0px;
}

p
{
	line-height: 1.6em;
	font-size: 1em;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: justify;
}

ol
{
	margin-left: 40px;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
	position: relative;
	height: 100%;
	min-width: 1050px;
	width: 100%;
}

.header
{
	position: relative;
	margin: 40px auto 0 auto;
	display: block;
	min-height: 400px;
	max-width: 1050px;
}

.main_wrapper
{
	position: relative;
	display: block;
	height: auto;
	width: 100%;;
	background-color: #73182C; /* maroon */
}

.main_inner
{
	position: relative;
	display: block;
	max-width:1050px;
	height: auto;
	margin: 0 auto 0 auto;
}

.header_menu
{
	height: 50px;
}

.header_menu .submenu
{
	position: relative;
	display: block;
	float: left;
	height: 30px;
	width: 170px;
	background-color: white;
	margin-top: 10px;
}

.header_menu .submenu_divider
{
	position: relative;
	display: block;
	float: left;
	height: 30px;
	width: 6px;
	margin-top: 10px;
}

.header_menu .submenu a
{
	text-decoration: none;
	color:  #73182C; /* maroon */
	font-weight: bold;
	display: block;
	width: 100%;
	height: 30px;
	text-align: center;
}

.header_menu .submenu a .linkText
{
	display: inline;
	font-size: 13px;
	line-height: 30px;
	vertical-align: middle;
}

#selected_submenu, .header_menu .submenu a:hover
{
	background-color: #FCD116; /* gold */
	border: 0 none;
}

.timeclock_art
{
	background-image: url('../img/timeclock_art.png');
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 26px;
}

.timestamp_art
{
	background-image: url('../img/timestamp_art.png');
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 30px;
}

.timecard_art
{
	background-image: url('../img/timecard_art.png');
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 30px;
}

.siren_art
{
	background-image: url('../img/siren_art.png');
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 37px;
}

.faceid_art
{
	background-image: url('../img/faceid_art.png');
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 42px;
}

.accessory_art
{
	background-image: url('../img/accessory_art.png');
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 45px;
}

.main_margin{margin:0px 20px 0px 20px}

.main
{
	position: relative;
	min-height: 460px;
	width: 100%;
	padding: 10px 0px 20px 0px;
	overflow: hidden;
}

.leftCol
{
	padding: 6px 0px;
	margin: 12px 8px 8px 8px;
	width: 200px;
	min-height: 200px;
}

.footer_bkg
{
	background-color: white;
}

.footer
{
	min-height: 40px;
	font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", "Arial", "Helvetica", "Verdana", "sans-serif";
	text-align: center;
	font-size: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color:  #73182C; /* maroon */
}

.footer ul.footer_menu
{
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
	cursor: default; 
	width: 100%;
	height: 20px;
}

.footer ul.footer_menu li
{
	display: inline;
	line-height: 20px;
	padding: 0;
	margin: 0;
}

.footer ul.footer_menu li a
{
	text-decoration: none;
	background-image: url('../img/footer_border_bottom.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	color:  #73182C; /* maroon */
	font-weight: bold;
	padding: 3px 5px 5px 5px;
	margin: 0;
}

.footer ul.footer_menu li a:hover
{
	color:  #FCD116; /* gold */
}

.footer ul.footer_menu li b
{
	width: 2px;
	height: 100%;
	font-weight: bold;
	padding: 3px;
	margin: 0;
}

.footer .social_media
{
	position: absolute;
	right: 5px;
	top: 5px;
	display: block;
	width: auto;
}

.footer .social_media a
{
	cursor: pointer;
}

.footer .social_media a
{
	background-image: url('../img/32x32icons.png');
	background-repeat: no-repeat;
	display: block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	margin-left: 5px;
	overflow: hidden;
	float: left;
}

.footer .social_media a.facebook
{
	background-position: 0 0;
}

.footer .social_media a.twitter
{
	background-position: 0 -32px;
}

.footer .social_media a.linkedin
{
	background-position: 0 -64px;
}

.footer .social_media a.print
{
	background-position: 0 -96px;
}

/* DATE TIME DISPLAY  
----------------------------------------------------------*/

#datetime_display
{
	position: relative;
	display: block;
	width: 160PX;
	height: 160px;
	background-color: #73182C; /* maroon */
	padding: 10px 0 10px 0;
	color: white;
	float: left;
}

.day_display, .date_display
{
	position: relative;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.time_display
{
	position: relative;
	width: 100%;
	height: 80px;
	line-height: 80px;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}


/*Slider*/
.main_content{margin-top:10px;background-color:#fff}#homepage_carousel__1{margin-left:3px;font:normal 12px Arial}.product_wrapper{text-align:center;vertical-align:middle}.product_name{font-weight:700;font-size:15px;color:#0090d3;text-align:center}.box a{font-weight:700;color:#0090d3;text-decoration:none;}.box a:hover{color:#C60228}.product_img{max-width:215px}.product_desc{font-size:14px;color:#333;margin-left:10px;text-align:left}.container{padding:0}@media (max-width: 480px){.product_wrapper{overflow:hidden;padding:0;margin-top:10px;text-align:left}.product_img{width:120px;float:left;padding:10px}.featured_products .bx-viewport{height:auto!important}.featured_products .bx-controls{display:none!important}.homepage_carousel{width:100%!important;max-width:767px!important;margin:0}.box{width:100%!important;float:none;padding:0}.box.bx-clone{display:none}}
.bx-wrapper{position:relative;margin:0 auto;padding:0;*zoom:1}.bx-wrapper img{max-width:100%;display:block}.bx-wrapper .bx-viewport{-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#000}.bx-wrapper .bx-prev{left:10px;background:url(images/controls.png) no-repeat 0 -32px}.bx-wrapper .bx-next{right:10px;background:url(images/controls.png) no-repeat -43px -32px}.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,0.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
	background-color: transparent;
	width: 100%;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/
form
{
	background: transparent;
	border: 0 none;
	font-size: 1em;
	font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", "Arial", "Helvetica", "Verdana", "sans-serif";
	color: #333333; /* grey */
}

table
{
	font-size: 13px;
}

form table
{
	width: 100%;
}

form table td
{
	padding: 3px 5px 3px 5px;
}

input.text, input.password, textarea, select
{
	margin: 1px;
	padding: 3px;
	font-size: 1em;
	font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", "Arial", "Helvetica", "Verdana", "sans-serif";
	color: #333333; /* grey */
	border: 1px solid #C0C0C0; /* grey */
}

input.text
{
	width: 160px;
}

textarea
{
	width: 480px;
	height: 60px;
	resize: none;
	overflow-x: hidden;
	overflow-y: auto;
}

input.radio
{
	margin: 1px;
	padding: 3px;
}

label.requiredField
{
	color: #CC3300; /* red */
}

input.submit, .button
{
	font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", "Arial", "Helvetica", "Verdana", "sans-serif";
	font-size: 1em;
	padding: 3px;
	color: white;
	background-color: #3399FF; /* light blue */
	border: 1px solid #3399D7; /* light blue increased BLUE */
}

.button:hover, input.submit:hover
{
	cursor: pointer;
	background-color: #3399D7; /* light blue increased BLUE */
}

fieldset
{
	color: #333333; /* grey */
	padding: 10px;
	width: 100%;
	border: 1px solid #C0C0C0; /* grey */
}


/* MISC  
----------------------------------------------------------*/

.clear
{
	clear: both;
}

.title
{
	display: block;
	float: left;
	text-align: left;
	width: auto;
}

.loginDisplay
{
    	display: block;
	text-align: right;
	padding: 10px;
	color: White;
}

.loginDisplay a:link
{
	color: white;
}

.loginDisplay a:visited
{
	color: white;
}

.loginDisplay a:hover
{
	color: White;
}

.failureNotification
{
	font-size: 1.2em;
	color: #CC3300; /* red */
}

.bold
{
	font-weight: bold;
}

.rounded
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.shadow
{
	-moz-box-shadow: 1px 1px 2px #C0C0C0; /* silver */
	-webkit-box-shadow: 1px 1px 2px #C0C0C0; /* silver */
	box-shadow: 1px 1px 2px #C0C0C0; /* silver */
}

.search_hint
{
	color: #C0C0C0; /* silver */
	font-style: italic;
}