a:link,a:visited { text-decoration:none; }

ul,ol { list-style:none; }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dd, dt
{ margin:0; padding:0; }

a img,:link img,:visited img { border: 0; }

.center {
  text-align: center;
}

body { 
	background: #fff;
	color: #000; 
	font-family: "trebuchet ms", tahoma, verdana, Arial, sans-serif; 
	font-size: small;
	letter-spacing: 0.04em;
	margin: 0;
	padding: 0;
}

body { 
	background: transparent url(./p/back.gif) repeat-y;
	font-size: x-small; /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /* for compliant browsers */
}	

html>body { /* be nice to Opera */
	font-size: small;
}	

h2 {
	font-size: 135%;
	font-weight: bold;
	padding-bottom: 20px;
}

a:link {
	background-color: inherit;
	color: #0633A2;
	font-weight: bold;
	text-decoration: underline;
}

a:visited, a:hover, a:active  {
	background-color: inherit;
	color: #0B48E0;
	font-weight: bold;
	text-decoration: underline;
}

div#container { 
	background: transparent url(./p/rgt.gif) repeat-y; /*shadow along right edge of page*/
	position: absolute; top: 0; left: 0;
	width: 979px;
}

table {
  width: 95%;
  border: 1px solid #e6e6e6;
  padding: 0;
}

th {
  background-color: #cdd7ee;
  color: #000;
  border: 1px solid #e6e6e6;
  font-weight: bold;
  font-size: large;
  text-align: center;
}

td {
  border: 1px solid #e6e6e6;
  vertical-align: top;
  padding: 5px;
}

td.cola {
  width: 55%;
}

td.colb {
  width: 45%;
}

/* BEGIN HEADER */	
div#header { 
	clear: both; 
	width: 969px; 
	height: 25px;
}

#lpg img {/*Low price guarantee*/
 	border: 0;
	position: absolute; top: 82px; left: 499px;
	z-index: 0;
}

div#ath {
	background-color: transparent;
	color: #EEF293;
	/*float: right;*/
	font-family: 'levenim mt', 'trebuchet ms', arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.02em;
	/*margin: 20px 140px 0 565px;*/
	position: absolute; top: 15px; left: 579px;
}

h1 { display: none;}

* html div#ath {/*IE won't take levenim for some reason so MOSe it*/
	font-family: 'trebuchet ms', arial, sans-serif;
}

p#ath1 {/*Athletes prefer DonJoy braces.*/
	background-color: transparent;
	color: #EEF293;
	/*float: right;*/
	font-size: 13pt;
}

p a#ath2 {/*Athlete Profiles>>*/
	background-color: transparent;
	color: #EEF293;
	/*float: right;
	margin: 10px -5px 0 0;*/
	font-size: 10pt;
	position: relative; left: 151px; top: 7px;
	text-decoration: none;
	width: 120px;
}

#logo {/*leaping man logo*/
	background: transparent url(./p/jhlogotag.gif) no-repeat;
	border: 0;
	/*float: left;
	margin: -5% 0 0 8px;*/
	width: 470px;
	height: 82px;
	vertical-align: middle;
	position: absolute; top: 35px; left: 15px;
	z-index: 0;
}

#logo img.jh {/*JointHealing.com*/
	border: 0;
	float:right;
	clear: left;
/*	position: relative; top: 20px; left: 140px;*/
}

#logo img.pppa {/*Patient preferred. Physician approved.*/
	border: 0;
	float: right;
	clear: left;
/*	position: relative; top: 43px; left: -187px;*/
}
/* END HEADER */

/* BEGIN MAIN CONTENT AREA */

.genimg {/*general image display*/
  border: 0;
  float: right;
  padding:  0 10px 10px 10px;
  height: 250px;
  /*width: 281px;*/
}

.stackimg {/*stacked image display*/
  border: 0;
  float: right;
  padding:  0 10px 10px 10px;
  height: auto;
  width: 190px;
  text-align: center;
}

.lrgimg {/*special class for wider images*/
	float: right;
    padding: 0 10px 10px 10px;
}

