/* Acuity website www.acuitymeded.com 20070721 */
/* 2nd div layout 

/************************** general rules and hacks ***********************************************/


/* zero out margin and padding on all elements */
* {
margin: 0;
padding: 0;
}
/* for easy clearing after floated elements; does not work in i.e. 6 or earlier; use with Holly Hack to apply to i.e.6 and earlier; does not work in i.e. 7  */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* The min-height hack:
works almost everywhere
source:
http://www.dustindiaz.com/min-height-fast-hack
min-height:100px; (for mozilla)
height:auto important!; (for IE)
height:100px; (for IE)
 */

 
/********************** Holly Hack   */
/*Hides from IE5-mac \ */
* html .clearfix { 
height:1%;
}
/* end hide from IE5-mac */

body {
	background-image: url(img/bg_tile.gif);
	background-repeat: repeat-x; 
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	text-align: center; /* text-align: center will center the container in IE 5* browsers. 
	                       The text is then set to the left aligned default in the #container selector */
    font-size:62.5%; /* Richard Rutter hack; permits 1em to equal 10px */
}
img {
	border: none;
}



/********************************************************************************/
/* parent container -- holds everything */
#wrapall {
	width: 712px;  /*760px*/
	margin: 0px auto 20px auto; /*  auto left and right margins (in conjunction with a width) will center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	position: relative top left; 
}

/**************************************************************************** top div */
#top {
	color: #fff;
}
/********************************************* logo */
#topidentity {
	float:left;
}
.tagline {
	color:#fff;
	font-size: 1.2em;
	letter-spacing: .1 em;
	font-family: Calibri, Helvetica, Verdana, Arial, sans-serif;
}
.toplogo {
	padding: 10px 0px 0px 0px;
}
	
/********************************************* utilities */

div#utilities {
	float: right;
	position: relative top right; 
	background: url(img/utilities_box_3.gif) no-repeat bottom left;
	width: 150px;
	height:40px;
} 

div#utilities a {
	float: left;  /* causes an element to be rendered in a row  */
	display: block;
	color:#fff;
	text-decoration: none;
	padding: 0px 20px 0px 40px; 
	margin-top: 10px;
	margin-bottom: 12px;
	}
div#utilities a:hover {
	color:#628292;
	text-decoration: underline;
	}
/****text**** */
div#utilities a:link#text, 
div#utilities a:visited#text { 
	background: url(img/utilities_text.gif) no-repeat 46px center;
	color:#fff;
	}
div#utilities a:hover#text { 
	background: url(img/utilities_textover.gif) no-repeat 46px center;
	color:#628292;
	}
div#utilities a:active#text { 
	background: url(img/utilities_textover.gif) no-repeat 46px center;
	color:#628292;
	}
/****send****/
div#utilities a:link#send, 
div#utilities a:visited#send { 
	background: url(img/utilities_send.gif) no-repeat 20px center;
	color:#fff;
	}
div#utilities a:hover#send { 
	background: url(img/utilities_sendover.gif) no-repeat  20px center;
	color:#628292;
	}
div#utilities a:active#send { 
	background: url(img/utilities_sendover.gif) no-repeat  20px center;
	color:#628292;
	}
/****send***
div#utilities a:link#send, 
div#utilities a:visited#send { 
	background: url(img/utilities_send.gif) no-repeat 49px center;
	color:#fff;
	}
div#utilities a:hover#send { 
	background: url(img/utilities_sendover.gif) no-repeat 49px center;
	color:#628292;
	}
div#utilities a:active#send { 
	background: url(img/utilities_sendover.gif) no-repeat 49px center;
	color:#628292;
	}
*/
/****print****/
div#utilities a:link#print, 
div#utilities a:visited#print { 
	background: url(img/utilities_print.gif) no-repeat 48px center;
	color:#fff;
	}
div#utilities a:hover#print { 
	background: url(img/utilities_printover.gif) no-repeat 48px center;
	color:#628292;
	}
div#utilities a:active#print { 
	background: url(img/utilities_printover.gif) no-repeat 48px center;
	color:#628292;
	}



/* centercontent div */

#centercontent {
	background-image: url(img/centerwhite7.png);  
	background-repeat: no-repeat;
	background-position: bottom left;
	}
		
	
/**************************************************************************** centercontent div */
/* the following nav, fimage, main divs are all within #centercontent */
		
