body {
	background-color: #dddddd;
	font-family: arial;
	font-size: 100%;                                             								/* default font size - 100% = 16px*/
}
form, body {
	margin: 0;
	padding: 0;
}
article, aside, footer, header, nav, section, main, address {
	display: block;
}
img {
	border: 0 none;
}
address {
	font-style: normal;                                         								/* To Neutralize Default Italic Style To Normal Style */
}

/* =============================================================================
   Default Style
* ============================================================================= */

.clearfix:before, .clearfix:after, .inner_wrap:before, .inner_wrap:after {
	content: "";
	display: table;
}
.clearfix:after, .inner_wrap:after {
	clear: both;
}
.inner_wrap {
	margin: 0 auto;
	width: 60em;																			/* BASE FONT = 16px  >>> 960px / 16px = 60em */
	}
	
/* =============================================================================
   SMALL SCREEN STYLES [MOBILE] START
*  ============================================================================= */

/* =============================================================================
   Header Style
* ============================================================================= */

header {
	background: url(header-bg.jpg) repeat left top;
	}

.company_logo {
	float: left;
	display: block;
	max-width: 21.9375em;																		/* BASE FONT = 16px  >>> 351px / 16px = 21.9375em */
	width: 100%;																				/* 100% width of it's parent container */
    margin: 1.6875em 0 0 1.4375em;																/* BASE FONT = 16px  >>> 27px 0 0 23px / 16px = 1.6875em 0 0 1.4375em */
	}

.company_logo img {
    display: block;
}

.tagline_txt {
	font-family: arial;
	display: inline-block;
    color: #1b84a4;
    font-weight: 700;
    font-size: 1.25em;																		/* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
    line-height: 1.15em;																	/* BASE FONT = 20px  >>> 23px / 20px = 1.15em */
    padding: 0 0 0.6em 0.05em;																/* BASE FONT = 20px  >>> 0 0 12px 1px / 20px = 0 0 0.6em 0.05em */
}
.youtube_img {
    margin-top: -2px;
    position: absolute;
}
/* =============================================================================
   Utility nav Style
* ============================================================================= */

#header_right {
	float: right;
    width: 48%;																				/* 48% width of it's parent container */
    padding: 1.4375em 0 1.0625em 0;															/* BASE FONT = 16px  >>> 23px 0 17px 0 / 16px = 1.4375em 0 1.0625em 0 */
}

.utility_nav {
    font-family: arial;
    font-weight: 700;
	color: #1b84a4;
    font-size: 1.125em;																			/* BASE FONT = 16px  >>> 18px / 16px = 1.125em */
    line-height: 1.22222222222222em;															/* BASE FONT = 18px  >>> 22px / 18px = 1.22222222222222em */
	padding: 0 0 0 0.0555555555555556em;														/* BASE FONT = 18px  >>> 0 0 0 1px / 18px = 0 0 0 0.0555555555555556em */
}

.change_style {
   font-size: 1.22222222222222em;															/* BASE FONT = 18px  >>> 22px / 18px = 1.22222222222222em */
   color: #333333;
}

.line_brk {
    display: block;
    padding: 0 0 0.277777777777778em 0;														/* BASE FONT = 18px  >>> 0 0 5px 0 / 18px = 0 0 0.277777777777778em 0 */
}

.line_brk_2 {
    display: inline-block;
    padding: 0;
}

.header_email {
    display: inline-block;
    margin: 0.1666666666666667em 0 0 0;															/* BASE FONT = 18px  >>> 3px 0 0 0 / 18px = 0.1666666666666667em 0 0 0 */
}

.utility_nav_link_divider {
    display: inline-block;
    vertical-align: top;
    padding: 0.111111111111111em 1.11111111111111em 0 1.38888888888889em;						/* BASE FONT = 18px  >>> 2px 20px 0 25px / 18px = 0.111111111111111em 1.11111111111111em 0 1.38888888888889em */
}

.utility_nav_link_divider.show_hide {
 	padding: 0.166666666666667em 1.38888888888889em 0 0.888888888888889em;					/* BASE FONT = 18px  >>> 3px 25px 0 16px / 18px = 0.166666666666667em 1.38888888888889em 0 0.888888888888889em */
}

.utility_nav span a {
    color: #333333;
	text-decoration: none;
	}

/* =============================================================================
   Search Style
* ============================================================================= */

.search_trigger {
	background: url(search-trigger.png) no-repeat left top;
    display: inline-block;
	text-decoration: none;
	vertical-align: top;
	width: 100%;																				/* 100% width of it's parent container */
	max-width: 1.44444444444444em;																/* BASE FONT = 18px  >>> 26px / 18px = 1.44444444444444em */
	height: 1.22222222222222em;																	/* BASE FONT = 18px  >>> 22px / 18px = 1.22222222222222em */
	margin: 0.0555555555555556em 0 0 0;															/* BASE FONT = 18px  >>> 1px 0 0 0 / 18px = 0.0555555555555556em 0 0 0 */
}

