/* this defines the area surrounding outside of main table 
The max-width is for Firefox, to let it know how wide you want your page to be. It's the maximum width of the main content table.
*/


body {
max-width: 1050px;
background-color:#dfdfdf;
font-family: sans-serif, Futura, Verdana, Arial;
font-size: 93%; /*leave this...it sets the overall size of your fonts.*/
color: #000;
margin:auto;
padding: 0;
text-align:center;
}

/* background-color:#444444; Kelly - Change to Dark Gray? */

/* 
The width:expression part is for internet explorer, which doesnt understand max-width commands.
So this works WITH the max-width at the top of this page. If you change the width up there, then change it here too.
Otherwise, those using IE wont get the width constraint....their page would expand indefinitely.
Firefox will ignore this part, and IE will ignore the max-width part....you need both of them.
*/

.max-width {
width:expression(document.body.clientWidth > 1052? "1050px": "auto" );
}

/*the font size is 100% of the body font setting So while it says 100%, that is actually 100% of 93%. */
table {
font-size:100%; /*leave this font size, change the individual cells below, if the default size isnt to your liking*/
color:inherit;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}


/* class for thinner horizontal rule.*/
hr{
border: 0;
color:inherit;
background-color: #999;
height: 1px;
width: 80%;
text-align: center;
}



/* class for using graphics as bullets. */
 
ul {
list-style-type: none;
padding-left: 0;
margin-left: 10px;
}
 
