/***** GLOBAL 2 *****/
html, body { margin: 0;	padding: 0;	height: 100%; width: 100%;
		     font: normal 10pt Arial, Helvetica, sans-serif;
			 background: #797979 url("/binary/themes/TOPNAV_THEME_6/images/bg_tile_page.jpg") repeat;
			 background-position: 0 2px; line-height: 1.4em;
}


/***** BEGIN THEME LAYOUT *****/
table { 
	font-size:100%; 
	font-family:Arial, Helvetica, sans-serif; 
	border-collapse:collapse; 
}

/* Standard HTML attributes */
H1 {
    font-family: Arial, Helvetica, sans-serif;    
    font-weight: bold;
    font-size: 18px;      
    color: #333;
	margin: 0;
}
.subBlock H1, H1.dotted {
	font-family: Arial, Helvetica, sans-serif;    
    font-weight: bold;
    font-size: 18px;      
    color: #333;
    background: url(/binary/themes/TOPNAV_THEME_6/images/L_dots.gif) no-repeat bottom left;
	padding: 5px 0 15px 0;
	width: 100%;
	height: 15px;
	margin: 0 0 15px;
}
H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #333;
	margin: 0;
}
H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #333;
	padding: 5px 0 5px 0;
	margin: 0;
}
H4, span.h4 {    
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #333; 
	letter-spacing: 1px; 
	padding: 10px 0px 0px 10px;
	margin: 0px;
}
H5 {    
	font-family: Arial, Helvetica, sans-serif;    
	font-weight: bold;    
	font-size: 12px;
}

A:link, A:active, A:visited, A { color: #EE3D42; }

form {
	margin: 0;
	padding: 0;
}
ul li {
	color: #000;
	padding-bottom:5px;
}
/* end standard HTML attributes */

.clear {
	clear: both;
}
#shadow { background: none; }

#main {
	background-color: #fff;
	width: 946px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: left;
}
#top {
	position: relative;
	background: url(/binary/themes/TOPNAV_THEME_6/images/bg_top3.jpg) no-repeat;
	width:946px;
	top: 0;
}
#top .hLeft {
	float:left; 
	width: 450px;
	margin: 0;
	padding:0;
}
#top .right {
	color: #fff;
	padding: 20px 35px 0 0;
	position: relative;
	display: table;
	float: right;
	width: 200px;
}

#topMenu {
	padding: 0;
	margin: 0;
	display: table;
	width:946px;
	white-space: nowrap;
}
#centerWrapper {
	background: url(/binary/themes/TOPNAV_THEME_6/images/body_bg_repeat.jpg) repeat-y left top;
	position: relative;
}
#center {
	background: url(/binary/themes/TOPNAV_THEME_6/images/body_bg.jpg) no-repeat left top;
	width: 946px;
	padding: 0;
	margin: 0;
	position: relative;
}
#center .subBlock { padding: 0px 30px;  margin-bottom: -15px; }
#center .rightContentIn .modSpacer .subBlock { padding: 0px }

.home {
	font-size: 100%;
	width: 946px;
	height: 66px;
	color: #6c6c6c;
}
.roundTop {
	background: url(/binary/themes/TOPNAV_THEME_6/images/white_rounded.jpg) no-repeat top center;
	margin: 0;
	padding: 0;
	width: 946px;
	height: 12px;
}
.left2col {
	float:left;
	width: 244px;
	margin: 0;
	padding: 0 0 0 20px;
	position: relative;
}
.right2col {
	float: right;
	width: 638px;
	margin: 0;
	padding: 0 20px 0 0;
	position: relative;
}
.rightContentTop {
	background: url(/binary/themes/TOPNAV_THEME_6/images/block_top_sub1.gif) no-repeat top left;
	margin: 0;
	padding: 0;
	width: 638px;
	height: 10px;
	position: relative;
}
.rightContent {
	background: url(/binary/themes/TOPNAV_THEME_6/images/bg_block_sub.gif) repeat-y top left;
	padding: 0;
	margin: 0;
	width: 638px;
	position: relative;
	vertical-align: top;
	display: table;
}
.rightContentIn {
	padding: 0 15px;	
}
.rightContentBottom {
	margin: 0;
	padding: 0;
	background: url(/binary/themes/TOPNAV_THEME_6/images/block_bottom_sub1.gif) no-repeat top left;
	width: 638px;
	height: 10px;
	position: relative;
}

