/********************************************************
* This is the main CSS file for the Scisense web site.  
* DO NOT EDIT THIS FILE!
*
* Created by: Eva Placko (eva@uwo.ca)
* Date:       October 2008
*
***********************************************************/
/*    S C I S E N S E  Web Site  S T Y L E S H E E T      */
/**********************************************************/
/*
            COLOURS USED: 
			
			Red			- #CC0033
			Palest Grey - #E2E7E7   (closest web safe=#CCCCCC)
			Dark Grey 	- #4B4A4A   (closest web safe=#333333)

*/
/***********************************************************				
 *
 * 			Standard HTML tag definitions
 *
 **********************************************************/

/* All fonts on a page will be Arial with size 12 pixels 
   by default unless overriden.
*/
body {
	margin: 0;      /* Define customized values for each element rather than defaults */
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4B4A4A;
	background: #FFFFFF;
	text-align: center;    /* Center the page in the center of screen in some browsers */
	}

/* Paragraphs will have 1.5 times the letter height between lines,
   no margin, and have padding of 10 pixels at left, bottom and right.
*/	
p {
	line-height: 1.5em;
/*	margin: 0 10px 10px 10px; */
	text-indent: 0;
	}
	
/* Indenting a paragraph - padding of 30 pixels at the left.  */	
p.indent {
	text-indent: 20px;
	}
	
/* This is the text inside a box. */	
p.inABox {
	border: 1px solid #54401F;
	padding: 10px;
	margin: auto;
	width: 400px;
	text-indent: 0;
	text-align: center;
	}
	
/* The following set the link colours.  MUST be defined in this order. */
a {
	color: #cc0033;              
	text-decoration:none;  
	}    /* link shows as red */
a:link { 
	color: #cc0033; 
	}   /* not visited and not moused-over */
a:visited { 
	color: #cc0033;
	}   /* have been visited */
a:hover { 
	color: #cc0033;
	text-decoration: underline; 
	}   /* when moused-over */
a:active { 
	color: #cc0033; 
	}  /* when clicked */

/* This section is used to "light up" the appropriate button 
   on the LEFT navigation menu bar depending on the page you are on. */
/* About Us */
body#menu-history          		li a#menu-history,				
body#menu-board-of-directors	li a#menu-board-of-directors,
body#menu-management      		li a#menu-management,
body#menu-community          	li a#menu-community,
body#menu-employment     		li a#menu-employment,
body#menu-customers       		li a#menu-customers,
body#menu-testimonials          li a#menu-testimonials,
body#menu-sammy     			li a#menu-sammy,
/* Products */
body#menu-products          	li a#menu-products,
body#menu-pressure          	li a#menu-pressure,             
body#menu-p-catheters			li a#menu-p-catheters,
body#menu-p-control-units 		li a#menu-p-control-units,
body#menu-p-packages     		li a#menu-p-packages,
body#menu-pressure-volume  		li a#menu-pressure-volume,
body#menu-pv-rodent-catheters   li a#menu-pv-rodent-catheters,
body#menu-pv-rodent-control-units  li a#menu-pv-rodent-control-units,
body#menu-pv-rodent-control-units-conductance  li a#menu-pv-rodent-control-units-conductance,
body#menu-pv-rodent-control-units-admittance  li a#menu-pv-rodent-control-units-admittance,
body#menu-pv-rodent-packages	li a#menu-pv-rodent-packages,
body#menu-pv-vsl-catheters      li a#menu-pv-vsl-catheters,
body#menu-pv-vsl-control-units  li a#menu-pv-vsl-control-units,
body#menu-pv-vsl-packages     	li a#menu-pv-vsl-packages,
body#menu-pv-la-catheters       li a#menu-pv-la-catheters,
body#menu-pv-la-control-units   li a#menu-pv-la-control-units,
body#menu-pv-la-packages     	li a#menu-pv-la-packages,
body#menu-electrophysiology     li a#menu-electrophysiology,
body#menu-electro-catheters     li a#menu-electro-catheters,
body#menu-electro-control-units li a#menu-electro-control-units,
body#menu-electro-packages      li a#menu-electro-packages,
body#menu-acquisitions          li a#menu-acquisitions,
body#menu-scisense     			li a#menu-scisense,
body#menu-dsi      				li a#menu-dsi,
body#menu-accessories          	li a#menu-accessories,
body#menu-employment     		li a#menu-employment,
body#menu-declaration       	li a#menu-declaration,
/* Education */
body#menu-testimonials          li a#menu-testimonials,         
body#menu-solid-state-pressure  li a#menu-solid-state-pressure,
body#menu-ssp-topic1      		li a#menu-ssp-topic1,
body#menu-conductance          	li a#menu-conductance,
body#menu-cv-history     		li a#menu-cv-history,
body#menu-cv-theory        		li a#menu-cv-theory, 
body#menu-cv-theory-conductance	li a#menu-cv-theory-conductance,
body#menu-cv-theory-admittance	li a#menu-cv-theory-admittance,
body#menu-cv-application        li a#menu-cv-application,
body#menu-cv-cardiomyopathies 	li a#menu-cv-cardiomyopathies,
body#menu-tech-considerations   li a#menu-tech-considerations,
body#menu-validation-studies    li a#menu-validation-studies,
body#menu-tech-notes     		li a#menu-tech-notes,
body#menu-web-resources       	li a#menu-web-resources,
/* News & Events */
body#menu-news-events           li a#menu-news-events,        
body#menu-upcoming-events     	li a#menu-upcoming-events,
body#menu-past-events	   		li a#menu-past-events,
body#menu-press-releases        li a#menu-press-releases,
body#menu-announcements     	li a#menu-announcements,
body#menu-company-news       	li a#menu-company-news,
body#menu-newsletters           li a#menu-newsletters,
/* Downloads */
body#menu-customer-download		li a#menu-customer-download,  
body#menu-surgical-video      	li a#menu-surgical-video,
body#menu-labscribe2          	li a#menu-labscribe2,
body#menu-recent-papers     	li a#menu-recent-papers,
/* Contact Us */
body#menu-head-office       	li a#menu-head-office,        
body#menu-distributors     		li a#menu-distributors,
body#menu-info-request-form     li a#menu-info-request-form,
body#menu-newsletter-subscribe  li a#menu-newsletter-subscribe,
body#sitemap-page       		li a#sitemap-page 
 	{
 	color: #cc0033;	
	/*background: url("../images/button.jpg") repeat-x;	*/
	/*background-color: #ffffff;*/
	/*display: block;*/   /* this will highlight the whole cell background*/
	}
	