.search_trigger.active, .search_trigger:hover {
	background: url(search-trigger-hover.png) no-repeat left top;
	}

#search_container {
	display: none;
	margin: 0.75em 0 0.375em 0;																	/* BASE FONT = 16px  >>> 12px 0 6px 0 / 16px = 0.75em 0 0.375em 0 */
}

#search_container .search_txt {
	display: inline-block;
	vertical-align: middle;
    font-family: arial;
    color: #1b84a4;
    font-weight: 700;
    font-size: 1.125em;																			/* BASE FONT = 16px  >>> 18px / 16px = 1.125em */
    line-height: 1.16666666666667em;															/* BASE FONT = 18px  >>> 21px / 18px = 1.16666666666667em */
}

#search_container select {
	font-family: arial;
    border: 1px solid #000000;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    vertical-align: middle;
    color: #000000;
    font-size: 0.75em;																			/* BASE FONT = 16px  >>> 12px / 16px = 0.75em */
    line-height: 1.25em;																		/* BASE FONT = 12px  >>> 15px / 12px = 1.25em */
    height: 1.66666666666667em;																	/* BASE FONT = 12px  >>> 20px / 12px = 1.66666666666667em */
    width: 8.33333333333333em;																	/* BASE FONT = 12px  >>> 100px / 12px = 8.33333333333333em */
	padding: 0;
}

#search_container .plp-search-holder {
    display: inline-block;
    float: none !important;
    vertical-align: top;
    width: 22.125em !important;																	/* BASE FONT = 16px  >>> 354px / 16px = 22.125em */
}

#search_container .plp-search-holder .plp-page-searchBox span {
	display: none;
	}

#search_container .plp-search-holder .plp-page-searchBox, #search_container .plp-search-holder .plp-page-searchBox-medium{
	background:none;
	border:none;
	text-align:left;
	width: 100% !important;
}

#search_container .plp-search-holder .plp-page-searchBox input {
	font-family: arial;
	background-color: #ffffff;
    border: 1px solid #000000;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    vertical-align: middle;
	color: #000000;
    font-size: 0.75em;																			/* BASE FONT = 16px  >>> 12px / 16px = 0.75em */
    line-height: 1.25em;																		/* BASE FONT = 12px  >>> 15px / 12px = 1.25em */
    height: 1.66666666666667em;																	/* BASE FONT = 12px  >>> 20px / 12px = 1.66666666666667em */
    width: 16.6666666666667em;																	/* BASE FONT = 12px  >>> 200px / 12px = 16.6666666666667em */
	margin: 0 0 0 0.4166666666666667em;															/* BASE FONT = 12px  >>> 0 0 0 5px / 12px = 0 0 0 0.4166666666666667em */
}
#search_container .plp-search-holder .plp-page-searchBox a, .plp-search-holder .plp-page-searchBox-compact a {
	background: url(search-glass.jpg) no-repeat left top;
    border: none;
    vertical-align: middle;
    width: 2.5em;																				/* BASE FONT = 16px  >>> 40px / 16px = 2.5em */
    height: 1.25em;																				/* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
	margin: 0.0625em 0 0 0 !important;															/* BASE FONT = 16px  >>> 1px 0 0 0 / 16px = 0.0625em 0 0 0 */
}

/* =============================================================================
   Topnav Style
* ============================================================================= */

