/* Eakin website css*/

/* general attributes */
html { padding:0px; margin:0px; height: 100%;}
body {margin: 0px; padding: 0px; text-align: center; font-family:verdana, arial, helvetica, sans-serif; font-size:80%; height:100%;  background: url(../images/bgbody.gif) center top repeat-y;}
img {border:0;}

/* Page */
#pageholder {width:780px; padding:0; margin: 0 auto; text-align:center;}

/* top */
#top {height:70px; width:780px; margin:0; padding:0; text-align:left; background:url(../images/bgTop.gif) no-repeat;}
#toplogo {float:left; margin:0; padding:0;}

#toplinks {float:right; margin:0; padding:0;}
#toplinks ul{margin:0; padding:15px 0 0 0;}
#toplinks li {list-style: none; display: inline; margin:0; padding:0; background:url(../images/bullit.gif) no-repeat 5px;}
#toplinks a, toplinks a:visited  {text-decoration: none; color: #373737; padding:0 5px 0 15px; margin:0;}
#toplinks a:hover {text-decoration: none; color: #0051A1;}
#toplinks .txtSearch {border:1px solid #fff; font-size:100%; font-family:verdana, arial, helvetica, sans-serif;}
#toplinks form {margin:10px 0 0 0; padding:0;}

#topnav {background:url(../images/bgtopnav.jpg); margin:0; padding:0; width:780px; height:43px;}
#topnav ul{margin:0; padding:0 0 0 15px;}
#topnav li {list-style: none; display: inline; margin:0; padding:0;}
#topnav a, topnav a:visited  {text-decoration: none; color: #fff; padding:13px 15px 0 15px; margin:0; float:left; font-size:100%; font-weight:bold;}
#topnav a:hover {text-decoration: none; color: #0051A1;}
#topnav span {float: left; background: url(../images/bgtopdiv.jpg) no-repeat;  width: 1px; height: 42px; margin:0; padding:0;}

#imagebank {margin:0; padding:0; width:780px; height:127px;}

/* Home Page */

#homecol1 {margin:0; padding:0; float:left; width:400px; text-align:left; height:430px;}
#homecol1 h1 {color:#0051A1; font-size:100%; font-weight:bold; margin:0; padding:15px 0 5px 20px;}
#homecol1 p {margin:0; padding:0;}
#homecol1 a, homecol1 a:visited  {font-size:100%; text-decoration: none; color: #373737; padding:0; margin:0; font-weight:normal;}
#homecol1 a:hover {text-decoration: none; color: #0051A1;}

#homecol2 {margin:0 0 0 0; padding:0 0 0 0; float:left; text-align:left;  }
#homecol2 h1 {color:#0051A1; font-size:100%; font-weight:bold; margin:0; padding:15px 0 5px 20px;}
#homecol2 a, homecol2 a:visited  {text-decoration: none; color: #0051A1; padding:0; margin:0;}
#homecol2 a:hover {text-decoration: none; color: #373737;}

