@CHARSET "UTF-8";

body {margin: 0px; height: 100%;}

       	
/* --------------------------------------------------------- DETAIL PAGE --------------------------------------------------------- */

#master_wrapper {
	float: left;
	margin-bottom: 15px;
}


/*main image area*/
#s7zoomcontainer {
	width: 380px;
	height: 380px;
}
    		
#s7spincontainer {
 	width: 380px;
	height: 380px;
}

#s7videocontainer {
	width: 380px;
	height: 380px;
	background-color: #000000;
}


/* buttons area*/
#s7zoombuttonscontainer {
	border-bottom: 1px solid #CCCCCC;
	padding: 20px 0px 5px 0px;
	white-space: nowrap;
	position: relative;
}

.s7zoominbutton {
 	/* div and div class name generated by S7 javascript */
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 5px;
	width: 71px;
	height: 16px;
	background-image: url('http://assets.cabelas.com/assets/images/btn/btn-zoomIn.png') !important;
}

.s7zoominbutton[state="disabled"] {
	/* div and div class name generated by S7 javascript */
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 5px;
	width: 71px;
	height: 16px;
	opacity: 0.5;
	filter: alpha(opacity=50)\9;
	background-image: url('http://assets.cabelas.com/assets/images/btn/btn-zoomIn.png') !important;
}

.s7zoominbutton .s7tooltip {
	display: none;		
}	

.s7zoomresetbutton {
	/* div and div class name generated by S7 javascript */
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 5px;
	width: 51px;
	height: 16px;
	background-image: url('http://assets.cabelas.com/assets/images/btn/btn-reset.png') !important;
}
    		
.s7zoomresetbutton[state="disabled"] {
	/* div and div class name generated by S7 javascript */
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 5px;
	width: 51px;
	height: 16px;
	opacity: 0.5;
	filter: alpha(opacity=50)\9;
	background-image: url('http://assets.cabelas.com/assets/images/btn/btn-reset.png') !important;
}

.s7zoomresetbutton .s7tooltip {
	display: none;		
}	

.s7zoomoutbutton {
	/* div and div class name generated by S7 javascript */
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 5px;
	width: 79px;
	height: 16px;
	background-image: url('http://assets.cabelas.com/assets/images/btn/btn-zoomOut.png') !important;
}
    		
.s7zoomoutbutton[state="disabled"] {
	/* div and div class name generated by S7 javascript */
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 5px;
	width: 79px;
	height: 16px;
	opacity: 0.5;
	filter: alpha(opacity=50)\9;
	background-image: url('http://assets.cabelas.com/assets/images/btn/btn-zoomOut.png') !important;
}

.s7zoomoutbutton .s7tooltip {
	display: none;		
}	

.viewlargerbutton {
	/* div and div class name added in viewer javascript below, and generated by S7 javascript */
	width: 96px;
	height: 16px;
	display: inline-block;
	*display: inline;
	position: absolute;
	right: 0;
	background-image: url('http://assets.cabelas.com/assets/images/btn/btn-viewLarger.png');
}


/*swatch area*/
#s7swatchcontainer {width: 380px;}


/* alt area */
#altview_wrapper {width: 380px;}

#s7altcontainer {/*non-styled div - used as container div*/}


/* spinset button */
#s7showspinbuttoncontainer, #s7showspinbuttoncontainer_viewlarger {
	float: left;
	position: relative;
	margin-left: 5px;
}

.s7showspinbutton, .s7showspinbutton_viewlarger{
	float: left;
	width: 35px;
	height: 35px;

 }

.s7showspinbutton[state="active"], .s7showspinbutton_viewlarger[state="active"] {border: 1px solid #FFFFFF;}
			
.s7showspinbutton[state="disabled"], .s7showspinbutton_viewlarger[state="disabled"] {border: 1px solid #5D5D43;}


/* video button and controls */
#s7showvideobuttoncontainer, #s7showvideobuttoncontainer_viewlarger {
	float: left;
	position: relative;
	margin-left: 5px;
}

.s7showvideobutton, .s7showvideobutton_viewlarger {
	float: left;
	width: 35px;
	height: 35px;

}
			
.s7showvideobutton[state="active"], .s7showvideobutton_viewlarger[state="active"] {border: 1px solid #FFFFFF;}
			
.s7showvideobutton[state="disabled"], .s7showvideobutton_viewlarger[state="disabled"] {border: 1px solid #5D5D43;}

#s7videoview {
	/* s7 generated class */
	width: 380px !important;
	position: relative !important;
}

#s7videoview object {
	/* s7 generated object */
	width: 380px !important;
	max-width: 100% !important;
	max-height: 100% !important;
}

#s7videoview embed {
	/* s7 generated tag */
	width: 380px !important;
}

#s7videoview > div {
	/* s7 generated div */
	width: 380px !important;
}

.s7controlbar {
	/* s7 generated class */
	position: relative;
	left: 0px;
	width: 380px;
	margin: 0 auto;
	opacity: 1 !important;
}

.s7mutablevolume {top: 2px; right: 10px;}

.s7videotime {top:4px; right: 40px;}

.s7playpausebutton {top: 2px; left: 2px;}

.s7videoscrubber {top: 2px;	left: 36px;}	
			
.s7videoview_9 {width: 380px !important;}		


/* --------------------------------------------------------- OVERLAY VIEW LARGER --------------------------------------------------------- */
 
/*view larger overlay and inner div creation */
#viewlarger_overlay {
	background-color: rgba(0,0,0,0.7);
	background:none\9;
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000)\9;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000)\9;
	zoom: 1\9;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
 	z-index: 100000001;
	visibility: hidden;
}
    		
