/* styles for standard joline template */

/**** PAGE LAYOUT ****/

body {
	padding: 0;
	margin: 0;
	background-color: #E6E6E6;
	background-image: url(img/bgbody.gif);
	background-repeat: no-repeat;
	background-position: top center;
}

#site {
	width: 955px;
	overflow: visible;
	margin: 0;
	text-align: left;
	background-image: url(img/bgnav.jpg);
	background-repeat: repeat-y;
	
	/*background-color: #FFFFFF;*/
}

/* 'hidden' only intended for IE */
#header {
	background: #315195;
	height: 120px;
	width: 955px;
	overflow: hidden;
	margin: 0;
	border-top: 12px solid #FFFFFF;
}

/* hide 'hidden' from browsers other than IE */
html>body #header{
	overflow: visible;
}

/* intended for IE only, other browsers get .png file*/
#frontpagelogo {
	position: relative;
	top: -118px;
	left: 622px;
	background: url(img/catheter_transparent.gif) no-repeat;
	width: 333px;
	height: 197px;
}

/* for browsers other than IE*/
html>body #frontpagelogo {
	position: relative;
	top: -118px;
	left: 622px;
	background: url(img/catheter_transparent.png) no-repeat;
	width: 333px;
	height: 197px;
}

#topbar {
/*	background: url(img/topbar.jpg) top center;*/
	height: 36px;
	width: 955px;
	margin: 0
}

#left {
	padding: 0;
	margin: 0;
	width: 152px;  /* 152 - 5 - 5 = 142 */
	background:  #889E8B;
	float: left;
	height: 432;
}

#main {
	padding: 0;
	margin: 0;
	width: 803px; /*803 - borderright*/
	/*height: 431px; /*hmm...*/
	text-align: left;
	float: left;
	/*border-right: 1px solid #889E8B;*/
}

#content_two {
	padding: 24px 12px 12px 24px;
	/*height: 396px; /* 18*24 - 24 - 12 (padding top and bottom)*/
	background: #FFFFFF;
	float: left;
	overflow: auto;
	width: 767px; /*626 (two) + 152 -12 */ 
}

#content_three {
	padding: 24px 0 24px 24px;
	/*height: 384px; /* 18*24 - 24 - 24 (padding top and bottom)*/
	width: 627px;
	background: #FFFFFF;
	float: left;
	overflow: auto;
}

#textboxleft {
	float:left;
	width: 432px; /* 152+332 (text) - 24 (content padding left) - 16 (scrollbar-buffer) */
	overflow: visible;
}

#textboxleft_narrow {
	float: left;
	width: 292px; /* 332 - 24 (#content padding) - 16 (scrollbar buffer)*/
	overflow: visible;
}

#picright {
	float: right;
	text-align: right;
	padding: 0;
	width: 304px;
	overflow: visible;
}

#footer_two{
	clear: both;
	width: 955px;
	height: 12px;
	background: url(img/footer_twocolumns_bg.jpg) repeat-y;	
}

#footer_three {
	clear: both;
	width: 955px;
	height: 12px;
	background: url(img/footer_threecolumns_bg.jpg) repeat-y;	
}

.clear {
	clear: both;
}


/***** NAVIGATION *****/

/* breadcrumbs */

#nav_breadcrumbs {
	line-height: 36px; /*36: top bar height*/
	margin-left: 176px; /*152+24 (margin on content)*/
}

#nav_breadcrumbs ul li{
	color: #FFFFFF;
	display: inline;
	list-style: none;
	float: left;
}

#nav_breadcrumbs ul{
	margin: 0;
	padding: 0;
}

#nav_breadcrumbs a:link, #nav_breadcrumbs a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

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

/* print page link */
#toplinks {
	line-height: 36px;
	margin-right: 36px;
	float: right;
}

#toplinks a:link, #toplinks a:visited{
	color: #364139;
	text-decoration: none;
} 

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


/* language switcher */
#languageswitch {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	vertical-align: bottom;
	color: #FFFFFF;
	height: 24px;
}

#languageswitch a {
	text-decoration: none;
}

#languageswitch a:link , #languageswitch a:visited {
	color: #364139;
}

#languageswitch a:hover , #languageswitch a:active {
	color: #FFFFFF;
}

/* login panel*/
#login {
	padding: 15px 5px 0 20px;
}

#login p {
	margin: 0;
	padding: 2px 0 0 0;
}

#login input {
	margin-bottom: 4px;
	border: 1px solid #364139;
} 

#login label {
	color: #364139;
	padding-bottom: 3px;
}

/* level 1 navigation */
#navigation {
	padding: 23px 0 0 0; /* 24 - 1 (border ul top)*/
	height: 385px; /* 432 - 23 (top padding) - 24 (langswitch)*/
}

#navigation ul {
	padding: 0;
	margin: 0;
	border-top: 1px solid #98AD9D;
	border-bottom: 1px solid #98AD9D;
	overflow: hidden;
}

