#interactivewrapper { 
	position: relative; 
	top: 32px; 
	/*width: 1168px;*/
	margin: auto;
}



.spec-hdr {
	background-color: #003a70 !important;
	padding: 12px 30px;
	/*width: 1168px;*/
	margin: auto;
}
.spec-hdr > h1 {
	color: #ffffff;
	font-size: 36px;
	display: inline-block;
	margin: 0px;
}
.spec-hdr > h2 {
	color: #b4daef;
	font-size: 22px;
	display: inline-block;
	margin: 0px;
}

li.blue {
	margin-left: 160px !important;
	color: #003a70 !important;
	font-weight: normal !important;
        font-size: 19px !important;
        line-height: 28px !important;
        margin-bottom: 5px !important;
}
li.blue:hover {
	color: #666666 !important;
}
.tempimage {
	width: 1168px !important;
	margin-left: -14px !important;
	margin-top: -42px !important;
}
h1.contentheader {
	text-align: center !important;
	font-weight: 900 !important;
	color: #000000 !important;
	font-family: 'Open Sans Condensed', 'Open Sans', Arial, sans-serif !important;
	font-size: 36px !important;
        margin-top: 35px !important;
        margin-bottom: 35px !important;
}

p.comappscontent {
	width: 1000px !important;
	padding: 5px !important;
	margin: 0 auto !important;
	font-family: 'Open Sans', Arial, sans-serif !important;
        font-weight: 300 !important;
	font-style: italic !important;
	font-size: 19px !important;
	line-height: 28px !important;
	text-align: justify !important;
	margin-top: 10px !important;
        margin-bottom: 10px !important;
}
.dropcapblue {
        font-size: 42px !important;
        font-weight: 700 !important;
        color: #276d9f !important; 
}
.page-title {
	color: #ffffff !important;
	background-color: #003a70 !important;
	margin-left: -14px !important;
	padding-left: 20px !important;
	width: 1168px !important;
	margin-top: -32px !important;
	padding-top: 10px !important;
	text-transform: none !important;
	font-weight: 700 !important;
	font-family: 'Open Sans Condensed', 'Open Sans', Arial, sans-serif !important;
	font-size: 38px !important;
}
/*#interactivewrapper { width: 1168px; margin: 0 auto; }*/
/*#commercialinteractive { margin-left: -14px !important; margin-top: -32px !important;}*/
.comm-int {
	position: relative;
	/*width: 1168px;*/
	height: 658px;
	/*margin-bottom: -144px;*/
	margin: -32px auto -144px auto;
	z-index: 1;
	background-size: cover;
}
#commercialinteractive {
	background-image: url('/wp-content/specpanels/saimages/commercialapplicationsnew.png');	
}
#commercialinteractive1 {
	background-image: url('/wp-content/specpanels/saimages/commercialapplicationsnew1.png');
	display: none;
}
#commercialinteractive2 {
	background-image: url('/wp-content/specpanels/saimages/commercialapplicationsnew2.png');
	display: none;
}
#commercialinteractive3 {
	background-image: url('/wp-content/specpanels/saimages/commercialapplicationsnew3.png');
	display: none;
}
#commercialinteractive4 {
	background-image: url('/wp-content/specpanels/saimages/commercialapplicationsnew4.png');
	display: none;
}
#commercialinteractive5 {
	background-image: url('/wp-content/specpanels/saimages/commercialapplicationsnew5.png');
	display: none;
}