#viewlarger_overlay_inner_wrapper {
	background-color: #FFFFFF;
	border-radius: 10px;
	width: 96%;
	height: 92%;
	border: 2px solid #999999;
	margin: auto;
	margin-top: 2%;
	position: relative;
	overflow: hidden;
}

/*view larger top*/
.viewlarger_overlay_inner_inner_top {
	background-color: #E6E5D8;
	height: 42px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	border-bottom: 3px solid #5D5D43;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
    		
.viewlarger_overlay_inner_inner_top_cabelaslogo {
 	position: absolute;
	left: 10px;
	top: 10px;
}
    		
.viewlarger_overlay_inner_inner_top_closebutton {
	position: absolute;
	right: 10px;
	top: 10px;
}


/*view larger main image and zoom containers*/
#viewlarger_overlay_inner_inner_mid_mainimage_column {
	border-right: 1px solid #CCCCCC;
	position: absolute;
	left: 0;
	top: 45px;
	bottom: 45px;
	width: 60%;
	overflow: hidden;
	text-align: center;
}

#s7zoomcontainer_viewlarger {
	height: 92% !important;
	*position: absolute !important;
	*display: auto !important;
	*right: 0px !important;
	*top: 0px !important;
	*bottom: 45px !important;
	*left: 0px !important;
}

#myZoomView_viewlarger {
	/* for IE 7 */
	*position: absolute !important;
	*right: 0px !important;
	*left: 0px !important;
	*top: 0px !important;
}

#s7spincontainer_viewlarger {
	height: 92% !important;
	*position: absolute !important;
	*display: auto !important;
	*right: 0px !important;
	*top: 0px !important;
	*bottom: 45px !important;
	*left: 0px !important;
}
#s7videocontainer_viewlarger {
	height: 100% !important; /* B */
	*position: absolute !important;
	*display: auto !important;
	*right: 0px !important;
	*top: 0px !important;
	*bottom: 0px !important;
	*left: 0px !important;
	background-color: #000000;
}
    		
#s7zoombuttonscontainer_viewlarger {
	border-top: 1px solid #CCCCCC;
	padding: 5px;
	margin-top: 5px;
	white-space: nowrap;
	position: relative;
	width: 100%;
	*position: absolute !important;
	*bottom: 0px !important;
	*left: 0px !important;
	*width: 100% !important;
}


/* video settings view larger */
#video_viewlarger {
	height: 94% !important;
}

#s7videoview_viewlarger {
	/* s7 generated class */
	width: 100% !important;
	position: relative !important;
}

#s7videoview_viewlarger object {
	/* s7 generated object */
	width: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
}

#s7videoview_viewlarger embed {
	/* s7 generated tag */
	width: 100% !important;
}

#s7videoview_viewlarger > div {
	/* s7 generated div */
	width: 100% !important;
}

#s7controls_viewlarger {
	/* s7 generated class */
	position: relative;
	left: 0px;
	width: 100%;
	margin: 0 auto;
	opacity: 1 !important;
}

#videoScrubber_viewlarger {
	width: 85% !important;
}



/*view larger mixed media column*/
#viewlarger_overlay_inner_inner_mid_mixedmedia_column {
	position: absolute;
	left: 60%;
	top: 45px;
	bottom: 45px;
	padding: 10px 0px 10px 10px;
	width: 38%;
	overflow: auto;
}

#s7swatchcontainer_viewlarger {
	position: relative;
}

#s7altcontainer_viewlarger{
	position: relative;
}
			

/*view larger bottom*/
.viewlarger_overlay_inner_inner_bottom {
	background-color: #E6E5D8;
	width: 100%;
	height: 42px;
	border-top: 3px solid #5D5D43;
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
	position: absolute;
	left: 0;
	bottom: 0;
}





/* --------------------------------------------------------- APPLIES TO ALL VIEWS --------------------------------------------------------- */

/*swatch image settings*/
.s7swatches {
	/* s7 generated div class name - this overrides the default generated where needed */
	width: auto !important;
	height: 55px;
	position: relative !important;
	background-color: transparent !important;
}

.s7swatches .s7thumb {width: 35px; height: 35px;} /* overrides default of 75X75 */
			
.s7swatches .s7thumb[state="default"] {border: 1px solid #FFFFFF;}
			
.s7swatches .s7thumb[state="selected"] {border: 1px solid #5D5D43;}

/*shown area*/
#userdata_bold {
	font-family: Helvetica, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding: 10px 0px 3px 0px;
	border-bottom: 1px solid #CCCCCC;
}

.userdata_bold {
	/* duplicated for hiding the shown if inventory is zero */
	font-family: Helvetica, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding: 10px 0px 3px 0px;
	border-bottom: 1px solid #CCCCCC;
}

.userdata_nobold {
	font-family: Helvetica, Sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}


/*tool tips*/
.s7tooltip {display: block;}		
		
.ui-tooltip {
	/*jquery tooltip preset */
	position:absolute;
	padding:5px;
	line-height:100%;
	text-align:center;
	background-color:rgb(224, 224, 224);
	color:rgb(26,26,26);
	font-family:Helvetica, sans-serif;
	font-size:11px;
	border:1px solid rgb(191,191,191);
	overflow: hidden;
}

/*
FILE=S7viewer.css
MD5=13456c4b956ec8214a3b0debf5b6f688
BUILD NUMBER=275
BUILD REVISION=RELEASE-20151119-ER
TIMESTAMP=11/17/2015 at 06:29:01 MST
*/