body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #5c5c5c;
	background-image:url(images/headerstretch.gif);
	background-repeat:repeat-x;
	background-color:#cbcbcb;
	text-align:left;
}
form {
	padding: 0;
	margin: 0;
}
.greybg {
	background-color: #cbcbcb;
	width:60px;
	margin: 0 auto;
}
.leftheaderstretch {
	background-image: url(images/leftheaderstretch.jpg);
	background-repeat: repeat-x;
}
.rightheaderstretch {
		background-image:url(images/headerstretch.jpg);
		}

.navbarbg {
	background-image: url(images/navbarbg.jpg);
	background-repeat: repeat-x;
	height: 21px;
	z-index:100;
}
.footwrap {
	width: 932px;
	padding: 0 16px;
}
.footer {
	font-size: 10px;
	color: #3f3f3f;
	background-color:#FFFFFF;
	width:932px;
	text-align:left;
	
}
td.searchbg {
	background-image: url(images/tifHeader_Right.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 91px;
}
td.searchbg .head-container {
	position: relative;
	height: 91px;
}
td.searchbg .head-container form {
	position: absolute;
	top: 0px;
	right: 44px;
	height: 45px;
	width: 215px;
	background-color: #2e2e2e;
}
td.searchbg .head-container .topnav {
	text-align: left;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.searchbox {
	color:#FFFFFF;
	font-family:Helvetica,Geneva,Arial,sans-serif;
	font-size:12px;
	padding:10px 8px 5px 10px;
	margin-right: 4px;
	vertical-align:top;
	
}
	
form table.searchbox tr td input#search {
	color: #666666;
}



.content {
	background-color: #ffffff;
	text-align:left;
	padding-left:30px;
	padding-top:15px;
	padding-right:20px;
	width:881px;
}
/* Flash background*/
#flashbg {
	position:relative;
	width:932px;
	height:415px;
	text-align:left;
	vertical-align:top;
	z-index:4;
	}
.flash {
	position:absolute;
	height: 415px;
	}
.contentIndex {
	text-align:right;
	width:932px;
	max-width: 932px;
	margin: 0 16px;
	background-color: #ffffff;
}
.flashover {
	position:absolute;
	margin-top:100px;
	margin-left:533px;
	z-index:4;
	border:#0711a5 solid 2px;
	left: 98px;
	top: 103px;
	}
.footerbg {
	background-color: #ffffff;
}
.pagetitle {
	color: #0711a5;
	font-weight: bold;
	font-size: 14px;
	text-transform:uppercase;
}
.footerborder {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #3f3f3f;
	border-bottom-color: #3f3f3f;
	border-left-color: #3f3f3f;
}
form{
margin:0px;
}
input{
margin:0px;
}
label{
margin:0px;
}


		.subheader
			{
				color: #993333;
				font-size: 1.1em;
				font-weight: bold;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				text-transform: uppercase;

				
			}
		.headTD
			{
				background-image:   url(images/sec-back_header.gif);
				
			}
		#container {
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	text-align:left;
	z-index:100;
	height:2100px;
			}
		
		#bodyDist
			{
				position: absolute;
				top: 8px;
				left: 165px;
				text-align: left;
				width: 630px;
				font-family: verdana, arial, helvetica, sans-serif;
				font-size: .8em;
			}

		#footer span {display:none}
		.invis {display:none;}
		.sidebartitle
			{
				color: #000000;
				font-size: 10pt;
				font-weight: bolder;
				font-family: verdana, arial, helvetica, sans-serif;
			}
		.sidebarsubhead
			{
				color: #000000;
				font-size: 8pt;
				font-weight: bolder;
				font-family: verdana, arial, helvetica, sans-serif;
			}
		.sidebartext
			{
				color: #000000;
				font-size: 8pt;
				font-family: verdana, arial, helvetica, sans-serif;
			}
		.caption
			{
				color: #000000;
				font-size: 8pt;
				font-style: italic;
				font-family: verdana, arial, helvetica, sans-serif;
			}
		.headerfootertext
			{
				color: #000000;
				font-size: .8em;
				font-family: verdana, arial, helvetica, sans-serif;
			}
		.error
			{
				color: #FF0000;
				font-weight: bolder;
			}
		.success
			{
				color: #347235;
				font-weight: bolder;
			}
		.instructions
			{
				color: #999966;
				font-size: 8pt;
			}

		.required
			{
				color: #FF0000;
				font-weight: bolder;
			}
		.fieldlabel
			{
				color: #000000;
				font-weight: bolder;
			}
		.alternatelink
			{
				/*alternate to the standard a tag*/
			}
		a.alternatelink:link
			{
				color: #ddf;
				text-decoration: underline;
			}
		a.alternatelink:active
			{
				color: #ddf;
				text-decoration: underline;
			}
		a.alternatelink:visited
			{
				color: #ddf;
				text-decoration: underline;
			}
		a.alternatelink:hover
			{
				color: #ffc;
				text-decoration: none;
			}
		a:link
			{
				color: #0711A5;
				text-decoration: underline;
			}
		a:active
			{
				color: #0711A5;
				text-decoration: underline;
			}
		a:visited
			{
				color: #0711a5;
				text-decoration: underline;
			}
		a:hover
			{
				color: #7f7f81;
				text-decoration: none;
			}
		/************************************/
		/*     End Standard CSS Classes */
		/***********************************/
.videonav {
	line-height: 18px;
	font-size: 14px;
}
.videonav {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cbcbcb;
}

.videonav strong {
	line-height: 30px;
}
.videonav a {
	color: #5C5C5C;
	text-decoration:none;
	/*padding-left:10px;*/
}
.videonav strong {
	/*padding-left:10px;*/
}
.videolink{
	background-color: #ffffff;
}
.provideo {
	z-index:0;
	padding-top:55px;
	text-align:center;
	}

