/************************************/
/*     CPMEDICAL - STYLESHEET       */
/************************************/

/*
	DARK 1				#30393A
	DARK 2				#324752
	MEDIUM 1			#638BA0
	MEDIUM 2			#A2B9C6
	LIGHT 1				#EBF5FA
	LIGHT 2				#D0DCE2
	HIGHLIGHT	1		#D65544
*/

/*---- GLOBAL -----------------------*/
body { 
	margin: 0 auto;
	padding:0; 
	border:0; 
	color:#1F1F1F;
/* 	background-color:#EBF5FA; */
	background-color: #1D2023;
	font-family:Arial,sans-serif;
	text-align:center;
	font-size:62.5%;
}
a img { border-width:0; border-style:none; }
p  { margin:0; padding-top:0.6em; }
ul { margin:0; padding:0; padding-left:24px; margin-top : 4px; margin-bottom : 8px; }
ol { margin-top : 4px; margin-bottom : 8px; }
ul li {
	list-style:url(/img/arrow-2.gif);
	margin-left:0px;
	padding-left:0px;
}
form { margin:0; padding:0; }
h1, h2, h3, h4, h5 {
	font-family:arial,helvetica,sans-serif;
	margin:0;
	padding:0;
}
h1 { font-size:20px; color:#324752; padding-top:28px; padding-bottom:16px; padding-left:16px;}
h2 { font-size:16px; color:#638BA0; padding-top:16px;}
h3 { font-size:14px; color:#324752; padding-top:14px;}
h4 { font-size:14px; color:#638BA0; padding-top:14px;}
h5 { font-size:13px; color:#638BA0; padding-top:13px;}
a:link, a:visited, a:active { text-decoration:underline; color:#324752; }
a:hover { text-decoration:underline; color:#D65544; }
dl {}
dt {font-weight:bold;}
dd {padding:0;margin:0; padding-left:8px;}


.container 	{ width:100%; clear:both;}
.content		{ width:772px; margin: 0 auto; text-align:left; }

#topbar {
	height:6px;
	line-height:0px;
	font-size:0px;
	background-color:#30393A;
	border-bottom:1px solid #638BA0;
}
#main-container {}


/*---- HEADER ---------------------*/
div#header-container {
/* 	background-color:#324752; */
	height:80px;
/* 	background-image:url(/img/header-grad.png); */
/* 	background-position:top; */
/* 	background-repeat:repeat-x; */
	background-color: #1D2023;
}
#header-content {}
div#logo {
	position:relative;
	float:left;
	padding:0px;
	padding-top:20px;
	padding-left:0px;
	z-index:3;
	margin:0px;
}
div#header-options {
	float:right;
	color:#A2B9C6;
	padding-top:28px;
	font-size:1.1em;
}
div#header-options span.header-options-divider {
	padding-left:8px;
	padding-right:8px;
	background-image:url(/img/header-div.gif);
	background-position:center;
	background-repeat:no-repeat;
	padding-top:2px;
	padding-bottom:2px;
}
div#header-options a:link, div#header-options a:visited, div#header-options a:active, div#header-options a:hover { 
	padding-bottom:1px;
	color:#A2B9C6;
}
div#header-options a.send {
	background-image:url(/img/icon-send.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:18px;
}
div#header-options a.print {
	background-image:url(/img/icon-print.gif); 
	background-repeat:no-repeat; 
	background-position:left center; 
	padding-left:15px;
}


/*---- TOP NAV ---------------------*/
div#nav-container {
	position:relative;
/* 	background-color:#324752; */
	background-color: #1D2023;
}
#nav {
	width:772px;
	margin:0 auto;
	padding:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	line-height:30px;
	height:30px;
/* 	background-color:#324752; */
	background-color: #1D2023;
	clear:both;
}
#nav ul {
	margin:0;
	padding:0;
	list-style:none;
}
#nav a {
	line-height:28px;
	display:block;
	padding:0 20px;
	color:#EBF5FA;