/******************************************************* navbar div */
#nav {
	/* background-color: transparent; */
	background-image: url(img/navbar.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 26px;
}
.topnavleft {
	float:left;
	margin: 6px 14px 0px 14px;
}
#nav span.topnavleft a, 
#nav span.topnavleft a:link {
	margin: 0px 10px;
	text-decoration: none;
	color: #1e4c64;
	font-size:10px;
}
#nav span.topnavleft a:hover {
	margin: 0px 10px;
	color: #0088ce;
	background-image: url(img/footer_ul_tile.gif);
	background-repeat: repeat-x;
	background-position: 0 11px;
	text-decoration: none;
	font-size:10px;
}
#nav span.topnavleft a#at {
	color: #0088ce;
	background-image: url(img/footer_ul_tile.gif);
	background-repeat: repeat-x;
	background-position: 0 11px;
	text-decoration: none;
	font-size:10px;
}
/* topnav right */
.topnavright {
	float:right;
	margin: 6px 14px 0px 14px;
}
.topnavright a {
	margin: 0px 10px;
}
#nav span.topnavright a,
#nav span.topnavright a:link {
	margin: 0px 10px;
	text-decoration: none;
	color: #1e4c64;
	text-decoration: none;
	font-size:10px;
}
#nav span.topnavright a:hover {
	margin: 0px 10px;
	color: #0088ce;
	background-image: url(img/footer_ul_tile.gif);
	background-repeat: repeat-x;
	background-position: 0 11px;
	text-decoration: none;
	font-size:10px;
}
#nav span.topnavright a#at {
	color: #0088ce;
	background-image: url(img/footer_ul_tile.gif);
	background-repeat: repeat-x;
	background-position: 0 11px;
	text-decoration: none;
	font-size:10px;
}


				
/******************************************************* image banner div */
/* there is a different image for each page; home page banner is 161 x 710; 
2nd level banners ar4e 82 x 710
*/



#imagebanner {
	background-position: 0 0;
	height: 82px;
}
/* mainbody div  contains mb-left and mb-right */
#mainbody {
	/* background-color: transparent; */
	margin:10px 10px 0px 10px;
}
		
/******************************************************************************************** #mainbody */
/* mb-left div contains left-cta and maincontent*/
#mb-left {
 	float: left; 
	width:520px;
	/*margin:0px 180px 0px 0px; */
 /* padding: 10px 300px 10px 10px; */
}

/******************************************************* mb-right div contains rightnav*/
#mb-right {
	float: right;
	position: relative top right; 
	width: 170px;
	 /*  z-index: 10; change */
}
#mb-right img {
	margin: 5px;
}
/* left-cta this is the call to action  */
#left-cta {
	float: left;
	width: 110px;
}

/**************************************************** maincontent  */
#maincontent {
	float: right;
	width: 400px;
}
/* text heds are graphics */
#maincontent img {
	display: block;
	border:0;
	margin: 12px 0px;
}
#maincontent h1 {
	font-size:  15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: normal;
	padding: 10px 0 16px 0;
}
#maincontent h2 {
	font-size:  14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: normal;
	padding: 0 0 6px 0;
}
#maincontent h3 {
	font-size:  11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0070aa;
	font-weight: normal;
	/* text-transform: uppercase; */
	padding: 8px 0 4px 0;
}
#maincontent p {
	font-size: 10px;
	line-height: 1.3 em;
	color: #000;
	text-align: left;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 0;
	margin-top:0;
}
#maincontent p a, 
#maincontent p a:link {
	text-decoration: underline;
	color:#000;
}
#maincontent p a:visited {
	text-decoration: underline; !important
	color:#000;
}
#maincontent p a:hover,
#maincontent p a:active {
	text-decoration: none;
	color:#000;
}
#maincontent ul.main {
	list-style: none;
	padding: 0em 2em 1.6em 0em;
	margin: 0;
}
#maincontent ul.main li {
	font-size: 10px;
	color: #000;
	background: url(img/bullet-main.gif) no-repeat  8px 5px;
	padding-left: 20px;
	margin-bottom: .5em;
}
#maincontent ul.main li a, 
#maincontent ul.main li a:link {
	text-decoration: underline;
	color:#000;
}
#maincontent ul.main li a:visited {
	text-decoration: underline;
	color:#000;
}
#maincontent ul.main li a:hover,
#maincontent ul.main li a:active {
	text-decoration: none;
	color:#000;
}
/************************************************************************** Contact Us */
/* sales team listing on contact us page */
#maincontent dl {
	margin: 0px 0px 10px 20px;
	}

#maincontent dt {
	font-weight: bold;
	margin-top: 1em;
	font-size: 10px;
	}
#maincontent dd {
	padding: 0 .5em .5em 0;
	margin: 0;
	line-height: 120%;
	font-size: 10px;
}