#sheathinghover {
	position: absolute;
	width: 628px;
	height: 216px;
	background-image: url('/wp-content/specpanels/saimages/sheathinghover.png');
	z-index: 3;
	/*margin-top: -359px;
	margin-left: 130px;*/
	top: 23.5%;
    left: 12.4%;	
	display: none;
}
#shaftlinerhover {
	position: absolute;
	width: 114px;
	height: 407px;
	background-image: url('/wp-content/specpanels/saimages/shaftlinerhover.png');
	z-index: 3;
	/*margin-top: -431px;
	margin-left: 447px;*/
	top: 83px;
	left: 461px;
	display: none;
}
#abusehover {
	position: absolute;
	width: 399px;
	height: 378px;
	background-image: url('/wp-content/specpanels/saimages/abusehover.png');
	z-index: 3;
	/*margin-top: -407px;
	margin-left: 199px;*/
	top: 106px;
    left: 211px;	
	display: none;
}
#impacthover {
	position: absolute;
	width: 148px;
	height: 295px;
	background-image: url('/wp-content/specpanels/saimages/impacthover.png');
	z-index: 3;
	/*margin-top: -323px;
	margin-left: 324px;*/
	top: 190px;
    left: 338px;
	display: none;
}
#moldhover {
	position: absolute;
	width: 151px;
	height: 91px;
	background-image: url('/wp-content/specpanels/saimages/moldhover.png');
	z-index: 3;
	/*margin-top: -295px;
	margin-left: 592px;*/
	top: 220px;
    left: 605px;
	display: none;

}
#soundcontrol {
	position: absolute;
	width: 50px;
	height: 50px;
	z-index: 5;
	margin-top: -468px;
	margin-left: 355px;
	cursor: pointer;
}
#soundcontrol img {
	width: 50px;
	height: 50px;
}
#soundcontrol:hover ~ #soundcontroltext {
	background-color: #000000 !important;
}
#soundcontroltext {
	position: absolute;
	z-index: 4;
	border-radius: 25px;
	background: #003a70;
	padding-left: 40px; 
	width: 120px;
	height: 40px;
	margin-left: 370px;
	margin-top: -465px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #ffffff;
	font: 15px "Open Sans";
	cursor: pointer;
}
#soundcontroltext span {
	color: #b5daee;
	text-transform: uppercase;
	font-size: 12px;
	margin-top: -5px;
}
#soundcontroltext:hover {
	background-color: #000000 !important;
}
#comm1 {
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #ffffff;
	z-index: 3;
	border: 2px solid #000000;
	color: #000000;
	font: 18px "Open Sans";
	text-align: center;
	/*margin-left: 578px;
	margin-top: -344px;*/
	top: 26%;
    left: 51%;	
	cursor: pointer;
}

#comm2 {
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #ffffff;
	z-index: 3;
	border: 2px solid #000000;
	color: #000000;
	font: 18px "Open Sans";
	text-align: center;
	/*margin-left: 525px;
	margin-top: -80px;
    top: 435px;
    left: 540px;*/
	top: 65%;
    left: 45%;
	cursor: pointer;
}
#comm3 {
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #ffffff;
	z-index: 3;
	border: 2px solid #000000;
	color: #000000;
	font: 18px "Open Sans";
	text-align: center;
	/*margin-left: 288px;
	margin-top: -87px;
	top: 430px;
    left: 305px;*/
    top: 65%;
    left: 25.5%;	
	cursor: pointer;
}
#comm4 {
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #ffffff;
	z-index: 3;
	border: 2px solid #000000;
	color: #000000;
	font: 18px "Open Sans";
	text-align: center;
	/*margin-left: 414px;
	margin-top: -308px;
    top: 210px;
    left: 425px;*/	
    top: 32%;
    left: 35%;	
	cursor: pointer;
}
#comm5 {
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #ffffff;
	z-index: 3;
	border: 2px solid #000000;
	color: #000000;
	font: 18px "Open Sans";
	text-align: center;
	/*margin-left: 736px;
	margin-top: -270px;
    top: 245px;
    left: 750px;*/
	top: 37%;
    left: 63%;	
	cursor: pointer;
}
#clicknumorname {
	position: relative;
	color: #555555;
	font: 18px "Open Sans Condensed";
	font-weight: 300;
	text-align: center;
	padding-top: 15px;
	z-index: 3;
}
#featuredapplicationsarea {
	position: relative;
	background-color: #9cca63;
	width: 1060px;
	height: 95px;
	margin: 0 auto;
	margin-top: 10px;
    /*margin-left: 40px;*/
	border-radius: 20px 20px 0px 0px;
	z-index: 3;
}
#featuredapplicationsheaderarea {
	position: relative;
	z-index: 4;
	width: 330px;
	height: 30px;
	background-color: #003a70;
	border-radius: 20px 0px 20px 0px;
	color: #b5daee;
	font-family: "Open Sans";
	padding-top: 10px;
	padding-bottom: 5px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
}
#featapp1 {
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: 2px solid #3a3b3c;
	color: #3a3b3c;
	font: 18px "Open Sans";
	text-align: center;
	margin-left: 370px;
	margin-top: -35px;
	cursor: pointer;
}
#featapp1text {
	position: absolute;
	font: 20px "Open Sans";
	color: #3a3b3c;
	margin-left: 410px;
	margin-top: -35px;
	cursor: pointer;
}
#featapp2 {
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: 2px solid #3a3b3c;
	color: #3a3b3c;
	font: 18px "Open Sans";
	text-align: center;
	margin-left: 670px;
	margin-top: -35px;
	cursor: pointer;
}
#featapp2text {
	position: absolute;
	font: 20px "Open Sans";
	color: #3a3b3c;
	margin-left: 710px;
	margin-top: -35px;
	cursor: pointer;
}
#featapp3 {
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: 2px solid #3a3b3c;
	color: #3a3b3c;
	font: 18px "Open Sans";
	text-align: center;
	margin-left: 65px;
	margin-top: 12px;
	cursor: pointer;
}
#featapp3text {
	position: absolute;
	font: 20px "Open Sans";
	color: #3a3b3c;
	margin-left: 105px;
	margin-top: 12px;
	cursor: pointer;
}
#featapp4 {
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: 2px solid #3a3b3c;
	color: #3a3b3c;
	font: 18px "Open Sans";
	text-align: center;
	margin-left: 370px;
	margin-top: 12px;
	cursor: pointer;
}
#featapp4text {
	position: absolute;
	font: 20px "Open Sans";
	color: #3a3b3c;
	margin-left: 410px;
	margin-top: 12px;
	cursor: pointer;
}
#featapp5 {
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: 2px solid #3a3b3c;
	color: #3a3b3c;
	font: 18px "Open Sans";
	text-align: center;
	margin-left: 670px;
	margin-top: 12px;
	cursor: pointer;
}
#featapp5text {
	position: absolute;
	font: 20px "Open Sans";
	color: #3a3b3c;
	margin-left: 710px;
	margin-top: 12px;
	cursor: pointer;
}

