/* Styles specifically for any browser which can pass Section 7.1 of the CSS1 Test Suite */

html
{
	overflow-y: scroll;
	height: 100%;
	margin-bottom: 1px;
}


body
{
	font-size: 62.5%;
}


/* Center Thumbnails and Write-ups */
#center 		{font-family:Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 1.3em;}
#center img 	{float:left; padding-right:10px}
#center span 	{font-weight:bold;}
#center div		{padding-bottom:10pt;}

/* Styling for the right side boxes using list. This styling needs to span several blocks so a class is used */
.rightboxlist		{font-size: 1.1em;}
.rightboxlist li	{padding-bottom:.5em; list-style:none; margin-left:-18px;}

/****************************** Rounded corners for the right side styled boxes ***************************************/ 
                                 
.bl {background:url(/medical/hernia/images/BLcorner.gif) 0 100% no-repeat #EFEDEE; width:23em;}
.br {background:url(/medical/hernia/images/BRcorner.gif) 100% 100% no-repeat}
.tl {background:url(/medical/hernia/images/TLcorner.gif) 0 0 no-repeat}
.tr {background:url(/medical/hernia/images/TRcorner.gif) 100% 0 no-repeat; vertical-align:top; padding:6px}

/* Gray */
  .gray .bl{background:url(/medical/hernia/images/blcorner.gif) 0 100% no-repeat #EFEDEE;  width:23em;}

/* Yellow */
  .yellow .bl{background:url(/medical/hernia/images/blcorner.gif) 0 100% no-repeat #fcefcf;  width:23em;}

/* Brown */
  .brown .bl{background:url(/medical/hernia/images/blcorner.gif) 0 100% no-repeat #BFB6AD;  width:23em;}

/* Green */
  .green .bl{background:url(/medical/hernia/images/blcorner.gif) 0 100% no-repeat #e1e3d2;  width:23em;}

/* Blue */
  .blue .bl{background:url(/medical/hernia/images/blcorner.gif) 0 100% no-repeat #e1e8ec;  width:23em;}


/*************************** End Rounded corners for the right side styled boxes *******************************/ 


/* Styling for the Header of the right side styled boxes */
span.section-heading{font-size: 2em; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; margin:4px 0 0 0}

/* menu/navigation lists */

.divider
{
   border-right: 1px solid #fff;
}

/* ----------     TOP     ---------- */

/* ----------     common layout     ---------- */
#gore-nav, #med-nav, #site-nav, #page-body
{
	position: absolute;
	left: 0em;
	width: 78em;
}


#med-nav, #site-nav
{
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
/* can't have font size here since em sizing then inherits - throwing off layout */
}

/* ----------     gore corporate bar (currently included)     ---------- */
#gore-nav
{
	top: 0.5em;
	height: 2.5em;
	margin: 0;
}


/* ----------     gore medical bar     ---------- */
#med-nav
{

display: none;
}

#med-nav ul
{
	list-style: none;
	font-size: 1.2em;
	margin: 0.5em 0 0.5em 0.5em; /* don't want right margin, left is a compromise - really want 1em - since IE over does it */
	padding-left: 0; /* Mozilla does padding */
}

#med-nav li
{
	float: left;
}

/* changed to series of floats here instead of just li inline so that link covers icons as well */

#med-nav li a
{
	float: left;
	display: block;
	padding: 0 10px 0 10px; /* no longer using icons, otherwise 18px on left and top bottom 0 */
}



/* removed from common handling so text-decoration can be different between here and site nav */
/* can't just "override" the text decoration, but requires entire rule to be together otherwise text color is reset for example */
#med-nav a
{
	color: #fff;
	text-decoration: none;
}

#med-nav a:hover
{
	color: #ccc;
	text-decoration: none;
}

#med-nav #med-global
{
	float: left;
	font-weight: bold;
}

#med-nav #med-personal
{
	float: right;	
}

/* ----------     end gore medical bar     ---------- */



/* ----------     search and browse forms     ---------- */
#site-nav
{
	top: 6em;
	height: 3em;
	background-color: #666;
display: none;
}

#site-nav form
{
	font-size: 1.2em;
	padding: 0 0 0 18px;
	margin: 0.4em 0.5em;
}

/* must specify all elements for mozilla.  IE would just be happy with select */
/* even though the html is nested, the font size doesn't get progressively smaller with current tests */
#site-nav input, #site-nav select,  #site-nav option, #site-nav optgroup
{
	font-size: 0.9em;
   background-color: #eee;
}

#site-search
{
	float: left;
}

#sitebrowse
{
	float: right;
}

#site-nav  a
{
	color: #fff;
	text-decoration: underline;
}

#site-nav a:hover
{
	color: #ccc;
	text-decoration: underline;
}


/* tabs */

/* tab labels handled in own stylesheet */

#tab-nav
{
	width: 100%;
	float: left;
	background-color: #aeaeae;
	background-image: url(/medical/hernia/images/pixel-000.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	padding-top: 10px;
   margin-bottom: 0;
}

#tab-nav h1
{
	margin: 0.5em 0 0.2em 0;
}


#tab-nav ul
{
	margin: 0;
	padding: 10px 0 0 10px;
	list-style: none;
}

#tab-nav li
{
	display: inline;
	margin: 0;
	padding: 0;
}

#tab-nav a
{
	float: left;
	background: url("/medical/hernia/images/bg-tab-left.gif") no-repeat left top;
	margin: 0;
	padding:0 0 0 9px;
	text-decoration: none;
	border-bottom: 1px solid #000;
	white-space: nowrap
}

#tab-nav a span
{
	float: left;
	display: block;
	background: url("/medical/hernia/images/bg-tab-right.gif") no-repeat right top;
	padding: 4px 12px 3px 3px;
	font-size: 1.3em;
	font-weight: bold;
	color: #3a3a3a;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tab-nav a span {float:none;}
/* End IE5-Mac hack */
#tab-nav a:hover span
{
	color: #000;
}

#tab-nav #current a:hover span
{
	color: #000;
}


#tab-nav #current a
{
	background-position: 0 -150px;
	border-width: 0;
}

#tab-nav #current a span
{
	background-position: 100% -150px;
	color: #000;
	padding-bottom: 4px;
}

#tab-nav a:hover
{
	background-position:0% -150px;
}

#tab-nav a:hover span
{
	background-position: 100% -150px;
}


/* ----------     END TOP     ---------- */



/* ----------     MIDDLE     ---------- */



/* ----------     page body     ---------- */
/* page body markup actually includes tabs which are in TOP section */

#page-body
{
	top: 3em;
}

/* page navigation / toolbar */

#page-content
{
   margin: 0;
   padding: 1em; /* this contains any margins of elements inside of it */
   clear: both;
   border-right: 1px solid #ccc;
}

hr.clear
{
   display: block;
   clear: both;
   margin: -0.66em 0;
   visibility: hidden;
}

#page-content p
{
   font-size: 1.3em;
}

#page-nav
{
   width: 76.1em;
   border-right: 1px solid #ccc;
   padding-top: 0.5em;
   padding-right: 1.8em;
   clear: both;
}
#page-nav p
{
   text-align: center;
   font-size: 1.1em;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   padding: 0;
   margin: 0;
}
#page-nav p a
{
   padding-left: 0.5em;
}


/* lists */

dl.question-list dt
{
   padding-left: 1em;
   font-size: 1.3em;
   font-weight: bold;
   background-image:  url(/images/gray-arrow.gif);
   background-position: center left;
   background-repeat: no-repeat;
}
dl.question-list dd
{
   margin: 0 0 1.5em 0;
   padding: 0 1em 1em 2em;
   border-bottom: 1px #000 dotted;
}


ul.news-list
{
   list-style: none;
   padding-left: 0;
   margin-left: 0;
}

ul.news-list li
{
   margin-bottom: 2.5em;
}


ul.news-list h3
{
   font-size: 1.5em;
   margin: 0.3em 0 0.2em 0;
}

ul.news-list p
{
   margin: 0
}


/* some consolidation between here */

p.date
{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 1.1em;
   color: #4e4e4e;
   margin: 0;
}

p.tool
{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p.thumbnail
{
   float: left;
   width: 15px;
   height: 100%;
   margin-right: 1em;
   padding-bottom: 2em;
}

p.thumbnail a img 
{
   border: 1px solid #999;
}

ul.search-list, ul.product-list, ul.normal-content-list
{
   list-style: none;
   margin-left: 0;
   padding-left: 0;
}
ul.search-list li, ul.product-list li
{
   margin-bottom: 1.5em;
}

ul.normal-content-list li
{
   clear: both;
   padding-top: 1em;
}

ul.normal-content-list li div
{
   padding-top: 0.5em;
   float: right;
   width: 59em;
}


ul.search-list h4, ul.product-list h4, ul.normal-content-list h4
{
   margin-bottom: 0;
}
ul.search-list p, ul.product-list p
{
   margin: 0.2em;
}
ul.search-list address
{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 1.1em;
   color: #333;
}



/* here */



ul.country-list {
   list-style: none;
   padding-left: 1em;
   margin-left: 1em;
   margin-right: 1em;
}

ul.country-list h3, ul.distributor-list h3
{
   background-color: #dfe4e8;
   padding: 0.2em;
   margin-bottom: 0.5em;
   font-size: 1.5em;
   font-weight: bold;
}

ul.country-list li
{
   clear: left;
   margin-bottom: 2em;
}
ul.country-list li ul
{
   list-style: none;
   margin-left: 0; /* for ie */
   padding-left: 0; /* for moz */
}
ul.country-list li ul li
{
   clear: none;  /* since clearing this float in outside li above, would also apply here.  since sibliing selectors don't seem to work on all modern browsers */
   float: left;
   padding-bottom: 0;
   margin-right: 1em;
   font-size: 1.2em;
}

ul.distributor-list
{
   list-style: none;
   padding-left: 0;
   margin-left: 5em;
}


ul.distributor-list li
{
   padding-bottom: 1.5em;
}
ul.distributor-list li ul
{
   list-style: none;
   width: 100%;
   padding-left: 0;
   margin-left: 0;
}
ul.distributor-list li ul li {
   font-size: 1.2em;
   font-weight: normal;
   padding-bottom: 0;
}
li.notice
{
   font-style: italic;   
   font-size: 0.9em;
}


/* features */

#feature
{
   width: 75.9em; /* for some reason IE pushes page-content border over 1 px if 76em */
   padding: 0;
   margin: 0 0 0.5em 0;
   background-color: #dfe4e8;
}

/* need to make this mozilla only to allow scaling in Firefox
#feature-image img
{
   width: 43em;
   height: 25em;
}
*/

#feature-content
{
   width: 31em;
   vertical-align: top;
   padding-left: 10px;
}

#feature-content h2
{
   font-size: 3.5em;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #617a8a;
   margin-top: 0.5em;
   margin-bottom: 0.4em;
   line-height: 1em;
}

/* will not be used with version 2 of product home feature
#feature-logo
{
   padding: 3em 3em 2em 0;
   text-align: center;
}

#product-challenge, #product-choice
{
   width: 45%;
   float: left;
   padding: 0.5em;
}
#product-challenge img, #product-choice img
{
   margin-bottom: 0.2em;
}
#product-challenge p, #product-choice p
{
   margin: 0;
   padding: 0.5em;
   font-size: 1.2em;
}

*/

#feature-corner-rt
{
   width: 10px;
   vertical-align: top;
}
#feature-corner-rb
{
   vertical-align: bottom;
}
#feature-corner-rt img, #feature-corner-rb img
{
   width: 10px;
   height: 10px;
}


/* currently pulled the other feature section
#other-nav {
   width: 77.9em;
   height: 12em;
   border-right: 1px solid #000;
}

.other-feature, .other-feature img {
   height: 10em;
   width: 25em;
   margin: 0;
}
.other-feature {
   float: left;
   padding: 0.4em;
}
*/


#hub-main, #product-content, #body-content
{
   width: 48em;
   padding: 0.5em 1em 0.5em 1em;
   margin-top: 0.5em;
}

#related-nav
{
   float: right;
   width: 23em;
   padding: 0.5em 0 0.5em .5em;
   margin-top: 0.5em;
}

#hub-extra
{
   float: right;
   width: 23em;
   padding: 0.5em 1em 0.5em 1em;
   margin-top: 0.5em;
}



h3.section-heading
{
   font-size: 2em;
   border-bottom: 1px solid #999;
}


a.attention-ifu 
{

}




/* configurations module */

#configurations .table_standard {
	border-bottom: 1px solid #678DA1;
	margin-top:3px;
}
#configurations .table_standard h1 {
	font: 13px "Arial Black", Arial, sans-serif;
	color: #FFFFFF;
	font-variant: small-caps;
	margin: 0px;
	padding: 0px;
}
#configurations .table_standard td {
	font: 11px Arial, Verdana, sans-serif;
	color: #000000;
	padding: 4px 15px 4px 15px;
}
#configurations .table_standard .rowmain td {
	background: #000000;
	padding: 6px 15px 6px 15px;
}
#configurations .table_standard .rowhead td {
	font: 9px Arial, Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #678DA1;
	background: #B9C5D0;
	vertical-align: bottom;
	padding: 2px 15px 2px 15px;
}
#configurations .table_standard .row1 td {
	background: #D8DEE4;
}
#configurations .table_2 {
	border-bottom: 1px solid #678DA1;
	margin-top:10px;
}
#configurations .table_2 h1 {
	font: 13px "Arial Black", Arial, sans-serif;
	color: #678DA1;
	font-variant: small-caps;
	margin: 0px;
	padding: 0px;
}
#configurations .table_2 td {
	font: 11px Arial, Verdana, sans-serif;
	color: #000000;
	padding: 4px 15px 4px 15px;
}
#configurations .table_2 .rowmain td {
	background: #FFFFFF;
	padding: 6px 15px 6px 15px;
}
#configurations .table_2 .rowhead td {
	font: 9px Arial, Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #678DA1;
	background: #B9C5D0;
	vertical-align: bottom;
	padding: 2px 15px 2px 15px;
}
#configurations .table_2 .row1 td {
	background: #D8DEE4;
}
#configurations .rowsubmain h1 {
	font: 12px Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #678DA1;
	margin: 0px;
	padding: 0px;
}
#configurations .listing {
	font: 10px "Arial Narrow", Arial, Verdana, sans-serif;
	color: #666666;
}
#configurations .listing a:link, .listing a:visited {
	font: 10px "Arial Narrow", Arial, Verdana, sans-serif;
	color: #666666;
	text-decoration: none;
}
#configurations .listing a:active, .listing a:hover {
	font: 10px "Arial Narrow", Arial, Verdana, sans-serif;
	color: #000000;
	background-color: #B9C5D0;
	text-decoration: none;
	width: 100%;
 }
 #configurations .listing h1 {
	font: 12px Arial Black, Arial, Verdana, sans-serif;
	color: #000000;
	font-variant: small-caps;
	margin: 0px;
	padding: 0px;
 }