/* teamrole and teamcontact left & right padding are closely realated  */
#maincontent dl dd.teamcontact {
	font-size: 10px;
	background:  url(img/bullet_maincontent.gif) no-repeat 50px 11px;
	padding: .5em .5em 3em 6em;
}
#maincontent dl dd.teamrole {
	font-size: 10px;
	padding: .5em .5em 0 5em;
}

/**** links ***/
#maincontent dl dd a {
	text-decoration: underline;
	color: #0088ce;
} 
#maincontent dl dd a:link,
#maincontent dl dd a a:visited {
	text-decoration: underline;
	color: #0088ce;	
} 
#maincontent dl dd a:hover {
	text-decoration: none;
	color: #0070aa;	
} 
#maincontent dl dd a:active {
	text-decoration: underline;
	color: #0070aa;	
} 
/* delete if we do not use
#profiles dd.title {
	padding: 0 0 .5em 0;
	}

#profiles dd.noPadding {
	padding: 0 0 1em 0;
	margin: 0;
	} 
/*


/************************************************************************************* Events */
#maincontent ul.eventlist {
	list-style: none;
	padding: 0em 1.2em 2em 2em;
}
#maincontent ul.eventlist li {
	font-size: 10px;
	color: #000;
	background: url(img/bullet_maincontent.gif) no-repeat 1px 3px;
	padding-left: 12px;
	margin-bottom: 1em;
}
#maincontent ul.eventlist li a, 
#maincontent ul.eventlist li a:link {
	text-decoration: underline;
	color:#0088ce;
}
#maincontent ul.eventlist li a:visited {
	text-decoration: underline;
	color:#0088ce;
}
#maincontent ul.eventlist li a:hover,
#maincontent ul.eventlist li a:active {
	text-decoration: none;
	color:#0070aa;
}

/************************************************************************************* /************************************************************************************* 
Events_bigger 20071108 Bo AAO request */

#maincontent ul#eventlist-big {
	list-style: none;
	padding: 0em 1.2em 2em 2em;
}
#maincontent ul#eventlist-big li {
	font-size: 13px;
	color: #000;
	background: url(img/bullet_maincontent.gif) no-repeat 1px 6px;
	padding-left: 12px;
	margin-bottom: 1em;
}
#maincontent ul#eventlist-big li a, 
#maincontent ul#eventlist-big li a:link {
	text-decoration: underline;
	color:#0088ce;
}
#maincontent ul#eventlist-big li a:visited {
	text-decoration: underline;
	color:#0088ce;
}
#maincontent ul#eventlist-big li a:hover,
#maincontent ul#eventlist-big li a:active {
	text-decoration: none;
	color:#0070aa;
}


/************************************************************************************************************************************************************************** 
Events_bigger 20071115 Liza image and text request */

#maincontent ul#eventlist-image {
	list-style: none;
	padding: 0em 1.2em 0em 0em;
}
#maincontent ul#eventlist-image li h1 {
	font-size: 13px;
	padding-bottom: 12px;
}
#maincontent ul#eventlist-image li p {
	font-size: 10px;
	line-height: 13px;
	color: #333;
	padding:0;
	margin:0px 0px 4px 0px;
}
#maincontent ul#eventlist-image li em {
	font-size: 10px;
	font-style: italic;
}

#maincontent ul#eventlist-image li {
	font-size: 11px;
	color: #333;
	background: url(img/bullet_event_ophth_1.gif) no-repeat 0px 14px;
	padding-left: 80px;
/* 	margin-bottom: 1em; */
}
#maincontent ul#eventlist-image li#diag1 {
	font-size: 11px;
	color: #333;
	background: url(img/bullet_event_diag_1.gif) no-repeat 0px 14px;
	padding-left: 80px;
	}

#maincontent ul#eventlist-image li#ophth-2 {
	font-size: 11px;
	color: #333;
	background: url(img/bullet_event_ophth_2.gif) no-repeat 0px 14px;
	padding-left: 80px;
}

#maincontent ul#eventlist-image li#ophth-3 {
	font-size: 11px;
	color: #333;
	background: url(img/bullet_event_ophth_3.gif) no-repeat 0px 14px;
	padding-left: 80px;
}
#maincontent ul#eventlist-image li a, 
#maincontent ul#eventlist-image li a:link {
	text-decoration: underline;
	color:#0088ce;
}
#maincontent ul#eventlist-image li a:visited {
	text-decoration: underline;
	color:#0088ce;
}
#maincontent ul#eventlist-image li a:hover,
#maincontent ul#eventlist-image li a:active {
	text-decoration: none;
	color:#0070aa;
}

/*************Contact us */

