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

@font-face {
   font-family: ave;
   src: url(font/AvenirNextLTPro-Regular.woff);
}

@font-face {
   font-family: ave;
   src: url(font/AvenirNextLTPro-Demi.woff);
   font-weight: bold;
}

@font-face {
   font-family: aveBlack;
   src: url(font/AvenirNextLTPro-Bold.woff);
   font-weight: lighter;
}



a:link {
	color: #7A6A37;
	text-decoration: none;
}
a:visited {
	color: #7A6A37;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:active {
	color: #7A6A37;
	text-decoration: none;
}

body, html {
	font-family: ave, Arial, Helvetica, sans-serif;
	height:100%;
	width:100%;
	padding:0;
	margin:0;
	background-color:#fff;
	}



.ShotS_logo_Product{
	margin:0 auto;
	width:100%;
	height:110px;
	background-color:#FFF;
	background-position:left;
	background-repeat:no-repeat;
	background-size:contain;
}

.container{
	background-image:url(images/home/menuBackground.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

.buttons_carousel{
	padding-top:10px;
	position:relative;
	border-top:solid 0px #fff;
}

.next_Button{
	width:85%;
	height:auto;
	margin:auto;
	position: absolute;
	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
	opacity:.5;
	cursor:pointer;
	transition: all .3s;
	}

.next_Button:hover{
	opacity:1
	}

.next_Button_container{
	padding-top:10px;
	width:5%;
	height:70%;
	position:absolute;
	margin-bottom:30px;
	right:0px;
	top:10px;
	}
@media screen and (min-width: 1330px)  { .next_Button_container{ width: 3%; } }	
@media screen and (max-width: 575px)  { .next_Button_container{ width: 7%; } }	


.previous_Button{
	width:85%;
	height:auto;
	margin:auto;
	position: absolute;
	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
	opacity:.5;
	cursor:pointer;
	transition: all .3s;
	}

.previous_Button:hover{
	opacity:1
	}
	

.previous_Button_container{
	padding-top:10px;
	width:5%;
	height:70%;
	position:absolute;
	margin-bottom:30px;
	left:0px;
	top:10px;
	}
@media screen and (min-width: 1330px)  { .previous_Button_container{ width: 3%; } }
@media screen and (max-width: 575px)  { .previous_Button_container{ width: 7%; } }	
	
	
#owl-demo .item{
        background: #fff;
		border: solid 3px #CACACA;
        margin: 8px;
        color: #999;
		height:200px;
        text-align: center;
		transition: all .3s;
    }
#owl-demo .item:hover{
		border: solid 3px #E2E2E2;
}
	
.customNavigation{
      text-align: center;
	  position:relative;
    }
.customNavigation a{
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

.PlayStopBackground{
	height:30px; 
	width:100%;
	background-image:url(images/home/menuBackground.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	border-bottom:solid 7px #fff;
	}

.autoplayPosition{
	width:40%; 
	position:absolute; 
	top:0; 
	right:50%;
	padding:5px;
}
	
.stopPosition{
	 width:40%; 
	 position:absolute; 
	 top:0; 
	 left:50%;
	 padding:5px;
}


#autoplay_stop_Button{
	opacity:.5;
	cursor:pointer;
	}
#autoplay_stop_Button:hover{
	opacity:1;
	}

.siteContent{
	margin:0 auto;
	width:100%;
	max-width:1080px;
	background-color:#FFF;
	padding-bottom:7px;
    box-shadow: 0px 0px 10px #CCCCCC;	
	}

.mainContent{
	border:1px solid #C36;
	background-color:#FFF;
	position: relative;
	margin:0 auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:90%;
	height:auto;
	}

.menuHead{
	width:100%;
	padding-top:8px;
	padding-bottom:8px;
	background-color:#006F3C;
	color:#fff;
	font-size:24px;
	text-align:center;
	border-bottom:1px solid #145911;
	cursor:pointer;
	}
	
.menuHead:hover{
	width:100%;
	padding-top:8px;
	padding-bottom:8px;
	background-color: #238348;
	color:#fff;
	font-size:24px;
	text-align:center;
	border-bottom:1px solid #145911;
	cursor:pointer;
	transition: all 0.3s ease 0;
	}
	
.section{
	width:80%;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	background-color:#fff;
	color: #000;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	border-top:0px;
	border-left:#145911 solid 1px;
	border-right:#145911 solid 1px;
	border-bottom:#145911 solid 1px;
	display:none;
	}