/*--------------------------------------------*/
/* -------------------- TOP Navigation buttons ----------------- */
/*table#topNavMenu {
	width: 100%;
	background-color: #CC0033;
	border: 1px solid blue;	}
*/
div#topNav {
	width:100%; 					/* makes the div full width */
	float:left; 					/* makes the div enclose the list */
/*	border-top:1px solid #069;*/		/* draws line on top edge of div */
	border-bottom: 6px solid #E2E7E7;	/* draws line on bottom edge of div */
	font-size:.9em;					/* SET FONT-SIZE HERE */
	font-weight: bold;
 	text-align: center;
	background-color: #CC0033; 		/* colors the div */
	}
	
#topNav ul {
	margin: 0px;
	padding: 0px;
	/*margin:0 0 0 30px; */    		/* indents ul from edge of container */
	}	
/* All list items (ul li). If no definition is found for 
   lower level list items, these settings will be used.*/
#topNav li { 
	float:left;							/* causes the list to align horizontally instead of stack */
	list-style-type:none;				/* removes the bullet off each list item */
	background-color: #CC0033; 			/* sets the background of the menu items */
	border-right: 1px solid #ffffff; 	/* creates dividing lines between the li elements */
	}
	
#topNav li.noBorder { 
	border-right: none; 				/* removes the right border on this element */
	}	
/* Item when not moused over - initial state */
#topNav a {
	padding: 5px 0px;					/* Padding at the top and bottom of 5 pixels */
										/* This ADDS to the height! */
	color : #ffffff;                   
	text-decoration : none;				/* no underline on link */
	display: block;   					/* this will highlight the whole cell background*/
	height: 20px;						/* height of the li elements */
 	width: 89px;   						/* each li element is 80 pixels wide */

	}	

/* Item when moused over */	
#topNav a:hover {
	color: #4B4A4A;	
	background-color : #E1E7E7;
	}	

/* This section is used to "light up" the appropriate button 
   on the TOP navigation menu bar depending on the page you are on. */