#featuredappdivline { 
	width: auto !important;     
	margin: 32px auto 0px auto; 
}
#featuredappdivline {
	position: relative;
	width: 100%;
	height: 2px;
	background-color: #000000;
	/*margin-top: 0px;
    margin-left: -14px !important; */
}
#featuredapplicationsdescarea { 
	/*margin-left: 40px !important;*/
	margin: 0px auto 0px auto;
}
#featuredapplicationsdescarea {
	position: relative;
	background-color: #b5daee;
	width: 1060px;
	height: 200px;
	/* margin: 0 auto;
	margin-top: 0px;*/
	border-radius: 0px 0px 20px 20px;
	z-index: 3;
}
#featuredapplicationsdescarea h1 {
	margin: 0px;
	padding-top: 10px;
	padding-left: 65px;
	color: #003a70;
	font: bold 25px "Open Sans";
}
#featuredapplicationsdescarea p {
	margin: 0px;
	margin-top: 5px;
	width: 800px;
	margin-left: 130px;
	color: #6c6c6c;
	font: 20px/25px "Open Sans Condensed";
	font-weight: 300;
}
.redapplink {
	font: 20px "Open Sans";
	color: #cf0a2c;
	margin-left: 5px;
}
.otherapps {
	color: #003a70 !important;
}
.otherapps span {
	font: 20px "Open Sans" !important;
}
#feat-no-selection {
	
}
#feat-1 {
	display: none;
}
#feat-1 a {
	text-decoration: none;
	color: inherit;
}
#feat-1 a:hover {
	text-decoration: underline;
}
#feat-2 {
	display: none;
}
#feat-2 a {
	text-decoration: none;
	color: inherit;
}
#feat-2 a:hover {
	text-decoration: underline;
}
#feat-3 {
	display: none;
}
#feat-3 a {
	text-decoration: none;
	color: inherit;
}
#feat-3 a:hover {
	text-decoration: underline;
}
#feat-4 {
	display: none;
}
#feat-4 a {
	text-decoration: none;
	color: inherit;
}
#feat-4 a:hover {
	text-decoration: underline;
}
#feat-5 {
	display: none;
}
#feat-5 a {
	text-decoration: none;
	color: inherit;
}
#feat-5 a:hover {
	text-decoration: underline;
}
#feat-sound {
	display: none;
}
#feat-sound a {
	text-decoration: none;
	color: inherit;
}
#feat-sound a:hover {
	text-decoration: underline;
}
.soundcontroliconfeat {
	position: absolute;
	margin-top: -105px;
	margin-left: 65px;
}