#bottom { 
	color: #797979; 
	font-size: 85%;
	width: 946px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0; 
	margin-left: auto;
	text-align: center;
	line-height: normal;
}
#copyWrapper {
	margin: 0;
	height: 97px;
	padding: 40px 20px 0 25px;
	background: url(/binary/themes/TOPNAV_THEME_6/images/footer2.jpg) no-repeat top center;
	font-weight: bold;
	text-align: left;
	position:relative;
	color: #797979;
}
#copy {
	position:relative;
	line-height: 150%;
}
#copy a {
	text-decoration: none;
	color: #797979;
	font-size:9pt;
}
#copy a:hover { text-decoration: underline; }

.errorMessage {
	padding: 20px;
}

/************************* left nav styles *************************/
#leftNavigation {
	padding:0;
	margin:0;
	font-size:12px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	position:relative;
}
.leftNavLvl2, .leftNavLvl2Trans {
	padding:10px 0 0 30px;
	background: url(/binary/themes/TOPNAV_THEME_6/images/main_background_gradient.gif) no-repeat top center;
	width:214px;
	height:29px;
	margin:0;
	position:relative;
}
.leftNavLvl2Sel {
	padding:10px 0 0 30px;
	background: url(/binary/themes/TOPNAV_THEME_6/images/main_background_gradient.gif) no-repeat top center;
	width:214px;
	height:29px;
	margin:0;
	position:relative;
}
.leftNavLvl2TransSel {
	padding:10px 0 0 30px;
	background: url(/binary/themes/TOPNAV_THEME_6/images/sub_background_gradient.gif) no-repeat top center;
	width:214px;
	height:24px;
	margin:0;
	position:relative;
}
.leftNavLvl3 {
	padding:5px 0 0 20px;
	background: url(/binary/themes/TOPNAV_THEME_6/images/sub_background_withdot_ON.gif) no-repeat top center;
	width:224px;
	height:23px;
	margin:0;
	position:relative;
}
.leftNavLvl3Sel {
	padding:5px 0 0 20px;
	background: url(/binary/themes/TOPNAV_THEME_6/images/sub_background_withdot_OVER.gif) no-repeat top center;
	width:224px;
	height:23px;
	margin:0;
	position:relative;
}
.leftNavLvl3Trans {
	padding:5px 0 0 20px;
	background: url(/binary/themes/TOPNAV_THEME_6/images/sub_background_bottom_gradient_ON.gif) no-repeat top center;
	width:224px;
	height:26px;
	margin:0;
	position:relative;
}
.leftNavLvl3TransSel {
	padding:5px 0 0 20px;
	background: url(/binary/themes/TOPNAV_THEME_6/images/sub_background_bottom_gradient_OVER.gif) no-repeat top center;
	width:224px;
	height:26px;
	margin:0;
	position:relative;
}
.leftNavLvl4 {
	padding:5px 0 0 40px;
	background: url(/binary/themes/TOPNAV_THEME_6/images/sub_background_withdot_ON.gif) no-repeat top center;
	width:204px;
	height:23px;
	margin:0;
	position:relative;
}
.leftNavLvl4Sel {
	padding:5px 0 0 40px;
	background: url(/binary/themes/TOPNAV_THEME_6/images/sub_background_withdot_OVER.gif) no-repeat top center;
	width:204px;
	height:23px;
	margin:0;
	position:relative;
}
.leftNavLvl4Trans {
	padding:5px 0 0 40px;
	background: url(/binary/themes/TOPNAV_THEME_6/images/sub_background_bottom_gradient_ON.gif) no-repeat top center;
	width:204px;
	height:32px;
	margin:0;
	position:relative;
}
.leftNavLvl4TransSel {
	padding:5px 0 0 40px;
	background: url(/binary/themes/TOPNAV_THEME_6/images/sub_background_bottom_gradient_OVER.gif) no-repeat top center;
	width:204px;
	height:32px;
	margin:0;
	position:relative;
}
.botLeftNav {
	background:url(/binary/themes/TOPNAV_THEME_6/images/main_outside_gradient_bottom.gif) no-repeat top center;
	width:244px;
	height:6px;
	padding: 0;
	margin:0 0 10px;
	position:relative;
}