/*About Us*/
.aboutimg {
  border: 0;
  float: right;
  padding:  0 10px 10px 10px;
  height: 250px;
  width: 281px;
}

.aboutimg p {
  background-color: inherit;
  color: #666;
  font-size: x-small;
  font-weight: bold;
  padding: 0 0 10px 10px;
  text-align: center;
}

.aboutimg img {
  border: 0;
  padding:  0 10px 10px 10px;
}

.about {
  background-color: inherit;
  color: #838383;
  font-family: georgia, serif;
  font-size: large;
  font-style: oblique;
  font-weight: bold;
}

.awards {
  height: 120px;
  text-align: center;
  padding: 10px;
}

.awards img {
  padding: 0 10px;
}

.indent {
	margin-left: 40px;
}
/*End About Us*/

/*begin the dropdowns*/
div#otherways {
	display: inline;
	position: absolute; top: 165px; left: 150px; right: 18px;
	text-align: right;
}

div#otherways, .menu {/*Other ways to shop*/
	display: inline;
}

.menu {
	margin: 0 0 0 22px;
}

h3 {
	display: inline;
	font-family: 'levenim mt', 'trebuchet ms', arial, sans-serif;
	font-size: small;
	font-weight: bold;
}

h3#cart {
	margin: 0 0 0 75px;
}

h3#cart a {
	text-decoration: none;
	font-family: 'trebuchet ms', arial, sans-serif;
}

* html h3 { /*IE won't take levenim for some reason so MOSe it*/
	font-family: 'trebuchet ms', arial, sans-serif;
}

form {
	text-align: left;
	margin: 0 0 10px 0;
	padding: 10px;
}

input, select {
	background-color: #fff;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #0633A2;
	font-family: 'trebuchet ms', arial, sans-serif;
	font-size: 80%;
	font-weight: bold;
	line-height: 1.2em;
	padding: 2px;
}

input.button {
	background-color: #0633A2;
	color: #fff;
	border: 1px solid #999;
	margin-left: 2px;
	padding: 1px;
	text-align: center;
}

input.button:hover {
	background-color: #2655C9;
	color: #ff9;
	border: 1px solid #999;
	margin-left: 2px;
	padding: 1px;
	text-align: center;
}
/*end the dropdowns*/

div#maincontent { 
	background-color: transparent; 
	color: #000; 
	width: 969px; 
	margin: 0 0 0 0;
}	

/* BEGIN NAVIGATION */
div#navigation { background-color: transparent; color: #000; float: left; width: auto; }
div#navcontain {
	background: transparent url(./p/sidetop.jpg) no-repeat top left;
	color: #000;
	clear: left;
	margin-left: 0px;
	width: 165px;
	w\idth: 165px;
	height: 38px;
	position: absolute; top: 130px; left: 0;
}

#nav {
	margin: 38px 0 0 0;
	padding: 0 1px 20px 0;
	width: 165px;
}

#nav, #nav ul {
	line-height: 1em;
	list-style: none;
}

#nav li { /* all list items */
	width: 156px; /* width needed or else Opera goes nuts -- example has an em value though */
	font-family: "trebuchet ms", tahoma, arial, sans-serif;
	font-size: 100%;
	line-height: 1.2em;
}

* html #nav li {
	margin: 0 0 -1px 0;
}

#nav li ul { /* second-level lists */
	background: #EEEFF3; /*#DADDEB;*/
	border: 0;
	color: #0633A2;
	position: absolute;
	margin: -25px 0 0 130px;
	padding: 0;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 100;
}

#nav li ul ul { /* third-level lists */
	background: #EEEFF3; /*#C9D2F2;*/
	color: #0633A2;
	position: absolute;
	margin: -25px 0 0 162px;
	padding: 0;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 200;
}

#nav li:hover ul ul, #nav li.sfhover ul ul { /* 3rd level menu */
	left: -999em;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under 2nd hovered list items */
	left: auto;
}

#nav li li:hover ul, #nav li li.sfhover ul { /* 3rd level menu */
	left: auto;
}