/* Home */
body#menu-home          		#topNav li a#menu-home,				
/* About Us */
body#menu-history          		#topNav li a#menu-about-us,				
body#menu-board-of-directors	#topNav li a#menu-about-us,
body#menu-management      		#topNav li a#menu-about-us,
body#menu-community          	#topNav li a#menu-about-us,
body#menu-employment     		#topNav li a#menu-about-us,
body#menu-customers       		#topNav li a#menu-about-us,
body#menu-testimonials          #topNav li a#menu-about-us,
body#menu-sammy     			#topNav li a#menu-about-us,
/* Products */
body#menu-products          	#topNav li a#menu-products,             
body#menu-pressure          	#topNav li a#menu-products,             
body#menu-p-catheters			#topNav li a#menu-products,
body#menu-p-control-units 		#topNav li a#menu-products,
body#menu-p-packages     		#topNav li a#menu-products,
body#menu-pressure-volume  		#topNav li a#menu-products,
body#menu-pv-rodent-catheters   #topNav li a#menu-products,
body#menu-pv-rodent-control-units  #topNav li a#menu-products,
body#menu-pv-rodent-packages	#topNav li a#menu-products,
body#menu-pv-vsl-catheters      #topNav li a#menu-products,
body#menu-pv-vsl-control-units  #topNav li a#menu-products,
body#menu-pv-vsl-packages     	#topNav li a#menu-products,
body#menu-pv-la-catheters       #topNav li a#menu-pproducts,
body#menu-pv-la-control-units   #topNav li a#menu-products,
body#menu-pv-la-packages     	#topNav li a#menu-products,
body#menu-electrophysiology     #topNav li a#menu-products,
body#menu-electro-catheters     #topNav li a#menu-products,
body#menu-electro-control-units #topNav li a#menu-products,
body#menu-electro-packages      #topNav li a#menu-products,
body#menu-acquisitions          #topNav li a#menu-products,
body#menu-scisense     			#topNav li a#menu-products,
body#menu-dsi      				#topNav li a#menu-products,
body#menu-accessories          	#topNav li a#menu-products,
body#menu-declaration       	#topNav li a#menu-products,
/* Education */
body#menu-education          	#topNav li a#menu-education,
body#menu-solid-state-pressure  #topNav li a#menu-education,
body#menu-ssp-topic1      		#topNav li a#menu-education,
body#menu-ssp-topic2          	#topNav li a#menu-education,
body#menu-conductance          	#topNav li a#menu-education,
body#menu-cv-history     		#topNav li a#menu-education,
body#menu-cv-theory        		#topNav li a#menu-education, 
body#menu-cv-theory-conductance	#topNav li a#menu-education,
body#menu-cv-theory-admittance	#topNav li a#menu-education,
body#menu-cv-application        #topNav li a#menu-education,
body#menu-cv-cardiomyopathies 	#topNav li a#menu-education,
body#menu-tech-considerations   #topNav li a#menu-education,
body#menu-validation-studies    #topNav li a#menu-education,
body#menu-tech-notes     		#topNav li a#menu-education,
body#menu-web-resources       	#topNav li a#menu-education,
/* News & Events */
body#menu-news-events           #topNav li a#menu-news-events,        
body#menu-upcoming-events     	#topNav li a#menu-news-events,
body#menu-past-events	   		#topNav li a#menu-news-events,
body#menu-press-releases        #topNav li a#menu-news-events,
body#menu-announcements     	#topNav li a#menu-news-events,
body#menu-company-news       	#topNav li a#menu-news-events,
body#menu-newsletters           #topNav li a#menu-news-events,
/* Downloads */
body#menu-downloads				#topNav li a#menu-downloads, 
body#menu-customer-download		#topNav li a#menu-downloads,  
body#menu-surgical-video      	#topNav li a#menu-downloads,
body#menu-labscribe2          	#topNav li a#menu-downloads,
/* Papers */
body#menu-recent-papers     	#topNav li a#menu-papers,
/* Contact Us */
body#menu-head-office       	#topNav li a#menu-contact-us,        
body#menu-distributors     		#topNav li a#menu-contact-us,
body#menu-info-request-form     #topNav li a#menu-contact-us,
body#menu-newsletter-subscribe  #topNav li a#menu-contact-us,
body#sitemap-page       		#topNav li a#sitemap-page 
 	{
 	color: #4B4A4A;	
	/*background: url("../images/button.jpg") repeat-x;	*/
	background-color: #E1E7E7;
	/*display: block;*/   /* this will highlight the whole cell background*/
	}
/*--------------------------------------------*/	
	