/*
	background-color:#324752;
	background: url(/img/tabs.gif) repeat-x 100% 0px;
*/
	background-color: #6D8595;	
	text-decoration:none;
}
#nav a:hover {
/* 	background: url(/img/tabs.gif) repeat-x 100% -64px; */
/* 	color:#FFFFFF; */
}
#nav li {
	list-style:none;
	float:left;
	margin:0;
	padding:0;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-bottom:1px solid #324752;
}
#nav li#current {
	border-bottom:1px solid #A2B9C6;
}
#nav li#current a {
	color:#30393A;
/*
	background-color:#A2B9C6;
	background:url(/img/tabs.gif) repeat-x 100% -32px;
*/
	background-color:#A5B7C0;
}
#nav li.last {
	border-right:1px solid #000000;
}

/*---- SUBNAV ---------------------*/
div#subnav-container {
/* 	background-color:#A2B9C6; */
	background-color:#A5B7C0;	
	border-bottom:1px solid #638BA0;
	margin: 0 auto;
}
div#subnav {
	width:772px;
	margin:0 auto;
	padding:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	line-height:30px;
	height:31px;
/* 	background-color:#A2B9C6; */
	background-color: #A5B7C0;
}
div#subnav ul {
  list-style:none;
	margin:0;	
	padding:0;
	height:31px;
}
div#subnav li {
	list-style:none;
	float:left;
	margin:0;
	padding:0;
	height:31px;
}
div#subnav a {
	height:16px;
	line-height:16px;
	padding:7px 14px 7px 14px;
	color:#FFFFFF;
	text-decoration:none;
	background-image:url(/img/subnav-divider.gif);
	background-repeat:no-repeat;
	background-position:right top;
}
div#subnav ul li.last a {
	background-image:none;
}
div#subnav a:hover {
	text-decoration:underline;
}
#subnav #current-subnav {
	background-image:url(/img/subnav-current.gif);
	background-repeat:no-repeat;
	background-position:center bottom;	
}
#subnav #current-subnav a {
	color:#30393A;
}
#subnav #current-subnav a:hover {
	color:#30393A;
	text-decoration:none;	
}



/*---- MIDNAV ---------------------*/
div#midnav-container {
	background-color:#EBF5FA;
	margin: 0 auto;
}
div#midnav {
	width:772px;
	margin:0 auto;
	padding:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:30px;
	background-color:#EBF5FA;
	height:2.9em;
}
div#midnav ul {
  list-style:none;
	margin:0;	
	padding:0;
}
div#midnav li {
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
div#midnav a {
	font-size:1.3em;
	padding:0.6em;
	padding-left:0.8em;
	padding-right:0.8em;
	color:#638BA0;
	text-decoration:none;
	background-color:#EBF5FA;
	border:1px solid #D0DCE2;
	border-right:none;
}
div#midnav li.last a {
	border-right:1px solid #D0DCE2;
}
div#midnav #current-midnav {}
div#midnav #current-midnav a {
	color:#638BA0;
	background-color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

/*---- SEARCH ---------------------*/
#site-search {
	height:27px;
	position:absolute;
	margin-left:566px;
}
#site-search input {
	float:left;
}
#site-search #search-field {
	width:160px;
	font-size:1.2em;
	padding:5px;
	font-family:arial,helvetica,sans-serif;
	height:15px;
	position:absolute;
	top:0;
	margin-top:24px;
}
.search-active, input#search-field:focus {
	color:#30393A;
	border:1px solid #638BA0;
	border-right:none;
	background-image:url(/img/search-grad.png);
	background-repeat:repeat-x;
	background-position:left 1px;
}
.search-inactive {
	color:#638BA0;
	background-image:url(/img/search-grad.png);
	background-repeat:repeat-x;
	background-position:left 1px;
	border:1px solid #A2B9C6;
	border-right:none;
}

#site-search #search-button {
	height:27px;
	width:33px;
	position:absolute;
	top:0;
	margin:0;
	padding:0;
	line-height:0;
	font-size:0;
	border:none;
	left:171px;
	margin-top:24px;
}