/* #nav List Links */

#nav a {
 	background: #EEEFF3;
	border: 1px solid #EEEFF3;
	color: #0633A2;
	display: block;
	font-weight: bold;
	margin: 0;
	padding: 5px 0;
	text-align: center;
	text-decoration: none;
	width: 100%;
	line-height: 1.2em;
}

#nav a:hover {
	background: #FCFCFD;
	border-color: #ccc;
	color: #0B48E0;
	font-weight: bold;
}

#nav li ul a { /* second-level list links */ 
	background: #DADDEB;
	color: #0633A2;
	padding: 5px 2px 5px 5px;
	text-align: left;
}

#nav li ul a:hover { /* second-level list links */ 
	border-color: #999;
	text-align: left;
}

#nav li ul ul a { /* third-level list links */ 
	background: #C9D2F2;
	color: #0633A2;
	padding: 5px 2px 5px 5px;
	text-align: left;
}

#nav li ul ul a:hover {
	background: #FCFCFD;
	border-color: #999;
	color: #06329F;
	font-weight: bold;
}

#nav li.search { /*Search item only*/
	position: relative; top: -15px;
	margin-bottom: 18px;
	text-align: center;
}
#nav li.search a {
	display: inline;
}

#nav li.info {
	background-color: #EEEFF3;
	color: #000;
	clear: left;
	float: left;
	font-weight: bold;
	line-height: 1.5em;
	padding-top: 30px;
	text-align: center;
}

#nav .freeship {
	background-color: inherit;
	color: #ff9900;
	font-family: verdana, 'trebuchet ms', sans-serif;
	font-size: 145%;
	font-weight: bold;
	padding: 0 2px;
}
#nav a.learn {
	font-size: 90%;
	font-weight: normal;
}
#nav a:hover.learn {
	background-color: #eeeff3;
	border: 1px solid #eeeff3;
	color: #0B48E0;
	font-size: 90%;
	font-weight: normal;
}

#nav .resize {
	font-size: 90%;
	line-height: 1.3em;
}

#nav .resizesm {
	background-color: #f9f9f9; 
	border: 1px dotted #ccc;
	color: #0633A2;
	font-size: 90%;
	padding: 0 1px;
}

#nav .resizelg {
	 background-color: #f9f9f9; 
	 border: 1px dotted #ccc;
	 color: #0633A2;
	 font-size: 115%;
	 padding: 0 1px;
}
/*
/// start top navigation ///
*/

#topnav {
	text-align: left;
	position: absolute; top: 3px; left: 0;
	width: 325px;
	z-index: 100;
}

#topnav ul {
	float: left;
	margin: 4px 0 0 0;
	padding: 3px 2px 0 0;
	list-style-type: none;
}

#topnav li { 
	display: inline;
	margin: 0;	
	padding: 0 3px;
	text-align: right;
}

#topnav li+li {
	border-left: 1px solid #ccc;
}

#topnav a {
	color: #333;
	background-color: transparent;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 80%;
	font-weight: normal;
	text-decoration: none;
	padding: 5px 6px;
}

#topnav a:hover, body#contact #n-contact a {
	background-color: inherit;
	color: navy;
	padding-bottom: 5px;
	border-color: #EEEFF3;
	text-decoration: underline;
}
/* END NAVIGATION */

/* BEGIN PAGE CONTENT */
div#content { 
	background-color: transparent; 
	color: #000; 
	float: right; 
	width: 804px; 
	margin: 60px 0 0 0;
}

div#page {
	float: right;
	clear: left;
	/*width: 610px;*/
	margin: 3px 0 0 10px;
}

div#page p {
	margin: 0 15px 15px 0;
}

p {
	margin: 0 15px 15px 0;
}

* html div#here {/*breadcrumb nav for non-compliant browsers*/
	margin: 8px 0 20px 0;
}

div#here {/*breadcrumb nav for compliant browsers*/
	margin: -4px 0 20px 0;
	font-size: 85%;
	color: #666;
	background-color: inherit;
}