.product{
	border: solid 0px #00CC00; 
	width:100%;
	height:100%;
	position:relative;
	cursor:pointer;
	}

.productImage{
	border: solid 0px #00CC00;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	height:64%;
	position:absolute;
	margin:auto;
	margin-top:10px;
	left:0;
	right:0;
	top:0;
	}

.productImagePages{
	border: solid 0px #00CC00;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	height:58%;
	display:block;
	margin:auto;
	margin-top:3px;
	left:0;
	right:0;
	top:0;
	}	


	
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 90%;
	margin:0 auto;
	-ms-touch-action: pan-y;
}
@media screen and (min-width: 1330px)  { .owl-carousel{ width: 94%; } }
@media screen and (max-width: 575px)  { .owl-carousel{ width: 86%; } }

.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
	  margin:0 auto;
	  text-align:center;
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}


.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(../grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}




/* clearfix */


/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 2px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #666;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #808285;
	transition: all .2s;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(../js/AjaxLoader.gif) no-repeat center center

}

/* clearfix */






.ShotS_logo{
	margin:0 auto;
	width:100%;
	height:135px;
	background-color:#FFF;
	background-position:center;
	background-image:url(../images/home/ShotSelectorLogo.png);
	background-repeat:no-repeat;
	background-size:contain;
    box-shadow: 0px 0px 10px #CCCCCC;	
}

.containerProduct{
	position:absolute;
	bottom:15px;
	width:100%;
	background-position:top;
	background-repeat:repeat-x;
	display:block;
}

.containerHome{
	width:100%;
	background-position:top;
	background-image:url(../images/home/menuBackground.jpg);
	background-repeat:repeat-x;
}


.buttons_carousel{
	position:relative;
}

.next_Button{
	width:85%;
	height:auto;
	margin:auto;
	position: absolute;
	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
	opacity:.5;
	cursor:pointer;
	display:none;
	transition: all .3s;
	}

.next_Button:hover{
	opacity:1
	}

.next_Button_container{
	padding-top:10px;
	width:5%;
	height:70%;
	position:absolute;
	margin-bottom:30px;
	right:0px;
	top:10px;
	min-width:30px;
	}
@media screen and (min-width: 1330px)  { .next_Button_container{ width: 4%; } }	
@media screen and (max-width: 575px)  { .next_Button_container{ width: 7%; } }	


.previous_Button{
	width:85%;
	height:auto;
	margin:auto;
	position: absolute;
	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
	opacity:.5;
	cursor:pointer;
	display:none;
	}

.previous_Button:hover{
	opacity:1
	}
	

.previous_Button_container{
	padding-top:10px;
	width:5%;
	height:70%;
	position:absolute;
	margin-bottom:30px;
	left:0px;
	top:10px;
	min-width:30px;
	}
@media screen and (min-width: 1330px)  { .previous_Button_container{ width: 4%; } }
@media screen and (max-width: 575px)  { .previous_Button_container{ width: 7%; } }	
	
	
#owl-demo .itemPages{
        background: #fff;
		border: solid 2px #CACACA;
        margin: 8px;
        color: #666;
		height:120px;
        text-align: center;
		border-radius: 8px 8px 8px 8px;-moz-border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px 8px 8px 8px;
		transition: all .2s;
    }
	
#owl-demo .itemPages:hover{
	    color: #3E3E3E;
		border: solid 2px #E2E2E2;
}
	
.customNavigation{
      text-align: center;
	  position:relative;
    }
.customNavigation a{
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

.PlayStopBackground{
	height:30px; 
	width:100%;
	background-image:url(../images/home/menuBackground.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	border-bottom:solid 7px #fff;
	}

.autoplayPosition{
	width:40%; 
	position:absolute; 
	top:0; 
	right:50%;
	padding:1px;
}
	
.stopPosition{
	 width:40%; 
	 position:absolute; 
	 top:0; 
	 left:50%;
	 padding:1px;
}


#autoplay_stop_Button{
	opacity:.5;
	cursor:pointer;
	}
#autoplay_stop_Button:hover{
	opacity:1;
	}

.siteContent{
	margin:0 auto;
	width:100%;
	background-color:#FFF;
    box-shadow: 0px 0px 10px #CCCCCC;	
	}


 .productImageEnlarge{
	background-repeat: no-repeat;
	background-position: center;
	background-size:contain ;
	}
