@import url('helvetica/style.css');
body {
	color:#010101; 
	font-family: 'Helvetica Neue', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size:18px; 
	margin: 0; 
	padding: 0; 
	line-height: 1.3;
}

a:link, a:visited{ color:#243972;}
a:hover{ color:#9b0b0f;}
a, a:hover, a img, a:hover img {
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
h1, h2, h3, h4, h5, h6, .condensed {
	font-family: 'Helvetica Neue Bold Condensed';
}
h1,h2,h3{ color:#23396e;}
#header a, #header li, #footer a {
	display: inline-block;
}
#header {
    background-color: #e8edf1;
}
#header .top-bar {
    background-color: #0254a0;
    padding: 8px 0;
    text-transform: uppercase;
}
#header .top-bar .spacer {
    display: inline-block;
    padding: 0 7px;
}
#header .top-bar a:hover {
	color: #fb8181;
}


#header .logo {
    padding: 30px 0 15px 0;
}
.main-menu ul li {
    float: left;
    position: relative;
}
.main-menu ul li a {
    color: #010101;
    padding: 50px 25px; 
}
.main-menu ul li.active a, .main-menu ul li:hover a { 
	background: linear-gradient(#1264b0, #0254a0);
	color: #fff;
    box-shadow: 0 19px 27px rgba(0, 0, 0, .3);
}




.main-menu ul.sub-menu {
    display: none;
    position: absolute;
    top: 99%;
    left: 0;
    padding: 15px;
    float: left;
    background-color: #0254a0;
    z-index: 999;
    width: 320px;
    text-transform: none;
}
.main-menu ul ul li {
    width: 100%;
    margin: 0;
    position: relative;
}
.main-menu ul ul li:after {
    content: '>';
    float: right;
    color: #fff;
    padding: 0 5px;
}
.main-menu ul li ul.sub-menu a {
    padding: 0;
    background: none;
    margin: 2px 0;
    box-shadow: 0 0 0 #000;
    border: none;
}
.main-menu ul li:hover ul li:hover a, .main-menu ul ul li:hover:after {
    color: #fb8181;
}
.main-menu ul li:hover > ul {
    display: block;
}
#footer {
	background-color: #c8d2d9;
}
.foo-sec2 {
	background-color: #2e3f64;	
	color: #fff;
}
.foo-menu1, .foo-menu2 {
	padding: 0 100px 0 0;
}
.foo-menu1 a, .foo-menu2 a {
    margin: 2px 0;
}
.foo-menu1 a {
	color: #010101;
}
.foo-menu2 a {
	color: #2e3f64;
}
.foo-menu1 a:hover, .foo-menu2 a:hover, .foo-loction .icon a:hover {
	color: #be1e2d;
}
.foo-loction .icon {
    vertical-align: top;
    padding: 10px 0;
}
.foo-loction .icon img {
    float: left;
    margin: 0 30px 0 0;
}
.foo-loction .icon a {
    color: #010101;
}
.foo-sec2 a {	
	color: #fff;
}
.foo-sec2 a:hover {	
	text-decoration: underline;
}

.product-box-left{
	width:25%;
	float:left;
}
.product-box-right{
	width:75%; 
	padding-left:20px;
	float:left;

}

.z-default-subpage-title{
	margin-top:236px;
	float:left;
	font-weight:bold;
	margin-bottom:3px;
	font-family:"Helvetica Neue Bold Condensed";
}

