/* CSS Document */
body { background: white; margin: 9px; font-family: Arial, Helvetica, sans-serif; }
a { text-decoration: none; }
table td { padding: 0; border-width: 0; vertical-align: top; font-size: 12px; }
td#title { padding-bottom: 9px; }
td#flash { padding-right: 9px; }
div#content { width: 523px; padding: 0 9px 0 17px; font-size: 12px; }
div#content H1 { font-size: 18px; font-weight: bold; }
div#content img.right { float: right; margin: 0 0 2px 10px; border: none; }
div#content img.sign { float: none; }
div#content table.nav { text-align: left; margin: 0; width: 100%; }
div#content table.nav td { padding: 3px; }
div#content ul { font-size: 10px; list-style: inside circle; padding: 1px 0 0 0; }
div#content ul.big { font-size: 12px; list-style: outside disc; }
div#content ul.privacy { font-size: 12px; list-style: outside disc; }
div#crumbs a { color: red; text-decoration: none }
div#crumbs a:hover { text-decoration: underline; }
div#crumbs .small { font-size: 9px; }
p.side-title { font-size: 12px; font-weight: bold; }
p.side-title a { color: #000000; }
td.side-bar strong { font-weight: bold; }
img#labtour { margin-bottom: 9px; }
img#phonenum { margin-top: 9px; }
td.news { font-size: 10px; padding: 4px 10px 0 10px; line-height: 11px;}
td.news p {padding-bottom: 5px; margin: 0; }
td.lab { font-size: 10px; background-color: #AFD3E0; padding: 2px 10px; }
td.lab p { padding: 0; margin: 0; }
img.lab-buttons { padding: 0; border: none; margin: 3px 0 0 0; }
img.side-menu { padding: 2px 0; border: none; }
img.more { float:right; margin: 0 10px 0 2px; border: none; }
td#footer { font-size: 10px; text-align: center; padding-top: 0.5em; } 
table#career { width: 98%; margin: 0; }
table#career td { vertical-align: top; padding: 2px 2px 2px 10px; }
table#career th { font-size: 14px; border-bottom: solid #F00; border-width: 1px; text-align: left; }
table#career td.desc { text-align: right; color: #003399; width: 15%; }
table#career td.date { font-size: 10px; border-bottom: solid #F00; border-width: 1px; text-align: right; nowrap; }
.red {color: red; }
p.thumb { width: 210px; height: 100px; padding: 10px 0 0 10px ; float: left; border: 1px dotted silver; border-bottom: 0; border-right: 0; margin: 20px 20px 0 0; }

div#cat_main { text-align: left ; margin: 20px 0; border: 1px dotted silver; padding: 10px; border-left: 4px solid; border-right: 4px solid; }
div#cat_main h4 {margin-top: 0; }
h4 { font-size: 14px; font-weight: bold; }


/* Begin new DIV & CSS Layouts */

div {margin: 0px; padding: 0px;}

div#wrapper {margin: 0 auto 0 auto; width: 730px; margin-top: 9px;}
div#title {padding-bottom: 12px;}
div#container {width: 730px; float: left; clear: both;}
div#content {float: left;}
div.sidebar {width: 180px; float: left;}

div.sidebar table {width: 180px; border: 0px; margin: 0px;}

div#footer {font-size: 10px; text-align: center; padding-top: 5px; margin-top: 9px; border-top: 1px solid red; float: left; width: 730px;}

a.black_link, a.black_link:hover {color: #000; font-weight: bold;}

/* Tag Styles */
h2 {border-bottom:1px solid #FF0000; border-width:1px; font-size:14px; clear: both; margin: 20px 0px;}
small {font-size:10px;}
p.indent {padding: 0px 5px 0px 10px;}
p.small_link {clear: right; margin: 10px 5px 10px 20px; font-size:10px; display: inline;}

p.crumb {color: red;}
p.crumb a {color: red;}
p.crumb a:hover {color: red;}


h2.news {border:1px solid #FF0000; border-width:1px; border-right: 0px; border-left: 0px; font-size:14px; clear: both; margin: 20px 0px; padding: 3px 0px; line-height: 14px;}
h2.news small {float: right; font-weight: normal; vertical-align: middle;}

/* Small Boxes */
.whtBoxtop,.whtBoxbottom, .bluBoxtop, .bluBoxbottom {width: 180px; display: block; clear: both;}
.whtBoxtop, .bluBoxtop {background: #fff url('images/box/whtTopCap.jpg') no-repeat; height: 5px;}
.whtBoxbottom, .bluBoxbottom {background: #fff url('images/box/whtBottomCap.jpg') no-repeat; height: 5px; margin-bottom: 5px;}
.whtBoxContent, .bluBoxContent {background: #fff url('images/box/whtMiddle.jpg') repeat-y; padding: 4px 8px 0px 8px; width: 164px; clear: both;}

.bluBoxtop {background: #afd3e1 url('images/box/bluTopCap.jpg');}
.bluBoxbottom {background: #afd3e1 url('images/box/bluBottomCap.jpg');}
.bluBoxContent {background: #afd3e1 url('images/box/bluMiddle.jpg');}

.whtBoxContent p, .bluBoxContent p {padding: 2px 6px;}
.whtBoxContent p.lab, .bluBoxContent p.lab {font-size: 10px; margin: 0px; padding: 2px 6px;}
.whtBoxContent p.side_title, .bluBoxContent p.side_title {font-size: 12px; font-weight: bold; color: #000; padding: 2px 6px; margin: 0px;}

.whtBoxContent img.lab-buttons, .bluBoxContent img.lab-buttons {width: 100%;}

/* Big Boxes */
.whtBoxtop_big,.whtBoxbottom_big, .bluBoxtop_big, .bluBoxbottom_big {width: 520px; display: block; clear: both;}
.whtBoxtop_big, .bluBoxtop_big {background: #fff url('images/box/whtTopCap_big.jpg') no-repeat; height: 5px;}
.whtBoxbottom_big, .bluBoxbottom_big {background: #fff url('images/box/whtBottomCap_big.jpg') no-repeat; height: 5px; margin-bottom: 5px;}
.whtBoxContent_big, .bluBoxContent_big {background: #fff url('images/box/whtMiddle_big.jpg') repeat-y; padding: 4px 8px 0px 8px; width: 504px; clear: both; overflow: auto;}

.bluBoxtop_big {background: #afd3e1 url('images/box/bluTopCap_big.jpg');}
.bluBoxbottom_big {background: #afd3e1 url('images/box/bluBottomCap_big.jpg');}
.bluBoxContent_big {background: #afd3e1 url('images/box/bluMiddle_big.jpg');}

.whtBoxContent_big p, .bluBoxContent_big p {padding: 2px 6px;}
.whtBoxContent_big p.lab, .bluBoxContent_big p.lab {font-size: 10px; margin: 0px; padding: 2px 6px;}
.whtBoxContent_big p.side_title, .bluBoxContent_big p.side_title {font-size: 12px; font-weight: bold; color: #000; padding: 2px 6px; margin: 0px;}

.whtBoxContent_big img.lab-buttons, .bluBoxContent_big img.lab-buttons {width: 100%;}

/* Specific Box Styles */

div.news { font-size: 10px; line-height: 11px;}

div.latest_news {font-size: 10px; line-height: 11px;}
div.latest_news p {padding-bottom: 3px; margin: 0;}

p.about_nav {display: block; height: 20px; margin: 0px; padding: 0px;}
p.about_nav a {text-indent: -9999px; float: left; display: block; height: 20px; width: 100%;}

.virtual_lab_frames_p {font-size: 12px; margin-bottom: 0px; text-align: center;}
.center {text-align: center;}

#frame_catalog_browse {padding-bottom: 10px;}
#frame_catalog_browse form p {margin: 15px 0px 0px 0px; padding: 2px 0px 2px 0px;}


/* About Us Nav */
#pr_le {background: #fff url('images/but_letter.jpg') no-repeat;}
#cu_se {background: #fff url('images/but_customer.jpg') no-repeat;}
#co_us {background: #fff url('images/but_contact.jpg') no-repeat;}
#ca_op {background: #fff url('images/but_career.jpg') no-repeat;}
#ne_pr {background: #fff url('images/but_news.jpg') no-repeat;}
#hi_cs {background: #fff url('images/but_history.jpg') no-repeat;}

#pr_le:hover {background: url('images/but_letter_f2.jpg') no-repeat;}
#cu_se:hover {background: url('images/but_customer_f2.jpg') no-repeat;}
#co_us:hover {background: url('images/but_contact_f2.jpg') no-repeat;}
#ca_op:hover {background: url('images/but_career_f2.jpg') no-repeat;}
#ne_pr:hover {background: url('images/but_news_f2.jpg') no-repeat;}
#hi_cs:hover {background: url('images/but_history_f2.jpg') no-repeat;}

/* Latest News CSS */
#latest_news_link {color: #000; float: left; width: 100%; height: 14px; padding-bottom: 5px; background-image: url(images/but_more.jpg); background-repeat: no-repeat; background-position: top right ; }
#latest_news_link:hover { color: #000; width: 100%; background-image:url('images/but_more_f2.jpg');}

/* Catalog Nav */
#fr_ca {background: #fff url('images/but_frame_cat.jpg') no-repeat;}
#di_ca {background: #fff url('images/but_display_cat.jpg') no-repeat;}
#st_le {background: #fff url('images/but_stock_lens.jpg') no-repeat;}


#fr_ca:hover {background: url('images/but_frame_cat_f2.jpg') no-repeat;}
#di_ca:hover {background: url('images/but_display_cat_f2.jpg') no-repeat;}
#st_le:hover {background: url('images/but_stock_lens_f2.jpg') no-repeat;}

/* Exports Virtual Lab Menu Nav */
.export_virt_lab {padding: 5px; float: right; border: 1px solid silver; width: 160px;}
.export_virt_lab a.virt_buttons {float: left; display: block; width: 162px; height: 18px; margin-top: 5px;}
.export_virt_lab p {margin: 0px;}
.export_virt_lab #link_create {margin-top: 10px;}

#link_create {background: url('images/int-create-account.jpg');}
#link_login {background: url('images/int-login.jpg');}
#link_update {background: url('images/int-update-account.jpg');}

#link_create:hover {background: url('images/int-create-account-f2.jpg');}
#link_login:hover {background: url('images/int-login-f2.jpg');}
#link_update:hover {background: url('images/int-update-account-f2.jpg');}

/* Catalog Link Backgrounds */
#frame_cat_link, #display_cat_link, #lens_cat_link {width: 163px; display: block; height: 18px;}

#frame_cat_link {background-image: url('images/but_cat_frame.jpg');}
#display_cat_link {background-image: url('images/but_cat_display.jpg');}
#lens_cat_link {background-image: url('images/but_cat_lens.jpg');}

#frame_cat_link:hover {background-image: url('images/but_cat_frame_up.jpg');}
#display_cat_link:hover {background-image: url('images/but_cat_display_up.jpg');}
#lens_cat_link:hover {background-image: url('images/but_cat_lens_up.jpg');}

/* Online Virtual Lab Nav */
#virtual_lab_nav p.about_nav {display: block; height: 18px; width: 162px; margin: 3px 0px 0px 0px; padding: 0px;}
#virtual_lab_nav p.about_nav a {text-indent: -9999px; float: left; display: block; height: 18px; width: 100%;}

#do_or {background: #fff url('images/but_online_order.jpg') no-repeat;}
#do_tr {background: #fff url('images/but_online_track.jpg') no-repeat;}
#in_or {background: #fff url('images/but_intl_order.jpg') no-repeat;}
#pa_yo {background: #fff url('images/but_pay.jpg') no-repeat;}


#do_or:hover {background: url('images/but_online_order_f2.jpg') no-repeat;}
#do_tr:hover {background: url('images/but_online_track_f2.jpg') no-repeat;}
#in_or:hover {background: url('images/but_intl_order_f2.jpg') no-repeat;}
#pa_yo:hover {background: url('images/but_pay_f2.jpg') no-repeat;}

/* Lab Services Nav */

#ar_co {background: #fff url('images/but_ar_coating.jpg') no-repeat;}
#re_la {background: #fff url('images/but_regional.jpg') no-repeat;}
#la_pr {background: #fff url('images/but_promo.jpg') no-repeat;}
#vi_to {background: #fff url('images/but_virtual_tour.jpg') no-repeat;}
#st_le {background: #fff url('images/but_stock_lens.jpg') no-repeat;}
#do_lo {background: #fff url('images/but_downloads.jpg') no-repeat;}


#ar_co:hover {background: url('images/but_ar_coating_f2.jpg') no-repeat;}
#re_la:hover {background: url('images/but_regional_f2.jpg') no-repeat;}
#la_pr:hover {background: url('images/but_promo_f2.jpg') no-repeat;}
#vi_to:hover {background: url('images/but_virtual_tour_f2.jpg') no-repeat;}
#st_le:hover {background: url('images/but_stock_lens_f2.jpg') no-repeat;}
#do_lo:hover {background: url('images/but_downloads_f2.jpg') no-repeat;}

/* Big Left Column Layout */
#content .big_right, #content .big_left {float: left;}
#content .big_right {width: 195px; padding-left: 5px;}
#content .big_left {width: 310px; padding-right: 12px;}

/* 3 Column DIV Layout */
.column_3_div {overflow: auto; margin: 0px; padding: 0px;}
.column_3_div .column_header {width: 100%; padding: 0px;}
div#content .column_3_div .column_header h3 {padding-left: 15px; font-size: 14px; color: red; font-weight: bold;}
.column_3_div .left_col, .column_3_div .middle_col, .column_3_div .right_col {float: left; padding: 0px 20px 0px 0px;}

div#content .column_3_div .left_col p, div#content .column_3_div .middle_col p, div#content .column_3_div .right_col p {margin: 2px 0px;}
div#content .column_3_div .left_col p.col_title, div#content .column_3_div .middle_col p.col_title, div#content .column_3_div .right_col p.col_title { text-transform:uppercase; font-weight: bold; margin: 10px 0px;}

.column_3_div .right_col {padding: 0px 0px 0px 0px;}