.leftNavLvl2 a:active, .leftNavLvl2 a:visited, .leftNavLvl2 a:link,
.leftNavLvl2Trans a:active, .leftNavLvl2Trans a:visited, .leftNavLvl2Trans a:link {
	color:#595756;
	text-decoration:none
}
.leftNavLvl2 a:hover, .leftNavLvl2Sel a, .leftNavLvl2Trans a:hover, .leftNavLvl2TransSel a {
	color:#FF4643;
	text-decoration:none;
}
.leftNavLvl3 a:active, .leftNavLvl3 a:visited, .leftNavLvl3 a:link,
.leftNavLvl3Trans a:active, .leftNavLvl3Trans a:visited, .leftNavLvl3Trans a:link,  
.leftNavLvl3Sel a, .leftNavLvl3TransSel a {
	color:#565656;
	text-decoration:none;

}
.leftNavLvl4 a:active, .leftNavLvl4 a:visited, .leftNavLvl4 a:link, 
.leftNavLvl4Trans a:active, .leftNavLvl4Trans a:visited, .leftNavLvl4Trans a:link, 
.leftNavLvl4Sel a, .leftNavLvl4TransSel a {
	color:#909090;
	text-decoration:none;
}


/***** BEGIN THEME VARIANT *****/


/***** BEGIN SITE CSS *****/
/** for local events nested in the surgeon locator **/
div.locrEventsWrapper {
padding: 5px 0 10px 0;
}
div.locrEventsWrapperNone {
padding: 5px 0 10px 0;
}
TD.locrEventsText { color: gray; font-weight: bold; }
/** end local events **/


/** for homepage **/
div.fullwidth { margin: 0 0 0 9px; padding: 0; }
div.homeflashcontainer { margin: 0 0 0 11px; padding: 0; }
div.homecallouts { margin: 0 0 0 ; padding: 0; white-space: nowrap; }

/** for tech pages **/
.techWrapper { 
	width: 604px; 
	margin-left: 0px;
	position:relative;
}
.techWrapper TABLE.main { height: 442px; width: 604px; padding:0; margin:0; }
.techWrapper IMG { padding: 0; margin:0; }
.techTop, .techBottom { width: 562px; margin: 0 22px 0 20px; position:relative;}
.techTop IMG { padding: 5px 0; }
TD.techTblLeft {
	padding: 357px 15px 0 40px; 
	background: url(/binary/org/DEPUY/images/page/tech2/product_zoom.jpg) no-repeat left top;
	width: 200px;
	font-size: 12px;
	vertical-align:top;
}
TD.techTblRight {
	padding: 40px 10px 0 10px; 
	background: url(/binary/org/DEPUY/images/page/tech2/callout_background.gif) no-repeat left top; 
	width: 329px; 
	font-size: 12px;
}
.techRedH2 {
	color: #EE3D42;
	font-size: 20px;
	font-weight: bold;
	padding: 33px 10px 0 0;
	float: right;
}
.techWrapper H3.techRedH3 { 
	font-weight: bold;
	font-size: 130%;
	color: #EE3D42;
	padding: 5px 0 5px;
}
.techWrapper H4.techRedH4 { 
	color: #EE3D42; 
	padding: 0 0 0 10px;
	font-size: 100%;
	text-transform: none; 
}
A.techRed {
	color: #EE3D42;
	text-decoration: none;
}
.emph {
	color: #EE3D42;
	font-weight: bolder;
}