@media screen and (max-height: 280px)  { .productImageEnlarge{ display:none} }	
	
	
.pageText{
	font-size:14px;
	}

.catagory{
	width:100%;
	color: #000;
	padding-bottom:5px;
	}
	
.catagoryHeader{
	border:solid 0px #036;
	font-family:ave, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 6vmin ;
	white-space:nowrap;
	text-transform: uppercase;
	color: #999;
	display:table;
	width:100%;
	height:50px;
	text-align:left;
	}
	


.imageDescriptionContainer{
	position:fixed;
	top:0;
	right:0;
	width:22%;
	min-width:130px;
	height:auto;
	text-align:left;
	background-color:#FFF;
    box-shadow: 0px 0px 10px #888888;
	background: rgba(255, 255, 255, 0.9);
	z-index:4;
	}
	
.imageDescriptionHead{
	text-decoration:underline;
	color: #006f3c;
	top:0;
	right:0;
	min-width:120px;
	height:auto;
	padding:3px;
	text-align:center;
	background-color:#FFF;
	cursor:pointer;
	}
	
.imageDescriptionHead:hover{
	color:#41964b;
	text-decoration:underline;
	}	
		
.imageDescription{
	border:solid 0px #036;
	position:relative;
	top:0;
	right:0;
	height:auto;
	padding:15px;
	text-align:left;
	display:none;
	text-transform: capitalize;
	}
	
.hidden{
	display:none;
	}
			

	


	
li{
  margin-left:15px;
  padding-bottom:5px;
}	








	
.productText{
	border:solid 0px #990099;
	font-size:15px;
	letter-spacing:.05em;
	white-space:nowrap;

	padding-top:3px;
	padding-bottom:3px;
	display:block;
	bottom:0;
	text-transform:capitalize;
}
@media screen and (max-width: 500px)  { .productText{ font-size:13px; font-weight:bold } }	



.priceAll{
	border:solid 0px #F90; 
	width:50%;
	min-width:670px; 
	display: table; 
	margin:0 auto; 
	left:0; 
	right:0;
	padding:15px;
	}
@media screen and (max-width: 720px)  { .priceAll{ width: auto; min-width:200px } }	


.priceContainer{
	padding:8px;
	text-align: left;
	width:90%;
	margin-top:10px;
	margin-bottom:40px;
	border: #CCC 1px solid;
	display: table; 
	margin:0 auto;
	max-width:900px;
	}

.priceTitle{
	font-size:3.25vmin;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:4px;
	padding-left:9px;
	width:100%;
	font-weight:bold;
	text-transform:capitalize;
	}
@media screen and (max-width: 400px)  { .priceTitle{ font-size:4.25vmin; } }	
	
.priceTitleSub{
	font-size:.8em;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:8px;
	padding-left:9px;
	width:98%;
	font-weight:normal;
	text-transform:none;
	}
	
.priceTitleSubBold{
	font-weight:bold;
	padding-right:8px;
	margin-top:10px;
	}
		
.quantityHead{
	white-space: nowrap;
	font-size:2.5vmin;
	text-transform: capitalize;
	border: 1px solid #ccc;
	padding:0px;
	color:#000;
	background-color: #E7E7E7;
	text-align:center;
	width:100%;
	height:100%;
    display: table;
	margin: 0 auto;}
@media screen and (max-width: 400px)  { .quantityHead{ font-size:3.25vmin; } }	

.quantity{
	white-space: nowrap;
	font-size:2.5vmin;
	border: 1px solid #ccc;
	padding:0px;
	color:#000;
	text-align:center;
	width:100%;
	height:100%;    
	display: table;
    margin: 0 auto;}
@media screen and (max-width: 400px)  { .quantity{ font-size:3.25vmin; } }	
	
.priceHead{
	white-space: nowrap;
	font-size:2.5vmin;
	text-transform: capitalize;
	padding:0px;
	border: 1px solid #ccc;
	color:#000;
	background-color:#E7E7E7;
	text-align:center;
	width:100%;
	height:100%;    
	display: table;
	margin: 0 auto;
	}
@media screen and (max-width: 400px)  { .priceHead{ font-size:3.25vmin; } }	

.price{
	white-space: nowrap;
	font-size:2.5vmin;
	padding:0px;
	border: 1px solid #ccc;
	color:#000;
	text-align:center;
	font-weight:bold;
	width:100%;
	height:100%;
	position:relative;
	display: table;
	top:0;
	bottom:0;
    margin: 0 auto;}