h1 {
	font-size: 24px;
	padding: 5px 10px 0px 10px;
	font-weight: bold;
	margin:0;
	color: #4b4a4a;	
	}
	
h2 {
	font-size: 20px;
	padding: 10px;
	font-weight: bold;
	margin:0;
	color: #4b4a4a;
	}
	
h3 {
	font-size: 16px;
	padding: 10px 10px 5px 10px;
	font-weight: bold;
	margin:0;
	color: #cc0033;
	}

h4 {
	font-size: 14px;
	padding: 6px 0px 3px 10px;
	font-weight: bold;
	margin:0;
	color: #4b4a4a;
	}
	
ul.noBullet {
	list-style: none;
	}

ul.alphaBullets {
	list-style:lower-alpha;
	}
	
li {
	line-height: 150%;
	}

hr {
	height: 1px;
	color: #4b4a4a;
	}

/* All images will have no border by default */	
img	{
	border: 0;
	margin: 0;
	padding: 0;
	}
	
/*********************************************************************
 *
 * 			Clearing fixes.
 *
 ********************************************************************/						
/*------------------------ CLEARFIX --------------------------------*/
/* Here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";            /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;               /* ensure the period is not visible */
    clear: both;             /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */				   
  
.clearfloats {
	clear: both;
	height: 0;
	line-height: 0;
	}	
/*------------------- End of Clearing Fixes------------------------------*/ 
	
/***********************************************************************
 *
 * 					Definitions of IDs
 *
 **********************************************************************/
/*===================================================================== 
						THE WHOLE PAGE 
=====================================================================*/ 

/* This encloses the entire page including header, navigation, content
   and footer. */	
#PageBoundary {	
	width: 720px;
	margin-top: 20px;
    margin-left: auto;    /* Center page in the browser */
    margin-right: auto;   /* Center page in the browser */
	text-align: left;	
	border: 1px dotted #BEBEBE;
    background-color: #ffffff;  
	}
	
/* This encloses the entire page - used on article pages, brochures, etc. */	
#PageBoundary2 {	
	width: 720px;
	margin-top: 20px;
    margin-left: auto;    /* Center page in the browser */
    margin-right: auto;   /* Center page in the browser */
	text-align: left;	
    background-color: #ffffff;  
	}
/* ----------------------- Top Search Bar -------------------------

  This is the Search Bar at the top of the display above the header. */
 
#TopSearchBar {
	}	
#TopSearchBar form {
	padding: 0;
	margin: 0;
	width: 100%;
	}
#TopSearchBar form input {
 	float: none;     
	margin-right: 5px;
	}
#TopSearchBarTable {
	width: 100%;
	background-color: #FFFFFF;	
	}	
#TopSearchBarTable td {
    padding-left: 5px;
	}	
#TopSearchBarTable td a {	
	color: #4B4A4A;
	font-weight: bold;
	}	
	
/* ------------------------- Header ----------------------------

  This is the Search Bar at the top of the display above the header. */
		
#Header {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: right;
	background-color: #ffffff;   
	}
/* This is text that should only show up on the printed version. */	
#HeaderForPrint {
	display: none;
	}	
/*==================================================================== 
							CONTENT AREA  
=====================================================================*/ 
	
/* This encloses the Horizontal Navigation Menu (full row), the Vertical  
   Menu Column, the Content Column and the Right Column (if any). 
   The buttonBackground image is used to fill in the navigation
   column with the background colour if the content is longer than
   the navigation bar. */

#ContentArea {
	/*	clear: both;*/
	position: relative;
	width: 720px;	
	/* This creates the pale grey colour behind the buttons and white behind the
	   content.  The grey column will appear to stretch down if the content column
	   is longer than the navigation column. */
    background: url("../images/pageBackground.gif") repeat-y top left;	
	}
	
#ContentAreaFull {
	position: relative;
	width: 720px;	
    background: none;
    }		
/*==================================================================== 
							NAVIGATION  
=====================================================================*/ 	
/* ---------------------- Horizontal Nav Menu ------------------------

  These is the Horizontal Navigation Menu under the header.  It will 
  look like File Folder Tabs. */
  
#HorizontalNavMenu {
	width: 720px; 	/* makes the div full width */
	background-color: #E2E7E7;  /* pale grey */
	}
#HorizontalNavMenu ul {
	margin:0px;    /* indents ul from edge of container */
	padding: 0px;
	}
