/*
   CSS Document

   Color Theme:
   #f1f1f1   Outer background
   #ffffff   Body content background
   #000000   Body content text
   #00827b   Logo
   #006863   Nav bars, title bar, headers
   #006863   Hyperlink
   #008f87   Visited hyperlink
*/

* { margin: 0; padding: 0;}
body { background-color: #f1f1f1; color: #333333; font-family: Tahoma, Verdana, sans-serif; font-size: .8em; text-align: left;}

/* Links
---------------------------------------------------------------------------------------------------------------------- */
a:link { color: #006863; text-decoration: underline;}
a:visited { color: #008f87; text-decoration: underline;}
a:hover { text-decoration: none;}
a:active { color: #006863; text-decoration: underline;}

a img { border: none;}

/* Headings
---------------------------------------------------------------------------------------------------------------------- */
h1 { font-size: 2em;}
h2 { color: #006863; font-size: 1.6em; line-height: 1.6em;}
h3 { color: #006863; font-size: 1.2em; line-height: 1.4em;}
h4 { color: #006863; font-size: 1em; line-height: 1.4em;}
h5 { color: #006863; line-height: .8em; line-height: 1.2em;}
h6 { color: #006863; font-size: .8em; font-weight: normal; line-height: 1.2em;}

/* Paragraph
---------------------------------------------------------------------------------------------------------------------- */
p { font: Verdana, sans-serif; line-height: 1.4em;}

/* Table
---------------------------------------------------------------------------------------------------------------------- */

table { margin: 0 0 .5em 0;}

/* Table Classes
--------------------------------------------------------------------------------- */
.product2column th { background: #ccc; padding: 2px; width: 50%;}
.product2column td { border: 1px solid #ccc; padding: 2px; width: 50%;}
.product3column th { background: #ccc; padding: 2px; width: 33%;}
.product3column td { border: 1px solid #ccc; padding: 2px; width: 33%;}
.product4column th { background: #ccc; padding: 2px; width: 25%;}
.product4column td { border: 1px solid #ccc; padding: 2px; width: 25%;}
.product5column th { background: #ccc; padding: 2px; width: 20%;}
.product5column td { border: 1px solid #ccc; padding: 2px; width: 20%;}
.product6column th { background: #ccc; padding: 2px; width: 16%;}
.product6column td { border: 1px solid #ccc; padding: 2px; width: 16%;}
.product7column th { background: #ccc; padding: 2px; width: 14%;}
.product7column td { border: 1px solid #ccc; padding: 2px; width: 14%;}
.product8column th { background: #ccc; padding: 2px; width: 12%;}
.product8column td { border: 1px solid #ccc; padding: 2px; width: 12%;}


/* Container
---------------------------------------------------------------------------------------------------------------------- */
#container { margin: 0 auto; position: relative; width: 1000px;}

/* Head
---------------------------------------------------------------------------------------------------------------------- */
#head { width: 1000px;}
#head h1 { background: url(http://www.surgicalacuity.com/pix/SurgicalAcuity/zzCoreTemplate/SurgicalAcuity-Header2-Logo.gif) left top no-repeat; height: 91px; position: absolute; top: 0; width: 284px;}
#head h1 a { display: block; height: 91px; width: 284px;}
#head h1 span { display: none;}
#head h2 { color: #000000; font-size: 1.4em; left: 375px; position: absolute; letter-spacing: 3px; top: 35px;}
#head h3 { color: #000000; font-size: 1em; left: 310px; position: absolute; top: 65px;}
#head form.search { right: 0; position: absolute; text-align: right; top: 40px;}
#head ul.menu { right: 0; position: absolute; top: 0;}
#head ul.menu li { background-color: #006863; border-left: 1px solid #ffffff; float: left; list-style: none;}
#head ul.menu li a { color: #ffffff; display: block; font-weight: bold; font-size: 1em; padding: 7px .6em 6px .6em; text-align: center; text-decoration: none;}
#head ul.menu li a:hover { color: #000000; background: #f1f1f1;}
#head ul.menu li.SurgicalAcuity-NavigationCurve { background: url(http://www.surgicalacuity.com/pix/SurgicalAcuity/zzCoreTemplate/Head-Navigation-Curve.gif) #006863 left no-repeat; border: none; padding: 0 0 0 8px;}

/* Lower Left Graphic
---------------------------------------------------------------------------------------------------------------------- */
#SurgicalAcuity-LowerLeftGraphic { background: url(http://www.surgicalacuity.com/pix/SurgicalAcuity/zzCoreTemplate/Wrap-LowerLeftGraphic.jpg) bottom left no-repeat; float: left; min-height: 640px; width: 100%;}
*>#SurgicalAcuity-LowerLeftGraphic { padding-top: -640px;}
* html #SurgicalAcuity-LowerLeftGraphic {
/* IE5Mac filter */
height: 640px;
/* end filter */
}

/* Wrap
---------------------------------------------------------------------------------------------------------------------- */
#wrap { background: #fff url(http://www.surgicalacuity.com/pix/SurgicalAcuity/zzCoreTemplate/Wrap-BG-FIll.gif) repeat-y;  float: left; width: 100%; margin: 101px 0 0 0;}

/* Left Column
---------------------------------------------------------------------------------------------------------------------- */
#SurgicalAcuity-LeftColumn { background: url(http://www.surgicalacuity.com/pix/SurgicalAcuity/zzCoreTemplate/LeftColumn-EmptyShell-Curve.gif) top no-repeat; float: left; width: 194px;}

#SurgicalAcuity-LeftColumn ul { list-style: none; margin: 130px 0 0 0; width: 170px;}

#SurgicalAcuity-LeftColumn li.SurgicalAcuity-Dim3 { background: url(http://www.surgicalacuity.com/pix/SurgicalAcuity/zzCoreTemplate/Dim3-Navigation-Button.jpg) no-repeat;}
#SurgicalAcuity-LeftColumn li.SurgicalAcuity-Dim3 a { display: block; height: 40px; margin: 0 0 10px 0; width: 170px;}
#SurgicalAcuity-LeftColumn li.SurgicalAcuity-Dim3 a:hover { background: url(http://www.surgicalacuity.com/pix/SurgicalAcuity/zzCoreTemplate/Dim3-Navigation-ButtonOver.jpg) no-repeat; display: block; height: 40px; margin: 0 0 10px 0; width: 170px;}

#SurgicalAcuity-LeftColumn li.SurgicalAcuity-HiRes { background: url(http://www.surgicalacuity.com/pix/SurgicalAcuity/zzCoreTemplate/HiRes-Navigation-Button.jpg) no-repeat;}
#SurgicalAcuity-LeftColumn li.SurgicalAcuity-HiRes a { display: block; height: 40px; margin: 10px 0; width: 170px;}
#SurgicalAcuity-LeftColumn li.SurgicalAcuity-HiRes a:hover { background: url(http://www.surgicalacuity.com/pix/SurgicalAcuity/zzCoreTemplate/HiRes-Navigation-ButtonOver.jpg) no-repeat; display: block; height: 40px; margin: 10px 0; width: 170px;}

#SurgicalAcuity-LeftColumn li.SurgicalAcuity-HiResP { background: url(http://www.surgicalacuity.com/pix/SurgicalAcuity/zzCoreTemplate/HiResPlus-Navigation-Button.jpg) no-repeat;}
#SurgicalAcuity-LeftColumn li.SurgicalAcuity-HiResP a { display: block; height: 40px; margin: 10px 0; width: 170px;}
#SurgicalAcuity-LeftColumn li.SurgicalAcuity-HiResP a:hover { background: url(http://www.surgicalacuity.com/pix/SurgicalAcuity/zzCoreTemplate/HiResPlus-Navigation-ButtonOver.jpg) no-repeat; display: block; height: 40px; margin: 10px 0; width: 170px;}

#SurgicalAcuity-LeftColumn li.SurgicalAcuity-Disc { background: url(http://www.surgicalacuity.com/pix/SurgicalAcuity/zzCoreTemplate/Discovery-Navigation-Button.jpg) no-repeat;}
#SurgicalAcuity-LeftColumn li.SurgicalAcuity-Disc a { display: block; height: 40px; margin: 10px 0; width: 170px;}
#SurgicalAcuity-LeftColumn li.SurgicalAcuity-Disc a:hover { background: url(http://www.surgicalacuity.com/pix/SurgicalAcuity/zzCoreTemplate/Discovery-Navigation-ButtonOver.jpg) no-repeat; display: block; height: 40px; margin: 10px 0; width: 170px;}

#SurgicalAcuity-LeftColumn span { display: none;}

/* Content
---------------------------------------------------------------------------------------------------------------------- */
#content { background: url(http://www.surgicalacuity.com/pix/SurgicalAcuity/zzCoreTemplate/Content-EmptyShell-Color.gif) top no-repeat; float: left; margin: 0 0 1em 0; padding: 0 10px 0 0; width: 796px;}
#content h1 { color: #ffffff; padding: 20px 0 0 0; height: 45px;}
#content h2,h3,h4,h5,h6 { margin: 0 0 .5em 0;}
#content p { margin: 0 0 1em 0;}
#content ul { margin: 0 1em 1em 1em; padding-left:1em; }
#content ol { margin: 0 1.5em 1em 1.5em; padding-left:1em; }
#content ul li,ol li { margin: 0 0 .5em 0;}

/* Sub Navigation
---------------------------------------------------------------------------------------------------------------------- */
#SurgicalAcuity-SubNavigation ul { list-style: none; margin: 0 0 29px 0; float: left;}
#SurgicalAcuity-SubNavigation li { float: left; line-height: 1.4em;}
#SurgicalAcuity-SubNavigation li a { border-left: 1px solid #000; color: #000; font-weight: bold; list-style: none; padding: 0 .5em;}


/* Footer
---------------------------------------------------------------------------------------------------------------------- */
#footer { clear: both; float: left; width: 100%;}
#SurgicalAcuity-LowerNavigation { background-color: #006863; color: #ffffff; clear: both; float: left; font-family: Verdana, sans-serif; margin: 0 0 1em 0; width: 100%;}
#SurgicalAcuity-LowerNavigation h6 { color: #ffffff; float: left; padding: .4em 0 0 .4em;}
#SurgicalAcuity-LowerNavigation ul { float: right;}
#SurgicalAcuity-LowerNavigation li { border-left: 1px solid #ffffff; float: left; list-style: none;}
#SurgicalAcuity-LowerNavigation li a { color: #ffffff; display: block; font-size: .8em; padding: .5em; text-align: center; text-decoration: none;}
#SurgicalAcuity-LowerNavigation li a:hover { color: #000000; background: #f1f1f1;}

/* Product Support
---------------------------------------------------------------------------------------------------------------------- */
#productSupport { float: left; padding: 0 10px 5px 10px; margin: 0 auto;}
#productSupport ul { font-size: .8em; margin: 0 0 0 1.8em;}
#productSupport li a { color: #666666;}

/* Speical Div
---------------------------------------------------------------------------------------------------------------------- */
.clearthis { clear: both;} /* (this is the code you will use) <div class="clearthis"><!-- this div is not floated and its clear property is set to both --></div> */

/* Special Classes
---------------------------------------------------------------------------------------------------------------------- */
.acrobatReader { list-style: url(http://www.surgicalacuity.com/pix/zzContentGuidesTemplateGraphics/AcrobatReaderIconLI.gif);}
.flashPlayer { list-style: url(http://www.surgicalacuity.com/pix/zzContentGuidesTemplateGraphics/FlashPlayerIconLI.gif);}
.red {color:#ff0000;}
.text-small { font-size:small; }
.text-large { font-size:large; }
.text-xlarge { font-size:x-large; }
.text-xxlarge { font-size:xx-large; }


/* Alphabet */
#content ul.AlphabetArtLibrary { float: left; font-weight: bold; list-style: none; margin: 0 0 0 125px; padding: 0; text-align: center; display: inline;}
#content ul.AlphabetArtLibrary li { float: left; margin: 0; padding: .5em 1em .5em 0;}

/* Product Table
---------------------------------------------------------------------------------------------------------------------- */
.SurgicalAcuity-LeftColumn { padding: 0 10px 0 0; width: 486px;}
.SurgicalAcuity-RightColumn { width: 300px;}
.SurgicalAcuity-RightColumn img { margin: 0 0 10px 0;}

/* FROM JAIMESON CHRISTIAN - ORIG. ADDED 20070914 
----------------------------------------------------------------------------------------------------------------
*/
.floatRight { float:right; clear:right; padding: 0 0 0 16px; }
h2.smaller { font-size:1.3em; margin-bottom:0px }
table.tabularData { border-collapse:collapse }
table.tabularData td { padding:4px; border:1px solid black }
table.tabularData td.header { background-color:#004667; color:white; font-weight:bold }
td.compatNo { background-color:#ffd0d0 }
td.compatYes { background-color:#d0ffd0 }
td.compatPartial { background-color:#ffffc0 }