/* CADIENT RIGHT-COL updates, added 6/12/08 - JM */
.subgroupCalloutDots, #emailFriendIcon {
	margin: 0 3px 0 0;
	background: url(/binary/themes/TOPNAV_THEME_6/images/kr_subgroup_callout_DOTS.jpg) no-repeat top;
	width: 244px;
	height: 46px;
	float: right;
	display: block;
}
#subgroupCalloutNoDots, .printerFriendlyIcon {
	margin: 0 3px 0 0;
	background: url(/binary/themes/TOPNAV_THEME_6/images/kr_subgroup_callout_NO_DOTS.jpg) no-repeat top;
	width: 244px;
	height: 46px;
	float: right;
	display: block;
}
a.subgroupCallout, #emailFriendIcon a, .printerFriendlyIcon a {
    padding-left: 75px;
    line-height: 46px;
    color: #5a4d3c;
    font-weight: bold;
    font-size: 11px;
	text-decoration: none;
}

#seminarsCallout {
	margin: 5px 0 0 0;
	background: url(/binary/themes/TOPNAV_THEME_6/images/kr_eduSeminars_callout_image_06.jpg) no-repeat top;
	width: 244px;
	height: 71px;
	float: left;
	display: block;
	line-height: normal;
}

#seminarsCallout p {
    padding: 5px 5px 5px 90px;
margin:0;
    font-size: 11px;
}

#infokitCallout {
	margin: 0 0 0 0;
	background: url(/binary/themes/TOPNAV_THEME_6/images/kr_infoKit_callout_image_03.jpg) no-repeat top;
	width: 244px;
	height: 76px;
	float: left;
	display: block;
	line-height: normal;
}

#infokitCallout p {
    padding: 10px 5px 5px 90px;
    font-size: 11px;
margin:0;
}

#patstoriesCallout {
	margin: 5px 0 10px 0;
	background: url(/binary/themes/TOPNAV_THEME_6/images/kr_patStories_callout_image_08.jpg) no-repeat top;
	width: 244px;
	height: 78px;
	float: left;
	display: block;
	line-height: normal;
}

#patstoriesCallout p {
    padding: 5px 5px 5px 90px;
    font-size: 11px;
margin:0;
}

#patstoriesCallout STRONG, #infokitCallout STRONG, #seminarsCallout STRONG {
	font-size: 12px;
	line-height: 20px;
}

#seminarsCallout a, #infokitCallout a, #patstoriesCallout a {
    color: #EE3D42;
}


/*** HR/HR REGISTRATION, MOVE EVERYTHING BELOW TO SITE.CSS **/
DIV.registrationWrapper {
	width: 95%;
	padding: 0 20px;
	margin: 0;
	clear: both;
}
DIV.registrationWrapper .header {
	padding-bottom: 10px;
}
DIV.question {
	clear: both;
}
DIV.label {
	float:left;
}
DIV.input {
	text-align:left;
}

DIV.registrationWrapper INPUT.text { width: 155px; }
DIV.registrationWrapper INPUT.textarea { width: 155px; height: 90px; }
DIV.registrationWrapper SELECT.select { width: 159px; }

/* intro questions */
#q1-2 { padding: 5px 0; }
#i1-2, #i1-3 { padding: 2px 0 0; clear: both; }
#i1-2 .checkbox, #i1-3 .radio { margin-left: 20px; }
#q1-3 {
	padding-bottom: 10px;
}

/* profile questions */
#q1-4, #q1-5, #q1-6, #q1-7, #q1-8, #q1-9, #q1-10, #q1-11, #q1-12, #q1-13, #q1-14, #q1-15 {
	padding: 3px 0 0;
}
#l1-4, #l1-5, #l1-6, #l1-7, #l1-8, #l1-9, #l1-10, #l1-11, #l1-12, #l1-13, #l1-14, #l1-15 {

	float: left;
	width: 125px;
}