#top_nav {
	background: -moz-linear-gradient(top,  #6b6b6b 0%, #515151 32%, #3b3b3b 64%, #313131 82%, #2a2a2a 100%); 
	background: -ms-linear-gradient(top,  #6b6b6b 0%, #515151 32%, #3b3b3b 64%, #313131 82%, #2a2a2a 100%); 
	background: -o-linear-gradient(top,  #6b6b6b 0%, #515151 32%, #3b3b3b 64%, #313131 82%, #2a2a2a 100%); 
	background: -webkit-linear-gradient(top,  #6b6b6b 0%,#515151 32%,#3b3b3b 64%,#313131 82%,#2a2a2a 100%); 
	background: linear-gradient(to bottom,  #6b6b6b 0%,#515151 32%,#3b3b3b 64%,#313131 82%,#2a2a2a 100%); 
	-pie-background: linear-gradient(top,  #6b6b6b 0%,#515151 32%,#3b3b3b 64%,#313131 82%,#2a2a2a 100%);
	position: relative;
	behavior: url(/ImgCustom/1003/PIE.htc); 
	}

.top_nav_links {
	list-style: none;
	background-color: transparent;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
}

.top_nav_links li {
	display: inline;
	position: relative;
	padding: 0.6875em 0 0.6875em 0;															/* BASE FONT = 16px  >>> 11px 0 11px 0 / 16px = 0.6875em 0 0.6875em 0 */
	}

.top_nav_links li:hover {
	background: url(topnav-subnav-container-bg.jpg) no-repeat 1.0625em 2em;		/* BASE FONT = 16px  >>> 17px 32px / 16px = 1.0625em 2em */
	}

.top_nav_links > li:first-child:hover {
	background: url(topnav-subnav-container-bg.jpg) no-repeat 1.0625em 2em;		/* BASE FONT = 16px  >>> 17px 32px / 16px = 1.0625em 2em */
}

.top_nav_links li a {
	background: url(topnav-link-bg.jpg) no-repeat left center;
	display: inline-block;
    font-family: arial;
    color: #dddddd;
    text-decoration: none;
    font-weight: 700;
	font-size: 1.125em;																		/* BASE FONT = 16px  >>> 18px / 16px = 1.125em */
	line-height: 1.16666666666667em;														/* BASE FONT = 18px  >>> 21px / 18px = 1.16666666666667em */
    padding: 0.666666666666667em 0.9444444444444444em 0.666666666666667em 0.9444444444444444em;								/* BASE FONT = 18px  >>> 12px 17px 12px 17px / 18px = 0.666666666666667em 0.9444444444444444em 0.666666666666667em 0.9444444444444444em */

}

.top_nav_links > li:first-child a {
    background: none;
    padding: 0.666666666666667em 0.666666666666667em 0.666666666666667em 0.666666666666667em; /* BASE FONT = 18px  >>> 12px 12px 12px 12px / 18px = 0.666666666666667em 0.666666666666667em 0.666666666666667em 0.666666666666667em */
}


.has_child span {
	background: url(topnav-drop-bg.png) no-repeat right center;
    display: inline-block;
	width: 1.05555555555556em;																	/* BASE FONT = 18px  >>> 19px / 18px = 1.05555555555556em */
	height: 0.611111111111111em;																/* BASE FONT = 18px  >>> 11px / 18px = 0.611111111111111em */
}

.top_nav_links ul {
	list-style: none;
	background-color: #000000;
	display: block;
	position: absolute;
	visibility: hidden;
	text-align:left;
	z-index: 999;
	top: 100%;																					/* 100% position of it's parent container */
	left: 0;
	padding: 1.125em 0 1.4375em 0;																/* BASE FONT = 16px  >>> 18px 0 23px 0 / 16px = 1.125em 0 1.4375em 0 */
	width: 15.375em;																			/* BASE FONT = 16px  >>> 246px / 16px = 15.375em */
}
.top_nav_links ul.contact_dropdown {
    left: auto;
    right: 10px;
}
.top_nav_links ul.products_links {
	width: 23.125em;																			/* BASE FONT = 16px  >>> 370px / 16px = 23.125em */
	}

.top_nav_links li:hover ul {
	visibility:visible;
}

.top_nav_links ul li a {
	background: url(topnav-subnav-bg.png) no-repeat 1.388888888888889em 0.4444444444444444em;	/* BASE FONT = 18px  >>> 25px 8px / 18px = 1.388888888888889em 0.4444444444444444em */
    display: block;
	color: #ffffff;
	text-decoration: none;
	padding: 0.0555555555555556em 0 0.1111111111111111em 2em;											/* BASE FONT = 18px  >>> 1px 0 2px 36px / 18px = 0.0555555555555556em 0 0.1111111111111111em 2em */

}

.top_nav_links ul li a:hover {
	background: #646464 url(topnav-subnav-bg.png) no-repeat 1.388888888888889em 0.4444444444444444em;	/* BASE FONT = 18px  >>> 25px 8px / 18px = 1.388888888888889em 0.4444444444444444em */
	}


/* =============================================================================
   Footer Style
* ============================================================================= */

footer {
	background-color: #1b84a4;
	}

.footer_address {
    font-family: arial;
    color: #ffffff;
    font-size: 1em;																			/* BASE FONT = 16px  >>> 16px / 16px = 1em */
    line-height: 1.375em;																	/* BASE FONT = 16px  >>> 22px / 16px = 1.375em */
    float: left;
    width: 46%;																				/* 46% width of it's parent container */
    padding: 1.25em 0 1.4375em 0.5625em;													/* BASE FONT = 16px  >>> 20px 0 23px 9px / 16px = 1.25em 0 1.4375em 0.5625em */
}

.company_txt {
	display: block;
    font-weight: 600;
}

.footer_address a {
    color: #ffffff;
	text-decoration: underline;
	}

.footer_address a:hover {
    color: #ffffff;
	text-decoration: none;
	}

.footer_address span a {
	text-decoration: none;
	}
	
.footer_address br {
    display: none;
}

.footer_address .line_brk {
    display: block;
    padding: 0;
}

.footer_address_divider {
    display: inline-block;
    padding: 0 0.6875em 0 0.4375em;																			/* BASE FONT = 16px  >>> 0 11px 0 7px / 16px = 0 0.6875em 0 0.4375em */
}
	
.web_add {
    font-family: arial;
    color: #daecf2;
    text-transform: uppercase;
    text-align: right;
    font-size: 3em;																							/* BASE FONT = 16px  >>> 48px / 16px = 3em */
    line-height: 1em;																						/* BASE FONT = 48px  >>> 48px / 48px = 1em */
    padding: 0.9375em 0.1666666666666667em 0 0;																/* BASE FONT = 48px  >>> 45px 8px 0 0 / 48px = 0.9375em 0.1666666666666667em 0 0 */
}

/* =============================================================================
   Thomas Info Style
* ============================================================================= */

#thomas_info_container {
	background-color: #dddddd;
	text-align: center;
	}

.footer_links {
    padding: 1.1875em 0 1.125em 0;															/* BASE FONT = 16px  >>> 19px 0 18px 0 / 16px = 1.1875em 0 1.125em 0 */
}

.footer_links a {
    color: #1b83a2;
    font-family: arial;
    text-decoration: underline;
    font-size: 1em;																			/* BASE FONT = 16px  >>> 16px / 16px = 1em */
    line-height: 1.1875em;																	/* BASE FONT = 16px  >>> 19px / 16px = 1.1875em */
	margin: 0 0.5625em 0 0.5em;																/* BASE FONT = 16px  >>> 0 9px 0 8px / 16px = 0 0.5625em 0 0.5em */
}

.footer_links a:hover {
    color: #1b83a2;
	text-decoration: none;
	}

.footer_links br {
    display: none;
}

.thomas_info {
	font-family: arial;
    color: #1b83a2;
    font-size: 1em;																			/* BASE FONT = 16px  >>> 16px / 16px = 1em */
    line-height: 1.125em;																	/* BASE FONT = 16px  >>> 18px / 16px = 1.125em */
    padding: 0 0 1.1875em 0;																/* BASE FONT = 16px  >>> 0 0 19px 0 / 16px = 0 0 1.1875em 0 */
}

.thomas_info span {
    display: inline-block;
	padding: 0 0.625em 0 0;																		/* BASE FONT = 16px  >>> 0 10px 0 0 / 16px = 0 0.625em 0 0 */
	margin-bottom: 0.625em                                                 /* BASE FONT = 16px  >>> 10px / 16px = 0.625em */
}

.thomas_info a {
    color: #1b83a2;
	text-decoration: underline;
	}

.thomas_info a:hover {
    color: #1b83a2;
	text-decoration: none;
	}

/* =============================================================================
   Banner Style
* ============================================================================= */

.inner_banner {
    background: #111111;
}
.inner_banner_text {
    background: url(main_bg_img.jpg) no-repeat right top;
	color: #ffffff;
    font-size: 1.125em;												/* BASE FONT = 16px  >>> 18px / 16px = 1.125em */
    padding: 1.111111111111111em 0 1.111111111111111em 0.3888888888888889em;			/* BASE FONT = 18px  >>> 20px 0 20px 7px / 18px = 1.111111111111111em 0 1.111111111111111em 0.3888888888888889em */
	font-family:arial;
	font-weight:600;
	display:block;
	text-shadow:1px 1px #000000;
	}


/* =============================================================================
   Main Style
* ============================================================================= */

main {
    background: #ffffff;
}

/* =============================================================================
   Content Area Style
* ============================================================================= */

#content_area {
	color: #333333;
	font-size: 0.9375em;																	/* BASE FONT = 16px  >>> 15px / 16px = 0.9375em */
	line-height: 1.2em;																		/* BASE FONT = 15px  >>> 18px / 15px = 1.2em */
	min-height: 20em;																		/* BASE FONT = 15px  >>> 300px / 15px = 20em */
	padding: 0.3333333333333333em 1.13333333333333em 1.33333333333333em 1.13333333333333em;	/* BASE FONT = 15px  >>> 5px 17px 20px 17px / 15px = 0.3333333333333333em 1.13333333333333em 1.33333333333333em 1.13333333333333em */
	}


/* =============================================================================
   Font Face Style
* ============================================================================= */

@font-face {
	font-family:'MyriadPro-Regular';
	src: url('/ImgCustom/1003/MyriadPro-Regular.eot');
	src: url('/ImgCustom/1003/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('/ImgCustom/1003/MyriadPro-Regular.woff') format('woff'),
		url('/ImgCustom/1003/MyriadPro-Regular.ttf') format('truetype'),
		url('/ImgCustom/1003/MyriadPro-Regular.otf') format('opentype'),
		url('/ImgCustom/1003/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-FB04;
}