@charset "utf-8";
/* CSS Document */



.sticky-image {
	position:fixed;
	left:0px;
	top:92vh;
	width:100%;
	margin:0px 0px 0px 0px;
	align-content: center;
	overflow:hidden;
}
.relative {
	position:relative;
	float:left;
	left:0px;
	top:0px;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px;
	align-content: center;
	overflow:hidden;
}

.gunselectlabel {
	position:relative;
	margin: 5px 2px 10px 2%;
	width:50%;
	color: #ffffff;
	padding:0px 3px 0px 3px;
	border-radius: 2px;
}
.gunselectlabel2 {
	position:relative;
	color: #ffffff;
	border-radius: 2px;
}


select._brand, select._model, select.type_ {
      color: rgba(0,255,42,1.00);
      background-color: #2a2a2a;
      padding: 5px;
      border: 1px solid #9b59b6;
    }
select._brand option, select._model option, select.type_ option {
     color: rgba(0,255,42,1.00);
      background-color: #2a2a2a;
      padding: 5px;
      border: 1px solid #9b59b6;
    }
 select._brand option:hover, select._model option:hover, select.type_ option:hover {
      color: rgba(0,255,42,1.00);
      background-color: #2a2a2a;
      padding: 5px;
      border: 1px solid #9b59b6;
    }
.type_ {
	position:relative;
	margin:5px 0px 10px 10px;
	max-width:29%;
	float:left;
	padding:0.5px 0px 1px 0px;
	color:rgba(42,255,0,1.00);
}
._brand {
	position:relative;
	margin:5px 0px 10px 4%;
	max-width:29%;
	float:left;
	padding:0.5px 0px 1px 0px;
	color:rgba(42,255,0,1.00);
}
._model {
	position:relative;
	margin:5px 0px 10px 4%;
	max-width:29%;
	float:left;
	padding:0.5px 0px 1px 0px;
	color:rgba(42,255,0,1.00);
}

/*width:47%;*/
.compatibility-graphic {
	position:relative;
	margin:5px 0px 0px 7px;
	padding:0px;
	background:rgba(0,0,0,1.00);
	color: #ffffff;
	border-radius: 2px;
}

	
	
fieldset, input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
fieldset {
    margin:0px;
}


#homebuttonback:hover{
	border:thin solid #ffffff;
}
#homebuttonback:active{
	border:thin solid #000000;
}

#social-media_box {
	display:none;
	position:absolute;
	right:18%;
	top:6px;
	width:120px;
	height:35px;
}
.social-media_button {
	position:relative;
	float:left;
	margin:4px;
	width:30px;
	height:30px;
}

#top {
	position:relative;
	float:left;
	margin:0px;
	width:100%;
	padding:0px 0px 3px 0px;
	/*background:rgba(242,242,242,1.0);*/
	z-index:30;
	box-shadow: inset 0px 5px 5px rgba(0,0,0,0.5);
}

#iib {
	position:absolute;
	left:2%;
	top:18%;
	height:69%;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.85), -2px -2px 3px rgba(0,0,0,0.85);
	cursor:pointer;
	border-radius:2px;
}

#iib:hover {
	top:17%;
	height:72%;
	box-shadow: 1px 1px 1px rgba(0,0,0,1.0), -1px -1px 1px rgba(0,0,0,1.0);
}

#iib:active {
	box-shadow: 2px 2px 4px rgba(0,0,0,1.0), -2px -2px 4px rgba(0,0,0,1.0), 0 0 7px rgba(255,255,255,1.0);
}



.video-thumbnail{
	position:relative;
	float:left;
	margin: 0px 0px 2px 0px;
	padding:0px 2% 5px 2%;
	width:19%;
}




/*@media all and (orientation:portrait) {
	/*#tiles {padding-top:18px;}*/
	/*.pbp {padding-top:20px;}*/
	/*#pb_container {padding-top:30px;}*/
/*}*/






.tilecolumns {
	position:absolute;
	right:-50px;
	top:0px;
	margin:0px;
	padding:0px;
	width:50px;
	height:100%;
	/*border: thin solid rgba(255,255,255,1.00);*/
}


.tile_size_labels {
	position:absolute;
	margin:0px;
	padding:0px;
	left:2px;
	bottom:98.5%;
	width:180px;
	height:25px;
	font-size:18px;
	color:rgba(0,0,0,1.00);
	text-shadow: 0px 0px 2px 3px rgba(0,0,0,1.0);
	text-align: left;
	font-family:Impact;
}

.tileppic {
	position:absolute;
	left:0px;
	margin: 0px;
	height:25%;
	background:rgba(255,255,255,1.00);
	box-shadow:inset 0px 0.5px 0px 0px rgba(0,0,0,1.0), inset 0.25px 0px 0px 0px rgba(0,0,0,1.0), inset 0px -0.25px 0px 0px rgba(0,0,0,1.0);
	/*border: inset thin solid rgba(0,0,0,1.00);*/
	/*padding: 5px 0.5% 5px 0.5%;*/
	padding: 0px 0px 0px 0px;
	cursor:pointer;
	z-index:20;
}