#HorizontalNavMenu li {
	float: left;			/* list aligns horizontally instead of stack */
	list-style-type:none; 	/* Removes the bullet next to each item in a list. */	
	height: 30px;           /* height of button */
	border-bottom: 6px solid #E2E7E7;	/* pale grey */
	}
#HorizontalNavMenu li a {
	}
#HorizontalNavMenu li a:hover {
	}

/* --------------------- Vertical Menu Column ----------------------

  These is the Vertical Menu column on the left of the display.  
  These links use a JavaScript to expand and collapse. */

#VerticalMenuColumn {
	width: 160px;   /* approx 1/4 of display */
	float: left;	
	margin: 0;
	padding: 0;
	background-color: #E2E7E7;
	}	
	
#VerticalMenuList,
#VerticalMenuList ul {
	text-align:left;
	font-weight: bold;
	margin:0;   /* Removes browser default margins applied to the lists. */
	padding:0; 
 
	}
#VerticalMenuList li {
	margin:0 0 0 10px;    /* A left margin to indent the list items. */
	padding-top:3px;      /* Padding at the top of list items. */
	list-style-type:none; /* Removes the bullets next to each item in a list. */

	}
#VerticalMenuList li a { 
	padding-left: 3px;
	color: #4b4a4a;
	text-decoration : none;	
	background-color: #e2e7e7;	
	}
/* List item/Button when moused over */
#VerticalMenuList li a:hover {
	color: #cc0033;	
	text-decoration:underline;			
	}
/* List item/utton when clicked on */	
#VerticalMenuList li a:active {
	color: #cc0033;	
	text-decoration:underline;				
	}
#VerticalMenuList2,
#VerticalMenuList2 ul {
	text-align:left;
	font-weight: normal;
	margin:0;   /* Removes browser default margins applied to the lists. */
	padding:0;  
	}	
#VerticalMenuList2 li {
	margin:0 0 0 10px;    /* A left margin to indent the list items. */
	padding-top:3px;      /* Padding at the top of list items. */
	list-style-type:none; /* Removes the bullets next to each item in a list. */
	}	
#VerticalMenuList2 li a { 
	padding-left: 0px;
	color: #4b4a4a;
	text-decoration : none;	
	background-color: #e2e7e7;
	}
/* List item/Button when moused over */
#VerticalMenuList2 li a:hover {
	color: #cc0033;	
	text-decoration:underline;			
	}
/* List item/utton when clicked on */	
#VerticalMenuList2 li a:active {
	color: #cc0033;	
	text-decoration:underline;				
	}					
#VerticalMenuList .treenode,
#VerticalMenuList2 .treenode {
	}
		
#VerticalMenuSubList li {
  margin:0 0 0 15px; /* A left margin to indent the list items and give the menu a sense of structure. */
  padding:0; /* Removes browser default padding applied to the list items. */
  list-style-type:none; /* Removes the bullet point that usually goes next to each item in a list. */
  	/*list-style:url(../images/red-bullet.gif);*/
	/*list-style:url(../images/nav-bullet3.gif);*/
  font-size: 90%;
/*  border: 1px solid blue;*/
	}	
#VerticalMenuSubList li a { 
	padding-left: 3px;
	color: #4b4a4a;
	text-decoration : none;
	font-weight: normal;	
	/*background-color: #cccccc;*/
	}
/* List item/Button when moused over */
#VerticalMenuSubList li a:hover {
	color: #CC0033;	
		
	}
/* List item/button when clicked on */	
#VerticalMenuSubList  li a:active {
	color: #CC0033;	
			
	}	
	
#siteMap li {
	list-style: none;
	}
#siteMap li a {
	color: #4B4A4A;	
	}	
#siteMap li a:hover {
	color: #CC0033;	
	text-decoration: underline;
	}
	
/*=================== CONTENT COLUMN =============================*/ 	
/* This is the main information column where the content will go. 
   It has a width of 375 pixels and floats left to sit next to the 
   Vertical Menu Column.  */
   
#ContentColumn {
	margin: 10px 5px 0px 10px;
	float: left;
	background-color: #ffffff; 
	width: 384px;
    }
#ContentColumnFull {
	margin: 5px 0px 0px 5px;
	float: left;
	background-color: #ffffff; 
	width: 540px;	
    }
.contentHeader {
	font-weight: bold;
	border-top: 1px solid #4b4a4a;
	border-bottom: 1px solid #4b4a4a;
	text-indent: 1px;
	margin: 0px;
	padding: 5px 0px;
	}