@media screen and (max-width: 400px)  { .price{ font-size:3.25vmin; } }	

.priceSmallText{
	font-size:.7em;
	}
@media screen and (max-width: 500px)  { .priceSmallText{ font-size:1em; } }	

.divCenteredIndiv{
	height:100%;
	padding:1px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;}



.productPageContent{
	border:solid 0px #036;
	font-family:ave, Arial, Helvetica, sans-serif;
	letter-spacing:.01em;
	padding-top:0px;
	left:0;
	display:block;
	position:relative;
	width:100%;
	height:94%;
	bottom:0;

overflow-y:auto;
overflow-x:auto;
z-index:1;
	}
	


	

#productPageContent{
	border:solid 0px #036;
	background-color:#FFF;
	position:absolute;
	top:0;
	right:0;
	width:94%;
	height:30%;
	margin: auto;
	margin-top:25px;
	left:0;
	right:0;
/* Firefox */height: -moz-calc(90% - 196px);
/* WebKit */height: -webkit-calc(90% - 196px);
/* Opera */height: -o-calc(90% - 196px);
/* Standard */height: calc(90% - 196px);
z-index:-5;
	}
@media screen and (max-width: 365px)  { #productPageContent{ margin-top:6px; } }	


	 
.showPrice{
	border:#C03 solid 0px;
	background-color:#CCC;
	}
	
.all{
	border:#909 solid 0px;
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	}
	
	
	
.toggleSlide{
	border:#C3C solid 0px;
	height:6%;
	width:100%;
	cursor:pointer;
	transition: all .3s;
	box-shadow:0px 0px 6px rgba(0,0,0,0.6);
	
background: #000;
	
	}

.toggleSlide:hover{
	border:#C3C solid 0px;
	height:6%;
	width:100%;

background: #aa995b;

	}
	

	

.togTable{
	text-align:center;
	margin:0 auto;
	}


.togClickView{
	font-size:1.5em;
	white-space:nowrap;
	color:#FFF;
	font-weight:bold;
	text-transform: capitalize;
	
	}
@media screen and (max-height: 480px)  { .togClickView{ font-size:1em; } }	
@media screen and (max-height: 250px)  { .togClickView{ font-size:.7em; top:0px;} }	


.alsoSeeContainer{
	border:#33F solid 0px;
	height:5%;
	display:block;
	text-align:center;
	}

.alsoText{
	margin:5px; 
	float:left; 
	font-size:.3em;
	}

.alsoSeeLink{
	font-weight:bold;
	padding-left:4%;
	line-height:1.5em;
	text-transform: capitalize;
	}

/* Swap display to hide prices/images */
.priceHidden{display:block}
.imageHidden{display:none}
/* Swap display to hide prices/images */


.rotate {
	    -moz-transition: -moz-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    transition: transform .3s;
	
      -webkit-transform: rotateX(0deg); /* Safari */
    transform: rotateX(0deg); /* Standard syntax */
}
.rotate-2{
	    -moz-transition: -moz-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    transition: transform .3s;
	
    -webkit-transform: rotateX(180deg); /* Safari */
    transform: rotateX(180deg); /* Standard syntax */
}

.tdHeight{
	vertical-align:central;
	padding-top:4px;
	padding-right:2px;
	padding-left:2px;
	height:100%;
	}
@media screen and (max-width: 488px)  { .tdHeight{ height:40px; } }

.underlay{
	z-index:-999}

.ImagesfilterContainer{
	position:absolute;
	border-bottom:#86754d 2px solid;
	border-right:#86754d 2px solid;	
	background: rgba(255,255,255,0.8);
	padding-left:7px;
	padding-top:3px;
	z-index:999;
	}
	
.filterToggle{
	font-size:3.6vmin;
	white-space: nowrap;
	text-align:left;
	color:#634d1a;

	}	
	
.filterToggle:hover{
	color:#000;
	text-decoration:underline;
	cursor:pointer;
	}
	
	
.Imagesfilter{
	font-size:3vmin;
	padding-right:5px;
	white-space: nowrap;
	text-align:left;
	margin-left:6px;
	display:none;
	}	
	
.filterText{
	font-size:3vmin;
	color:#634d1a;
	font-weight: normal;
	z-index:999;
	}
.filterText:hover{
	color:#000;
	text-decoration:underline;
	cursor:pointer;
	}	

.thumbnailItemID{
	font-weight:bold;
	font-size:.8em;
	}