#i1-4, #i1-5, #i1-6, #i1-7, #i1-8, #i1-9, #i1-10, #i1-11, #i1-12, #i1-13, #i1-14, #i1-15 {
	float: left;
	width: 155px;

}



/* consent statement */
#q1-16, #q1-25 {
	padding: 5px 0 15px;
}

/* section break */
#q1-17 {
	font-weight: bolder;
	padding: 7px 0 0;
	border-top: 1px dashed #000;
	clear: both;
	display: none;
}

/* survey questions */
#q1-3, #q1-18, #q1-20, #q1-21, #q1-22, #q1-23, #q1-24 {
	padding: 5px 0;
	display: none;
}
#l1-2, #l1-3, #l1-18, #l1-20, #l1-21, #l1-22, #l1-23, #l1-24, #l2-2, #l2-4, #l2-6, #l2-8 {
	clear: both;
}
#i1-18, #i1-20, #i1-21, #i1-22, #i1-23, #i1-24, #i2-2, #i2-4, #i2-6, #i2-8, #i2-10 {
	padding: 2px 0 0 20px;
	clear: both;
}

#i1-18 .select, #i1-20 .select, #i1-21 .select, #i1-22 .select, #i1-23 .select, #i1-24 .select, 
#i2-2 .select, #i2-4 .select, #i2-6 .select, #i2-8 .select { 
	width: 175px;
}
#i2-10 .select { width: 270px; }

#q2-2, #q2-4, #q2-6, #q2-8, #q2-10 {
	padding: 5px 0;
}

DIV.submitButton {
	padding: 10px 30px;
	position: relative;
	clear: both;
}
/******************* end registration CSS *******************/
.c0a8022dd73aaae76a1ee5e8983ba62d #q1-1,
.c0a8022dd73aaae76a1ee5e8983ba62d #q1-3,
.c0a8022dd73aaae76a1ee5e8983ba62d #q1-21,
.c0a8022dd73aaae76a1ee5e8983ba62d #q1-22,
.c0a8022dd73aaae76a1ee5e8983ba62d #q1-23,
.c0a8022dd73aaae76a1ee5e8983ba62d #q1-24, 
.c0a8022dd73aaae76a1ee5e8983ba62d #q1-25 { clear: both; display: block; }

.c0a8022dd73aaae76a1ee5e8983ba62d #q1-4,
.c0a8022dd73aaae76a1ee5e8983ba62d #q1-5,
.c0a8022dd73aaae76a1ee5e8983ba62d #q1-6,
.c0a8022dd73aaae76a1ee5e8983ba62d #q1-8,
.c0a8022dd73aaae76a1ee5e8983ba62d #q1-9,
.c0a8022dd73aaae76a1ee5e8983ba62d #q1-10,
.c0a8022dd73aaae76a1ee5e8983ba62d #q1-11,
.c0a8022dd73aaae76a1ee5e8983ba62d #q1-12,
.c0a8022dd73aaae76a1ee5e8983ba62d #q1-13,
.c0a8022dd73aaae76a1ee5e8983ba62d #q1-14,
.c0a8022dd73aaae76a1ee5e8983ba62d #q1-15 { clear: both; display: none; }


.c0a8022dd73aaae76a1ee5e8983ba62d #i1-1,
.c0a8022dd73aaae76a1ee5e8983ba62d #i1-3,
.c0a8022dd73aaae76a1ee5e8983ba62d #i1-21,
.c0a8022dd73aaae76a1ee5e8983ba62d #i1-22,
.c0a8022dd73aaae76a1ee5e8983ba62d #i1-23,
.c0a8022dd73aaae76a1ee5e8983ba62d #i1-24 { padding: 2px 0 0 20px; clear: both; }

.c0a8022dd73aaae76a1ee5e8983ba62d #i1-24 SELECT.select { width: 270px; }


/****************** BEGIN LIGHTWINDOW CSS *******************************/

.lightwindow-text{
	font-size: 11px;
	line-height: 16.5px;
	display: block;
	padding: 0 18px 18px;
}