/*=================== RIGHT COLUMN =============================*/ 	
/* This is the column at the right of the display.  It has a 
   width of 188px and sits next to the Content Column.  */
   	
#RightColumn {
	float: left;
	/* border-left: 1px solid #4b4a4a;*/
	width: 154px;
	background-color: #eeeeee;
	padding-left: 7px;
	font-size: 90%;
	}

#RightColumn p {
	margin: 0px 10px 0px 10px;
	line-height: 1.7em;
	text-align:left;
	}
		
/*======================= FOOTER =============================== 	
  This is the footer at the bottom of each web page. */	
   
#Footer {
	display:block;
	font-size: 80%;
	text-align: left;	
	clear:both;
	width: 100%;
	padding-top: 7px;
	padding-bottom: 5px;	
	margin: 0px;
    border-top: 1px solid #4b4a4a;	
	}

/*======================= COPYRIGHT ============================ 		
  Used for the Copyright message in the footer. */ 
#copyright {
	margin: 0px;
	text-align: center;
	color: #4b4a4a;
    }

#copyright a, 
#copyright a:link {
	color: #4b4a4a;
	text-decoration: none;
	}  
#copyright a:visited, 
#copyright a:hover,
#copyright a:active {
	color: #cc0033;
	text-decoration: underline;
	}

/* To Top of Page links */		
#topOfPage {
	padding: 10px;
	font-size: 80%;
	text-align: center;
	}
	
/* To HELP file */		
#help {
	float: right;
	padding: 10px 0 0 0 ;
	font-size: 120%;
	text-align: right;
	}
#help a {
	font-weight:bold;
	color: #65A4B6;
	}	
#closeWindow {
	width: 150px;
	margin: auto;
	padding: 0px;
	}
/* For displaying errors. */
#errorBoxCentred {
	width: 400px;
    margin: 15px auto;
    padding: 10px 0 10px 0;
    text-align: center;
	background-color: #ffffff ;
	color: #CC0066;
	border: 1px solid #003300;
   }	
	
#errorBox {
	width: 400px;
    margin: 15px;
    padding: 10px 0 10px 0;
    text-align: left;
	color: #CC0066;
	border-top: 1px solid #CC0066;
	border-bottom: 1px solid #CC0066;	
	}	
	
/**************************** TABLES  *********************************/

table#table1b {
	width: 550px;
	margin: 5px 0 0 0;
	border: none;
	border-collapse:collapse;
	
	}
table#table1b th { 
	text-align: left;
	font-weight: normal;
	font-size: 80%;
	}	
table#table1b td { 
	padding: 15px;
	border: none;
	}
table#table1b .rightBar {
	border-right: 1px solid #000000;
	}	
	
table#distributors {
	width: 100%;
	padding: 3px;
	line-height: 1.0em;
	/*border: 1px solid #cccccc;*/
	border-collapse: collapse;
	}
table#distributors td {	
	border-bottom: 2px solid #cccccc;
	}
table#distributors td.atCenter {
	text-align: center;
	vertical-align: middle;
	}	

table#formTable th {
	background-color:#cccccc;
	}
	
table#brochures {
	width: 100%;
	/*border: 1px solid #cccccc;*/
	border-collapse: collapse;		
	}
table#brochures th {
	font-weight: bold;
	border-top: 1px solid #4b4a4a;
	border-bottom: 1px solid #4b4a4a;
	text-indent: 1px;
	margin: 0px;
	padding: 5px 0px;

	/*border: 1px solid #cccccc;
	padding: 5px 10px;
	color: #999999; 
	text-align:left;*/
	}

table#brochures td {
	/*border-right: 1px solid #cccccc;*/
	padding: 0px 10px;
	text-align:left;
	}	
table.index {
	font-size:12px;
}
table.index td {
	/*align="center" width="150px" style=" border: medium solid #3E402C; background-color:#FFFFFF;"*/
	border: medium solid #3E402C;
	background-color:#FFFFFF;
	text-align:center;
	padding:10px 10px;
}	
table#articles {
	margin: 0px;
	width: 680px;
	border-collapse: collapse;	
/*	border: 1px solid red;	*/
	}
table#articles th {
	color: #999999;
	text-align:left;
	}
table#articles td {
	padding-left: 5px;
	text-align:left;
	}		
table.controlUnits {
	width: 100%;
	border-collapse: collapse;		
	}
