@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500,600&display=swap');
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, p, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
}
*, *:before, *:after {
	box-sizing: border-box;
}
table {
	border-collapse: collapse;
}
table, th, td {
	border: 1px solid #666;
	font-size:14px;
	font-weight:500;
	line-height: 1.5em;
	padding:5px;
}
body {
	font-family: 'Quicksand', sans-serif;
	font-weight:400;
	font-size: 16px;
	line-height: 1.8em;
	letter-spacing:1.1px;
	color: #000;
		background: #FAFAFA;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Quicksand', sans-serif;
	font-weight:700;
	font-style:normal;
	letter-spacing:1.6px;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
h1 {
	font-size:40px;
	line-height:26px;
}
h2 {
	font-size:30px;
	line-height:24px;
}
h3 {
	font-size:20px;
	line-height:24px;
}
h4 {
	font-size:18px;
	line-height:20px;
}
h5 {
	font-size:14px;
	line-height:20px;
}
a {
	text-decoration:none;
	color:#444;
}
.container {
	width: 100%;
	min-width: 960px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
	background: #FAFAFA;
	margin: 0/* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
}
.header {
	width:100%;
	max-width:960px;
	margin:10px auto;
	height:100px;
}
.logo {
	width:50%;
	padding-top:10px;
	float:left;
}
.header-right {
	width:50%;
	float:right;
	padding-top:5px;
	text-align:right;
}
#menu {
	width:100%;
	height:50px;
	background-color:#2f3192;
}
.nav-menu {
	width:100%;
	height:50px;
	max-width:960px;
	margin:0 auto;
	list-style: none;
	text-align: center;
	z-index:9999;
	position:relative;
}
.nav-menu li {
	display: inline-block;
	position: relative;
}
.nav-menu li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding:11px 25px;
	font-size:15px;
	font-weight:400;
}
.nav-menu li:hover a {
	color:#999;
}
/*      Dropdown menu         */
.nav-menu .item ul {
	position: absolute;
	margin:0;
	padding: 0;
	list-style: none;
	background: #2f3192;
	display: none;
	
}
.nav-menu .item ul .subItem a {
	min-width:320px;
	text-align: left;
	color:#FFF;
	border-top:dotted 1px #CCC;
	font-size:12px;
	font-weight:400;
	
}
.nav-menu .item ul .subItem a:hover {
	color:#999;
}
.nav-menu li ul li a {
	color: #555;
	padding: 6px !important;
}
.nav-menu li ul li:hover a {
	color: #003;
}
.subNav1 li a {
	color: #555 !important;
}
.subNav1 li a:hover {
	color: #000 !important;
}
.subNav1 {
	position: absolute;
	top: 0;
	right: 100%;
}
#content {
	width:100%;
	max-width:984px;
	min-height:600px;
	padding:10px;
	margin:10px auto;

}
#image-box {
	float:left;
	width:100%;
	height:auto;
	padding:25 0;
}
.product-box {
	float:left;
	width:32%;
	height:auto;
	padding:10 0;
}

.product-left {width:50%; min-height:250px; float:left;}
.product-right{width:50%; min-height:250px; float:left;}
.td-pad {
	padding:10px;
	text-align:center;
}

.td-pad-left{
	padding:5px;

}
.x-line {
	width:100%;
	height:1px;
	background-color:#999;
	clear:both;
	margin:20 0;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
.x-border {
	width:100%;
	height:2px;
	background-color:#2f3192;
	clear:both;
	margin:0;

}
.blue {

	color:#2f3192;
}
.white {
	color:#fff;
}
.navy {color:#00A5D3;}
.pad {
	padding:10px 0px;
}
.border-left {
	border-left:dotted 1px #EAEAEA;
}
.no-border {
border:none;
text-align:center;
}
#footer {
	width:100%;
	height:240px;
	border-top:solid 1px #2f3192;
	background-color:#EEE;
}
#footer-content {
	margin:20px auto;
	text-align:left;
	width:984px;
}
#footer-content-left {
	width:50%;
	max-height:220px;
	float:left;
}
#footer-content-right {
	width:50%;
	max-height:220px;
	float:left;
	text-align:right;
}