/**************************************************************************************************/
/*  			GLOBALS (mainly header - things that are the same on every page			          */
/**************************************************************************************************/

/* NON-HEADER GLOBALS */

*{padding:0; margin:0;}
 
 body {
 	font-size:62.5%; 
 	background-color:rgb(50,50,70); 
 	font-family:verdana,arial,sans-serif;
 	} /*Font-size: 1.0em = 10px when browser default size is 16px*/

.wrapper {
	width:900px; margin:0px auto; 
	margin-top:10px; 
	margin-bottom:10px; 
	border:solid 1px rgb(120,85,73); /* border around webpage change with color scheme*/
	font-size:1.0em;
	}

.main {
	clear:both; 
	width:900px; 
	padding-bottom:30px; 
	background:transparent url(../img/style/PageBackgroundWithMenuOrange.jpg) repeat-y;
	/* this immage is a fine line that gives the page the background. The background color */
	/* but with gradient at the edge. If there is a navigation bar on the side it has an */
	/* gradient part either on  the right or left side */
	}
	
.main-navigation {
	display:inline /*Fix IE floating margin bug*/; 
	float:right; width:200px; overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
	}
	

.main-content {
	display:inline /*Fix IE floating margin bug*/; 
	float:left; width:640px; margin:0 0 0 30px; overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
	}

.footer {
	clear:both; 
	width:900px; 
	height:3.7em; 
	padding:1.1em 0 0;
	background:rgb(240,190,80) url(./img/style/FooterYellow.jpg) no-repeat;
	font-size:1.0em; 
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
	}