/*---- INTRO ----------------------*/
#intro-container {
	background-image:url(/img/intro-grad.png);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}
#intro-content {}

#intro-nav-content {
	margin:0;
	padding:0;
	height:44px;
	background-color:#FFFFFF;
	border:none;
}
.side {
	margin:0;
	padding:0;
	width:1px;
	height:44px;
}
#intro-nav {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	border-top:1px solid #D0DCE2;
}

#intro-nav ul {
  	list-style:none;
	float:left;
	margin:0;	
	padding:0;
/*	height:30px;*/
	width:594px;
	margin-top:2px;
	background-image:url(/img/intro-grad.png);
	background-repeat:repeat-x;
	background-position:0 -72px;
}
#intro-nav ul li {
	list-style:none;
	position:relative;
/*	top:6px;*/
	float:left;
/*	display:block;*/
	margin:0;
	padding:0;
}
#intro-nav ul li a {
	display:block;
	line-height:29px;
	padding: 0 14px;
	margin:0;
	border-left:2px solid #FFF;
	font-size:1.3em;
	font-weight:bold;
	text-decoration:none;
	color:#638BA0;
	background-color:#EBF5FA;
	border-bottom:1px solid #D0DCE2;
}
#intro-nav ul li.last a {
	border-right:2px solid #FFF;
}
#intro-nav ul li a:hover {
	text-decoration:underline;
}
#intro-nav ul li#current-intro-nav { }
#intro-nav ul li#current-intro-nav a { 
	display:block;
	line-height:29px;
	padding: 0 14px 8px 14px;
	color:#324752;
	background-color:#EBF5FA;
	background-image:url(/img/intro-nav-current.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	border-bottom:none;
}
#intro-nav ul li#current-intro-nav a:hover {
	color:#324752;
	text-decoration:none;
}
#intro-nav .fill {
	position:relative;
	float:left;
	padding:9px 0px 6px 0px;
	margin-right:2px;
	height:16px;	
	font-size:12px;
	font-weight:normal;
	background-color:#EBF5FA;
	border-bottom:1px solid #D0DCE2;
}
#intro-nav .fill a {
	background-image:url(/img/arrow-4.gif);
	background-repeat:no-repeat;
	background-position:center 0px;
	padding-top:18px;
	color:#638BA0;
	text-indent:20px;
	width:174px;
	display:block;
	margin-top:-18px;
	position:relative;
}
span.subtitle {
	display:block;
	line-height:29px;
	padding: 0 14px 8px 14px;
	color:#638BA0;
	background-color:#EBF5FA;
	background-image:url(/img/intro-nav-current.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	border-bottom:none;
	border-left:2px solid #FFF;
	font-size:1.3em;
	font-weight:bold;
}
#intro-nav .fill-empty {
	position:relative;
	float:left;
	padding:9px 0px 4px 0px;
	height:16px;	
	font-size:12px;
	font-weight:normal;
	background-color:#EBF5FA;
	border-bottom:1px solid #D0DCE2;
	width:174px;
	border-top:2px solid white;
}

/*---- BODY -----------------------*/
#body-container { background-color:#FFFFFF; }
#body-content {
	width:772px;
	text-align:left;
	margin: 0 auto;
	padding:0;
	min-height:400px; 
  height:auto;
	font-size:1.2em;
	line-height:18px;
}
/* for Internet Explorer */
/*\*/
* html #body-content {
  height: 400px;
}
/**/
#body-content p {
	color:#324752;
}


/*---- BLOCKS ----------------------*/