/* ----------     END MIDDLE     ---------- */




/* ----------     BOTTOM      ---------- */



#feedback
{
   width: 76em;
   padding: 1em;
   border-top: 1px solid #666;
   background-color: #ccc;
   clear: both;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
display: none;

}

#feedback h4
{
   font-size: 1.5em;
   color: #999;
   margin: 0;
}


#feedback form
{
   margin: 0;
}

#feedback label.section
{
   display: block;
   padding-top: 1em;
   padding-bottom: 0.3em;
}

#feedback label.notification
{
   font-weight: bold;
   font-style: italic;
}

#feedback input, #feedback textarea
{
   background-color: #eee;
}

#feedback textarea
{
   width: 95%;
   height: 2.5em;
}

input#email
{
   width: 75%;
}




#footer-nav
{
   width: 77em;
   height: 2em;
   background-color: #333;
   color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0.5em;
   display: none;
}

#footer-nav ul {
	list-style: none;
	font-size: 1.2em;
	margin: 0.5em 0 0.5em 0.5em; 
	padding-left: 0; 
}

#footer-nav li {
	float: left;
}

#footer-nav li a {
	float: left;
	display: block;
	padding: 0 10px 0 10px; 
}

#footer-nav a {
	color: #fff;
	text-decoration: none;
}