#navigation a {
	font-family: Georgia, Times, Serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 20px;
}

#navigation a:link, #navigation a:visited {
	color: #364139;
}
#navigation a:hover, #navigation a:active {
	color: #FFFFFF;
}

/* delimiters */

#navigation ul li.nav_delimiter {
	width: 152px;
	padding: 0px;
	height: 22px;
	list-style: none;
	border-top: 1px solid #98AD9D;
	border-bottom: 1px solid #98AD9D;
}

/* level 1 */

#navigation ul li.nav_level0 {
	width: 152px;
	padding: 0px;
	line-height: 22px;
	height: 22px;
	list-style: none;
	border-top: 1px solid #98AD9D;
	border-bottom: 1px solid #98AD9D;
	overflow: hidden;
}

#navigation ul li.nav_level0_a  {
	width: 152px;
	padding: 0px;
	line-height: 22px;
	list-style: none;
	border-top: 1px solid #98AD9D;
	border-bottom: 1px solid #98AD9D;
	overflow: hidden;
}


#navigation ul li.nav_level0 {
	background: url(img/nav_level0_bg.jpg);
}


#navigation ul li.nav_level0_a {
	background: url(img/nav_level0_a_bg.jpg);
}

#navigation ul li.nav_level0_a a{
	color: #ffffff;
}

/* level 2 */

#navigation ul li.nav_level0_a ul {
	background: url(img/nav_level1_bg.gif) repeat-y;
	border-top: 2px solid #98AD9D;
	border-bottom: none;
	margin-top: 0px;
	margin-bottom: -2px;
}

#navigation ul li.nav_level1_a {
	list-style: none;
	line-height: 24px;
	height: 24px;
	background: url(img/nav_level0_a_bg.jpg);
	overflow: hidden;
}

#navigation ul li.nav_level1 {
	list-style: none;
	line-height: 24px;
	height: 24px;
}

#navigation ul li.nav_level1 a:link, #navigation ul li.nav_level1 a:visited{
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: normal;
	color: #364139;
}

#navigation ul li.nav_level1 a:hover, #navigation ul li.nav_level1 a:active{
	color: #FFFFFF;
}


#navigation ul li.nav_level1_a a{
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: normal;
	color: #FFFFFF;
}


/* level 3 navigation in second column */

#navigation_level3 {
	padding: 71px 0 0 0; /* 72 - 1 (ul border top)*/
	margin: 0;
	background: #B6C3B9;
	float: left;
	height: 361px; /* 432 - 71 */
}

#navigation_level3 ul {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #D9E1DB;
	border-top: 1px solid #D9E1DB;	
}

#navigation_level3 ul li {
	/*background: url(img/nav_level2.jpg);*/
	background: #B6C3B9;
	width: 152px;
	line-height: 22px;
	height: 22px;
	border-bottom: 1px solid #D9E1DB;
	border-top: 1px solid #D9E1DB;
	list-style: none;
}

#navigation_level3 ul li.selected {
	background: url(img/nav_level2_a_bg.jpg);
}

#navigation_level3 ul li.nav_delimiter {
	height: 46px; /* 2 x 24 - 2 (border top bottom)*/
	border-bottom: 1px solid #D9E1DB;
	border-top: 1px solid #D9E1DB;
	list-style: none;
}

#navigation_level3 ul li a {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #364139;
	padding-left: 14px;
}

#navigation_level3 ul li.selected a {
	color: #FFFFFF;
}

#navigation_level3 ul li a:hover {
	color: #FFFFFF;
}


/******** CONTENT **********/
body, table, td, tr, tbody, b, p, input, select, label, textarea {
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #252525;
}

input, select, textarea {
	border: 1px solid #0099DF;
	margin-bottom: 1px;
}

h1 {
	font-size: 14px;
	font-weight: normal;
	color: #FF0000;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

h1.product{
	font-family: Georgia, Times, Serif;
	font-weight: bold;
	font-size: 13px;
	color: #252525;
	text-transform: none;
	display: block;
	height: 39px; /* 48 (section image height) - margintop*/
	vertical-align: middle;
	margin: 9px 0 0 0;
}

h2 {
	font-weight: normal;
	font-size: 12px;
	color: #FF0000;
	text-transform: uppercase;
	clear: left;
	padding: 12px 0 0 0;
}

h3 {
    font-weight: normal;
    font-size: 12px;
    color: #FF0000;
}

img {
	border: none;
}

img.product_section {
	float: left;
	margin: 0 14px 0 0;
}

em {
	color: #FF0000;
	text-decoration: none;
	font-style: normal;
}

img.product_box {
	padding: 12px 0 12px 0;
}

img.product_big {
	margin: 0;
	padding: 0;
}

#content_three, #content_two {
	line-height: 1.2em;
}

#content_three ul, #content_two ul {
	list-style-image: url('img/bullet_plus_red.gif');
	padding-left: 28px;
}