.home-block-1 {
	float:left;
	width: 577px;
	height: 364px;
}
.home-block-2 {
	float:left;
	width: 185px;
	height: 364px;
	padding-left: 10px;
	clear: right;
}
.home-block-3 {
	float:left;
	width: 185px;
	height: 160px;
	padding-top: 10px;
}
.home-block-4 {
	float:left;
	width: 186px;
	height: 160px;
	padding-left: 10px;
	padding-top: 10px;
}
.home-block-5 {
	float:left;
	width: 186px;
	height: 160px;
	padding-left: 10px;
	padding-top: 10px;
}
.home-block-6 {
	float:left;
	width: 185px;
	height: 160px;
	padding-left: 10px;
	padding-top: 10px;
	clear: right;
}


.products-block-1 {
	float:left;
	width: 381px;
	height: 200px;
}
.products-block-2 {
	float:left;
	width: 381px;
	height: 200px;
	padding-left: 10px;
	clear: right;
}
.products-block-3 {
	float:left;
	width: 381px;
	height: 200px;
	padding-top: 10px;
}
.products-block-4 {
	float:left;
	width: 381px;
	height: 200px;
	padding-left: 10px;
	padding-top: 10px;
}


/*
.block-big {
	clear:both;
	padding-top:4px;
}
.block-big div {
	width:382px;
}
.block-big div a {}
.block-big div a img {
	border:none;
	width:382px;
	height:150px;
}
.block-left {
	float:left;
}
.block-right {
	float:right;
}

.block-small .block-left {
	float:left;
	padding-right:8px;
}

.block-small {
	clear:both;
	padding-top:4px;
}
.block-small div {}
.block-small div a {}
.block-small div a img {
	border:none;
	width:187px;
	height:150px;
}
.block-text {
	border-left:1px solid #CCCCCC;
	width:178px;
	height:146px;
	padding-left:8px;
	padding-top:4px;
}
.block-text a {
	font-weight:bold;
	color:#D65544;
	background-image:url(/img/arrow-1.gif);
	background-position:right 4px;
	background-repeat:no-repeat;
	padding-right:12px;
}
*/

/*---- PRODUCT LIST ---------------*/
div#product-list {}
div.product-list-item {
	clear:both;
	margin:0;
	padding:0;
	padding-left:16px;
	padding-right:16px;
}
div#product-list div.product-list-item div {}
div#suture-list div.product-list-item div {
	float:left;
	height:87px;
}
div#product-list div.product-list-item div h4 a {
	padding-left:0px;
	color:#324752;
	text-decoration:none;
}
div#suture-list div.product-list-item div h4 a {
	padding-left:16px;
	color:#324752;
	text-decoration:none;
}
div#product-list div.product-list-item div span {
	padding-left:0px;
	line-height:2.8em;
	color:#324752;
}
div#suture-list div.product-list-item div span {
	padding-left:16px;
	line-height:2.8em;
	color:#324752;
}
div.product-list-item div ul {
	list-style:none;
	margin:0;
	padding:0;
}
div#product-list div.product-list-item div ul li {
	list-style:none;
	float:left;
	padding-left:0px;
}
div#suture-list div.product-list-item div ul li {
	list-style:none;
	float:left;
	padding-left:16px;
	padding-right:18px;
	border-right:1px solid #D0DCE2;
}
div.product-list-item div ul li a {
	padding-left:22px;
	padding-top:4px;
	padding-bottom:4px;
	color:#638BA0;
}
div.product-list-item div ul li a:hover {
	color:#D65544;
}
div.product-list-item div ul li.overview a {
	background-image:url(/img/icon-page-vector.png);
	background-position:left center;
	background-repeat:no-repeat;
}
div.product-list-item div ul li.matrix a, div.product-list-item div ul li.cassettes a {
	background-image:url(/img/icon-page-text.png);
	background-position:left center;
	background-repeat:no-repeat;
}
div.product-list-item div ul li.brochure a {
	background-image:url(/img/icon-acrobat.png);
	background-position:left center;
	background-repeat:no-repeat;	
}
div#suture-list div.product-list-item div ul li.last {
	border:none;
}
.product-list-image {
	float:left;
	padding-right:12px;
}
.product-list-desc {
	float:left;
}