#footer-nav a:hover {
	color: #ccc;
	text-decoration: none;
}



#legal-nav ul {
	list-style: none;
	font-size: 1em;
	margin: 0.5em 0 0.5em 0.5em;
	padding-left: 0; 
}

#legal-nav li {
   display: inline;
   padding-left: 0.5em;
}


/* ----------  END BOTTOM      ---------- */




/* ----------     START HERNIA MODULE     ---------- */

/* stylesheet for hernia content */
/* created by Ken Cox for RT&E */

/* COLOR PALETTE

	#4273AF - medium blue
	#D8E5F0 - light blue
	#dc0000 - red
*/

/* Global styles - mostly borrowed from existing stylesheet */


table {
	border-collapse: collapse;
}

td, th {
	vertical-align: top;
}

/* Links */
a, a:link, a:visited, a:active {
	color: #dc0000;
}

a:hover {
	text-decoration: none;
	color: #333;
}

a img {
	border: none;
}

/* blocks and columns */

#page_content { /* outermost content div */
	width: 759px; /* main page width */
	background-color: white;
	font-size: 1.1em;
	position: relative;
	color: black;
}

#header { /* product home masthead graphic */
	padding-bottom: 30px;
}

#home_left { /* product home left column */
	margin: 0px 40px 0px 30px;
	width: 440px;
}