#content_three li, #content_two li{
	padding-left: 0px;
	margin-top: 6px;
}

#content_two a:link, #content_two a:visited, #content_three a:link, #content_three a:visited {
	text-decoration: underline;
	color: #364139;
}

#content_two a:hover, #content_two a:active, #content_three a:hover, #content_three a:active {
	color: #FF0000;
}

.standards {
	clear: left;
	margin-top: 3px;
	display: block;
	text-align: center;
}

/* ordering information */
div.anchors{
	width: 369px;  /*370 (table width) - 1 (padding left)*/
	display:block;
	padding-left: 1px;
	margin-top: 24px;
	margin-bottom: -10px;
	background-color: #E6E6E6;
}

div.anchors a:link, div.anchors a:visited {
	border-bottom: 0;
}

ul.ordering {
	padding-left: 28px;
}

ul.ordering li{
	color: #252525;
	list-style-image: url(img/arrow_down_white.gif);
	padding-bottom: 1px;
}

/* FORMS */

input, textarea {
	border: 1px solid #889E8B;
	background: #E1E5E1;
	padding-left: 3px;
	padding-right: 3px;
}

input {
	height: 16px;
}

/* PRODUCTS MAIN PAGE*/

.productmainleft {
	color: #FF0000;
	font-size: 15px;
	margin: 0 0 12px 0;
	width: 190px;
	height: 187px;
	clear: both;
	float: left;
	border-top: 12px solid;
	text-align: center;
	padding: 10px 5px 0 5px;
	line-height: 20px;
}

.bgst {
	border-color: #364139;
	background: #98AD9D;
}

.bglt {
	border-color: #FF6600;
	background: #FECC2E;
}

.bgpd {
	border-color: #334E0B;
	background: #C8E594;
}

.bgcp {
	border-color: #15295E;
	background: #227DBC;
}


.bgacc {
	border-color: #154540;
	background: #A4CDC3;
}


.productmainright {
	border: none;
	margin: 12px 0 12px 0;
	height: 197px;
	width: 400px;
	float: left;
}

.productmainright ol.nonumbers {
	list-style-type: none;
	padding-left: 28px;
	margin-left: 20px;
	float: left;
	
}

ol.nonumbers li{
	list-style: none;
}

.productmainright img {
	float: right;
	vertical-align: middle;
}


/* PRODUCT TABLES */

/* all product lines*/
table.producttable {
	width: 370px;
	border-collapse: collapse;
}

table.producttable thead td {
	padding: 2px 10px 2px 10px;
}

table.producttable tr.headfirst td{
	color: #FFFFFF;
	text-align: left;
}

table.producttable tr.headsecond td{
	color: #FFFFFF;
	text-align: left;
	font-size: 9px;
}

table.producttable tr.headthird td{
	color: #252525;
	padding: 5px 10px 5px 10px;
	text-align: center;
}

table.producttable tbody td {
	color: #252525;
	padding: 5px 10px 5px 10px;
	text-align: left;
}
table.producttable tbody td.dot {
	text-align: center;
}
/* ST */
table.producttable-st {
	border: 1px solid #8E958D;
}
table.producttable-st tr.headfirst, table.producttable-st tr.headsecond {
	background: #475245;
}
table.producttable-st tr.headthird td{
	border-bottom: 1px solid #475245;
}
table.producttable-st tbody td {
	border-bottom: 1px solid #475245;
}


/* LT */
table.producttable-lt {
	border: 1px solid #F5821F;
}
table.producttable-lt tr.headfirst, table.producttable-lt tr.headsecond {
	background: #F5821F;
}
table.producttable-lt tr.headthird td{
	border-bottom: 1px solid #F5821F;
}
table.producttable-lt tbody td {
	border-bottom: 1px solid #F5821F;
}

/* PD */
table.producttable-pd {
	border: 1px solid #3F6618;
}
table.producttable-pd tr.headfirst, table.producttable-pd tr.headsecond {
	background: #3F6618;
}
table.producttable-pd tr.headthird td{
	border-bottom: 1px solid #3F6618;
}
table.producttable-pd tbody td {
	border-bottom: 1px solid #3F6618;
}
/* Stents */
/*these colors have to be changed once the stents are available*/
table.producttable-stents {
	border: 1px solid #3F6618;
}
table.producttable-stents tr.headfirst, table.producttable-stents tr.headsecond {
	background: #3F6618;
}
table.producttable-stents tr.headthird td{
	border-bottom: 1px solid #3F6618;
}
table.producttable-stents tbody td {
	border-bottom: 1px solid #3F6618;
}

/* Accessories */
table.producttable-acc {
	border: 1px solid #005F63;
}
table.producttable-acc tr.headfirst, table.producttable-acc tr.headsecond {
	background: #005F63;
}
table.producttable-acc tr.headthird td{
	border-bottom: 1px solid #005F63;
}
table.producttable-acc tbody td {
	border-bottom: 1px solid #005F63;
}