/*---- VARIANTS ------------------*/
table.variants {
	border:1px solid #E7E7E7;
	margin-top:8px;
}
table.variants thead {}
table.variants thead tr th {
	color:#666666;
	padding:0.4em;
	padding-left:0.8em;
	padding-right:0.8em;
	background-color:#F7F7F7;
	border:2px solid #FFFFFF;
	border-bottom:1px solid #E7E7E7;	
}
table.variants thead th.center {
	text-align:center;
}
table.variants thead th.middle {
	border-left:none;
	border-right:none;
}
table.variants tfoot tr td {
	font-size:4px;
	line-height:4pxl;
}
table.variants tr {}
table.variants tr td {
	padding-top:0.8em;
	padding-left:0.8em;
	padding-right:0.8em;
	border:2px solid #FFFFFF;
	border-top:none;
	border-bottom:none;
	line-height:1.8em;			
}
table.variants tr td.center {
	text-align:center;
}
table.variants tr td.center {
	border-left:none;
	border-right:none;
}


/*---- DATA TABLE ------------------*/

table.data-table {
/*
	border:1px solid #E7E7E7;
	margin-top:8px;
*/
	border:1px solid #666666;
	margin-top:8px;
	border-spacing:0px;
	border-collapse: collapse;
}
table.data-table thead {}
table.data-table thead tr th {
/*
	color:#666666;
	padding:0.4em;
	padding-left:0.8em;
	padding-right:0.8em;
	background-color:#F7F7F7;
	border:2px solid #FFFFFF;
	border-bottom:1px solid #E7E7E7;
*/
	color:#333333;
/* 	background-color:#F7F7F7; */
	background-color: #DDD;
	/* border-bottom:1px solid #E7E7E7; */
	border:1px solid #666666;
}
table.data-table thead th.center {
	text-align: center;
}
table.data-table thead th.middle {
	border-left:none;
	border-right:none;
}
table.data-table tr {
	height: 40px;
}
table.data-table tr td {
/*
	padding-top:0.8em;
	padding-left:0.8em;
	padding-right:0.8em;
	border:2px solid #FFFFFF;
	border-top:none;
	border-bottom:none;
	line-height:1.8em;
*/
	color: #666666;
	border:1px solid #666666;			
}

table.data-table thead tr th.first,
table.data-table tbody tr td.first {
	text-align:left;
	padding-left: 6px;
}

table.data-table tr td.center {
	text-align:center;
}
table.data-table tr td.center {
/*
	border-left:none;
	border-right:none;
*/
}

/*
table.data-table tfoot tr td {
	font-size:4px;
	line-height:4px;
}
*/
table.data-table tfoot {
	display: none;
}

/*---- SUTURE-MATRIX ---------------*/
table.suture-matrix {
	border:1px solid #666666;
	margin-top:8px;
	border-spacing:0px;
	border-collapse: collapse;
}
table.suture-matrix thead {}
table.suture-matrix thead tr th {
	color:#333333;
/* 	background-color:#F7F7F7; */
	background-color: #DDD;
	/* border-bottom:1px solid #E7E7E7; */
	border:1px solid #666666;
}
table.suture-matrix thead tr th.sizes {
	border-bottom:none;
}
table.suture-matrix thead tr th,
table.suture-matrix tbody tr td {
	text-align: center;
}
table.suture-matrix tbody tr {
	height: 40px;
}
table.suture-matrix tbody tr td {
	color: #666666;
	border:1px solid #666666;
}
table.suture-matrix thead tr th.needle {
	text-align:left;
	padding-left: 6px;
	width:30%;
}
table.suture-matrix tbody tr td.needle {
	padding-left:6px;
	padding-top:6px;
	padding-bottom:6px;
}
table.suture-matrix thead tr th.material {
	width:15%;
}
table.suture-matrix thead tr th.length {
	width:15%;
}
table.suture-matrix tbody tr td.needle {
	text-align: left;
}