#comm1 {font-size: 16px !important;}
#comm2 {font-size: 16px !important;}
#comm3 {font-size: 16px !important;}
#comm4 {font-size: 16px !important;}
#comm5 {font-size: 16px !important;}
#soundcontroltext {width: 140px !important; font-size: 13px !important;}
#soundcontroltext span {font-size: 11px !important;}
#featuredapplicationsheaderarea {height: 45px !important; font-size: 17px !important;}
#featapp1 {font-size: 16px !important;}
#featapp2 {font-size: 16px !important;}
#featapp3 {font-size: 16px !important;}
#featapp4 {font-size: 16px !important;}
#featapp5 {font-size: 16px !important;}
#featapp1 {margin-top: -30px !important;}
#featapp1text {margin-top: -30px !important;}
#featapp2 {margin-top: -30px !important;}
#featapp2text {margin-top: -30px !important;}
#featapp1line {display: none !important;}
#featapp12ine {display: none !important;}
#featapp13ine {display: none !important;}
#featapp14ine {display: none !important;}


#categorylinkline {
	background-color: #aaaaaa;
	/*  width: 1168px;*/
	height: 5px;
	z-index:9;
	/*position:relative;
	margin-left:-14px;*/
	margin-top:0px;
	/*top:-32px;*/
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;	
}
#categorylink {
	position: absolute;
    top: 40px;
    right: 0px;
	/*position: relative;*/
	background-color: #aaaaaa;
	height: 36px;
	width: 180px;
	padding-top: 8px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 10px;
	z-index: 9;
	/*font: 18px "Open Sans Condensed";*/
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	color: #444444;
	margin-bottom: -30px;
	margin-left: 974px !important;
	margin-top: -37px;
	margin-bottom: -2px !important;
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10% 100%);
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10% 100%);
}
#categorylink a {
	color: #444444;
	text-decoration: none;
}
#categorylink a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.bottomcategorylink {display:none;}


