/* Main Style Sheet for Colorado Hip Resurfacing */


/* Standard HTML Elements */

body {background:white; font: normal 11pt/15pt Arial, Helvetica, sans-serif;	width: 975px;	color: #666666;	margin-left: auto; margin-right: auto;}

a {text-decoration: none; color: #666666;}
a:visited {text-decoration: none; color: #666666;}
a:hover {text-decoration: none; color: #770032;}

h1 {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; margin-top: 1px; text-transform: uppercase;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; margin-bottom: 2px;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; margin-bottom: 2px;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; margin-bottom: 2px;}

div {margin: 0;}
img {margin-bottom: 0;}
li {font: normal 11pt/15pt Arial, Helvetica, sans-serif;	color: #666666;}
object {padding-bottom: -10px; margin: 0 0 -20px 0;}
p {font: normal 11pt/15pt Arial, Helvetica, sans-serif;	color: #666666; margin-top: 0px; margin-bottom: 14px;}
td {font: normal 11pt/15pt Arial, Helvetica, sans-serif;	color: #666666;}


/* IDs */

#ContainerMain {width: 975px; margin-left: auto; margin-right: auto;}
div#flashContent, div.headerImg {width: 632px; height: 245px; min-height: 245px; max-height: 245px; padding: 0; margin: 0;}
#left {width: 198px; height: 245px;}   /* This is main structure of webpages */
#mid {width: 632px; height: 245px;}
#right {width: 141px; height: 245px;}
#TestimonialLeft {width: 160px; background-color: #E8E4DD; margin-top: 40px; padding: 0px;}


/* Classes applicable to any element */

.caption {text-align: right;	font-weight: normal; font-size: 8pt;	line-height: 11pt;}
.copyright {font-size: 7pt;}
.fcenter {margin: 10px auto;}
.fleft {float: left;	margin: 5px 18px 5px 0;}
.fleft2 {float: left;	margin: 15px 15px 15px 0;}
.foot-menu {font-size: 8pt;font-weight: normal;}
.Footer {font-size: 8pt; color: #999999;}
.fright {float: right; margin: 5px 0 5px 15px;}
.frightNav {float: right;	margin: -6px 0 0 15px;}
.indent { margin-left: 20px; margin-right: 20px; }
.FormCategoryName {font-size: 11pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color:#C1131E; margin-top: 12px; margin-bottom: 4px}
.FormVariableName {font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color:#292929; text-align: right; padding-top: 6px;}
.FormVariableValue {padding-top: 6px;}
.last {	margin-bottom: 0;}
.menu-sep {font-weight: bold;	margin: 0 4px;}
.PatientName {margin-top: 0px; margin-bottom: 34px; font-style: italic;}
.PatientTestimonial {margin-bottom: 6px;}
.sub-head {color: #770032; }  /* match a:hover */
.TestimonialLeftQuote { line-height: 12pt;}
.TestimonialLeftPatient {font-style: italic; text-align: right;}


/* Classes applicable to only specified elements */

a.diff, a.diff:visited, a.diff:hover {text-decoration: underline;}    /* differentiated links (external and pop-ups) */

div.containerFoot {text-align: center;	padding: 15px 0 0 0;}
div.containerMain {padding: 27px 23px 0 29px; margin: 0 0 43px 0;}
div.containerMenu {padding: 0px 0px 14px 22px; text-transform: uppercase;}
div.containerReturnMenu {	padding: 23px 0 0 22px;	margin: 0 0 45px 0;}
div.containerSubMenu {padding: 23px 0 0 22px;}
div.historyCopy {	clear: both;	float: left;	margin: 40px 0 0 auto;	vertical-align: bottom;	text-align: left;	font-size: 8pt;}
div.historyNav {margin: 40px 0 0 auto;	vertical-align: bottom;	text-align: right;	width: 60%;	font-size: 8pt;}
div.historyNav a, div.historyNav span, div.topHistoryNav a, div.topHistoryNav span {margin: 0 4px;}
div.historyNav span.on, div.topHistoryNav span.on {	font-weight: bold;}
div.topHistoryNav {	padding: 11px 23px 10px 0;	margin-left: 29px;	text-align: right;	font-size: 8pt;	border-bottom: solid 1px #c2c2c2;}
div.indent1 {margin: 0 0 15px 40px;}
div.indent2 {margin: 0 0 0 40px;}
div.logoImg {	width: 141px;	height: 245px;	min-height: 245px;	max-height: 245px;	padding: 0;	margin: 0;}
div.logoImg img {border-style: none;	border-width: 0;	text-decoration: none;}
div.no-brd {border-style: none;	border-width: 0;}

img.abrd {border: solid 1px #c2c2c2;}
img.bbrd {border-bottom: solid 1px #c2c2c2;}

span.nav {font-size: 8pt;}
span.navOff {font-size: 8pt;	color: #999999;}
span.on {color: #770032;}   /* match a:hover */


/* WARNING: Don't change the order of these as some are stepping on others  */
table.main {	width: 975px;	border-collapse: collapse;	table-layout: fixed;}
table.main {	float: none;}
table.main td {border: solid 1px #c2c2c2;	padding: 0;}
table.main td.menu {vertical-align: bottom;}
table.main td.no-brd {border-style: none;	border-width: 0;}
table.main td.rImg {vertical-align: top;}
table.main td.return-menu {background-color: #E8E4DD;	vertical-align: bottom;	border-top-style: none;	border-top-width: 0;}
table.main td.sub-menu {background-color: #E8E4DD;	vertical-align: top; border-bottom-style: none;}
table.main td.sub-menu2 {background-color: #E8E4DD;	vertical-align: top;	border-bottom-style: none;	border-bottom-width: 0;}
table.MainMenuNoBorder td {border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px;}
table.in-copy td {border-style: none;	border-width: 0;	line-height: 13pt;}
table.act {border-collapse: collapse;		border: solid 1px #ddd;		width: 90%;	}
table.act td {font-size: 8.5pt;		margin-bottom: 2pt;		border-style: none;		border-width: 0;		border-top: solid 1px #ddd;		vertical-align: top;		padding: 0 5px;	}
table.ins {border-collapse: collapse;		border: solid 1px #ddd;	}
table.ins td {font-size: 8.5pt;		margin-bottom: 2pt;		border-top: solid 1px #ddd;		vertical-align: top;		padding: 3px;	}


.menu div, .sub-menu div, .sub-menu2 div {	font-size: 9pt;	font-weight: bold; }
.menu div {line-height: 22pt;}
.return-menu div {font-size: 8pt;	font-weight: normal;}
.sub-menu div, .sub-menu2 div {	line-height: 20pt;}