/* Highslide CSS */
/* there was no class name associated with this, so commenting it out
{
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10pt;
}
*/
.highslide {
	cursor: url(/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: 2px;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(/highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.newprodheader {
	font-size: 15px;
	font-weight: bold;
	color: #b90000;
	line-height: 25px;
}
.indexfooter {
	background-image: url(images/indexfooterbg.jpg);
	background-repeat: no-repeat;
	height: 137px;
	background-position:top;
	background-color: #FFFFFF;
}
.indexfooter .findadistributor {
	padding-left: 10px;
	padding-top: 15px;
}


.newprod {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c5c5c5;
	margin-bottom: 20px;
}
.indexfooter .indexwhatsnew {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 13px;
	padding-top: 12px;
	padding-left: 26px;
	padding-right: 20px;
}
.indexfooter .indexwhatshot {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	padding-top: /*39px*/ 46px;
	padding-left: 19px;
	padding-right: 20px;
	width: 280px;
}

.indexfooter .invention_icon {
	float: right;
	padding: 0 0 0 15px;
}

		.newprodsublinks
			{
				color: #f20000;
				font-size: 8pt;
			}
		.newprodsublinks a
			{
	color: #f20000;
	font-size: 8pt;
	text-decoration: none;
			}

		#containerRollover {
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			width: 625px;

			}

		#layerRollover1
			{
				position: absolute;
				top: 199px;
				left: 405px;
				text-align: left;
				width: 241px;
				height: 196px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 0.8em;
				color: #333333;
				/* These are not valid styles, and do not validate
				scrollbar-face-color: #DDDDDD;
				scrollbar-shadow-color: #333333;
				scrollbar-highlight-color: #EEEEEE;
				scrollbar-3dlight-color: #DDDDDD;
				scrollbar-darkshadow-color: #333333;
				scrollbar-track-color: #EEEEEE;
				scrollbar-arrow-color: #999999;
				*/
			}
					#layerRollover1new
			{
				position: absolute;
				top: 69px;
				left: 289px;
				text-align: left;
				width: 316px;
				height: 196px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: .8em;
				color: #333333;
				/* These are not valid styles, and do not validate
				scrollbar-face-color: #DDDDDD;
				scrollbar-shadow-color: #333333;
				scrollbar-highlight-color: #EEEEEE;
				scrollbar-3dlight-color: #DDDDDD;
				scrollbar-darkshadow-color: #333333;
				scrollbar-track-color: #EEEEEE;
				scrollbar-arrow-color: #999999;
				*/
			}
		#layerRollover2
			{
				overflow: auto; 
				position: absolute;
				top: 352px;
				left: 115px;
				text-align: left;
				width: 206px;
				height: 173px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 0.9em;
				font-weight: bolder;
				color: #333333;
				/* These are not valid styles, and do not validate
				scrollbar-face-color: #DDDDDD;
				scrollbar-shadow-color: #333333;
				scrollbar-highlight-color: #EEEEEE;
				scrollbar-3dlight-color: #DDDDDD;
				scrollbar-darkshadow-color: #333333;
				scrollbar-track-color: #EEEEEE;
				scrollbar-arrow-color: #999999;
				*/
			}
		.RolloverLink
			{
				display:block;
				padding:5px 0px 7px 0px;
			}
		a.RolloverLink:link
			{
				color: #FFF;
				text-decoration: underline;
			}
		a.RolloverLink:active
			{
				color: #ddf;
				text-decoration: underline;
			}
		a.RolloverLink:visited
			{
				color: #ddf;
				text-decoration: underline;
			}
		a.RolloverLink:hover
			{
				color: #ffc;
				text-decoration: none;
			}
		#otcContact {
			color:#FFFFFF;
			background-color:#0711a5;
			padding-left:10px;
			}
			


/**********************************************/
/*    basemod is the basemodule idea from LZE
      and other sites - the thumbnail, name,
	  description thing we showed over and over
	  when a search was done                  */
/**********************************************/

.basemodprdname{  /* product name */
	font-weight: bold;
}
.basemodprdname a:link{  /* product name link properties */

}
.basemodprdname a:hover {  /* product name hover link properties */

}
.basemodprdname a:visited { /* product name visited link properties */

}
.basemoddetails{ /* product details */

}
.basemodprice{ /* product price */

}
.basemodsalesprice{ /* product sales price */
	color: #7c1e27;
	font-weight: bolder;
}
.basemodbestseller{ /* best seller properties */
	color: #1e367c;
}

/**********************************************/
/*    Classes used for Product Catalogs       */
/**********************************************/

.rowstyle_first {
	/*border-bottom: 6px solid  #e9e9d1;*/
	border-top: 3px solid  #cccccc;
	border-bottom: 3px solid  #cccccc;
}

.rowstyle_last {
	border-bottom: none;
}

.rowstyle_other {
	/*border-bottom: 6px solid  #e9e9d1;*/
	border-bottom: 3px solid  #cccccc;
}

.gridstyle_center {
	/* border-left: 1px solid #e9e9d1;*/
	/* border-right: 1px solid #e9e9d1;*/
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

	/***********************************/
	/*   Begin Content Slider Styles   */
	/***********************************/
	
.sliderwrapper{
position: relative; /*leave as is*/
overflow: inherit; /*leave as is*/
border-bottom-width: 6px;
width: 500px; /*width of featured content slider*/
height: 1100px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background: white;
width: 490px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
}

.pagination{
width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: left;
padding: 5px 10px;
line-height:19px;
}

.orderbox {
	border:#999999 4px double;
	background-color:#f0f0f0;
	padding:8px;
	width:230px;
	text-align:left;
	font-size:12px;
	}