.main-background{width:100%;float:left; background-image:url(/images/subpage_03.jpg); background-repeat:no-repeat; background-position:top center; background-size:cover; background-attachment:fixed; }
.main-sidebar{
	width:25%;
	padding:30px;
	float:left;
	padding-right:15px;
}
.main-content{
	width:75%;
	float:right;
	padding:30px;
	padding-left:15px;
}
.sidebar-links{list-style:none; font-weight:bold;}
.sidebar-links li{ padding-bottom:10px;}
.sidebar-links li::before {
	content: "■ ";
	top:-2px;
	position:relative;
	color:#9e0b0f;

}
.product-box{ border:2px solid #FFF; border-bottom:2px solid #CCC; padding:20px; padding-left:0px; padding-right:0px; width:100%; float:left; }
.product-box:hover{ border:2px solid #9e0b0f;}
.main-content-pagenav{}
.main-content-title{padding-bottom:20px; border-bottom:3px solid #9e0b0f; margin-bottom:20px; }
.sidebar-links li a.active{ color:#9e0b0f !important;}

.main-sidebar-link-container{ width:100%; float:left;  border:1px solid #9e0b0f; padding:15px; padding-top:20px;}
.main-sidebar-heading{ width:100%; float:left;  padding-left:12px; color:#9e0b0f; margin-bottom:20px; font-weight:bold; }
.main-sidebar-request-link:link, .main-sidebar-request-link:visited{
	font-family:"Helvetica Neue Bold Condensed";
	width:100%; float:left; text-align:center;
	padding-top:15px !important; padding-bottom:15px !important;
	background-color:#9e0b0f !important; color:#FFF !important;
}
.main-sidebar-request-link:hover{background-color:#000 !important;} 

.product-spec-table { border:none; border-spacing:0px; width:100%; border-right:1px solid #CCC; border-bottom:1px solid #CCC;}
.product-spec-table th{width:200px; }
.product-spec-table th, .product-spec-table td{   vertical-align:top; text-align:left; padding:5px; border-left:1px solid #CCC; border-top:1px solid #CCC; }
.product-spec-table2 { border:none; border-spacing:0px; width:100%; border-right:1px solid #CCC; border-bottom:1px solid #CCC;} 
.product-spec-table2 th, .product-spec-table2 td{  font-size:14px;vertical-align:top; text-align:left; padding:5px; border-left:1px solid #CCC; border-top:1px solid #CCC; }

.logo-subheading{padding-left:30px; padding-top:20px; max-width:100%; width:250px; clear:both; float:left  font-weight:bold; color:#747578; font-size:14px;}
.logo-subheading a:link, .logo-subheading a:visited{ color:#747578; } 
	h1, h2, h3, h4, h5, h6{ line-height:1.3;}

@media screen and (max-width: 1362px) {

	.main-sidebar{
		width:30%;
		padding:20px;
		padding-right:10px;
	}
	.main-content{
		width:70%;
		padding:20px;
		padding-left:10px;
	}


	.z-default-subpage-title{
		margin-top:193px; 
		margin-bottom:3px;
	}
	.product-box-left{
		width:30%;
		float:left;
	}
	.product-box-right{
		width:70%;
		float:left;

	}
	#header .logo {
	    width: 26%;
	    padding:20px 0 10px 0;
	}

	.main-menu ul li a {
	    padding: 40px 15px;
	}
	.h-sec2 .box span {
	    display: none;
	}
	.foo-menu1, .foo-menu2 {
	    padding: 0 70px 0 0;
	}
	.foo-loction {
	    width: 430px;
	}
	.foo-sec2 {
	    font-size: 16px;
	}
	.z-t-38 {
	    font-size: 30px;
	}
	.logo-subheading{padding-left:0px;}
}
@media screen and (max-width: 992px) {
	.main-sidebar{
		width:100%;
		padding:20px; 
	}
	.main-content{
		width:100%;
		float:left;
		padding:20px; 
	}
	.main-menu, #header .logo {
	    display: none;
	}
	.z-mobile-header, .z-mobile-menu-icon.open span, .z-mobile-header-fixed {
	    background-color: #e8edf1 !important;
	}
	.z-mobile-header .z-mobile-header-logo {
	    width: 250px;
	    margin: 5px 0;
	}
	.z-mobile-menu-icon span, .z-mobile-header .z-mobile-menu {
	    background: #0254a0;
	}
	#header .top-bar .z-container {
	    text-align: center !important;
	}
	#footer .foo-sec1 {
	    padding: 50px 10px;
	}
	.z-t-44 {
	    font-size: 36px;
	}
	.z-t-38, .z-t-36 {
	    font-size: 28px;
	}
	.z-t-26 {
	    font-size: 20px;
	}
}
@media screen and (max-width: 767px) {

	.product-box-left{
		width:100%;
		float:left;
	}
	.product-box-right{
		width:100%;
		float:left;

	}
	.z-mobile-header .z-mobile-header-logo {
	    margin: 0;
	}
	.foo-loction {
	    width: 100%;
	    margin-top: 35px;
	}
}
@media screen and (max-width: 479px) {
	.product-spec-table{border:none; display:block; width:100%; float:left;}
	.product-spec-table th{border:none; padding:0px; padding-bottom:3px; width:100%; display:block; float:left;}
	.product-spec-table td{border:none; padding:0px; padding-bottom:3px; width:100%; display:block; float:left; padding-bottom:20px;}

	.z-mobile-header .z-mobile-header-logo img {
	    max-width: 210px;
	}
	.foo-menu1, .foo-menu2 {
	    padding: 0;
	    width: 100%;
	}
	.foo-menu1 .head, .foo-menu2 .head {
	    margin-bottom: 10px;
	}
	.foo-menu2 {
	    margin-top: 35px;
	}
	.foo-loction .icon img {
	    display: none;	
	}
	.foo-loction .icon {
	    vertical-align: top;
	    padding: 3px 0;
	}
	.foo-sec2 {
	    font-size: 16px;
	    padding: 20px 10px;
	    line-height: 24px;
	}
	.foo-loction .foo-logo {
	    padding-bottom: 5px;
	}
	.foo-menu1 a, .foo-menu2 a {
	    margin: 0;
	}
	.z-t-38, .z-t-36 {
	    font-size: 24px;
	}
	.z-t-28 {
	    font-size: 24px;
	}
	.z-t-22 {
	   font-size: 20px;
	}
}