#here a:link, #here a:visited {/*breadcrumb nav links*/
	text-decoration: none;
	color: #666;
	background-color: inherit;
}

#here a:hover, #here a:active {/*breadcrumb nav links*/
	text-decoration: underline;
	color: blue;
	background-color: inherit;	
}

ul.whyjh, ul.list {
	list-style: square outside;
	margin: 0 0 25px 0;
}

ul.whyjh li, ul.list li {
	margin: 5px 10px 10px 22px;
}

ul.sublist {
	list-style: circle outside;
	margin: 0 0 25px 15px;
}

ol.numlist {
	list-style: decimal outside;
	margin: 0 0 25px 7px;
}

ol.numlist li {
	margin: 5px 10px 10px 22px;
}

div#highlight {
	/*width: 180px;*/
	float: right;
	clear: left;
	vertical-align: top;
}

/* Live Support */
div#support { 
	margin: 5px 0 0 0;
	float: right;
}
/* End Live Support */

/* Most Popular ... */

#pop {
	/*background: #EEFCD7#D6F8A0 #E2FABB #fff url(../p/popr.gif) no-repeat top left;*/
	background-color: #fff;
	border: 1px solid #f60;
	color: #000;
	float: right;
	clear: left;
	margin: 35px 7px 0 10px;
	width: 165px;
	padding: 10px 5px;
	line-height: 1.1em;
}
* html #pop { /*bump right for non-compliant browsers*/
	margin: 0 5px 0 0;
}

#pop h3 {
	 border-bottom: 1px solid #D60024; 
	 background-color: transparent;
	 color: #D60024;
	 font-size: 12pt;
	 font-weight: bold;
	 padding-bottom: 2px;
	 
}

.pn {/*product name*/
	font-size: 90%;
	font-weight: bold;
	margin: 35px 0 0 0;
	padding: 2px;
}

.pn a {
	text-decoration: none;
}

.pnm {/*product name for pages with multiple products -- make larger*/
	font-size: large;
	font-weight: bold;
	margin: 35px 0 0 0;
	padding: 2px;
}

.pnm a {
	text-decoration: underline;
}

.pi {
	border: 0;
	float: right;
	margin: 0 0 0 3px;
}

.pp {/*product promo*/
	background-color: inherit;
	color: #D60024;
	font-weight: bold;
	margin: 0 0 4px 0;
}


/* From the Doctor ... */
#doc {
	background-color: #cdd7ee; /*#dadff1; #EEF0F3 #C9D0D9 /*url(../p/doc.gif) no-repeat top left;*/
	color: #000;
	float: left;
	padding: 5px 15px;
	width: 570px;
}

* html #doc { /*bump left for non-complient browsers*/
	width: 567px;
}

#doc h3 {
	 border-bottom: 1px solid #03257a;/*#59678A #0633A2;*/
	 background-color: #cdd7ee;
	 color: #03257a;
	 font-size: 120%;
	 font-weight: bold;
	 padding-bottom: 2px;
}

#doc p {
	margin: 10px 0 0 0;
	line-height: 1.6em;
}

* html #doc p {/*Hack for IE*/
	margin: 10px 0 0 0;
}

div#doc p.blogstart {
	margin: 5px 0 0 0;
	line-height: 1.6em;
}

* html #doc p.blogstart {/*Hack for IE*/
	margin: 10px 0 0 0;
}

.feedback {
	background-color: inherit;
	color: #606060;
	font-size: 87%;
	font-style: oblique;
}

.blogsign, .blogstart {
	font-family: georgia, serif;
	font-style: oblique;
	text-align: right;
}

.blogstart {
	background-color: inherit;
	color: #6e6e6e;
	font-size: 9pt;
}
/* End from the doctor ... */

.pagenav {/*bottom of page navigation*/
  text-align: center;
}

.pagenav a:link, .pagenav a:visited {/*bottom of page navigation links*/
  font-family: georgia, serif;
  font-size: large;
  font-style: oblique;
  padding: 0 30px;
  text-decoration: none;
}

.pagenav a:hover {/*bottom of page navigation links*/
  text-decoration: underline;
}