@media screen and (max-width: 1200px) {
	.page-title {width: 958px !important;}
	.sub {width: 958px !important;}
	h2.sub {width: 958px !important;}
	/* #commercialinteractive {width: 100% !important; height: 540px !important; background-size: contain;}*/
	.comm-int {width: 100% !important; height: 540px !important; background-size: contain;}
	
	#clicknumorname {width: 958px !important; padding-top: 40px !important; margin-bottom: -30px !important}
	#featuredapplicationsarea {width:900px !important; height: 65px !important; margin-top: 45px !important; margin-left: 15px !important;}
	#featuredapplicationsheaderarea {height: 30px !important; font-size: 13px !important; line-height: 10px !important;}
	#featapp1 {margin-top: -25px !important;}
	#featapp1text {margin-top: -25px !important; font-size: 18px !important;}
	#featapp2 {margin-top: -25px !important; margin-left: 620px !important;}
	#featapp2text {margin-top: -25px !important; margin-left: 660px !important; font-size: 18px !important;}
	#featapp3 {margin-top: 5px !important;}
	#featapp3text {margin-top: 5px !important; font-size: 18px !important;}
	#featapp4 {margin-top: 5px !important;}
	#featapp4text {margin-top: 5px !important; font-size: 18px !important;}
	#featapp5 {margin-top: 5px !important; margin-left: 620px !important;}
	#featapp5text {font-size: 18px !important; margin-left: 660px !important; margin-top: 5px !important}
	#featuredappdivline {width: auto !important;}
	#featuredapplicationsdescarea {width: 900px !important; height: auto !important; padding-bottom: 30px !important; margin-left: 15px !important;}
	#featuredapplicationsdescarea p {width: 720px !important;}
	#soundcontrol {margin-top: -380px !important; margin-left: 265px !important;}
	#soundcontroltext {margin-top: -375px !important; margin-left: 280px !important;}
	/*#comm1 {margin-left: 478px !important; margin-top: -253px !important;}
	#comm2 {margin-left: 430px !important; margin-top: -38px !important;}
	#comm3 {margin-left: 232px !important; margin-top: -51px !important;}
	#comm4 {margin-left: 334px !important; margin-top: -267px !important;}
	#comm5 {margin-left: 595px !important; margin-top: -198px !important;}*/
	#sheathinghover {width: 515px !important; height: 177px !important; background-size: contain !important; /*margin-top: -268px !important; margin-left: 104px !important; */}
	#shaftlinerhover {width: 93px !important; height: 334px !important; background-size: contain !important; margin-top: -327px !important; margin-left: 364px !important;}
	#abusehover {width: 327px !important; height: 310px !important; background-size: contain !important; margin-top: -308px !important; margin-left: 161px !important;}
	#impacthover {width: 121px !important; height: 242px !important; background-size: contain !important; margin-top: -238px !important; margin-left: 263px !important;}
	#moldhover {width: 124px !important; height: 75px !important; background-size: contain !important; margin-top: -216px !important; margin-left: 483px !important;}
	#categorylinkline { /* width: 958px !important; */}
	#categorylink {margin-left: 764px !important;}
}
@media screen and (max-width: 1000px) {
	#commercialinteractive {width: 100% !important; height: 380px !important; background-image:url('/wp-content/specpanels/commercialapplicationssmall.jpg');}
	#comm1,#comm2,#comm3,#comm4,#comm5,#soundcontrol,#soundcontroltext,#featuredappdivline,#featuredapplicationsdescarea,#clicknumorname {display: none !important;}
	.page-title {width: 750px !important; font-size: 33px !important}
	h2.sub {width: 750px !important; font-size: 24px !important; padding-top: 10px !important; padding-bottom: 15px !important;}
	#featuredapplicationsarea { width: auto !important; height: 600px !important; margin-top: 100px !important; margin-left: 0px !important; border-radius: 0px 0px 0px 0px !important;}
	#featuredapplicationsheaderarea {width: 375px !important; border-radius: 0px 0px 20px 0px !important; height: 50px !important; font-size: 20px !important; line-height: 30px !important;}
	#featapp1 {margin-top: 25px !important; margin-left: 60px !important; height: 50px !important; width: 50px !important; font-size: 25px !important; line-height: 45px !important;}
	#featapp1text {margin-left: 130px !important; margin-top: 32px !important; font-size: 25px !important;}
	#featapp2 {margin-top: 90px !important; margin-left: 60px !important; height: 50px !important; width: 50px !important; font-size: 25px !important; line-height: 45px !important;}
	#featapp2text {margin-left: 130px !important; margin-top: 97px !important; font-size: 25px !important;}
	#featapp3 {margin-top: 155px !important; margin-left: 60px !important; height: 50px !important; width: 50px !important; font-size: 25px !important; line-height: 45px !important;}
	#featapp3text {margin-left: 130px !important; margin-top: 162px !important; font-size: 25px !important;}
	#featapp4 {margin-top: 220px !important; margin-left: 60px !important; height: 50px !important; width: 50px !important; font-size: 25px !important; line-height: 45px !important;}
	#featapp4text {margin-left: 130px !important; margin-top: 227px !important; font-size: 25px !important;}
	#featapp5 {margin-top: 285px !important; margin-left: 60px !important; height: 50px !important; width: 50px !important; font-size: 25px !important; line-height: 45px !important;}
	#featapp5text {margin-left: 130px !important; margin-top: 292px !important; font-size: 25px !important;}
	#featapp1line {display: block !important; height: 1px !important; width: 750px !important; background-color: #ffffff !important; margin-top: 85px !important; margin-bottom: -80px !important;}
	#featapp2line {display: block !important; height: 1px !important; width: 750px !important; background-color: #ffffff !important; margin-top: 150px !important; margin-bottom: -145px !important;}
	#featapp3line {display: block !important; height: 1px !important; width: 750px !important; background-color: #ffffff !important; margin-top: 215px !important; margin-bottom: -210px !important;}
	#featapp4line {display: block !important; height: 1px !important; width: 750px !important; background-color: #ffffff !important; margin-top: 280px !important; margin-bottom: -275px !important;}
	#featuredapplicationsarea {height: 420px !important;}
	h1.contentheader {font-size: 40px !important;}
	p.comappscontent {width: 600px !important;}
	#categorylinkline { /*width: 750px !important; */}
	#categorylink {margin-left: 556px !important;}
}
@media screen and (max-width: 768px) {
	#interactivewrapper {width: auto !important;}
	.page-title {width: auto !important; padding-right: 40px !important; margin-left:-15px !important;}
	h2.sub {width: 108% !important; padding-right: 40px !important; margin-left: -15px !important;}
	#commercialinteractive {width: auto !important; height: 0px !important; padding-top: 50% !important; background-size: contain !important; margin-left: 0 !important;}
	#featuredapplicationsarea {width: auto !important; margin-top: 140px !important; }
	h1.contentheader {width: 100% !important;}
	p.comappscontent {width: 100% !important; padding-right: 25px !important; padding-left: 25px !important;}
	li.blue {margin-left: 60px !important;}
	#categorylinkline {display:none !important;}
	#categorylink {display:none !important;}
	.bottomcategorylink {display:block;}
	#featapp1text {font-size: 22px !important;}
	#featapp2text {font-size: 22px !important;}
	#featapp3text {font-size: 22px !important;}
	#featapp4text {font-size: 22px !important;}
	#featapp5text {font-size: 22px !important;}
}