.lightwindow-text ul{
  margin-left: 0;
  padding-left: 1em;
}

#lightwindow_overlay {
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
}

#lightwindow {
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
}

#lightwindow_container {
	display: none;
	visibility: visible;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
/* IE6 needs this or it messes with our positioning */
* html #lightwindow_container {
	overflow: hidden;
}

#lightwindow_contents {
	overflow: hidden;
	z-index: 0;
	position: relative;
	border: 10px solid #ffffff;
	background-color: #7E7E7E;
}		

#lightwindow_loading {
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	background-color: #f0f0f0;
	padding: 10px;
}

#lightwindow_loading_shim { 
	display: none;
	left: 0px; 
	position: absolute; 
	top: 0px;
	width: 100%; 
	height: 100%;
}

#lightwindow_loading span {
    	font-size: 12px;
	line-height: 32px;
	color: #444444;
	float: left;
	padding: 0 10px 0 0;
}

#lightwindow_loading span a,
#lightwindow_loading span a:link, 
#lightwindow_loading span a:visited {
	color: #EA2630;
	text-decoration: none;
	cursor: pointer;
}

#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
	text-decoration: underline;
}

#lightwindow_loading img {
	float: left;
	margin: 0 10px 0 0;
}

#lightwindow_navigation {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}

/* We need to shim the navigation for IE, though its more of a sub-floor */
#lightwindow_navigation_shim { 
	display: none;
	left: 0px; 
	position: absolute; 
	top: 0px;
	width: 100%; 
	height: 100%;
}

#lightwindow_navigation a,
#lightwindow_navigation a:link,
#lightwindow_navigation a:visited,
#lightwindow_navigation a:hover,
#lightwindow_navigation a:active { 
	outline: none;
}

#lightwindow_previous, 
#lightwindow_next {
	width: 49%;
	height: 100%;
	background: transparent url(/binary/shared/images/lightwindow/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#lightwindow_previous { 
	float: left;
	left: 0px;
}

#lightwindow_next { 
	float: right;
	right: 0px;
}

#lightwindow_previous:hover, 
#lightwindow_previous:active { 
	background: url(/binary/shared/images/lightwindow/prevlabel.gif) left 15% no-repeat; 
}

#lightwindow_next:hover, 
#lightwindow_next:active { 
	background: url(/binary/shared/images/lightwindow/nextlabel.gif) right 15% no-repeat; 
}

#lightwindow_previous_title,
#lightwindow_next_title {
	display: none;
}

#lightwindow_data {
	position: absolute;
}

#lightwindow_data_slide {
	position: relative;
}

#lightwindow_data_slide_inner {
	background-color: #ffffff;
	padding: 0 10px 10px 10px;
}

#lightwindow_data_caption {
	padding: 10px 0 0 0;
	color: #666666;
	line-height: 25px;
	background-color: #ffffff;
	clear: both;
}

#lightwindow_data_details {
	background-color: #f0f0f0;
	padding: 0 10px 0 10px;
	height: 20px;
}

#lightwindow_data_author_container {
	width: 40%;
	text-align: right;
	color: #666666;
 	font-style: italic;
	font-size: 10px;
	line-height: 20px;
	float: right;
	overflow: hidden;
}

#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

#lightwindow_title_bar_title {
	color: #ffffbe;
	font-size: 14px;
	line-height: 25px;
	text-align: left;
	float: left;
	display: none;
}

a#lightwindow_title_bar_close_link,	
a:link#lightwindow_title_bar_close_link,
a:visited#lightwindow_title_bar_close_link {
	float: right;
	text-align: right;
	cursor: pointer;
	color: #FFF;
	line-height: 20px;
	padding: 0 10px;
	margin: 0;
	font-weight: bold;
	background-color: #EA2630;
	text-transform: uppercase;
}

a:hover#lightwindow_title_bar_close_link,
a:active#lightwindow_title_bar_close_link {
	color: #ffffff;
	text-decoration: underline;
}

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}

/***************** END LIGHTWINDOW CSS *******************************/