#maincontent ul.contactlist {
	list-style: none;
	padding: 0em 1.2em 2em 2em;
}
#maincontent ul.contactlist li {
	font-size: 14px;
	color: #0088ce;
	background: url(img/bullet_maincontent.gif) no-repeat 1px 3px;
	padding-left: 12px;
	margin-bottom: 1em;
}
#maincontent ul.contactlist li a, 
#maincontent ul.contactlist li a:link {
	text-decoration: underline;
	color:#0088ce;
}
#maincontent ul.contactlist li a:visited {
	text-decoration: underline;
	color:#0088ce;
}
#maincontent ul.contactlist li a:hover,
#maincontent ul.contactlist li a:active {
	text-decoration: none;
	color:#0070aa;
}

/**************************************************************** mb-center div  this contains the bottom rounded edge of the box*/
#mb-center-bottom {
		/* background-color: transparent; */
		background-image: url(img/mb-center-bottom.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		height: 13px;
}		 
/********************************************************************************************** rightnavbox */
div#rightnavbox {
	 font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	 padding-top: 20px;
}

div#rightnavbox ul.rightnav {
	padding: 14px 0px 30px 30px;
	list-style: none;
	background:url(img/rightnavbox_news.jpg) no-repeat 14px 0px;
	}
div#rightnavbox ul.rightnav li {
	background:url(img/bullet_rightnav.gif) no-repeat 0px 4px;
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color: #0088ce;
	padding-left: 1em;
	/* display: block; */
	margin-bottom: 1em;
}

div#rightnavbox ul.rightnav li a, 
div#rightnavbox ul.rightnav li a:link {
	text-decoration: none;
	color: #0088ce;
	display: block;
	/* padding: .5em 0em .5em 1em; */
	margin-right: 1em;
	width: 120px;
}
div#rightnavbox ul.rightnav li a:visited {
	text-decoration: none;
	color: #0088ce;
}
div#rightnavbox ul.rightnav li a:hover, 
div#rightnavbox ul.rightnav li a:active  {
	/* color: #f00; */
	text-decoration: none;
	background-image: url(img/cta_ul_tile.gif) repeat-x left center;
}

/**************************************************************************** footer div - last div on page */
#foot {
	color: #95b7c8;
	font-size:.8 em;
}

#foot-logo {
	float: left;
	background-image: url(img/acuity_logo_footer.gif) no-repeat left top;
}
#foot-logo img {
	vertical-align: middle;
	margin: 6px 3px 0px 0px;
}

#foot-sisters {
 	float: right;
	margin: 6px 3px 12px 0px;	
}

#foot-sisters ul {
	list-style: none;
}

#foot-sisters ul li {
	margin: 4px 0px 0px 0px;
	padding-left:10px;
	background:  url(img/bullet-foot.gif) no-repeat 2px 4px;
}

#foot #foot-sisters ul li a,
#foot #foot-sisters ul li a:link,
#foot #foot-sisters ul li a:visited {
	color: #95b7c8; 
	text-decoration: none;
	background-image: url(img/foot-sisters_ul_tile.gif);
	background-repeat: repeat-x;
	background-position: 0px 5px; 
}

#foot #foot-sisters ul li a:hover {
	text-decoration: none;
	color: #0088ce;
	background-image: url(img/cta_ul_tile.gif);
	background-repeat: repeat-x;
	background-position: 0px 5px; 
}


 
/**********************************************************************************call to action on left*/
/****box***/
div#cta {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	float: left;
	margin: 40px 0px 0px 10px;
}
.cta-box {
	background-image: url (http://www.acuitymeded.com/img/cta_box_all.gif) no-repeat top right;
	color:#000;
}
/****list***/

ul.list-cta {
	padding: 10px;
	list-style: none;
	}
ul.list-cta li {
		background:  url(img/bullet-left-cta.gif) no-repeat 0px 4px;
		font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
		font-size: 10px;
		color: #0088ce;
		padding: 0em 0em .8em 1em;
}
ul.list-cta li a, 
ul.list-cta li a:link {
		text-decoration: none;
		color: #0088ce;
		display: block;
		padding-bottom: .5em;
		margin-right: 1em;
}
ul.list-cta li a:visited {
		text-decoration: none;
		color: #0088ce;
}
ul.list-cta li a:hover,
ul.list-cta li a:active {
	color: #0070aa; 
	text-decoration: none;
	background-image: url(img/cta_ul_tile.gif);
	background-repeat: repeat-x;
	background-position: 0 2.1em; 
}
/************************************************************************* search box in dev ****/
.searchinput {
	font-size: 10px;
	color: #0070aa;
}
div#searchbox table {
	margin-left: 30px;
	}
div#searchbox table td {
	padding: 0px 10px 0px 0px;
	}