/* Style and Rules for the Anthro Index Page - These can be replaced by the global styles */ 
/*NOTE TO ANTHRO DEVELOPERS: the body tag below has no bearing on the overall design. It was placed there so we could get the header and footer sections to mimic the actual website. It can be removed prior to production.*/
 
body { background: #fff; padding: 0; margin: 0; }

/* Page Sections and Typography */

#footer1 { background: url("../Ergonomics/images/healthcare/footer_bg.gif") top left repeat-x; }

#wrapper p, h1, h2, h3, h4, h5, ul, li { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-style: normal; }

#wrapper p { margin: 0; padding: 7px; line-height: 14px; font-size: 11px; padding-left: 0px; }

#wrapper ul { list-style: none; margin: 0px; padding-left: 5px; padding-right: 7px; }

#wrapper ul li{ line-height: 18px; font-size: 12px; padding-left: 8px; padding-bottom: 6px; }

.right { float: right; }

.left { float: left; }

.clr { clear: both; }

.clrsolo { clear: both; font-size: 1px; line-height: 1px; height: 0px; margin: 0px; padding: 0px; height: 0px; visibility: hidden; }

a img { border: none; text-decoration: none; }

.imgRight {
 	margin-bottom: 10px; 
 	margin-left: 10px;
 	float: right;
}
.imgLeft {
 	margin-bottom: 10px; 
 	margin-right: 10px;
 	float: left;
}
.center {
	text-align:center;
}
/* Ergonomics-and-you */

#ergonomics { background-color: #fff; min-width: 980px;  }
#ergonomics_topcol {
	width: auto;
	background:#a13229;
	padding: 20px 20px;
	color: #FFFFFF;
}

#ergonomics_topcol h1 {
	font-size: 36px;
	color : #fff;
	font-weight: normal;
	line-height: 40px;
	margin: 0px;
	padding: 0px;
}
#ergonomics_topcol p {
	font-size: 12px;
	line-height: 18px;
}
#ergonomics_topcol a{
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
}
#anthrobench_rightcol_in {
font-size:11px;
width:450px;
}
#ergonomics_topcol a{
	color:#FFFFFF;
	text-decoration:underline;
}
#ergonomics .img_left {
	padding-top: 0px;
	padding-left: 0px;
	float:left;
	width:375px;
}
#ergonomics_left {
	padding:12px 30px;
	padding-left: 22px;
	padding-right: 30px;
	width: auto;
	background:#eeebe9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	clear:both;
}



#ergonomics_right {
	padding:10px 40px 25px 50px;
	padding-left: 50px;
	padding-right: 40px;
	padding-top: 10px;
	width: auto;
	background:#eeebe9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	clear:both;
	border-top: 1px solid #DCDCDC;
}
#ergonomics_left a {
	color:#336699;
	text-decoration:underline;
}
#ergonomics_right a {
	color:#336699;
	text-decoration:underline;
}
#ergonomics_left a:hover {
	color:#336699;
	text-decoration:none;
}
.text1 {
	color:#5b5757;
}
#ergonomics_right h2 {
	font-size: 1.4em;
	color: #000;
	margin: 0px;
	padding-bottom: 5px;
}

#ergonomics_right h3 {
	color:#a13229;
	font-size: 1.2em;
	margin:12px 0 0;
	padding-bottom:0;
}

.ergonomics_col1 {
	float:left;
	width: 400px;
	padding-top: 10px;
	padding-bottom:15px;
}
.ergonomics_col12 {
	float:left;
	width: 400px;
	padding-top: 30px;
}
.ergonomics_col2 {
	float:right;
	width: 580px;
	padding-right: 30px;
	padding-top: 30px;
}
.ergonomics_col3 {
	float:left;
	width: 180px;
}
.ergonomics_col3a {
	float:left;
	/*width: 1659px;*/
	width: 100%;
	padding-top: 10px;
}
.ergonomics_col4 {
	float:left;
	width: 400px;
	padding-top: 15px;
	padding-left: 10px;
}
.img_right {
	float:left;
	padding-left: 60px;
	padding-top: 60px;
}
.c1 {
	background:transparent url(../images/ergonomics-circle-1.gif) no-repeat scroll left top;
}
.c2 {
	background:transparent url(../images/ergonomics-circle-2.gif) no-repeat scroll left top;
}
.c3 {
	background:transparent url(../images/ergonomics-circle-3.gif) no-repeat scroll left top;
}
.c4 {
	background:transparent url(../images/ergonomics-circle-4.gif) no-repeat scroll left top;
}
.c5 {
	background:transparent url(../images/ergonomics-circle-5.gif) no-repeat scroll left top;
}
.c6 {
	background:transparent url(../images/ergonomics-circle-6.gif) no-repeat scroll left top;
}
.c7 {
	background:transparent url(../images/ergonomics-circle-7.gif) no-repeat scroll left top;
}
.c8 {
	background:transparent url(../images/ergonomics-circle-8.gif) no-repeat scroll left top;
}

#wrapper div.c1 p, #wrapper div.c2 p, #wrapper div.c3 p, #wrapper div.c4 p, #wrapper div.c5 p, #wrapper div.c6 p, #wrapper div.c7 p{ padding:0 0 12px 27px;}

#wrapper div.ergonomics_col4 div{padding-bottom:6px;}

.clear{clear:both; height:0; width:100%;}

div.app-category {clear:both; background:none; /*width:958px;*/ padding:5px 0 0;}
div.app-category h2, #ergonomics_left h2, #ergonomics_right h2{ font-size:1.3em; color:#000;} /* Subheader style*/
div.border-line{ background-color:#EFA357; height:1px; /*width:865px;*/ clear:both; margin:9px 0; line-height:0px; display:block;}
div.category-row div{float:left; padding:7px 11px 7px 0; text-align:center; height:160px; /*width:133px;*/}
div.category-row div.last{margin-right:0; padding-right:0;}
div.categoryrow a img, img.border-topbot{border:2px solid #efa357;}

.subhead_tight, #ergonomics_right h2{margin-bottom:0; padding-bottom:0;}

/*div{border:1px #FF0000 dotted;}*/
