/*
   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 { font-family: Tahoma, Verdana, sans-serif; font-size: .8em; text-align: left; }
#scm-toolbar { display:none; }

/* Links
---------------------------------------------------------------------------------------------------------------------- */
/* a:link { text-decoration: underline;} */
a:link, a:visited, a:active, a:hover { color:black; text-decoration: none;}
a img { border: none;}

/* Headings
---------------------------------------------------------------------------------------------------------------------- */
h1 { font-size: 2em;}
h2 { font-size: 1.6em; line-height: 1.6em;}
h3 { font-size: 1.2em; line-height: 1.4em;}
h4 { font-size: 1em; line-height: 1.4em;}
h5 { line-height: .8em; line-height: 1.2em;}
h6 { 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;}
#wrap { margin-top:101px; }

/* Head
---------------------------------------------------------------------------------------------------------------------- */
#head { position:fixed; left:0px; top:0px; width: 1000px; height:101px; }
#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 { display:none; }
#head ul.menu { display:none; }

/* Left Column
---------------------------------------------------------------------------------------------------------------------- */
#SurgicalAcuity-LeftColumn { display:none; }

/* Content
---------------------------------------------------------------------------------------------------------------------- */
#content { width: 1000px; }
#content h1 { border-top:2px solid black; padding:0px 0px 20px 0px; }
#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 { display:none; }

/* Footer
---------------------------------------------------------------------------------------------------------------------- */
#footer { clear: both; }
#SurgicalAcuity-LowerNavigation { font-family: Verdana, sans-serif; margin: 3em 0 0 0; width: 100%; }
#SurgicalAcuity-LowerNavigation h6 { border-top:1px solid black; padding: .4em 0 0 .4em;}
#SurgicalAcuity-LowerNavigation ul { display:none; }

/* Product Support
---------------------------------------------------------------------------------------------------------------------- */
#productSupport { display:none; }

/* 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
---------------------------------------------------------------------------------------------------------------------- */
.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 }