/**********************
 *  Product Grid
 **********************/
h1.category_landing{
  font-size:24px !important;
  font-family:Helvetica, Arial;
  color:#333333 !important;
  margin-bottom:15px;
}
div.product_title h1.category_landing{
  margin-bottom:5px;	

}
div.product_grid_banner{
	margin-bottom:15px;
}
div.product_grid{
  
}
div.grid_item{
  height:300px;
  width:238px;
  float:left;
  overflow:hidden;
  margin-bottom:30px;
  margin-left:20px;
}
div.grid_item_first{
  margin-left:0px;
}
div.grid_item_image{
  height:178px;
  width:238px;
  
  overflow:hidden;
  margin-bottom:6px;
}
div.grid_item_image a{
 display:block; 
}
div.grid_item_image img{
  display:block;
  border:1px solid #b5b5b5;
}
div.grid_item_title{
  font-family:Helvetica, Arial;
  color:#50669a;
  font-size:16px;
  margin-bottom:5px;
  line-height:1em;
}
div.grid_item_desc{
  color:#333333;
}



/**********************
 *  Division Landing Page
 **********************/
div.division_slideshow_wrapper{
  
  width:800px;
  height:306px;
  position:relative;
  margin-bottom:30px;
  margin-left: -22px;
  margin-right: -22px; /*IE6 Fix*/
}
div.division_slideshow{
  width:800px;
  height:301px;
  overflow:hidden;
 
  
}

#division_slideshow ul {
	list-style: none;
	/*width:1600px;*/
	margin: 0;
	padding: 0;
	position:relative;
}
#division_slideshow li {
	display:inline;
	float:left;
}

div.division_slideshow_wrapper div.btn_right{
  
  position:absolute;
  right:0px;
  top:0px;
  cursor:pointer;
  border:none;
  width:40px;
  height:301px;
  background-image:url(/files/images/right.gif);
  background-repeat:no-repeat;
  background-position: 20px center;
  padding-left:20px;
}
div.division_slideshow_wrapper div.btn_left{
  
  position:absolute;
  left:0px;
  top:0px;
  cursor:pointer;
  border:none;
  width:40px;
  height:301px;
  background-image:url(/files/images/left.gif);
  background-repeat:no-repeat;
  background-position: 20px center;
  padding-right:20px;
  
 
}


/**********************
 *  Product details page
 **********************/
div.product_left{
  width:490px;
  float:left;
}
div.product_image_container{
  width:423px;
  height:316px;
  /*overflow:hidden;*/
  position:relative;
  margin-bottom:5px;
	padding-left:34px;
}
div.product_image_zoom{
  position:absolute;
  top:281px;
  left:0px;
}
div.product_image_hidden{
  display:none;
}
div.product_thumbs{
  float:right;
  width:69px;
}
a.product_thumb{
  display:block;
  width:67px;
  height:57px;
  border:1px solid #9eaac2;
  overflow:hidden;
  margin-bottom:2px;
  position:relative;
}
a.product_thumb img{
  display:block;
  height: 57px;
    width: 67px;
}
a.product_thumb img.video_cover{
  position:absolute;
  top:0px;
  left:0px;
  
}
a.product_thumb_active,
a.product_thumb:hover{
  width:65px;
  height:55px;
  border:2px solid #444444;
}
a.product_thumb_active img,
a.product_thumb:hover img{
  margin-left:-1px;
  margin-top:-1px;
}
div.product_image_caption{
  padding-left:11px;
  background-image:url('/files/images/caption_bullet.gif');
  background-repeat:no-repeat;
  background-position:0px 5px;
  font-size:13px;
  font-style:italic;
  height:27px;
  color:#000 !important;
}
div.product_image_caption_wrapper{
  height:36px;
  width:600px;
}
div.product_video{
	margin-left: -32px;
}