.menucol1 {float:left; width:150px; margin:0;padding:0; position:relative;}
.menucol2 {float:left; width:150px; margin:0;padding:0; position:relative;}
.menu {z-index:1000; margin:0; /* this page only */}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;width:150px; position:relative;border:0;}
.menu li {color:#373737; padding:0 0 0 25px; list-style:none;margin:0;height:20px; background: url(../images/bullit.gif) no-repeat 15px;}

/* html .menu li {margin-left:-16px; margin-lef\t:0;}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:20px;
line-height:20px;
width:100px;
color:#000;
text-indent:1px;
padding:0;
margin:0; 

}
/* style the link hover */
* html .menu a:hover {padding:0 0 0 25px; color:#0051A1; background: url(../images/clearpixel.gif) no-repeat 10px; font-weight:bold;}

.menu :hover > a {
color:#fff; 
background:#fff;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:-35px;
left:120px;
background:#fff;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible; 
height:350px; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;

}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;

}

<!--[if IE 7]>
.menu li {float:left;}
<![endif]-->


/* Content container */
#contentholder {margin:0; padding:0; width:780px;}

#topbar {margin:0; padding:0; width:780px; height:28px; background:url(../images/bgTopbar.jpg) no-repeat; text-align:left;}
#topbar h1 {color:#fff; font-size:100%; font-weight:bold; margin:0; padding:5px 0 0 20px;}

#leftnav {margin:0; padding:0; width:160px; float:left; text-align:left;}
#leftnav ul {list-style: none; margin: 0; padding: 0; text-indent:0; }
#leftnav li {font-weight: normal; color: #373737; margin:0; padding:5px 0 5px 0; background: url(../images/bullit.gif) no-repeat 20px;}
#leftnav a, leftnav a:visited  {text-decoration: none; color: #373737; padding:0 0 0 30px; margin:0;}
#leftnav a:hover {text-decoration: none; color: #0051A1;}
#leftnav li.indent {background: url(../images/clearpixel.gif) no-repeat 5px; padding: 0px 0 0px 15px; margin:0 0 0 10; border-bottom: 1px solid #EFF3D5;}
#leftnav li.indent2 {background: #FCFDF8 url(../images/clearpixel.gif) no-repeat 5px; padding: 5px 0 5px 35px; margin:0; border-bottom: 1px solid #E8E7FA;}
#leftnav .sublink {color:#990000; padding: 0; margin:0;}
#leftnav .sublink2 {color:#0066CC;padding: 0;margin:0;font-size: 65%;}

/* With left menu */
#content {margin:0; padding:0; width:420px; float:left; text-align:left;}
#content h1 {color:#0051A1; font-size:100%; font-weight:bold; margin:0; padding:0 0 0 20px;}
#content h2 {color:#0051A1; font-size:100%; font-weight:bold; margin:0; padding:10px 0 0 20px;}
#content p {color:#373737; font-weight:normal; margin:0; padding:10px 20px 0 20px; line-height:15px;}
#content td {font-size: 80%; font-weight: normal; text-decoration: none;  color:#434343;}
#content a, content a:visited  {font-size:100%; text-decoration: none; color: #373737; padding:0; margin:0; font-weight:bold;}
#content a:hover {text-decoration: none; color: #0051A1;}
#content ul {list-style: none; margin: 0; padding: 10px 0 0 20px; text-indent:0;}
#content li {font-weight: normal; color: #373737; margin:0; padding:0 0 10px 10px; background: url(../images/bullit.gif) no-repeat 1px 5px;}
#content a.blue {color:#0051A1;}
#content a.blue:hover {color:#373737;}
#content form.bg {background-color: #F3F5F7; margin:0 10px 0 10px;  border: 1px solid #E7E7E7; padding: 3px 5px 3px 5px;} 

/* Without left menu */
#content2 {margin:0; padding:0; width:780px; float:left; text-align:left;}
#content2 h1 {color:#0051A1; font-size:100%; font-weight:bold; margin:0; padding:0 0 0 20px;}
#content2 h2 {color:#0051A1; font-size:100%; font-weight:bold; margin:0; padding:10px 0 0 20px;}
#content2 p {color:#373737; font-weight:normal; margin:0; padding:10px 20px 0 20px; line-height:15px;}
#content2 td {font-size: 80%; font-weight: normal; text-decoration: none;  color:#434343;}
#content2 a, content2 a:visited  {font-size:100%; text-decoration: none; color: #373737; padding:0; margin:0; font-weight:bold;}
#content2 a:hover {text-decoration: none; color: #0051A1;}
#content2 ul {list-style: none; margin: 0; padding: 10px 0 0 20px; text-indent:0;}
#content2 li {font-weight: normal; color: #373737; margin:0; padding:0 0 10px 10px; background: url(../images/bullit.gif) no-repeat 1px 5px;}
#content2 a.blue {color:#0051A1;}
#content2 a.blue:hover {color:#373737;}
#content2 p.year {text-align:right; margin:0; padding:0 20px 0 0;}
#content2 form.bg {background-color: #F3F5F7; margin:10px;  border: 1px solid #E7E7E7; padding:10px;} 
#content2 p.news { clear:both; margin:0; padding:5px 20px 0 20px; line-height:15px; border-bottom: 1px solid #e7e7e7;}
#content2 p.summary { clear:both; margin:0; padding:5px 20px 0 20px; line-height:15px; border-bottom: 1px solid #e7e7e7;}

#content2 .cohesive {width: 202px; height: 180px; margin: 10px 2px 0 2px; background: url(../images/bgCohesive.gif) no-repeat; float: left; text-align: center;}
#content2 .wound {width: 202px; height: 180px; margin: 10px 2px 0 2px; background: url(../images/bgWound.gif) no-repeat; float: left; text-align: center;}
#content2 .support {width: 202px; height: 180px; margin: 10px 2px 0 2px; background: url(../images/bgSupport.gif) no-repeat; float: left; text-align: center;}
#content2 .pelican {width: 202px; height: 180px; margin: 5px 2px 0 2px; background: url(../images/bgPelican.gif) no-repeat; float: left; text-align: center;}
#content2 .cohesive p, #content2 .wound p, #content2 .support p, #content2 .pelican p {font-size: 80%; padding: 85px 5px 5px 5px;}
#content2 .pelican p {font-size: 80%; padding: 60px 5px 10px 5px;}

#content2 .guides {width: 158px; height: 180px; margin: 10px 1px 5px 1px; background: url(../images/bgGuides.gif) no-repeat; float: left; text-align: left;}
#content2 .sample {width: 158px; height: 180px; margin: 5px 1px 5px 1px; background: url(../images/bgSample.gif) no-repeat; float: left; text-align: left;}
#content2 .guides p, #content2 .sample p {font-size: 100%; padding: 55px 5px 5px 10px;}

#bgGrey {background-color: #F3F5F7; margin:10px; border: 1px solid #E7E7E7; padding:10px;}



/* Bottom Bar */
#footer {clear:both; width:780px; height:30px; background:url(../images/bgFooter.jpg) no-repeat; margin: 50px 0 0 0; padding: 0; text-align: right;}
#footer p {color:#336666; padding:15px 10px 20px 240px; margin:0; font-size:80%}
#footer div {color:#a9a9a9; padding:0px 10px 20px 10px; margin:0; font-size:8px}

#frmcol1 {float:left; margin:0; padding:0; width:390px;}
#frmcol1 p {margin:0; padding:0 0 0 20px;}
#frmcol2 {float:left; margin:0; padding:0; width:390px;}
#frmcol1 p {margin:0; padding:0;}
#twoColLayout {margin:0px;padding: 0px; width:780px;}
#twoColLayout .row {clear:both; line-height:18px; padding:5px 0 5px 0;}
#twoColLayout .col1 {float:left;width:50%;}
#twoColLayout .col2 {float:left;width:50%;align:left;}

#threeColLayout {margin:0px;padding: 0px; width:780px;}
#threeColLayout .row {clear:both; line-height:18px;}
#threeColLayout .col1 {float:left;width:30%;}
#threeColLayout .col2 {width:30%;align:center;}
#threeColLayout .col3 {float:right;width:30%;align:right;}

.txtInput {border:1px solid #373737; font-size:100%; font-family:verdana, arial, helvetica, sans-serif;}

/* distributors style */
#disCol1 {float:left; margin:0; padding:0; width:250px;}
#disCol1 ul {list-style: none; margin: 0; padding: 10px 0 0 20px; text-indent:0;}
#disCol1 li {font-weight: normal; color: #373737; margin:0; padding:0 0 5px 10px; background: url(../images/clearpixel.gif);}

#disCol2 {float:left; margin:0; padding:0; width:250px;}
#disCol2 ul {list-style: none; margin: 0; padding: 10px 0 0 20px; text-indent:0;}
#disCol2 li {font-weight: normal; color: #373737; margin:0; padding:0 0 5px 10px; background: url(../images/clearpixel.gif);}

#disCol3 {float:left; margin:0; padding:0; width:250px;}
#disCol3 ul {list-style: none; margin: 0; padding: 10px 0 0 20px; text-indent:0;}
#disCol3 li {font-weight: normal; color: #373737; margin:0; padding:0 0 5px 10px; background: url(../images/clearpixel.gif);}


#Col1 {float:left; margin:0; padding:0; width:203px; border-right:1px dashed #cccccc; }
#Col1 p {margin:0; padding:10px 0 0 0;}
#Col2 {float:left; margin:0; padding:0; width:365px;}
#Col3 {float:left; margin:0; padding:0; width:207px; border-left:1px dashed #cccccc; text-align:right;}
#Col3 p {margin:0; padding:10px 0 0 0;}
#col4 {float:left; margin:0; padding:0; width:570px; border-right:1px dashed #cccccc; }

#ProductsTable {width:770px;}
#ProductsTable th{font-weight:bold;font-size:80%;color:#fff; text-align:left; background-color:#0051A1; padding:5;}
#ProductsTable td{font-weight:normal;font-size:80%;color:#373737; text-align:left; padding:5;}

#ProductsTable .header{background-color:#6CBDAE;}
#ProductsTable .even{background-color:#F3F5F7; padding:5;}
#ProductsTable .odd{background-color:#DDFBF5; padding:5;}


/*sitemap style*/
#sitemap {float:left; width:240px; margin:0 7px 0 7px; padding:0px;}
#sitemap p {font-weight: normal; text-decoration: none; margin: 0; padding: 2px 0 2px 18px;  color:#373737;}
#sitemap h2 {background-color: #F3F5F7; margin:0 10px 0 10px;  border: 1px solid #E7E7E7; padding: 3px 5px 3px 5px; } 
#sitemap a, sitemap a:visited {text-decoration: none; color: #0051A1; font-weight:bold;}
#sitemap a:hover {text-decoration: none; background-color: transparent; color: #373737; }
#sitemap a.green, sitemap a.green:visited {text-decoration: none; color: #373737; font-weight:normal; font-size:85%;}
#sitemap a.green:hover {text-decoration: none; background-color: transparent; color: #0051A1;}