/********************************************/
/******   MOBILE FRIENDLY ICONOGRAPHY	*****/
/******   MOBILE FRIENDLY ICONOGRAPHY	*****/
/******   MOBILE FRIENDLY ICONOGRAPHY   *****/
/********************************************/
/*											*/
/*	Created using this tool: 				*/
/*	https://icomoon.io/app/#/select/font 	*/
/*											*/
/********************************************/


@font-face
{
	font-family: 'REMGlyph';
	src:url('/fonts/REMGlyph.eot?xa5ysv');
	src:url('/fonts/REMGlyph.eot?#iefixxa5ysv') format('embedded-opentype'),
		url('/fonts/REMGlyph.woff?xa5ysv') format('woff'),
		url('/fonts/REMGlyph.ttf?xa5ysv') format('truetype'),
		url('/fonts/REMGlyph.svg?xa5ysv#REMGlyph') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"]
{
	font-family: 'REMGlyph';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}



/*****************************************************/
/******          SITE SPECIFIC FONTS	    	 *****/
/******          SITE SPECIFIC FONTS	    	 *****/
/******          SITE SPECIFIC FONTS	   		 *****/
/*****************************************************/
/*											         */
/*	Find your commercial use font here: 			 */
/*	http://www.fontsquirrel.com/home				 */
/*											         */
/*	Convert the font to web fonts here: 			 */
/*	http://fontsquirrel.com/tools/webfont-generator	 */
/*											         */
/*	Create a complete "font-face" definition per 	 */
/*	font downloaded in the space provided below.	 */
/*											         */
/*	Make sure you have a .eot, .woff, .ttf, .svg     */
/*											         */
/*	Change the [FRIENDLY_NAME] to the name you will  */
/*	use to refer to this font within your 			 */
/*  font-family calls in the rest of the css.        */
/*											         */
/*	[FRIENDLY_NAME] shows up twice per definition.    */
/*											         */
/*	Change the [FONT_FILE_NAME] to the actual        */
/*	file name that was downloaded in your font kit.  */
/*											         */
/*	[FONT_FILE_NAME] shows up 5 times per definition */
/*											         */
/*	Font files are stored in /fonts/		         */
/*											         */
/*****************************************************/

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

@font-face {
    font-family: 'sinkin_sans400_regular';
    src: url('/fonts/sinkinsans-400regular-webfont.eot');
    src: url('/fonts/sinkinsans-400regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/sinkinsans-400regular-webfont.woff') format('woff'),
         url('/fonts/sinkinsans-400regular-webfont.ttf') format('truetype'),
         url('/fonts/sinkinsans-400regular-webfont.svg#sinkin_sans400_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sinkin_sans500_medium';
    src: url('/fonts/sinkinsans-500medium-webfont.eot');
    src: url('/fonts/sinkinsans-500medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/sinkinsans-500medium-webfont.woff') format('woff'),
         url('/fonts/sinkinsans-500medium-webfont.ttf') format('truetype'),
         url('/fonts/sinkinsans-500medium-webfont.svg#sinkin_sans500_medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sinkin_sans600_semibold';
    src: url('/fonts/sinkinsans-600semibold-webfont.eot');
    src: url('/fonts/sinkinsans-600semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/sinkinsans-600semibold-webfont.woff') format('woff'),
         url('/fonts/sinkinsans-600semibold-webfont.ttf') format('truetype'),
         url('/fonts/sinkinsans-600semibold-webfont.svg#sinkin_sans600_semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sinkin_sans700_bold';
    src: url('/fonts/sinkinsans-700bold-webfont.eot');
    src: url('/fonts/sinkinsans-700bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/sinkinsans-700bold-webfont.woff') format('woff'),
         url('/fonts/sinkinsans-700bold-webfont.ttf') format('truetype'),
         url('/fonts/sinkinsans-700bold-webfont.svg#sinkin_sans700_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*****************************************************/
/******    	DESKTOP TEMPLATE/LAYOUT STYLES 		 *****/
/******    	DESKTOP TEMPLATE/LAYOUT STYLES 		 *****/
/******    	DESKTOP TEMPLATE/LAYOUT STYLES 		 *****/
/*****************************************************/
/*											         */
/*	All class names are lower case and start with:   */
/*	template_[ELEMENT_TYPE]              			 */
/*											         */
/*	All style parameters must be in lower case too.  */
/*											         */
/*	All class names should have descriptive names 	 */
/*	to fully understand their usage.            	 */
/*											         */
/*	Except body,img & a, do not style tag directly.  */
/*	ie. Do not style TD, TABLE, TR etc.. directly.   */
/*	You can assign a class the parent element, and   */
/*	cascade the sub elements if you want.    		 */
/*											         */
/*	An example is found at the end of this section   */
/*	for a specific table, and for an alternate font  */
/*	treatment.										 */
/*											         */
/*****************************************************/


html
{
	margin:0px;
	padding:0px;
	font-family: Arial;
}

body
{
	margin:0px;
	padding:0px;
	background-color: #5f5e5e;
	font-family: Arial;
}

img
{
	border:none;
}

a:link,
a:active,
a:visited
{
	text-decoration: none;
}

a:hover
{
	color: #e7a613;
}

input[type="submit"]
{
	font-family: sinkin_sans600_semibold;
	background-color: #000000;
	color: #f0a600;
	padding: 5px 15px;
	text-decoration: none !important;
	font-style: normal !important;
	font-weight: bold;
	cursor: pointer;
	font-size: 12px;
	margin: 0;
	line-height: 30px;


	/*iPad Overrides*/
	border: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

input[type="submit"]:hover,
input[type="submit"]:active
{
	color: #000000;
	background-color: #f0a600;
}

li{
	list-style-image: url("/images/yellow_chevron.png");
	font-family: Arial;
	color: #000000;
	font-size: 14px;
	margin: 0;
	padding: 0 0 8px 0;
}

hr{
	display: block;
    height: 1px;
    border: 0;
    border-top: 2px solid #e7a613;
    margin: 5px 0 25px 0;
    padding: 0;
}

p.template_p
{
	margin:0px;
	padding:0px;
}

label.template_label
{
	margin:0px;
	padding:0px;
}

h1.template_h1
{
	font-family: sinkin_sans600_semibold;
	font-size: 16px;
	color: white;
	margin:0px;
	padding:0px;
}

h2.template_h2
{
	margin:0px;
	padding:0px;
}

h3.template_h3
{
	margin:0px;
	padding:0px;
}

h4.template_h4
{
	margin:0px;
	padding:0px;
}

h5.template_h5
{
	margin:0px;
	padding:0px;
}

h6.template_h6
{
	margin:0px;
	padding:0px;
}

h7.template_h7
{
	margin:0px;
	padding:0px;
}

img.template_img
{
	border:none;
}

/******************************************/
/********** MAIN TEMPLATE STYLES **********/
/********** MAIN TEMPLATE STYLES **********/
/********** MAIN TEMPLATE STYLES **********/
/******************************************/

/* -----HEADER----- */
.template_top_nav_container{
	background: #2a2a2a url('/images/nav_background.jpg') top center;
	height: 174px;
	min-width: 1010px;
	width: 100%;
}

.template_nieltech_main_logo{
	position: absolute;
	top: 25px;
	z-index: 9999999;
}

.template_nav_item *:link,
.template_nav_item *:active,
.template_nav_item *:visited {
	font-family: sinkin_sans600_semibold;
	font-size: 16px;
	color: white;
	text-decoration: none !important;
	margin: 0;
	padding: 0;
}

.template_nav_item *:hover {
	color: #e7a613;
}

a.template_home_nav_link:link,
a.template_home_nav_link:visited,
a.template_home_nav_link:active{
	font-family: REMGlyph;
	color: white;
	font-size: 18pt;
}

a.template_home_nav_link:hover{
	color: #e7a613;
}

.template_nav_bar{
	position: relative;
	left: -50px;
	/*width: 1125px;*/
	width: 100%;
	max-width: 1125px;
	margin: 0 auto;
	padding: 0;
}

.template_active_nav_item a:link,
.template_active_nav_item a:active,
.template_active_nav_item a:visited{
	color: #e7a613;
}

.template_nav_table{
	text-align: center;
	max-width: 1125px;
	width: 100%;
}

.template_nav_links{
	font-family: sinkin_sans600_semibold;
	font-size: 13px;
	color: white;
	text-decoration: none !important;
	line-height: 28px;
	margin: 0 25px;
}

.template_top_drop_down_menu_container{
	visibility: hidden;
	bottom: -158px;
	height: 140px;
	position: absolute;
	text-align: left;
	background-color: rgba(0,0,0,0.8);
}

a.template_sub_nav_links:link, a.template_sub_nav_links:visited, a.template_sub_nav_links:active
{
	font-family: sinkin_sans600_semibold;
	font-size: 13px;
	color: white;
	text-decoration: none !important;
	width: 249px;
	padding-bottom: 7px;
}

a.template_sub_nav_links:hover
{
	color: #e7a613;
}

div.template_sub_drop_down_menu_container
{
	position: absolute;
	background-color: rgba(0,0,0,0.8);
	visibility: hidden;
	margin-top: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	z-index: 1;
}

div.template_sub_drop_down_menu_container a
{
	display: block;
	width: auto;
	text-align: center;
	padding-bottom: 7px;
}

div.template_sub_drop_down_menu_container a:hover
{
	padding-bottom: 7px;
}

.template_request_quote a:link,
.template_request_quote a:active,
.template_request_quote a:visited{
	font-family: sinkin_sans500_medium;
	font-size: 14px;
	color: white;
	text-decoration: none !important;
	margin-right: 10px;
}

.template_request_quote a:hover{
	color: #e7a613;
	vertical-align: middle;
}

.template_chevron{
	background-image: url("/images/white_chevron.png");
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 10px;
}

.template_chevron:hover{
	background-image: url("/images/yellow_chevron.png");
}



/* -----MAIN----- */

.template_banner_module_container{
	width: 1000px;
	border: 5px solid #ebb028;
	margin: 0 auto 25px auto;
	padding: 0;
}

.template_main_content_container{
	position: relative;
	width: 1010px;
	background-color: #FFFFFF;
	margin: 0 auto;
}

.template_whole_page_background{
	background: #5f5e5e url("/images/main_page_background.jpg")  no-repeat center top;
	min-width: 1010px;
}

.template_table_holder{
	position: relative;
}

.template_top_links_table{
	position: absolute;
	bottom: -25px;
}

.template_link_table_gap{
	width: 5px;
}

.template_link_table_cell{
	background-color: #000000;
	text-align: center;
	width: 249px;
	height: 46px;
}

.template_link_table_cell a:link,
.template_link_table_cell a:active,
.template_link_table_cell a:visited{
	font-family: sinkin_sans500_medium;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
}

.template_link_table_cell a:hover{
	color: #e7a613;
}

.template_primary_panel_container{
	margin: 40px;
	padding-bottom: 50px;
}

.template_contact_lower_bar{
	position: absolute;
	left: 40px;
	bottom: -25px;
	width: 920px;
	background-color: #000000;
	color: #FFFFFF;
}


.template_footer_container{
	background: url("/images/footer_background.jpg");
	height: 145px;
	min-width: 1010px;
	widows: 100%;
}

.template_footer_links a:link,
.template_footer_links a:active,
.template_footer_links a:visited{
	font-family: Arial;
	font-size: 14px;
	color: white;
}

.template_footer_links a:hover{
	color: #e7a613;
}

.template_footer_table{
	width: 600px;
	margin: 0 auto;
	padding-top: 44px;
}

.template_footer_copyright_text,
.template_footer_copyright_text a:link,
.template_footer_copyright_text a:active,
.template_footer_copyright_text a:visited{
	font-family: Arial;
	font-size: 10px;
	color: white;
	text-align: center;
}

.template_footer_copyright_text a:hover{
	text-decoration: underline;
	color: #e7a613;
}

.template_home_footer_copyright_text,
.template_home_footer_copyright_text a:link,
.template_home_footer_copyright_text a:active,
.template_home_footer_copyright_text a:visited{
	font-family: Arial;
	font-size: 10px;
	color: #eaac21;
	text-align: center;
}

.template_home_footer_copyright_text a:hover{
	text-decoration: underline;
	color: #FFFFFF;
}
/*****************************************************/
/******    			WEBWIZ@RD STYLES     		 *****/
/******    			WEBWIZ@RD STYLES     		 *****/
/******    			WEBWIZ@RD STYLES     		 *****/
/*****************************************************/
/*											         */
/*	All class names are lower case and start with:   */
/*	ww_[ELEMENT_TYPE]               				 */
/*											         */
/*	All style parameters must be in lower case too.  */
/*											         */
/*	All class names should have descriptive names 	 */
/*	to fully understand their usage.            	 */
/*											         */
/*	Except for body, do not style a tag directly. 	 */
/*	ie. Do not style TD, TABLE, TR etc.. directly.   */
/*	You can assign a class the parent element, and   */
/*	cascade the sub elements if you want.    		 */
/*											         */
/*	An example is found at the end of this section   */
/*	for a specific table, and for an alternate font  */
/*	treatment.										 */
/*											         */
/*****************************************************/

p, .ww_p
{
	font-family: Arial;
	color: #000000;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
.ww_p_double_space
{
	font-family: Arial;
	color: #000000;
	font-size: 14px;
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 12px; /* Make this same as line-height of regular p tag */
}

.ww_p_alternate
{
	font-family: sinkin_sans400_regular;
	font-size: 12px;
}

.ww_p_call_out{
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	text-decoration: underline;
	color: #e7a613;
}

.ww_h1
{
	font-family: sinkin_sans700_bold;
	font-size: 24px;
	color: #e7a613;
    padding: 0px;
    margin: 0px;
}

.ww_h2
{
	font-family: sinkin_sans700_bold;
	font-size: 16px;
	color: #e7a613;
    padding: 0px;
    margin: 0px;
}

.ww_h3
{
	font-family: sinkin_sans600_semibold;
	font-size: 13px;
	color: #000000;
	margin: 0;
	padding: 0;
}

.ww_h4
{
	font-family: sinkin_sans700_bold;
	font-size: 13px;
	color: #e7a613;
    padding: 0px;
    margin: 0px;
}

.ww_h5
{
	font-family: sinkin_sans600_semibold;
	color: #e7a613;
	font-size: 12px;
	padding: 0px;
    margin: 0px;
}

.ww_h6
{
	font-family: sinkin_sans500_medium;
	font-size: 12px;
	padding: 0px;
    margin: 0px;
}

.ww_action_button1
{
	font-family: sinkin_sans600_semibold;
	background-color: #000000;
	color: #f0a600;
	padding: 5px 15px;
	text-decoration: none !important;
	font-style: normal !important;
	font-weight: bold;
	cursor: pointer;
	font-size: 12px;
	margin: 0;
	line-height: 30px;
}

a .ww_action_button1,
a .ww_action_button1:active,
a .ww_action_button1:visited{
	text-decoration: none !important;
}

.ww_action_button1:hover, .ww_action_button1 *:hover
{
	color: #000000;
	background-color: #f0a600;
	text-decoration: none !important;
}

.ww_action_button2
{
	font-family: sinkin_sans600_semibold;
	background-color: #f0a600;
	color: #000000;
	padding: 5px 15px;
	text-decoration: none !important;
	font-style: normal !important;
	font-weight: bold;
	cursor: pointer;
	font-size: 12px;
	margin: 0;
	line-height: 30px;
}

.ww_action_button2:hover, .ww_action_button2 *:hover
{
	color: #f0a600;
	background-color: #000000;
	text-decoration: none !important;
}

.ww_action_button3
{
	font-family: sinkin_sans600_semibold;
	background-color: #000000;
	color: #f0a600;
	padding: 5px 15px;
	text-decoration: none !important;
	font-style: normal !important;
	font-weight: bold;
	cursor: pointer;
	font-size: 12px;
	margin: 0;
	line-height: 30px;
}

.ww_action_button3:hover, .ww_action_button3 *:hover
{
	color: #FFFFFF;
	text-decoration: none !important;
}

.ww_emphasis{
	font: Arial;
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
}

.ww_strong_emphasis,
.ww_strong_emphasis a:link,
.ww_strong_emphasis a:visited,
.ww_strong_emphasis a:active
{
	font-family: arialbold;
	font-style: normal;
	line-height: 1;
	color:#e7a613;
}

.ww_strong_emphasis a:hover{
	color: #FFFFFF;
}

.ww_newsletter_content
{

}

.ww_newsletter_body
{

}

.ww_editor_body
{
	background-color: #FFFFFF;
}



/*****************************************************/
/******    	MOBILE TEMPLATE/LAYOUT STYLES 		 *****/
/******    	MOBILE TEMPLATE/LAYOUT STYLES 		 *****/
/******    	MOBILE TEMPLATE/LAYOUT STYLES 		 *****/
/*****************************************************/
/*											         */
/*	All class names are lower case and start with:   */
/*	mobile_template_[ELEMENT_TYPE]         			 */
/*											         */
/*	All style parameters must be in lower case too.  */
/*											         */
/*	All class names should have descriptive names 	 */
/*	to fully understand their usage.            	 */
/*											         */
/*****************************************************/

.mobile_template_global_container
{
	padding:0px;
	margin:0px;
	font-family: arial;
}

.mobile_template_header
{
	background-color: black;
	width: 100%;
	cursor: default;
	position:fixed;
	top:0px;

}

.mobile_template_header  a
{
	position: relative;
	display: block;
	color: white;
	text-decoration: none;
	outline: 0;
	padding:0px;
	margin:0px;
}

.mobile_template_header  a:hover
{
	color: white !important;
}


.mobile_template_footer
{
	background-color: black;
	color:white;
	cursor: default;
	padding:10px;
	color:white;
}


.mobile_template_belly
{
	background-color:white;
	padding:6px;
	padding-top:60px;
}

/*****************************************************/
/******    	    WEBWIZ@RD MOBILE STYLES     	 *****/
/******    	    WEBWIZ@RD MOBILE STYLES     	 *****/
/******    	    WEBWIZ@RD MOBILE STYLES     	 *****/
/*****************************************************/
/*											         */
/*	All class names are lower case and start with:   */
/*	ww_[ELEMENT_TYPE]_mobile           				 */
/*											         */
/*	All style parameters must be in lower case too.  */
/*											         */
/*	All class names should have descriptive names 	 */
/*	to fully understand their usage.            	 */
/*											         */
/*	Except for body, do not style a tag directly. 	 */
/*	ie. Do not style TD, TABLE, TR etc.. directly.   */
/*	You can assign a class the parent element, and   */
/*	cascade the sub elements if you want.    		 */
/*											         */
/*	An example is found at the end of this section   */
/*	for a specific table, and for an alternate font  */
/*	treatment.										 */
/*											         */
/*****************************************************/

p.ww_p_mobile
{

}

p.ww_p_alternate_mobile
{
}

#mobile_content a:link
{

}

#mobile_content a:visited
{

}

#mobile_content a:hover
{

}

#mobile_content a:active
{

}

h1.ww_h1_mobile
{
	font-size: 18pt;
	text-transform: uppercase;
	background-color:black;
	color:white;
}

h2.ww_h2_mobile
{
	font-size: 14pt;

}

h3.ww_h3_mobile
{
	font-size: 14pt;
}

h4.ww_h4_mobile
{
	font-size: 12pt;
}

h5.ww_h5_mobile
{
	font-size: 12pt;
}

h6.ww_h6_mobile
{
	font-size: 12pt;
}

h7.ww_h7_mobile
{
	font-size: 12pt;
}


a.mobile_template_footer_link:visited,
a.mobile_template_footer_link:hover,
a.mobile_template_footer_link:link,
a.mobile_template_footer_link:active
{
	text-decoration:none;
	color:orange;
}

a.mobile_template_menu_toggle_link:visited,
a.mobile_template_menu_toggle_link:hover,
a.mobile_template_menu_toggle_link:link,
a.mobile_template_menu_toggle_link:active
{
	font-size:24pt;
	margin-left:10px !important;
	font-family:REMGlyph !important;

}

.mobile_template_menu_toggle_container
{
	background:gray;
	width:50px;
}

a.mobile_template_home_link:visited,
a.mobile_template_home_link:hover,
a.mobile_template_home_link:link,
a.mobile_template_home_link:active
{
	font-size:24pt;
	margin-left:10px !important;
	color:white;

}


a.mobile_template_logo_link:visited,
a.mobile_template_logo_link:hover,
a.mobile_template_logo_link:link,
a.mobile_template_logo_link:active
{
	padding:10px !important;
}

#mobile_template_nav
{

		position: fixed;
		top: 0;
		left: -250px;
		width: 250px;
		height: 100%;
		background: #F1F5F8;
		z-index: 100;
}

#mobile_template_nav
{
	background-color: #F1F5F8;
	font-family: Arial;
	font-size: 11pt;
	box-shadow: inset -3px 0px 10px 0px rgba(0,0,0,0.25);
}


#mobile_template_nav .mobile_template_nav_link:first-child
{
	border-top: 0;
}

.mobile_template_nav_heading
{
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0px;
	border-top: solid 2px #333333;
	text-decoration:none !important;
	background-color:black;
	color:white;

}

a.mobile_template_nav_link:link, a.mobile_template_nav_link:visited, a.mobile_template_nav_link:active
{
	display: block;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	border-top: solid 2px #666666;
	text-decoration: underline !important;
	color: #266B41 !important;
}

a.mobile_template_nav_link:hover
{
	display: block;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	border-top: solid 2px #666666;
	text-decoration: none !important;
	color: #266B41 !important;
}

a.mobile_template_nav_link div
{
	text-decoration: underline;
}

a.mobile_template_nav_link div.mobile_template_iconography
{
	text-decoration: none;
}

a.mobile_template_nav_link div:hover
{
	text-decoration: none;
}

.mobile_template_nav_level_1
{
	padding-left:10px;
}

.mobile_template_nav_level_2
{
	padding-left:25px;
}
.mobile_template_nav_level_3
{
	padding-left:50px;
}


/********************************************/
/******  CONTROLLER CODE DO NOT ALTER   *****/
/******  CONTROLLER CODE DO NOT ALTER   *****/
/******  CONTROLLER CODE DO NOT ALTER   *****/
/********************************************/


#desktop_content
{
	display: block;

}

#mobile_content
{
	display: none;
	width:100%;
	max-width: 400px;
}

.mobile_template_iconography
{
	display:inline-block;
	vertical-align:middle;
	line-height:0pt;
	text-decoration:none;
	font-family:REMGlyph;
	font-size:14pt;
	background-color: transparent;
	-webkit-font-smoothing: antialiased !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.40);
	margin-bottom:2px;
	padding-bottom:2px;
	font-weight:normal;
}