/* END PAGE CONTENT */
	
/* BEGIN FOOTER */
div#footer {
	background: #fff;
	border-top: 1px dashed #ccc;
	float: right;
	clear: both;
	width: 804px;
	color: #333;
	font-size: 90%;
	margin: 10px 0 0 0;
	padding-top: 10px;
	text-align: left;
}

div#footer p {
	margin: 7px 15px;
}

div#footer a:link, div#footer a:visited {
	color: #333;
	background-color: transparent;
	text-decoration: underline;
}
/* END FOOTER */
/* END MAINCONTENT AREA */

/*BEGIN TABBED CONTENT*/

#tablist{/*Actual tab links/headers */
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold medium "trebuchet ms",arial, sans-serif;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #ccc;
border-bottom: none;
background-color: #cdd7ee;
}

#tablist li a.current {
background: #fff;
}

#tabcontentcontainer {
width: 550px;
/* Insert Optional Height definition here to give all the content a unified height */
margin-bottom: 10px;
margin-right: 200px;
padding: 10px;
border: 1px solid #ccc;
}

* html #tabcontentcontainer { /*hack for IE*/
	margin-bottom: 90px;
}

.tabcontent{
display:none;
}

.tabcontent img {
	border: 0;
	float: right;
}

#sc1, #sc2, #sc3, #sc4, #sc5, #sc6 {/*divs for tabbed content*/
	background-color: #fff;
	color: #000;
}

a.tabhead {
	text-decoration: none;
}

.tabcontent ul li {
	list-style: square outside;
	margin: 5px 5px 15px 15px;
}

.tabcontent ol li {
	list-style: decimal outside;
	margin: 5px 5px 15px 15px;
}

.tabcontent ul ul li {
	list-style: circle outside;
	margin: 0 0 0 20px;
}

.ques {/*FAQ questions on product pages*/
	display: block;
	font-weight: bold;
}

.mainques {/*Main FAQ questions*/
  background-color: inherit;
  color: #838383;
  font-family: georgia, serif;
  font-size: large;
  font-style: oblique;
  font-weight: bold;
}

.answ {/*Main FAQ answer drop cap*/
  float: left;
  font-size: large;
  font-weight: bold;
  font-family: georgia, serif;
  font-style: oblique;
  background-color: inherit;
  color: #c00;
  padding-right: 4px;
}

.faq {/*Main FAQ, box per question*/
  border-bottom: 1px dashed #ccc;
  margin: 10px 0;
}

.submit {/*normal submit buttons within a page*/
	font-size: 90%;
	text-align: center;
}

fieldset {
	border: 1px solid #ccc;
	margin: 0 17px 10px 0;
	padding: 15px 10px;
}

legend {
	background-color: #fff;
	color: #999;
	font-family: georgia, serif;
	font-size: large;
	font-weight: bold;
	font-style: oblique;
	margin: 0 -500px 0 500px;
	text-align: right;
}

/*CURRENCY CONVERTER*/
table.curcon {
	border: 0;
	width: 100%;
}
 
table.curcon td {
	padding: 10px;
	vertical-align: top;
}

.cellcenter {
	text-align: center;
}

.instruct {
	font-size: 90%;
	font-style: oblique;
}

form.curcon {/*Currency conversion form*/
	padding: 5px 0 10px 0;
	text-align: left;
}
/*END CURRENCY CONVERTER*/
/*END TABBED CONTENT*/

/*BEGIN PRODUCT*/
#prod {/*for individual product pages*/
	float: right;
	clear: left;
	margin: 15px 5px 20px 0;
	text-align: center;
	width: 200px;
}

#prod p {/*for individual product pages*/
	text-align: center;
}

.prod {/*for multiple product pages*/
  	clear: left;
	margin: 0 10px 30px 0;
	text-align: left;
}

.prod img {/*for multiple product pages*/
	clear: left;
	float: right;
	margin: 0 10px 10px 10px;
}