table.controlUnits th {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;	
	padding: 5px 10px;
	text-align:left;
	font-weight:bold;
	}
table.controlUnits td {
	padding: 0px 10px;
	text-align:left;
	}				

table.catheterTable {
	width: 100%;
	border: 1px solid #cccccc;
	border-collapse: collapse;
	}		
table.catheterTable th {
	padding: 3px;
	font-weight: bold;
	vertical-align:top;
	border: 1px solid #cccccc;	
	}	
	
table.catheterTable td {
	padding: 3px;
	vertical-align:top;
	border: 1px solid #cccccc;
	font-size: 10px;
	}			
/**Products Table**/
table.productTable {
	width: 100%;
	border: 0px solid #cccccc;
	border-collapse: collapse;
	}		
table.productTable th {
	padding: 3px;
	font-weight: bold;
	vertical-align:top;
	border: 1px solid #cccccc;	
	}	
	
table.productTable td {
	padding: 3px;
	vertical-align:top;
	border: 0px solid #cccccc;
	border-bottom: thin solid #3E402C;
	font-size: 10px;
	text-align:center;
	vertical-align:middle;

	}			
			
/*********************End of  TABLES  *********************************/		

/*=============== IMAGES ==========================/ 
/* Image floats right, text will wrap to the left of it. 
   Margin at left. */	
img.atRight { 
	float: right;
	margin: 30px 10px 0 10px;
	}
/* Image floats right, text will wrap to the left of it.  
   Margin at right. */
img.atRightWithMargin  {
	float: right;
	margin: 0 15px 10px 10px;
	}
img.atRightWithMargin2  {
	float: right;
	margin: 15px 15px 15px 10px;
	}	
/* Image floats left, text will wrap to the right of it.  
   Margin at right. */		
img.atLeft { 
	float: left;
	margin: 0;	
	}
img.atLeftWithMargin { 
	float: left;
	margin: 0 10px 5px;	
	}	
/* Image floats left, text will wrap to the right of it. 
   No margins. */		
img.atRightBottom { 
	float: right;
 	position: inherit;
 	right: 0px;
 	bottom: 0px;
 	}
img.atCenter {
	margin: 10px 20px auto;
}	
/*=============== END OF IMAGES ==========================/ 
/***************** FORMS ********************************************/
/*----------------------- General for all forms --------------------*/
form {
	margin: 5px 20px 10px 15px;     /* Space around the form.  Width adjusts with window size.*/
	padding: 5px 10px 5px 10px;               /* Space inside the top of the form before start of items */
	font-size: 12px; 
	}
/* Starts next item on a new line after a BR */
form br {
	clear: left;
	}
/* This affects the form's LABEL field.  In this case, no Width is specified so
   by default, labels are varying lengths. */				
form label {
	padding-right: 10px;	
    padding-top: 5px;
	margin-bottom: 10px;
	/* If you have a WIDTH defined, all lables are the same width. */
	/* If there is No WIDTH defined, labels are varying lengths. */ 
	text-align: right;
	color: #000000;          
	/*height: 10px;*/        /* The HEIGHT attribute doesn't seem to do anything here */
	float: left;     
	}	
		
/* This affects the Input boxes, Radio buttons and Checkboxes 
   as well as the Submit buttons. */
form input {
 	float: left;                 /* With this setting, radio buttons are displayed horizonatally
	                                with the label after a radio button displayed to the right 
									of the radio button. */									
	/* The following only affect Input boxes and Submit buttons. */
	/*width: 50px;                 /* This OVERRIDES the Size="" in the <input type="text"> tag.*/
	text-align: left;          /* This and other text formatting affects the text typed into the input box */
	margin-right: 5px;
	}
	
/* This affects the form's LEGEND field.  The legend must be
   used within a Fieldset block.  If there is no Fieldset, the
   Legend tags will cause an error in the HTML validation.  
   The following apply to the Legend text.
   */
form legend {
	padding: 10px 10px 10px 10px;
	margin: 10px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;	
	}
	
/* This is the width of the fieldset within the form */
form fieldset {
	padding-top: 10px;
	width: 97%;
	margin: 0 auto;   /* This centres the fieldset in the form */
	background-color: #ffffff;
	color: #333333;
    /*background-color: #E2E7E7;*/
	}
	
form textarea {
/* If the following is uncommented, the text box starts on a new line */
/*	margin-left: 180px; */ /* text box starts 180px from the left */
	float: left;
	}	
	