#home_right{ /* product home right column */
	width: 213px;
	position: absolute;
	top: 360px; /* masthead height + padding */
	right: 30px;
}

.page_photo { /* left column */
	width: 191px;
	float: left;
	margin-top: 34px;
}

.col_right { /* main column */
	margin-left: 200px;
}




/* text content */

#page_content p {	
	margin: 0 0 1em 0;
	line-height: 1.5em;
}

#page_content ul li {
	line-height: 1.5em;
}

.ref { /* reference subtext */
	font-style: italic;
	padding-left: 20px;
}

/* lists */

.page_photo ul {
	margin: 1em 0 1em 0;
	padding-left: 1.5em;
font-size: 1.2em;
}

.page_photo ul li {
	list-style: none;
	margin: 0 0 .5em 0;
}



.col_right ul {
	margin: 1em 0 1em 0;
	padding-left: 1.5em;

}

.col_right ul li {
	/* WHY WILL THE SPAN SELECTOR BELOW TURN ITEM TO BLACK AND LEAVE ONLY BULLET RED? color: #dc0000; */
	margin: 0 0 .5em 0;
}

.col_right ul li span {
	color: black;
}



.col_right li strong {
	font-style: italic;
}



/* definition list styles */

dl {
	line-height: 1.5em;
}

