

*{ margin:0; padding:0; border:none; outline:none; }


/* Thumbnail Tray*/			
#thumb-tray{ position: absolute; border-bottom: 1px solid #fff;border-top: 1px solid #fff; width:100%; 	min-width: 1190px; height:170px;  z-index:3; bottom:40%; left:0;  text-align:center; top: 550px;  }

ul#thumb-list{ display:inline-block; position:relative; left:0; padding:0; list-style:none; padding-left: 110px; }
ul#thumb-list li{ display:inline; width:101px; height:170px; float:left; overflow:hidden; margin:21px 0px 0px 5px; list-style:none;   }
ul#thumb-list li div{ margin:0;}
ul#thumb-list li:hover{ cursor:pointer; }


#thumb-prev{ 

    cursor:pointer; 
    /* background-image:url('../images/backbg.png'); */
    /* background-repeat: repeat; */
/*    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#000000', endColorstr = '#000000');
    INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES
    Element must have a height (not auto)
    All filters must be placed together
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#000000', endColorstr = '#000000')";
    Element must have a height (not auto)
    All filters must be placed together
    background-image:  url('../images/thumb-back.png'),-moz-linear-gradient(left,  rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 1) 0%);
    background-image: url('../images/thumb-back.png'),-ms-linear-gradient(left, #000000, #000000);
    background-image: url('../images/thumb-back.png'),-o-linear-gradient(left, #000000, #000000);
    background-image: url('../images/thumb-back.png'), -webkit-gradient(linear,left top,right top,color-stop(0, rgb(0,0,0) 100%),color-stop(1, rgb(0,0,0) 0%));



    background-image: url('../images/thumb-back.png'), linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0));
    --IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    filter: alpha(opacity=50);

    -moz-opacity:0.5;

    -khtml-opacity: 0.5;

    opacity: 0.5;*/
}


#bg_left{

	position: absolute;
	width: 595px;
	height: 170px;
	background-image:url('../images/70_percent_1x1px.png'); 
    background-repeat: repeat; 
	z-index: 1;
	top: 0px;
	left: 0px;

}


#grad_left{

	position: absolute;
	width: 15px;
	height: 170px;
	left: 595px;
	background-image:url('../images/70_percent_15x1px.png'); 
    background-repeat: repeat-y;
    background-position: right;
	z-index: 1;
	top: 0px;

}


#thumb-next{ 
    cursor:pointer;
    left:1315px; 
    /*
background-image:url('../images/backbg.png');
    background-repeat: repeat;
*/
    
/*    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#000000', endColorstr = '#000000');
    INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES
    Element must have a height (not auto)
    All filters must be placed together
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#000000', endColorstr = '#000000')";
    Element must have a height (not auto)
    All filters must be placed together
    background-image:url('../images/thumb-forward.png'), -moz-linear-gradient(right,  rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background-image:url('../images/thumb-forward.png'), -ms-linear-gradient(right, #000000, #000000);
    background-image:url('../images/thumb-forward.png'), -o-linear-gradient(right, #000000, #000000);
     background-image: url('../images/thumb-forward.png'), -webkit-gradient(linear,right top,left top,color-stop(0, rgb(0,0,0) 0%),color-stop(1, rgb(0,0,0) 100%));

    
    
    background-image: linear-gradient(right, #000000, #000000);
    
         IE 5.5 - 7  
        filter: progid:DXImageTransform.Microsoft.gradient( 
          gradientType=1, startColor=0, endColorStr=#FFFFFF 
        ); 
 
         IE8 uses -ms-filter for whatever reason...  
        -ms-filter: progid:DXImageTransform.Microsoft.gradient( 
          gradientType=1, startColor=0, endColoStr=#FFFFFF 
        ); 

    --IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    filter: alpha(opacity=50);

    -moz-opacity:0.5;

    -khtml-opacity: 0.5;

    opacity: 0.5;*/
}

#bg_right{

	position: absolute;
	width: 995px;
	height: 170px;
	background-image:url('../images/70_percent_1x1px.png'); 
    background-repeat: repeat; 
	z-index: 1;
	left: 15px;
	top: 0px;
}


#grad_right{

	position: absolute;
	width: 15px;
	height: 170px;
	left: 0px;
	background-image:url('../images/70_percent_15x1px_right.png'); 
    background-repeat: repeat-y;
    background-position: left;
	z-index: 1;
	top: 0px;

	
}




#thumb-prev{ width:610px; height:170px; position:absolute; z-index:5; bottom:-23px;}
#thumb-next{ width:707px; height:170px; position:absolute; z-index:5; bottom:-23px;}
/*#thumb-prev{ left:0; background: url('../images/thumb-back.png') no-repeat right center; }
#thumb-next{ right:0; background:url('../images/thumb-forward.png') no-repeat left center; }*/

#prevarrow{
	position: relative;
    background: url('../images/thumb-back.png') no-repeat right center;
    z-index:9999;
    margin-left: 395px;
    margin-top:74px;
    
}
#nextarrow{
	position: relative;
    background:url('../images/thumb-forward.png') no-repeat left center;
    z-index:9999;
    margin-top:74px;
    margin-left: 3px;
}
.onFocus{border-bottom:5px solid #fff;}


/* Thumb Container */


#main_thumb{
    background-color: #0000FF;
    float: left;
    margin: 62px 10px 10px 140px;
    width: 800px;
    height:auto;
    top: 0px;
    mini-height:500px;
    background-color:transparent;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	display: none;
}



/* caurosel styling
===========================================*/




#slider_margin{

	position: relative;
	width: 600px;
	z-index:5;
	margin-left: 154px;
	

}



#slidewrapper .navprev{
	position: absolute;
	background: url('../images/arrow_left.png') no-repeat transparent;
	width: 22px;
	height: 45px;
	cursor: pointer;
	top: 65px;
	left: 105px;
	z-index: 15;
	
}


#slidewrapper .navnext{
	position: absolute;
	background: url('../images/arrow_right.png') no-repeat transparent;
	width: 22px;
	height: 45px;
	cursor: pointer;
	top: 65px;
	left: 744px;
	z-index: 15;
}


#slidewrapper .navprev span, .navnext span {
	display: none;
}


#slidewrapper .disabled{

	display: none !Important;

}


/*---- End Thumbnail control ----*/


#slider img{

	margin-right: 4px;
	padding-bottom: 15px;
	cursor: pointer;

}


#sub_menu{
	position: relative;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
	top: -10px;
	left: -22px; 
}

#sub_menu a{

	margin: 0px;
	padding: 0px;
	text-decoration: none;

}


.second_row{

	position: relative;
	top: -20px;

}



/* Product Information Overflow Fix
===========================================*/

#more{

	/* Typical fixed height and fixed width example */
width: 275px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
	
}


/*
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;

}
.vscrollerbar {
width: 10px;
background-color: white;
}
.hscrollerbase {
height: 10px;

}
.hscrollerbar {
height: 10px;
background-color: white;
}
*/

.print_img{

	float: left;
	clear: both;
	margin-top: 10px;


}

.print_img a{

	float: left;
	clear: both;
	
}

.print_img p{

	font-family: 'futuraltregular', "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 10px;
	float: left;
	font-style: italic;
	color: #555;
	

}

.print_img p:hover{

	color: #fff;

}



.print_img img{


	float: left;

}