/*---- SUTURES --------------------*/
table.sutures {
	border:1px solid #E7E7E7;
	margin-top:8px;
}
table.sutures thead {}
table.sutures thead tr th {
	color:#666666;
	padding:0.4em;
	padding-left:0.8em;
	padding-right:0.8em;
	background-color:#F7F7F7;
	border:2px solid #FFFFFF;
	border-bottom:1px solid #E7E7E7;
}
table.sutures thead th.center {
	text-align: center;
}
table.sutures thead th.middle {
	border-left:none;
	border-right:none;
}
table.sutures tr {}
table.sutures tr td {
	margin:0;
	padding:0;
	padding-top:0.8em;
	border:2px solid #FFFFFF;
	border-top:none;
	border-bottom:none;
	font-size:0.9em; 
	line-height:1.8em;		
}
table.sutures tr td.center {
	text-align:center;
}
table.sutures tr td.center {
	border-left:none;
	border-right:none;
}
div.suture-sku {
	float:left; 
	height:40px; 
	width:40px; 
	margin:0;
	margin-left:4px;
	font-size:9px;
	color:#E7E7E7;
	border:1px solid #F7F7F7;
}
div.has-value {
	font-size:9px;
	color:#666666;
	border:1px solid #E7E7E7;
	background-color:#F7F7F7;
}
table.sutures tfoot tr td {
	font-size:4px;
	line-height:4px;
}


/*---- NEEDLE POINT ---------------*/
DIV.needle-point {
	padding-top:26px;
	clear:both;
}
DIV.needle-point H3 {
	padding-top: 0px;
	float:left;
}
DIV.needle-point IMG {
	float:left;
	padding-left:10px;
}


/*---- SEARCH ---------------------*/
.search-basic-list {
	padding-left:16px;
}
.search-basic-item {
	padding-top:8px;
	padding-bottom:8px;
}
.search-basic-item a {
	font-weight:bold;
}
.search-basic-url {
	color:#638BA0;
}

/*---- FOOTER ---------------------*/
#footer-container {
	padding-top: 28px;
	padding-bottom: 28px;
/* 	border-top:1px solid #D0DCE2; */
/* 	background-color:#EBF5FA; */
/* 	background-image:url(/img/footer-grad.png); */
/* 	background-position:top; */
/* 	background-repeat:repeat-x; */
	background-color: #1D2023;
}
#footer-content {
	font-size:1.2em;
	width:772px;
/* 	color:#638BA0; */
	color: #FFF;
	margin: 0 auto;
	text-align:left;
}
#footer-content a:link, #footer-content a:active, #footer-content a:visited, #footer-content a:hover {
/* 	color:#638BA0; */
	color: #A2B9C6;
	text-decoration:underline;
} 
#footer-links {
	float:right;
}
#copyright {
	float:left;
}
#benchmark {
	text-align:center;
	font-style:italic;
	color:#A2B9C6;
}


/*---- MISC -----------------------*/
.pad {
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
}
.del {
	text-decoration:line-through;
}
.hr {
	margin: 0px;
	border-bottom: 1px dotted #A2B9C6;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color:#FFFFFF;
}
* html .hr {
	font-size:1px;
	line-height:1px;
	margin:0px;
	border-bottom: none;
	padding-top: 1px;
	padding-bottom: 0px;
	background: url(/img/hr-dot.gif) repeat-x bottom;	
}
.hr2 {
	margin: 0px;
	border-bottom: 1px solid #D0DCE2;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color:#FFFFFF;
}
.hr-fade {
	font-size:1px;
	line-height:1px;
	height:1px;
	margin:0;
	padding:0;
	border: none;
	background: url(/img/hr-fade.gif) no-repeat bottom;	
}
.legend {
	clear:both;
	text-align:left;
	margin-top:16px;
	border:1px solid #F7F7F7;
	background-color:#F7F7F7;
	padding:2px;
}
.legend span {
	display:block;
	color:#999999;
	margin:8px;
	text-transform:uppercase;
	font-size:10px;
}
.legend span.symbol {
	color:#D65544;
	float:left;
	padding:0;
	margin:0;
}