dt {
	color: #4273AF;
	font-weight: bold;
	font-style: italic;
}

dt a {
	font-style: normal;
}

dd {
	margin: 0;
}



/* headings */

.col_right h2 { /* primary 2nd level headings with rule */
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: 2px solid #4273AF;
	padding-bottom: 3px;
	text-transform: uppercase;
}

.col_right h2 em{ /* em tag in h2 makes headline subtext */
	font-size: .9em;
	font-weight: normal;
	text-transform: none;
}

.col_right h3 { /* primary 3rd level heading */
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
	color: #4273AF;
}

.col_right h6 {
	font-size: 1em;
	margin: 0;
}





/* Q&A block styles */

#qa {
	
}

#qa h5 { /* Q&A title */
	margin: 5px 0 5px 25px;
	font-size: .9em;
	font-weight: bold;
	text-align: left;
}

.qa_icon { /* pdf icon */
	float: left;
}

#qa p { /* Q&A text */
	margin: 6px 0 0 25px;
	font-size: .7em;
	text-transform: uppercase;
}

#qa a, #qa a:link, #qa a:visited, #qa a:active { /* Q&A links */
	text-decoration: none;
	color: black;
}

#qa a:hover { /* Q&A links hover */
	color: #dc0000;
}

/* listings */

.listing { /* listing blocks used to display products and glossary terms */

	border: 1px solid white; /* keeps IE from adding space after listing */
	border-top: 2px solid #4273AF;
	clear: right;
	
}

.first{
	border: none; /* first item has no rule */
}

.listing h4 {
	margin: 0;
	padding: 5px 0 0 0;
	color: #dc0000;
	font-size: 1em;
}

.listing p {
	font-size: .9em;
	padding-top: 4px;
}

.listingimage {
	float: right;
	margin: 5px 0 5px 5px;
	
}



.listing2 { /* listing blocks used to display resources */
	padding: 5px 0 0 0;
}

.listing2 h4 {
	margin: 0;
	color: #dc0000;
	font-size: 1em;
}