#measuringguide {
	position:absolute;
	left:0px;
	top:104%;
	width:120px;
}

#measuringguideold {
	position:absolute;
	left:29%;
	bottom:86%;
	height:24%;
	border: solid medium rgba(255,255,255,1.00);
	box-shadow:inset -2px 2px 2px rgba(213,213,213,0.69), inset 2px -2px 2px rgba(56,56,56,0.85);
	font-size: 22px;
	cursor:pointer;
	z-index:210;
}
#measuringguide:hover {
	position:absolute;
	left:28.8%;
	bottom:85.9%;
	height:24.4%;
	font-size: 23px;
	text-shadow: 0 0 1px rgba(255,255,255,1.0);
}
#measuringguidetext {
	position:relative;
	margin:0px;
	padding:1px;
	color:rgba(255,255,255,1.00);
	font-family:"Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif'";
	text-decoration: underline;
}


#lockmount-viewer-container {
	position:relative;
	float:left;
	margin: 0px 0px 8% -90%;
	padding:0px;
	/*min-height:85%;*/
	/*background:rgba(231,76,30,1.00);*/
}

#pbp_container {
	position:relative;
	float:left;
	margin: 42px 0px 1px 12%;
	padding:0px;
	/*background:rgba(0,0,0,1.0);*/
	/*height:69vh;*/
}

.pbp {
	position:relative;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px;
	max-height:69vh;
	max-width:58vw;
	/*display:none;*/
	cursor:zoom-in;
	z-index:30;
}

.fullscreen_container {
	position:fixed;
	left:10vw;
	top:0px;
	width:80vw;
	height:100vh;
	border: thick solid rgba(229,229,229,1.00);
	background:rgba(255,255,255,1.00);
	z-index:420;
	display:none;
	overflow-y: scroll;
}

.fs_pic {
	position:absolute;
	top:0px;
	height:100%;
	max-width:95%;
	align-content: center;
	display:none;
	z-index:421;
}


#fs_xit {
	position:absolute;
	right:14px;
	top:12px;
	width:42px;
	height:42px;
	z-index:421;
	cursor:pointer;
}
#fs_xit:hover {
	box-shadow: -2.5px 2px 4.2px rgba(0,0,0,0.72);
}
#fs_xit:active {
	box-shadow: -3px 2.5px 5px rgba(0,0,0,1.0), 2.5px -2px 4.2px rgba(0,0,0,1.0);
}



#shopmeasuringguidebutton {
	position:relative;
	float:left;
	margin: 22px 10% 2px 2%;
	padding: 3px 4px 0px 0px;
	width:42%;
	border: solid medium rgba(255,255,255,1.00);
	box-shadow:inset -2px 2px 2px rgba(213,213,213,0.69), inset 2px -2px 2px rgba(56,56,56,0.85);
	border-radius:2px;
	cursor:pointer;
}
#shopmeasuringguidebutton:hover {
	margin: 21px 10% 2px 1.85%;
	width:42.5%
}








.paypalcontainer {
	position:relative;
	float:left;
	width:42%;
	margin:0px 0px 0px 12px;
	padding:0px;
}

#pduct_container {
	position:relative;
	float:left;
	margin:35px 0px 0px 0px;
	padding:10px 2.5% 10px 2.5%;
	width:95%;
	background:rgba(255,255,255,1.00);
}
.pducts {
	position:relative;
	float:left;
	margin:10px 0px 25px 0px;
	padding:0px;
	width:32.7%;
	box-shadow:inset 0px 0px 1px 0.25px rgba(0,0,0,1.0);
	/*border: thin solid rgba(184,185,179,1.00);*/
	cursor:pointer;
	z-index:104;
}
.pduct_pic{
	position:relative;
	float:left;
	margin:1%;
	padding:0px;
	width:98%;
	text-align:center;
	pointer-events:hidden;
	z-index:104;
}
.pduct_top_title {
	position:relative;
	float:left;
	margin:0px;
	padding:4px 0px 4px 0px;
	width:100%;
	pointer-events:hidden;
	z-index:104;
}
.pduct_title {
	position:relative;
	float:left;
	margin:0px;
	padding:4px 0px 4px 0px;
	width:100%;
	/*height:140px;*/
	pointer-events:hidden;
	z-index:104;
}
.pduct_title-text {
	text-align:center;
	font-family:impact;
	margin:0px;
	padding:0px;
	pointer-events:hidden;
	font-size:20px;
	z-index:104;
}
.phighs {
	position:absolute;
	left:1.5%;
	top:1%;
	width:97%;
	height:98%;
	box-shadow:0px 0px 0px 4.2px rgba(0,0,0,1.0);
	/*display:none;*/
	opacity:0%;
	/*pointer-events:none;*/
	z-index:105;
}
.phighsold {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	/*display:none;*/
	opacity:0%;
	/*pointer-events:none;*/
	z-index:105;
}
#phigh1:hover {opacity:42%;}
#phigh2:hover {opacity:42%;}
#phigh3:hover {opacity:42%;}
#phigh4:hover {opacity:42%;}
#phigh5:hover {opacity:42%;}
#phigh6:hover {opacity:42%;}
#phigh7:hover {opacity:42%;}
#phigh8:hover {opacity:42%;}
#phigh9:hover {opacity:42%;}