li.custom {
background-image: url(http://www.needle-pain-management.com/images/bullet-buzzy.png);
background-position: left top;
background-repeat: no-repeat; 
padding-left: 20px;
margin-bottom: 10px;

 }
 
/* Link-text and headings. */

a { font-family: Arial, Verdana, sans-serif; 
font-size: 100%; color: #000099; 
text-decoration: underline;
}

a:hover { font-family: Arial, Verdana, sans-serif;
 font-size: 100%; 
 background-color: #ffcc00;
 color: #000000;
 }

/* h1 { font-family: Arial, Verdana, sans-serif; font-size: 150%;  color: #fff; text-align:left; padding: 5px 5px 5px 10px; margin: 10 0 4 0} */

h1 { font-family: Arial, Verdana, sans-serif; font-size: 150%;  color: #fff; text-align:left; padding: 5px 5px 5px 10px; margin: 10 0 0 0}
h2 { font-family: Arial, Verdana, sans-serif; font-size: 130%;  color: #006699; font-weight: bold; text-align:center;}
h3 { font-family: Arial, Verdana, sans-serif; font-size: 108%;  color: #006699; text-align:center;}
h4 { font-family: Arial, Verdana, sans-serif; font-size: 108%;  color: #006699; text-align:left;}
h5 { font-family: Arial, Verdana, sans-serif; font-size: 130%;  color: #fff; text-align:left; padding: 5px 5px 5px 10px; margin: 10 0 0 0}
h6 { font-family: Arial, Verdana, sans-serif; font-size: 120%;  color: #ffffff; text-align:left; font-weight: normal;}
h-white { font-family: Arial, Verdana, sans-serif; font-size: 135%;  color: #ffffff; text-align:left; }
/* Kelly:  h-white doesn't work with IE!!!  It's reg. size.  If I change the name to h5, then Firefox gets screwed up 
and the text itself gets center-aligned.  Strange stuff */

#tier2headertxtbox h1
{
font-family: Arial, Verdana, sans-serif;
font-weight:bold;
font-size: 150%;
line-height:12px;
color:#ffffff;
text-align: center;
}
.superscript
{
font-size:xx-small;
vertical-align:super;
} 


/* Background colors for the table cells. */

td.logo {
background-color:#fff;
font-size: 100%; 
}

td.headerbg {
background-color:#fff;
background:url('../image-files/stripes-across-top.jpg');
background-position: left top;
background-repeat:repeat-x;
 font-size: 93%; 
}

td.spacerbg {
 font-size: 93%;  
 background-color:#fff;
}

td.contentbg {
background-color:#ffffff;
border-left: 3px solid #fff;
border-right: 3px solid  #fff;
border-top: 3px solid  #fff;
border-bottom: 3px solid  #fff;
font-size: 93%; 
color:#inherit;
padding:10px;
}


td.rightbg {
font-family: Arial, Verdana, sans-serif;
font-size: 86%;
color:inherit;
background-color:#fff; 
padding:5px;
}

td.leftbg {
font-size: 86%;
color:inherit;
margin-left: 5px;
background-color:#fff;
background-repeat:repeat-y;
padding:0px; 
}

td.footerbg {
font-size: 86%;
color:inherit;
background-color:#ffffff;
padding:5px; 
}


td.left-color-block-white {
font-size: 86%;
color:inherit;
padding:0px; 
background-color: #ffffff;
}

td.left-spacer {
font-size: 86%;
color:inherit;
padding:0px; 
background-color: #fff;
background-repeat: no-repeat;

}

td.middle-spacer {
font-size: 86%;
color:inherit;
padding:0px; 
background-color: #fff;

}


td.right-color-block-white {
color:inherit;
padding:0px; 
background-color:#ffffff; 
}


td.color-block-white {
font-size: 110%;
color:inherit;
padding:0px; 
background-color:#ffffff; 
}



/* heading background color....the H1, H2, and H3 tags*/
.hbg-green{
background-color:#66cc33; 
color:#fff;
width: auto;
}

.hbg-green2{
background-color:#669933; 
color:#fff;
width: auto;
}

.hbg-green3{
background-color:#cccc33; 
color:#fff;
width: auto;
}

.hbg-red{
background-color:#CC0033; 
color: #ffffff;
width: auto;
}

.hbg-purple{
background-color:#663366; 
color: #ffffff;
width: auto;
}

/* information below is to remove the link styling for anchor links. */
a.jumplink{
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
}

a:hover.jumplink  {
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
} 

#bannermenu {
	clear: right;
	float: right;
	width:40%;
  	margin: 0;
  	padding: 0px 0 0 0;
  	}

#mycart {
  	float:right;
  	margin: 0;
  	padding: 8px 8px;
  	background-image:url('../image-files/Shoppingcart_16x16.png');
  	background-repeat: no-repeat;
  	background-position: 0 50%;
  	}
  	
#bannermenu li
{
float:right;
margin: 0;
padding:0 0 0 14px;
font-family: Arial, Verdana, sans-serif;
}

#bannermenu a
{
float:left;
display: block;
margin: 0;
padding: 4px 8px;
color: #666666;
text-decoration: none;
border-right:1px #fff solid;
border-bottom: none;
}  	




#topnav
{
font-size:100%;
float: left;
width: 100%;
margin: -5px 0px 0px 0px;
padding: 5px 0px 0px 0px;
list-style: none;
/* background-color: #fff; */
background-image:url('../image-files/buttonbackground-2.png'); 
background-position:left;
background-repeat:repeat-x;
border-top-width:0px;
}

#topnav ul
{
list-style:none;
padding:0 0 0 0;
margin:0;
}

#topnav li
{
float:left;
margin: 0;
padding: 0;
font-family: Arial, Verdana, sans-serif;
}

#topnav a
{
float:left;
display: block;
margin: 0;
padding: 4px 8px;
color: #999999;
font-weight: bold;
text-decoration: none;
border-right:1px #fff solid;
border-bottom: none; 
/* border: 1px #cccccc solid; */
background-color: #fff;
background-image:url('../image-files/buttonbackground.png');
background-position:left;
background-repeat:repeat-x;
}

#page-Home li.tnav-Home a, #page-Research li.tnav-Research a, #page-Testimonials li.tnav-Testimonials a, #page-AboutUs li.tnav-AboutUs a
{
float:left;
display: block;
margin: 0;
padding: 4px 12px;
color: #333;
text-decoration: none;
border-right:1px #fff solid;
border-bottom: none;
background-image:none;
background-color:#ffffff;
}

#topnav a:hover
{
float:left;
display: block;
margin: 0;
padding: 4px 12px;
color: #333;
text-decoration: none;
border-right:1px #fff solid;
border-bottom: none;
background-image:none;
background-color:#ffcc00; 
}


#midboxnav
{
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
display:inline;
}

.rightgutter
{
float: left;
margin: 0 0px 0px 0;
padding: 0px 0px 0px 0px;
font-family: Arial, Verdana, sans-serif;
font-size: 14pt;
color: red;
text-align: center;
}

.rightgutter2
{
float: left;
margin: 0px 0px 0px 0;
padding: 0px 0px 0px 0px;
font-family: Arial, Verdana, sans-serif;
font-size: 14pt;
color: red;
text-align: center;
}

.rightgutter p
{
text-align:center;
/* line-height: 44px; */
}

.rightgutter2 p
{
text-align:center;
/* line-height: 44px; */
}

.spacer
{
	width:100%;
/* 	height:20px;*/
	background-color:#fff;
}


#midboxnavright
{
float: left;
height:44px;
margin: 0 5px 5px 0;
padding: 0px 0px 0px 0px;
width: 310px;
/* background-image:url('../image-files/off_bg_big.gif'); */
background-repeat:repeat-x;
font-family: Arial, Verdana, sans-serif;
font-size: 14pt;
/* border:#cfcfcf 2px solid; */
color: red;
text-align: center;
}

#midboxnavright p
{
text-align:center;
line-height: 44px;
}
.hidden
{
display:none;
}

.unhidden
{
display:block;
}

.clearfloatall
{
clear:both;
}

.box2col
{
width:100%;
margin:0;
padding:0;
font: #ffffff;
background-color: #ffffff;
}

#contentbox2col
{
width:100%;
margin:0 0 0 0;
background-color: #ffffff;
}

.box1col
{
width:98%;
margin:0 0 0 0;
padding: 1% 1% 1% 1%;
background-color: #ffffff;
}

#tier2headerbox
{
width:500px;
margin:0 0 10px 0;
height:165px;
padding: 5px 5px 5px 5px;
background-color: #006699;
}

#tier2headertxtbox
{
float:left;
width:300px;
margin:0 0 0 0;
font: #ffffff;
height:155px;
padding: 0px 5px 5px 20px;
background-color: #006699;
}

#tier2headerimgbox
{
float:right;
width:250px;
margin:0 0 0 0;
height:165px;
padding: 0 0 0 0;
background-color: #006699;
}

#topboxcol2
{
margin: 0 0px 0px 0;
height: 500px;
padding: 0px 0px 0px 0px;
width: 265px;
float: left;
background-color:#c4c431;
}
.shiftimg
{
	float:none;
	position:relative;
	margin-top: -40px;
	margin-bottom: -30px;
	z-index:1;
}
.shiftimgrt
{
	float:right;
	position:relative;
	margin-top: -40px;
	margin-right: -2px;
	margin-bottom: -25px;
	z-index:1;
}

.shiftimgrt2
{
	float:right;
	position:relative;
	margin-top: -20px;
	margin-right: 0px;
	margin-bottom: -40px;
	z-index:1;
}

.shiftimgup
{
	float:right;
	position:relative;
	margin-top: -60px;
	margin-right: 0px;
	margin-bottom: 0px;
	z-index:1;
}

/* ADDED FOR TESTIMONIALS PAGE */
.testimonials
{
	border-bottom:thick;
	border-bottom-color:#ffcc00;
	border-bottom-style:solid;
}
.testimonials-header
{
	border-bottom:thin;
	border-bottom-color:#ffcc00;
	border-bottom-style:solid;
}

.testimonials-header p
{
	line-height:8px;
}
.testimonialsfirst-header
{
	border-bottom:thin;
	border-bottom-color:#ffcc00;
	border-bottom-style:solid;
}
.testimonialsfirst
{
	clear:both;
	border-top:thick;
	border-top-color:#ffcc00;
	border-top-style:solid;
	border-bottom:thick;
	border-bottom-color:#ffcc00;
	border-bottom-style:solid;
	font-family: sans-serif, Arial, Futura, Verdana;
}
.testimonialsfirst-header p
{
	line-height:8px;
}
.simple-float-right
{
	float:right;
	vertical-align:text-top;
	margin-left:5px;
	margin-bottom:5px;
}

.testimonials-quote
{
	clear:both;
	border-top:thick;
	border-top-color:#ffcc00;
	border-top-style:solid;
	border-bottom:thick;
	border-bottom-color:#ffcc00;
	border-bottom-style:solid;
	font-family: Times New Roman, serif;
	font-size:115%;
	font-style:italic;
}

/* For handling non-italics w/in Quote box */
.testimonials-quote-top
{
	clear:both;
	border-top:thick;
	border-top-color:#ffcc00;
	border-top-style:solid;
	font-family: Times New Roman, serif;
	font-size:115%;
	font-style:italic;
}

.testimonials-quote-bottom
{
	clear:both;
	border-bottom:thick;
	border-bottom-color:#ffcc00;
	border-bottom-style:solid;
	font-family: Times New Roman, serif;
	font-size:115%;
	font-style:italic;
}

.testimonials-quote-mid
{
	clear:both;
	font-family: Times New Roman, serif;
	font-size:115%;
	font-style:italic;
}

.testimonials-quote-no-mid
{
	clear:both;
	font-family: sans-serif, Futura, Verdana, Arial;
	font-style:normal;
}


/* ADDED FOR Tabbed In-Content Nav */
#1contentboxcol1
{
float:left;
/* width: 530px; */
width: 90%;
/* margin: 0 45px 0 10px; */
margin: 0 0px 0 0px; 
}

#2contentboxcol1
{
float:left;
/* width: 530px; */
margin: 0 0px 0 0px;
}

#3contentboxcol1
{
float:left;
/* width: 530px; */
margin: 0 0px 0 0px;
}

#4contentboxcol1
{
float:left;
/* width: 530px; */
margin: 0 0px 0 0px;
background-color: #fff;
}

.contentboxcol1
{
float:left;
width: 530px;
/* width: 90%; */
margin: 0 10px 0 10px; 
padding: 20px 20 20 20;
border-left: 3px solid #006699;
border-right: 3px solid  #006699;
border-top: 3px solid  #fff;
border-bottom: 3px solid  #006699;
background-color: #fff;
}


.contentboxcol2
{
float:left;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
width: 275px;
background-color: #fff;
display:inline;
}

.contentboxcoltop
{
float:left;
width: 570px;
/* width: 100%; */
margin: 0 10px 0 10px; 
border-left: 3px solid #006699;
border-right: 3px solid  #006699;
border-top: 3px solid  #006699;
border-bottom: 3px solid  #fff;
background-color: #006699;
}


.article
{
float:left;
margin: 0 0 0 0;
height: 150px;
width: 265px;
margin: 0 0 0 0;
padding: 0 5px 0 5px;
border-left: 2px #efefef solid;
background-color: #ffffff;
overflow:hidden;
}
.article-anchor
{
width: 100%;
border-bottom: 2px #efefef solid;
border-left: 2px #efefef solid;
padding: 0 0 0 0;
margin: 0 0 30px 0;
}
.article-anchor a
{
text-align: center;
text-decoration:underline;
color:#ffcb2d;
}


/* NAV2 STYLES */
#midboxnav li
{
float:left;
margin: 0;
padding: 0;
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
}

.selected
{
background-image:url('../image-files/on_bg.gif');
background-repeat: repeat-x;
background-position: top left;
background-color: #fff;
}

.unselected
{
background-image:url('../image-files/off_bg.gif');
background-repeat: repeat-x;
background-position: top left;
background-color: #fff;
}


#midboxnav a
{
float:left;
display: block;
margin: 0;
padding: 4px 8px;
color: #333;
height: 24px;
text-decoration: none;
border: 3px solid #006699;
border-bottom: none;
background-color: #ffffff;
/* background-image:url('../image-files/off_bg.gif'); */
/* background-repeat: repeat-x; */
/* background-position: top left; */
}

#midboxnav a:link, #midboxnav a:visited
{
margin: 0;
padding-bottom:0px;
color: #333;
border-bottom: none;
background-color: #cccccc;
/* background-image:url('../image-files/off_bg.gif'); */
background-repeat: repeat-x;
background-position: top left;
}

#midboxnav a:hover, #midboxnav a:active
{
margin: 0;
padding-bottom:0px;
color: #333;
border-bottom: none;
background-color: #fff;
/* background-image:url('../image-files/on_bg.gif'); */
background-repeat: repeat-x;
background-position: top left;
}

#footer
{
	width:100%;
	background-color:#cccccc;
	color:red;
}


.press-release
{
border-top:thick;
border-top-color:#ffcc00;
border-top-style:solid;
margin: 0 0 0 0;
width: 100%;
margin: 0 0 0 0;
padding: 0 5px 0 5px;
}
.press-release-header
{
width: 100%;
padding: 0 0 0 0;
margin: 0 0 30px 0;
border-bottom:thin;
border-bottom-color:#ffcc00;
border-bottom-style:solid;
}