a:link.addcart, a:visited.addcart {
	background-color: #0633A2;
	border-top: 1px solid #333;
	border-right: 1px solid #999;
	border-bottom:  1px solid #999;
	border-left:  1px solid #333;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	margin: 10px 50px;;
	padding: 4px;
	text-align: center;
	text-decoration: none;
}

a:hover.addcart, a:active.addcart {
	background-color: #2655C9;
	color: #ff9;
	border: 1px solid #666;
	font-size: 90%;
	font-weight: bold;
	margin: 10px 50px;;
	padding: 4px;
	text-align: center;
	text-decoration: none;
}

.save {
	background-color: inherit;
	color: #f30;
	font-style: oblique;
}

.pricehist {
	background-color: inherit;
	color: #666;
	font-size: 90%;
}
/*END PRODUCT*/

.top {/*Return to top of page*/
  float: right;
  margin: 10px 20px 0 0;
  font-size: x-small;
  clear: both;
}

/*TESTIMONIALS*/
div#testimonials {
margin: 0 90px 0 30px;
color: #666;
}

div#testimonials p {
line-height: 1.4em;
font-size: 1.2em;
font-style: italic;
margin: 0;
font-family: Georgia;
}

div#testimonials p.sig {
text-align: right;
margin: 0 50px 40px 0;
font-style: normal;
font-size: 1.1em;
}
/*END TESTIMONIALS*/


/*EXTREME ATHLETE LIST
*********************************/

div#extathletes {
width: 600px;
float: left;
}

div#extathletes p {
margin: 0;
padding: 0 0 5px 0;

}

.athimg {
float: left;
width: 150px;
clear: left;
padding-bottom: 30px;
}

.extathlete {
float: right;
width: 420px;
}

.extathlete p.athlete {
background-color: inherit;
  color: #838383;
  font-family: georgia, serif;
  font-size: large;
  font-style: oblique;
  font-weight: bold;
}


.extathlete p.quote {
font-style: italic;
}

/*END EXTREME ATHLETE LIST*/


/*START TABLES
*********************************/
table.braceguide
{ 
text-align: center; 
width: 500px; 
border: 1px #999 solid; 
border-collapse: collapse; 
border-spacing: 0px; 
margin: 5px auto 10px auto;
}

table.braceguide th 
{
background:#ececec;
border: 1px #999 solid;  
text-align: left;  
padding:5px; 
}

table.braceguide td 
{
border-bottom: 1px #999 solid;
border-top: 0px; 
border-left: 1px #999 solid;
border-right: 0px; 
text-align: left;  
padding:5px; 
vertical-align: top;
}
/*END TABLES*/

/*START PHOTOS WITH CAPTIONS
******************************************/	
div.photoright {
	float: right;
	clear: right;
	padding: 10px; 
        margin: 10px; 
	text-align: center;
border: 1px solid #ccc;
}

div.photoright img {
margin: 0 auto;
}

.caption { 
	text-align: center;
	padding: 5px 0;
	font-size: 90%;
	font-weight: bold;
	}
	
/*END PHOTOS WITH CAPTIONS*/	

/*START 2-column top page nav
******************************************/	
div.navwrap {
float: left;
width: 100%;
}

div.navwrap div.left {
float: left;
width: 300px;
margin-left: 50px;
}


div.navwrap div.right {
float: right;
width: 300px;
}

div.navwrap ul ul {
margin: 0;}

/*END 2-column top page nav */	

/*START FORM DRESSING*/

.required {
 color: #c00;
 background-color: inherit;
}

.formfield {
 font-size: small;
}

.captcha {
  padding-left: 50%;
}

/*END FORM DRESSING*/


/*BEGIN ACCESSORIES TAB*/

#accessories {
	text-align: center;
	width: 100%;
}

div#accessories form {
	text-align: center;
	padding: 0 !important;
}

img.acc {
	float: none !important;
	margin: 10px 0;
}

.one {
	float: left;
	width: 33%;
	text-align: center;
}

.two { 
	float: left;
	width: 33%;
	text-align: center;
}

.three {
	float: left;
	width: 33%;
	text-align: center;
}

/*END ACCESSORIES TAB*/