/*----------- redefined html tags --------------- */

h1, h2, p, td, div, img, ul, li { margin: 0; padding: 0; }

ul {  /*--- A set of bullets with styles ---*/ 
	font-size: 70%;
}

ul.myAccount2 {
	font-size: 75%;
	margin: 0 0 0 15px;
}

ul.bigger {
	font-size: 120%;
}

ol.bigger {
	font-size: 120%;
}

ul.normal {
	font-size: 100%;
}

ul.botnav {
	font-size: 85%;
	text-align: center;
	margin: 0 0 0 0;
	padding: 7px 0 0 0;
}

ul.ButtMenu {
	font-size: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

ul.Products {
	font-size: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

ol .why { /*--- Individual bullets ---*/
	color: #666;
	font-size: 100%;
	line-height: 200%;
	text-align: left;
	margin: 0 10px 0 0;
}

hr { 
	margin: 5px 0 5px 0;
}

h1 {
	color:	black;
	font-size: 105%;
	font-weight: normal;
	text-align: center;
	margin: 0;
}

h2 {
	color:	white;
	font-size: 100%;
	font-weight: bold;
	line-height: 165%;
	text-align: left;
	margin: 0 0 0 5px;
}

h3 {
	color:	#010066;
	font-size: 95%;
	font-weight: bold;
	line-height: 150%;
	text-align: left;
	margin: 0 0 10px 0;
}

h4 {
	color: white;
	font-weight: bold;
	font-size: 90%;
	line-height: 170%;
	text-align: left;
	margin: 0 0 0 8px;
}

h5 {
	color:	#010066;
	font-size: 85%;
	font-weight: bold;
	line-height: 100%;
	text-align: center;
	margin: 0;
}

h6 {
	color:	#010066;
	font-size: 90%;
	font-weight: bold;
	line-height: 125%;
	text-align: left;
	margin: 0;
}

p { /* Standard Paragrapgh Style */
	color: #666;
	font-size: 75%;
	line-height: 160%;
	text-align: left;
	margin: 0 0 10px 0;
}

p.small {
	color: white;
	font-size: 70%;
	text-align: right;
	margin: 0 12px 0 0;
}

p.center { /* Centered Paragrapgh Style */
	color: #666;
	font-size: 75%;
	line-height: 160%;
	text-align: center;
	margin: 0 0 10px 0;
}

h3.center { /* Centered Paragrapgh Style */
	text-align: center;
}

h3.red { /* Red Centered Paragrapgh Style */
	text-align: center;
	color: red;
	font-style: italic;
}

h3.large{ /* Larger h3 */
	font-size: 110%;
}

td.small {
	font-size: 65%;
}

legend {
	color:	#010066;
	font-size: 90%;
	font-weight: bold;
	text-align: left;
	margin: 0;
}

span.bold { /* Use of span class to create bold text*/
	font-weight: bold;
}

span.center { /* Use of span class to create bold centred text*/
	font-weight: bold;
	text-align: center;
	margin: 0;
}

tr.even{
	background-color: #19E8FF;
}

tr.odd {
	background-color: #99F5FF;
}

/*********************************
   =INTERFACE ELEMENTS
-------------------------------------- */

.clickable {
  cursor: pointer;
}

.hover {
  text-decoration: underline;
}

/*----------- link styles ---------------*/ 

a { color: #663333; text-decoration: underline; }
a img {border: none; }
a:visited { color: #663333; text-decoration: underline; }
a:hover { color: #663333; text-decoration: none; }
a:active { color: #663333; text-decoration: none; }

/*----------- 2nd Class of link styles for white links on nav bar ---------------*/
a.nav { color: white; text-decoration: none; }
a.nav img {border: none; }
a.nav:visited { color: white; text-decoration: none; }
a.nav:hover { color: yellow; text-decoration: none; }
a.nav:active { color: white; text-decoration: none; }

/*----------- 3rd Class of link styles for buttons ---------------*/
/*----------- so whole image is clickable with links ---------------*/
.butselected { color: yellow; text-decoration: none; }

#ButtMenu a { 
	color: white;
	font-size: 80%;
	text-decoration: none;  
	background-image: url(../images/button.gif); 
	height: 42px; 
	width: 132px; 
	display: block; 
	font-weight: bold;
}

#ButtMenu a:visited { color: white; text-decoration: none; }
#ButtMenu a:hover { color: #ED9465; text-decoration: none; }
#ButtMenu a:active { color: white; text-decoration: none; }
#ButtMenu img {border: none;}

#ButtMenu a.orgHighlight {
	color: #e8773a;
	}

/*----------- For the breast button ------------*/
a.breast { 
	color: white; 
	text-decoration: none;  
	background-image: url(../images/breast_pacs_button.jpg); 
	height: 66px; 
	width: 123px;
	display: block; 
	font-weight: bold;
}

a.breast img {border: none;}
a.breast:visited { color: white; text-decoration: none; }
a.breast:hover { color: yellow; text-decoration: none; }
a.breast:active { color: white; text-decoration: none; }

/*----------- For the VNA button ------------*/
a.vna { 
	color: white; 
	text-decoration: none;  
	background-image: url(../images/VNA_button.jpg); 
	height: 66px; 
	width: 123px;
	display: block; 
	font-weight: bold;
}

a.vna img {border: none;}
a.vna:visited { color: white; text-decoration: none; }
a.vna:hover { color: yellow; text-decoration: none; }
a.vna:active { color: white; text-decoration: none; }

/*----------- For the DR button ------------*/
a.dr { 
	color: white; 
	text-decoration: none;  
	background-image: url(../images/DR_button.jpg); 
	height: 66px; 
	width: 123px;
	display: block; 
	font-weight: bold;
}

a.dr img {border: none;}
a.dr:visited { color: white; text-decoration: none; }
a.dr:hover { color: yellow; text-decoration: none; }
a.dr:active { color: white; text-decoration: none; }
	
/*----------- 4th Class of link styles for buttons ---------------*/
/*----------- so whole image is clickable with links ---------------*/
a.why { 
	color: white; 
	text-decoration: none;  
	background-image: url(../images/WhyButton.jpg); 
	height: 66px; 
	width: 123px;
	display: block; 
	font-weight: bold;
}

a.why img {border: none;}
a.why:visited { color: white; text-decoration: none; }
a.why:hover { color: yellow; text-decoration: none; }
a.why:active { color: white; text-decoration: none; }

/*----------- 5th Class of link styles for buttons ---------------*/
/*----------- so whole image is clickable with links ---------------*/
a.sol { 
	color: white; 
	text-decoration: none;  
	background-image: url(../images/pacs_solutions_button.jpg); 
	height: 66px; 
	width: 123px; 
	display: block; 
	font-weight: bold;
}

a.sol img {border: none;}
a.sol:visited { color: white; text-decoration: none; }
a.sol:hover { color: yellow; text-decoration: none; }
a.sol:active { color: white; text-decoration: none; }

/*----------- 6th Class of link styles for buttons ---------------*/
/*----------- so whole image is clickable with links ---------------*/
a.cert { 
	color: white; 
	text-decoration: none;  
	background-image: url(../images/CertButton.jpg); 
	height: 66px; 
	width: 123px; 
	display: block; 
	font-weight: bold;
}

a.cert img {border: none;}
a.cert:visited { color: white; text-decoration: none; }
a.cert:hover { color: yellow; text-decoration: none; }
a.cert:active { color: white; text-decoration: none; }

/*----------- 7th Class of link styles for buttons ---------------*/
/*----------- so whole image is clickable with links ---------------*/
a.supp { 
	color: white; 
	text-decoration: none;  
	background-image: url(../images/SuppButton.jpg); 
	height: 66px; 
	width: 123px; 
	display: block; 
	font-weight: bold;
}

a.supp img {border: none;}
a.supp:visited { color: white; text-decoration: none; }
a.supp:hover { color: yellow; text-decoration: none; }
a.supp:active { color: white; text-decoration: none; }

/*----------- 7th Class of link styles for buttons ---------------*/
/*----------- so whole image is clickable with links ---------------*/
a.quote { 
	color: white; 
	text-decoration: none;  
	background-image: url(../images/quote_button.jpg); 
	height: 66px; 
	width: 123px; 
	display: block; 
	font-weight: bold;
}

a.supp img {border: none;}
a.supp:visited { color: white; text-decoration: none; }
a.supp:hover { color: yellow; text-decoration: none; }
a.supp:active { color: white; text-decoration: none; }

/*----------- Schematic Javascripted Up Diagram Link ---------------*/ 

a.schematic {
	color: transparent;
	text-decoration: none;  
	background-image: url(../images/schematic_small.jpg); 
	width: 398px;
	height: 258px;
	display: block; 
	font-weight: bold; 
}
a.schematic img {border: none;}
a.schematic:visited { color: transparent; text-decoration: none; }
a.schematic:hover { color: transparent; text-decoration: none; }
a.schematic:active { color: transparent; text-decoration: none; }