.biodexbox{border:solid 1px #eed044;margin:20px auto 16px;width:610px;height:375px;padding:10px;background:#FFF;}


/***********************
 *  Colorbox styles
 **********************/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/files/images/colorbox/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:10px; height:10px; background:url(/files/images/colorbox/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:10px; height:10px; background:url(/files/images/colorbox/controls.png) no-repeat -139px 0;}
    #cboxBottomLeft{width:10px; height:10px; background:url(/files/images/colorbox/controls.png) no-repeat -100px -39px;}
    #cboxBottomRight{width:10px; height:10px; background:url(/files/images/colorbox/controls.png) no-repeat -139px -39px;}
    #cboxMiddleLeft{width:10px; background:url(/files/images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:10px; background:url(/files/images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:10px; background:url(/files/images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:10px; background:url(/files/images/colorbox/border.png) 0 -39px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:30px;margin-top:40px; margin-left:50px; margin-right:50px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; right:50%; background:url(/files/images/colorbox/zoom_prev.gif) no-repeat 0px 0px; width:125px; height:30px; text-indent:-9999px;}
        #cboxPrevious.hover{}
        #cboxNext{position:absolute; bottom:0; left:50%; background:url(/files/images/colorbox/zoom_next.gif) no-repeat 0px 0px; width:126px; height:30px; text-indent:-9999px;}
        #cboxNext.hover{}
        #cboxLoadingOverlay{background:url(/files/images/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/files/images/colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:16px; right:11px; background:url(/files/images/colorbox/zoom_close.png) no-repeat 0px 0px; width:71px; height:20px; text-indent:-9999px; z-index:1;}
        #cboxClose.hover{background-position:0px 0px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/files/images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/files/images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/files/images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/files/images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/files/images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/files/images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/files/images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/files/images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

div.zoom_title{
  position:absolute;
  width:400px;
  top:16px;
  left:11px;
  
  background-image: url("/files/images/caption_bullet.gif");
  background-position: 0 5px;
  background-repeat: no-repeat;
  font-size: 15px;
  font-style: italic;
  padding-left: 11px;
  color:#000 !important;
}



h3.kraska{
  color:red;
  font-weight:bold;
}
h1.kraska{
   margin-bottom:100px;
   color:green;
}
.green{
   color:green;
}
table.top { 
	width: 100%;
	background-color: #cfd9ec;
	border: 1px #bbbbb solid;
	border-collapse: collapse;
	border-spacing: 0px; 
}
td.banner {
	background-color: #cfd9ec;
	border: 1px #cacaca solid;
	padding: 10px;
}
.body-highlight-lt-blue {
	font-weight: bold;
	color: #4682b4;
}
.body-highlight-dk-blue {
	font-weight: bold;
	color: #495c87;
}
.chart {
	padding: 5px;
}
.chart-body {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #333333;
	text-decoration: none;
}
.chart-heading {
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	color: #333333;
	text-decoration: none;
}
.chart-table-color {
	background-color: #e8e8e8;
}
.chart-cell-color {
	background-color: #ececec;
}
.concussion-color {
	color: #ff6600;
}
.highlight-text {
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: #4682b4;
}
.new {
	color: #981b26;
	text-transform: uppercase;
}
.note {
	font-size: 11px;
	font-weight: normal;
	color: #434343;
	font-style: italic;
        line-height: 105%;
}
.outline-gray {
	color: #bbbbbb;
}
.page-title {
	font-size: 24px;
        margin-top: 0px;
}
.page-sub {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
        margin-bottom: 5px;
}
.photocaption {
	font-size: 10px;
	font-weight: normal;
	color: #434343;
	text-decoration: none;
	font-style: italic;
        line-height: 105%;
}
.photocaption-bold {
	font-size: 10px;
	font-weight: bold;
	color: #434343;
	text-decoration: none;
	font-style: italic;
}
.photo-title {
	font-size: 12px;
        line-height: 110%;
	font-weight: bold;
	color: #495c87;
	text-decoration: none;
	font-style: normal;
	margin-top: 10px;
}
.photo-text {
	font-size: 11px;
	font-weight: normal;
	color: #434343;
	text-decoration: none;
	font-style: none;
}
.quote {
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	color: #434343;
	margin-bottom: 2px;
}
.reference {
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	color: #333333;
        line-height: 105%;
}
.subtitle {
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	color: #495c87;
	margin-bottom: 2px;
}
.subsection {
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	color: #434343;
	margin-bottom: 5px;
	margin-bottom: 2px;
}
.testimonial {
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	color: #475a85;
	margin-bottom: 2px;
}
.title {
	font-size: 17px;
	font-weight: bold;
	font-style: normal;
	color: #434343;
	margin-bottom: 2px;
        line-height: 115%;
}

.testimonial > h1 {
	color:#333;
	font-family: helvetica;
	font-size: 24px;
	line-height: 1em;
	margin-bottom: 10px;
	font-style: normal;
}

.testimonial .testimonial_header, .testimonialItem .testimonial_header {font-style: normal;}

.testimonialItem {
	padding-bottom: 10px;
	margin-bottom: 25px; 
	border-bottom: 1px solid #E5E5E5;
}
.testimonialItem .node_item_header h2 a {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 120%;
}
.testimonialItem div.wysiwyg { margin-bottom: 15px;}
.booth-events {
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	color: #495c87;
}

#product_image_player-4 {visibility:hidden}