.multibuybutton {
	display:none;
	position:relative;
	float:left;
	margin:0px 0px 10px 3%;
	padding:0px;
	/*width:10%;
	height:23px;*/
	background-color:rgba(255,255,255,0.72);
	box-shadow: 1px 1px 0.5px rgba(50,50,50,1.0), -1px 1px 0.5px rgba(50,50,50,1.0);
	border:none;
	font-size:17px;
	font-weight:lighter;
	color:rgba(26,18,23,0.96);
	font-family:Impact;
	cursor:pointer;
	text-align:center;
}

#multinumbers_container {
	position:relative;
	float:left;
	width:50%;
	height:85px;
	margin:14px 0px 0px 0px;
}
#numberofpairs {
	position:absolute;
	left:10px;
	top:15px;
	font-family: impact;
	font-size:25px;
	color:rgba(0,0,0,1.00);
}
#keyedalikepairs {
	position:absolute;
	left:30px;
	top:15px;
	font-family: impact;
	font-size:25px;
	color:rgba(0,0,0,1.00);
}
#multiprice_container {
	position:absolute;
	left:23px;
	top:4px;
	width:125px;
	height:30px;
}
#multiprice {
	position:absolute;
	left:0px;
	top:0px;
	margin:0px;
	padding:0px;
	font-family: impact;
	font-size:25px;
	color:rgba(0,0,0,1.00);
}




#aabuy350 {
	position:absolute;
	right:12px;
	top:5px;
	width:90px;
	height:23px;
	background-color:rgba(255,255,255,0.72);
	box-shadow: 1px 1px 0.5px rgba(50,50,50,1.0), -1px -1px 0.5px rgba(50,50,50,1.0);border:none;
	font-size:17px;
	font-weight:lighter;color:rgba(26,18,23,0.96);font-family:Impact;
	cursor:pointer;
	text-align:center;
}


.buybuttons {
	position:absolute;
	right:9px;
	top:12%;
	height:90%;
	width:90px;
	max-width:20%;
}


/*.buybutton {
	position:absolute;
	right:102px;
	top:5px;
	margin:0px;

}
*/
.buybuttonstyle {
	width:100%;
	height:100%;
	padding:8px;
	background-color: rgba(255,255,255,0.72);
	box-shadow: 1px 1px 0.5px rgba(50,50,50,1.0), -1px -1px 0.5px rgba(50,50,50,1.0);
	border:none;
	font-size:17px;
	font-weight:lighter;
	color:rgba(26,18,23,0.96);
	font-family:Impact;
	text-align:center;
	cursor:pointer;
}




.order2opstext {
	position:relative;
	margin:2px 0px 0px 0px;
	padding:1px;
	width:75%;
	float:left;
	font-size:15px;
	font-family:Impact;
	text-align: right;
}

.order2opsinput {
	position:relative;
	margin:3px 0px 0px 5%;
	padding:1px;
	float:left;
	width:50px;
}











.photo {
	position:relative;
	float:left;
	margin:42px 0px 42px 0px;
	width:100%;
}





#footer-container {
	position:relative;
	float:left;
	margin:5px 0px 0px 0px;
	width:100%;
	padding:0px 0px 12px 0px;
	color:rgba(0,0,0,1.00);
	font-size:16px;
	z-index:10;
	background-color:rgba(255,255,255,1.00);
}

.footer-column {
	position:relative;
	float:left;
	margin:3px 2% 0px 0%;
	width:23%;
	background-color:rgba(255,255,255,1.00);
}

.footer-column_right-side {
	position:relative;
	float:left;
	margin:3px 0% 0px 0%;
	width:23%;
	background-color:rgba(255,255,255,1.00);
}

.ftitles {
	position:relative;float:left;
	margin:0px 0px 2px 0px;
	width:100%;
	background-color:rgba(255,255,255,1.00);
	padding:0px;
	text-align:center;
}
.brs {
	position:relative;float:left;
	width:100%;
	height:1vh;
}
.fwords {
	position:relative;float:left;
	margin:0px;
	padding:0px;
	width:100%;
	text-align:center;
	font-size:12px;
	color:rgba(0,0,0,1.0);
}