/* CSS Document */

/* * { margin: 0; padding: 0;} */
address,area,blockquote,body,caption,dd,div,dl,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,img,li,map,noscript,object,ol,p,pre,table,tbody,tfoot,thead,ul
{ margin:0px; padding:0px; }
body { background-color: #f1f1f1; color: #333; font-family: Tahoma, Verdana, sans-serif; font-size: .8em; text-align: left;}

/* Links
---------------------------------------------------------------------------------------------------------------------- */
a:link { color: #00467f; text-decoration: underline;}
a:visited { color: #0a8fd0; text-decoration: underline;}
a:hover { text-decoration: none;}
a:active { color: #00467f; text-decoration: underline;}

a img { border: none;}

/* Headings
---------------------------------------------------------------------------------------------------------------------- */
h1 { font-size: 2em;}
h2 { color: #00467f; font-size: 1.6em; line-height: 1.6em;}
h3 { color: #00467f; font-size: 1.2em; line-height: 1.4em;}
h4 { color: #00467f; font-size: 1em; line-height: 1.4em;}
h5 { color: #00467f; line-height: .8em; line-height: 1.2em;}
h6 { color: #00467f; 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(/pix/Orascoptic/zzCoreTemplate/Orascoptic-Header2-Logo.gif) left top no-repeat; height: 91px; position: absolute; top: 0; width: 245px;}
#head h1 a { display: block; height: 91px; width: 245px;}
#head h1 span { display: none;}
#head h2 { color: #000; font-size: 1.4em; left: 375px; position: absolute; letter-spacing: 3px; top: 35px;}
#head h3 { color: #000; 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: #1a6daf; border-left: 1px solid #fff; float: left; list-style: none;}
#head ul.menu li a { color: #fff; 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: #000; background: #f1f1f1;}
#head ul.menu li.Orascoptic-NavigationCurve { background: url(/pix/Orascoptic/zzCoreTemplate/Head-Navigation-Curve.gif) #1a6daf left no-repeat; border: none; padding: 0 0 0 8px;}

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

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

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

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

#Orascoptic-LeftColumn li.Orascoptic-Loupes { background: url(/pix/Orascoptic/zzCoreTemplate/Loupes-Navigation-Button.jpg) no-repeat;}
#Orascoptic-LeftColumn li.Orascoptic-Loupes a { display: block; height: 40px; margin: 0 0 10px 0; width: 170px;}#Orascoptic-LeftColumn li.Orascoptic-Loupes a:hover { background: url(/pix/Orascoptic/zzCoreTemplate/Loupes-Navigation-ButtonOver.gif) no-repeat; display: block; height: 40px; margin: 0 0 10px 0; width: 170px;}

#Orascoptic-LeftColumn li.Orascoptic-Lights { background: url(/pix/Orascoptic/zzCoreTemplate/Lights-Navigation-Button.jpg) no-repeat;}
#Orascoptic-LeftColumn li.Orascoptic-Lights a { display: block; height: 40px; margin: 10px 0; width: 170px;}
#Orascoptic-LeftColumn li.Orascoptic-Lights a:hover { background: url(/pix/Orascoptic/zzCoreTemplate/Lights-Navigation-ButtonOver.gif) no-repeat; display: block; height: 40px; margin: 10px 0; width: 170px;}

#Orascoptic-LeftColumn li.Orascoptic-Chairs { background: url(/pix/Orascoptic/zzCoreTemplate/Chairs-Navigation-Button.jpg) no-repeat;}
#Orascoptic-LeftColumn li.Orascoptic-Chairs a { display: block; height: 40px; margin: 10px 0; width: 170px;}
#Orascoptic-LeftColumn li.Orascoptic-Chairs a:hover { background: url(/pix/Orascoptic/zzCoreTemplate/Chairs-Navigation-ButtonOver.gif) no-repeat; display: block; height: 40px; margin: 10px 0; width: 170px;}

#Orascoptic-LeftColumn li.Orascoptic-Diagnostic { background: url(/pix/Orascoptic/zzCoreTemplate/Diagnostic-Navigation-Button.jpg) no-repeat;}
#Orascoptic-LeftColumn li.Orascoptic-Diagnostic a { display: block; height: 40px; margin: 10px 0; width: 170px;}
#Orascoptic-LeftColumn li.Orascoptic-Diagnostic a:hover { background: url(/pix/Orascoptic/zzCoreTemplate/Diagnostic-Navigation-ButtonOver.gif) no-repeat; display: block; height: 40px; margin: 10px 0; width: 170px;}

#Orascoptic-LeftColumn span { display: none;}

/* Content
---------------------------------------------------------------------------------------------------------------------- */
#content { background: url(/pix/Orascoptic/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: #fff; 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
---------------------------------------------------------------------------------------------------------------------- */
#Orascoptic-SubNavigation ul { list-style: none; margin: 0 0 29px 0; float: left;}
#Orascoptic-SubNavigation li { float: left; line-height: 1.4em;}
#Orascoptic-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%;}
#Orascoptic-LowerNavigation { background-color: #1a6daf; color: #fff; clear: both; float: left; font-family: Verdana, sans-serif; margin: 0 0 1em 0; width: 100%;}
#Orascoptic-LowerNavigation h6 { color: #fff; float: left; padding: .4em 0 0 .4em;}
#Orascoptic-LowerNavigation ul { float: right;}
#Orascoptic-LowerNavigation li { border-left: 1px solid #fff; float: left; list-style: none;}
#Orascoptic-LowerNavigation li a { color: #fff; display: block; font-size: .8em; padding: .5em; text-align: center; text-decoration: none;}
#Orascoptic-LowerNavigation li a:hover { color: #000; background: #fff;}

/* 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: #666;}

/* 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(/pix/zzContentGuidesTemplateGraphics/AcrobatReaderIconLI.gif);}
.flashPlayer { list-style: url(/pix/zzContentGuidesTemplateGraphics/FlashPlayerIconLI.gif);}
.red {color:#F00;}
.text-small { font-size:small; }
.text-large { font-size:large; }
.text-xlarge { font-size:x-large; }
.text-xxlarge { font-size:xx-large; }


.Orascoptic-SecurityMetrics { float: right;}

/* 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
---------------------------------------------------------------------------------------------------------------------- */
.Orascoptic-LeftColumn { padding: 0 10px 0 0; width: 486px;}
.Orascoptic-RightColumn { width: 300px;}
.Orascoptic-RightColumn img { margin: 0 0 10px 0;}

/* Videos
---------------------------------------------------------------------------------------------------------------------- */
.Orascoptic-VideoThumbnail { padding:4px; border:1px solid black; border-radius:4px; -moz-border-radius:4px; }

/* Embedded CSS (Templates)
---------------------------------------------------------------------------------------------------------------------- */
/* Orascoptic-Homepage */
/* Orascoptic-Products-Chairs-2 */
/* Orascoptic-Products-Chairs-Detail-2 */
/* Orascoptic-Products-Chairs-Product-2 */
/* Orascoptic-Products-Lights-2 */
/* Orascoptic-Products-Lights-Detail-2 */
/* Orascoptic-Products-Lights-Product-2 */
/* Orascoptic-Products-Loupes-2 */
/* Orascoptic-Products-Loupes-Detail-2 */
/* Orascoptic-Products-Loupes-Product-2 */

/* 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 }