form select {
	float: left;
	}
/* This is used in the Label tag as <label for="" class="fixedWidth">, or in the 
   Input tag as <input type="text" class="fixedWidth"> or in the
   Submit buttons as <input type="submit" class='fixedWidth">.
   This makes the item the defined width. 
   If no "class=fixedWidth" is specified in the Label or Submit button tag, 
   the size of the item varies with the length of the text.
   If no "class=fixedWidth" is specified in the Input type="text" tag, 
   the size of the item takes the value in the tag's Size="" parameter.
   */
.fixedWidth {
	width: 150px;
	}
.submit {
	text-align: center;
	}				
/* ------------------ End of general FORMS --------------------------*/	

/* ------------------ SPECIFIC forms ------------------------------ */		

/* This is for the Feedback and Order forms.  Currently they use the 
   same definitions. */
form#feedback, #orderForm {
	margin:0 auto;	
	width: 100%;
	/*border: 1px solid #000000;*/
	/*background-color: #E2E7E7;*/
	}
	
form#registerForm {
	margin:0 auto;	
	width: 100%;
	/*border: 1px solid #000000;*/
	/*background-color: #E2E7E7;*/
	}	
		
/*
form#feedback  fieldset, #orderForm  fieldset, #registerForm fieldset {
	border: none;
	background-color: #eeeeee;
	}	
	*/	
/* This is for the Newsletter subscribe/unsubscribe forms.*/
form#newsletterForm {
	/*background-color: #E2E7E7;*/
	border: 1px solid #4B4A4A;
	}
form#newsletterForm fieldset {
	border: none;
	background-color: #FFFFFF;
	}	
	
/* This is for the Close button forms.*/		
form#closeButton {
	margin:0 auto;	
	width: 100%;
	/*border: 1px solid #000000;*/
	/*background-color: #E2E7E7;*/
	}
form#closeButton input{
	float: none;	

	}			
		
/******************** End of FORMS **********************************/		

/**********************************************************
 *
 * 			Class definitions
 *
 **********************************************************/
.highlight {
	color: #cc0066;
}
/* ONLY DISPLAYS if the browser doesn't support CSS.  
   The text between the .alt will normally not show up.*/
.alt {
	display: none;
	}
.caption {
	font-size: 90%;
	}
.smallText {
	font-size: 80%;
	}
.requiredMark {
	color:#FF0000;
	}

.treemenu {
	margin : 0px 20px;
	padding : 10px;
	list-style : none;	
	background-color : #EEE;
	border : 1px solid #000;
	width : 200px;
}

.treemenu ul {
	list-style : none;
	margin : 0px 10px;
	padding : 0px 10px;
}

.treemenu li {
	display : inline;
}

.treemenu a {
	display : block;
	padding-left : 12px;
	text-decoration : none;

}

.treemenu .treeopen {
	background-image : url(../samples/samples-november07/open.gif);
	background-repeat : no-repeat;
	background-position : left;
}		

.treemenu .treeclosed {
	background-image : url(../samples/samples-november07/closed.gif);
	background-repeat : no-repeat;
	background-position : left;
}
.style1 {
	color: #0099FF;
	font-weight: bold;
}

.introText {
	color: #cc0033;
	}

.bottomLine {
	border: 1px solid #CC0066;
	}

.menuTitle {
	margin: 10px;
	font-size: 120%;
	font-weight:bold;
	border-bottom: 2px solid #000000;
	}
	
.topLink {
	font-size: 80%;
	}
.container {
	width:100%;
	margin:0px;
	padding:0px;
}
.item1 {
	width:16%;
	float:left;
}
.item2 {
	width:14;
	float:left;
}
.magnifyarea{ /* CSS to add shadow to magnified image. Optional */
box-shadow: 5px 5px 7px #818181;
-webkit-box-shadow: 5px 5px 7px #818181;
-moz-box-shadow: 5px 5px 7px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
background: white;
}
.productsdiv{
}
.productItem1{
	width:100%;
	text-align:center;
	font-size:11px;
	padding:5% 0% 5%;
	vertical-align:middle;
	border-bottom:thin solid #3E402C; 
	border-right:thin solid #3E402C;
}
.productItem2{
	width:100%;
	text-align:center;
	font-size:11px;
	padding:2% 0% 2%;
    vertical-align:middle;
	border-bottom:thin solid #3E402C; 
	border-right:thin solid #3E402C;
}