/* right sidebar */
.rightsidebar {
	width: 109px;
	float: right;
	margin-left: 10px;
	border-top: 2px solid #4273AF;
	padding: 0 2px 3px 2px;
	text-align: center;
}

.rightsidebar h5 {
	margin: 2px 0 2px 4px;
	text-align: left;
	font-size: 9px;
	
}

/* left sidebar */
.leftsidebar {
	position: relative; /* fixes Safari negative margin float link bug */
	display: inline; /* fixes IE negative margin float bug */
	width: 113px;
	float: left;
	margin-left: -180px;
	
}

.leftsidebar img {
	margin-top: 15px;
	padding: 0 5px 0 5px;
}

.leftsidebar h5 {
	padding: 5px;
	margin: 0;
	font-size: 9px;
}

.leftsidebar p {
	padding: 0 5px;
	font-size: 9px;
}

/* infographic block */

.infographic {
	width: 100%;
	clear: both;
	font-size: 1em;
	border-top: 2px solid #4273AF;
	margin-top: 20px;
}

.infographic th { /* use th for left side title */
	width: 198px;
	text-align: left;
}

.infographic th h4 { /* main infographic title */
	margin: 3px 0 0 0;
	font-size: 1.1em;
	text-transform: uppercase;
}

.infographic td { /* use tds for infographic areas */
	background-color: #D8E5F0;
	padding: 2px;
}

.infographic h5 { /* infographic sub-titles */
	margin: 4px;
	font-size: .9em;
}

.infographic p { /* infographic text */
	padding: 4px;
	font-size: .9em;
}

.infographic ol { /* use ol to create alphabetical callouts */
	list-style-type: upper-alpha;
	margin: 1em 0 0 1.5em;
	padding: 0 0 0 1.5em;
	
}

.infographic ol li{ /* alphabetical callouts */
	font-size: .9em;
	margin: 0 0 1em 0;
	padding: 0 0 0 0;
}

.infographic a, .infographic a:visited{ /* links within infographics */
	color: black;
	font-weight: bold;
	text-decoration: none;
}

.infographic a:hover { /* hover links within infographics */
	color: #dc0000;
}

.fourwide { /* adjustment for infographic 4-up tabs */
	width: 135px;
	border-left: 1px solid white;
}

/* background images */

.corners113 { /* 113 pixel wide tabs with L and R bottom rounded corners */
	background: #D8E5F0 url("/en/images/hernia/blue_tab_bottom_113.gif") no-repeat bottom;
}

.corners139 { /* 139 pixel wide tabs with L and R bottom rounded corners */
	background: #D8E5F0 url("/en/images/hernia/blue_tab_bottom_139.gif") no-repeat bottom;
}

.corner_ll { /* lower left rounded corner */
	background: #D8E5F0 url("/en/images/hernia/corner_ll.gif") no-repeat bottom left;
}

.corner_lr { /* lower right rounded corner */
	background: #D8E5F0 url("/en/images/hernia/corner_lr.gif") no-repeat bottom right;
}

.leftrule { /* rule and rounded UR corner */
	background: #fff url("/en/images/hernia/left_sidebar_rule.gif") no-repeat top right;
}

/* Disclaimer block */

#disclaimer {
	padding: 20px 0px 20px 200px;
	font-size: .8em;
	font-style: italic;
	clear: both;
}

#disclaimer p {
	padding-top: 1em;
}

/* misc styling */
.italic {
	font-style: italic;
}

.left {
	float: left;
	margin-right: 10px;
}

.right {
	float: right;
	margin-left: 10px;
}

.negindent { 
	margin-left: -7px; /* used to optically line up titles that begin with letters like "W" with the body text */
}

.negindent3 { 
	margin-left: -3px; /* used to optically line up titles that begin with letters like "G" with the body text */
}

.caption { /* photo caption */
	color: #4273AF;
	font-weight: bold;
	margin: 5px 0 0 10px;
}

.subcaption { /* sub photo caption */
	font-size: .8em;
	margin: 2px 0 0 10px;
}

.pad {
	padding: 10px 0; /* adds some padding above and below for items that need just a little more white space */
}

/* ----------     END HERNIA MODULE ---------- */

/* Additions to get hernia module to work right - Russ */

.page_photo ul, .col_right ul, .col_right dl {font-size: 1.2em;}