.footer {clear:both; width:900px; height:3.7em; padding:1.1em 0 0; background:rgb(225,225,225) url(../img/style/FooterYellow.jpg) no-repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.upArrow	{float:right;
border:0;; 
}

.upArrow a img {
		text-decoration:none;
		border:0;
		}

.upArrow a:hover img {
		text-decoration:none;
		border:0;
		}



/**************************** HEADER STUFF *************************************/

.header {
	width:900px; 
	font-family:"trebuchet ms",arial,sans-serif;
	}
	
/* HEADER - TOP: Logo, Title, Home, about us, languages etc*/	
.header-top {
	width:900px; 
	height:80px; 
	background:rgb(188,114,65) url(../img/style/TopBandYellow.jpg); /*1. Header element */
	/*this is a long jpg with background color but with gradient to make it 3-D*/
	/*replace this with one you make according to the color*/
	/*usualy not visible - but when enlarged.  Has to be the same as in .header-navIndex*/

	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
	}

.header-middle {
	width:900px; height:170px;  /*change height/width when picture has a different dimension*/
	background:rgb(230,230,230) url(../img/style/sunset.gif);   /*Header Picture e.g. Sunset*/
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
	}
	
.header-bottom {
	width:900px; 
	height:20px; /*put 40px again*/
	background:rgb(200,200,200) url(../img/style/IndexNav&Search.jpg) repeat-y;
	}
	
.header-navIndex {
		clear:both; 
		width:900px; 
		padding:1.0em 0 1.5em 0; 
		background:rgb(200,200,100) url(../img/style/IndexNav&Search.jpg) repeat-y;
		/*this is a long jpg with background color but edges are of darker gradient*/
		/*replace this with one you make according to the color: same as above */
		}


/**************************************************************************************************/
/*  								HEADER SECTION 												  */
/**************************************************************************************************/

.sitelogo {
	width:75px; 
	height:50px; 
	position:absolute; z-index:1; 
	margin:16px 0 0 20px; 
	background:url(../img/style/logo.png) 
	}
	
.sitename {
		width:300x; 
		height:45px; 
		position:absolute; 
		z-index:1; 
		margin:20px 0 0 115px; 
		overflow:visible !important /*Firefox*/; 
		overflow:hidden /*IE6*/;
		}
		
.sitename h1 {font-size:250%;}
.sitename h2 {margin: 4px 0 0 0; color: rgb(162,52,52); font-size:120%;}
.sitename a {text-decoration:none; color:rgb(92,0,0);} 						/*color defined here*/
.sitename a:hover {text-decoration:none; color:rgb(82,26,30);}

/************************************* FLAGS **************************************************/

.nav0 {width:350px; position:absolute; z-index:2; margin:25px 0 0 0; margin-left:550px !important /*Non-IE6*/; margin-left:553px /*IE6*/;}
.nav0 ul {float:right; padding:0 20px 0 0;}
.nav0 li {display:inline; list-style:none;}
.nav0 li a {padding:0 0 0 3px;}
.nav0 a:hover {text-decoration:none;}
.nav0 a img {height:14px; border:none;}

/************************************* Home ABout Contact Sitemap *******************************/

.nav1 {width:350px; position:absolute; z-index:3; margin:50px 0 0 550px;}
.nav1 ul {float:right; padding:0 20px 0 0; font-weight:bold;}	
.nav1 li {display:inline; list-style:none;}
.nav1 li a {display:block; float:left; padding:2px 8px 2px 5px; color:rgb(90,70,70); text-decoration:none; font-size:120%;}
.nav1 a:hover {text-decoration:none; color:rgb(30,30,30);}
.nav1 a img {border:none; padding:0px 0px 3px 0px;}
.nav1 a:hover img {border-bottom:solid 1px rgb(175,62,62);}

/** Text navigation: use the code below **/
/**.nav1 {width:350px; position:absolute; z-index:3; margin:50px 0 0 550px;}
/**.nav1 ul {float:right; padding:0 15px 0 0; font-weight:bold;}	
/**.nav1 li {display:inline; list-style:none;}
/**.nav1 li a {display:block; float:left; padding:2px 5px 2px 5px; color:rgb(90,70,70); text-decoration:none; font-size:120%;}
/**.nav1 a:hover {text-decoration:none; color:rgb(30,30,30);}

/************************************* sitemessage  ******************************************/

.sitemessage {	
	width:350px; 	
	height:120px; 	
	position:absolute; 	
	z-index:1; 	
	margin:20px 0 0 530px; 	
	color:rgb(50,50,50); /*overflow:visible !important /*Activate if Firefox print problems*/ 
	overflow:hidden /*IE6*/
	}

.sitemessage h1 {width:350px; text-align:right; font-size:230%;}	
.sitemessage h2 {float:right; width:270px; margin:8px 0 0 0; text-align:right; line-height:100%; font-size:160%;}	
.sitemessage h3 {float:right; width:270px; margin:10px 0 0 0; text-align:right; font-size:140%;}	
.sitemessage h3 a {text-decoration:none; color:rgb(90,70,70);}	
.sitemessage h3 a:hover {text-decoration:none; color:rgb(50,50,50);}	

/************************************* Pull-down Menu: Clinicians Information Products etc *******************************/
	
.nav2 {
	float:left; 
	width:900px; 
	border:none; 
	Background:rgb(248,158,15) url(../img/style/MenuBackgroundYellow.jpg) no-repeat; /*error search: changed from x-repeat*/
	color:rgb(75,75,75);  /* Don't know what that changes */
	font-size:1.0em; 
	font-size:130%;
	}
	
.nav2 ul {list-style-type:none;}

.nav2 ul li {
		float:left; 
		position:relative; 
		z-index:auto !important /*Non-IE6*/; 
		z-index:1000 /*IE6*/; 
		border-right:solid 1px rgb(175,175,175);
		}

.nav2 ul li a {
		float:none !important /*Non-IE6*/; 
		float:left /*IE-6*/; 
		display:block; 
		height:3.1em; 
		line-height:3.1em; 
		padding:0 16px 0 16px; 
		text-decoration:none; 
		font-weight:bold; 
		color: rgb(162,52,52);
		}

.nav2 ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.nav2 ul li:hover a {background-color:rgb(228,158,81); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}
.nav2 ul li:hover ul li a {display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(244,216,130); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {background-color:rgb(228,158,81); text-decoration:none;} /*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;}
.nav2 ul li a:hover {background-color:rgb(228,158,81); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav2 ul li a:hover ul li a {display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(244,216,130)); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {background-color:rgb(228,158,81); text-decoration:none;} /*Color subcells hovering mode*/


/********************************************* Hierachical Index ****************************************/

.header-navIndex ul {float:left; width:560px; list-style:none; padding:0 0 0 15px; font-family:verdana,arial,sans-serif;}

.header-navIndex ul li {
				display:inline; 
				padding:0 0 0 10px; 
				background:transparent 
				url(../img/style/BrownArrow.gif) no-repeat 0 50%; 
				font-weight:bold; color:rgb(125,125,125);  /*color of last item*/
				font-size:100%;
				}
				
.header-navIndex ul a {color:rgb(100,52,52); text-decoration:none;}
.header-navIndex ul a:hover {color:rgb(162,52,52); text-decoration:underline;}

/********************************************* Search Form ****************************************/

.header-navIndex .searchform {
		float:right; 
		width:285px; 
		padding:0 17px 0px 0px !important /*Non-IE6*/; 
		padding:0 12px 0px 0px /*IE6*/;
		}

.header-navIndex .searchform form fieldset {float:right; border:none;}

.header-navIndex .searchform input.field {
			width:10.0em; 
			padding:0.2em 0 0.2em 0; 
			border:1px solid rgb(200,200,200); 
			font-family:verdana,arial,sans-serif; 
			font-size:120%; 
			}
			
.header-navIndex .searchform input.button {
			width:3.0em; 
			padding:1px !important /*Non-IE6*/; 
			padding:0 /*IE6*/; 
			background:rgb(230,230,230); 
			border:solid 1px rgb(150,150,150); 
			text-align:center; 
			font-family:verdana,arial,sans-serif; 
			color:rgb(150,150,150); 
			font-size:120%;
			}
			
.header-navIndex .searchform input.button:hover {
			cursor:pointer; 
			border:solid 1px rgb(80,80,80); 
			background:rgb(220,220,220); 
			color:rgb(80,80,80);
			}


/*************************************************************************************************/
/*  							MAIN SECTION  - COLUMN SIZE 1,2,3								 */
/*************************************************************************************************/


/*************************************     MAIN NAVIGATION   *************************************/

.main-navigation .round-border-topleft {
								width:10px; 
								height:10px; 
								position:absolute; 
								z-index:100; 
								margin:0; 
								background:url(../img/style/MainNavCornerTopRight.gif) no-repeat;
								}

/****************************************     MAIN CONTENT   *************************************/

.column1-unit {
			width:640px;
			margin-bottom:10px !important /*Non-IE6*/;
			margin-bottom:5px /*IE6*/;
			}
/********/	

.column2-unit-left {
			float:left;
			width:300px;
			margin-bottom:10px !important /*Non-IE6*/; 
			margin-bottom:5px /*IE6*/;
			}

.column2-unit-right {
			float:right;
			width:300px; 
			margin-bottom:10px !important /*Non-IE6*/; 
			margin-bottom:5px /*IE6*/;
			}
			
/******** used for prices at the online store **********/			

.column2third-unit-left {
			float:left;
			width:343px;
			margin-bottom:10px !important /*Non-IE6*/; 
			margin-bottom:5px /*IE6*/;
			}
			
		
.column2third-unit-right {
			float:right;
			text-align:right;
			width:257px; 
			margin-bottom:10px !important /*Non-IE6*/; 
			margin-bottom:5px /*IE6*/;
			}
			
			
.column2-257-left {
			float:left;
			width:260px;
			margin-bottom:10px !important /*Non-IE6*/; 
			margin-bottom:5px /*IE6*/;
			}
			
		
.column2-257-right  {
			float:right;
			text-align:left;
			width:260px; 
			margin-bottom:10px !important /*Non-IE6*/; 
			margin-bottom:5px /*IE6*/;
			}			

/********/	

.column3-unit-left {
			float:left; width:186px;
			margin-bottom:10px !important /*Non-IE6*/; 
			margin-bottom:5px /*IE6*/;
			}
			
.column3-unit-middle {
			float:left; width:186px; 
			margin-bottom:10px !important /*Non-IE6*/; 
			margin-bottom:5px /*IE6*/; 
			margin-left:40px;
			}

.column3-unit-right {
			float:right; 
			width:186px;  margin-bottom:10px !important /*Non-IE6*/;
			margin-bottom:5px /*IE6*/;
			}

/********/

.column4-unit-left {
			float:left; width:130px;
			margin-bottom:10px !important /*Non-IE6*/; 
			margin-bottom:5px /*IE6*/;
			}
			
.column4-unit-leftMiddle {
			float:left; width:130px; 
			margin-bottom:10px !important /*Non-IE6*/; 
			margin-bottom:5px /*IE6*/; 
			margin-left:40px;
			}

.column4-unit-rightMiddle {
			float:left; width:130px; 
			margin-bottom:10px !important /*Non-IE6*/; 
			margin-bottom:5px /*IE6*/; 
			margin-left:40px;
			}
			
.column4-unit-right {
			float:right; 
			width:130px;  margin-bottom:10px !important /*Non-IE6*/;
			margin-bottom:5px /*IE6*/;
			}

/********/

.column1-4-unit-left {
			float:left; 
			width:130px;
			margin-bottom:10px !important /*Non-IE6*/; 
			margin-bottom:5px /*IE6*/;
			}
			
.column3-4-unit-right {
			float:right; 
			text-align:left;
			width:500px;  
			margin-bottom:10px !important /*Non-IE6*/;
			margin-bottom:5px /*IE6*/;
			}


/**************************************************************************************************/
/*										FOOTER SECTION  										  */
/**************************************************************************************************/
.footer p {
		line-height:1.3em; 
		text-align:center; 
		color:rgb(125,125,125); 
		font-weight:bold; 
		font-size:110%;
}

.footer  a {text-decoration:none; color:rgb(125,125,125);}	
.footer a:hover {text-decoration:underline; color:rgb(125,125,125);}	

		

/*************************************************************************************************/
/*  										CLEAR FLOATS 										 */
/*************************************************************************************************/

.wrapper:after, .header:after, .header-navIndex:after, .main:after, .main-content:after {
		content:"Michael"; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
		}
		
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after, 
.column4-unit-left:after, .column4-unit-leftMiddle:after, .column4-unit-rightMiddle:after, .column4-unit-right:after 
.column1/4-unit-left, .column3/4-unit-right {
		content:"Michael"; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
		}

.footer:after, p:after {
		content:"Michael"; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
		}
		
.clear-contentunit {
		clear:both; 
		width:840px; 
		height:0.1em; 
		border:none; 
		background:rgb(210,210,210); 
		color:rgb(210,210,210);
		}

/************************************************************************************************/
/*  							PRINTING and MISCELLANEOUS  									*/
/************************************************************************************************/

@media print {.header-top {
					width:900px; 
					height:80px; 
					background:rgb(240,240,240); 
					overflow:visible !important /*Firefox*/; 
					overflow:hidden /*IE6*/;
					}
				}

@media print {.header-navIndex {width:900px; background:transparent;}}

@media print {.nav2 {
				float:left; 
				width:900px; 
				border:none; 
				background:rgb(240,240,240); 
				color:rgb(75,75,75); /*Color navigation bar normal mode*/
				font-size:1.0em; font-size:130%;
				}
			}

@media print {.main {clear:both; width:900px; padding-bottom:30px; background:transparent;}}

@media print {.footer {
				clear:both; 
				width:900px; 
				height:3.7em; 
				padding:1.1em 0 0; 
				background:rgb(240,240,240); 
				font-size:1.0em; 
				overflow:visible !important /*Firefox*/; 
				overflow:hidden /*IE6*/;
				}
			}