a:link{text-decoration:none;color:#424DBA;}
a:visited{text-decoration:none;color:#424DBA;}
a:active{text-decoration:none;color:#424DBA;}
a:hover{text-decoration:underline;color:#A0A6DC;}

a.bodylink:link{text-decoration:underline;color:#424DBA;}
a.bodylink:visited{text-decoration:underline;color:#424DBA;}
a.bodylink:active{text-decoration:underline;color:#424DBA;}
a.bodylink:hover{text-decoration:underline;color:#A0A6DC;}

.sysmenu{font-size: 80%; line-height:110%;}
a.sysmenu:link{text-decoration:none;color:#555555;}
a.sysmenu:visited{text-decoration:none;color:#555555;}
a.sysmenu:active{text-decoration:none;color:#003366;}
a.sysmenu:hover{text-decoration:none;color:#003FE3;}

.sysmenu_l{font-size: 100%; line-height:110%;}
a.sysmenu:link{text-decoration:none;color:#555555;}
a.sysmenu:visited{text-decoration:none;color:#555555;}
a.sysmenu:active{text-decoration:none;color:#003366;}
a.sysmenu:hover{text-decoration:none;color:#003FE3;}

.small{font-size:68.75%;line-height:120%;color:#333333;font-family:Verdana,Arial,Helvetica,sans-serif;}
.normal{font-size:70%;line-height:130%;color:#333333;font-family:Verdana,Arial,Helvetica,sans-serif;}
.large{font-size:100%;line-height:140%;color:#333333;font-family:Verdana,Arial,Helvetica,sans-serif;}

.normal_lh0{font-size:75%; color:#333333;font-family:Verdana,Arial,Helvetica,sans-serif;}

.small_l{font-size:68.75%;line-height:120%;color:#666666;font-family:Verdana,Arial,Helvetica,sans-serif;}
.normal_l{font-size:75%;line-height:130%;color:#666666;font-family:Verdana,Arial,Helvetica,sans-serif;}
.large_l{font-size:100%;line-height:140%;color:#666666;font-family:Verdana,Arial,Helvetica,sans-serif;}

.large_bold{font-size:120%;line-height:150%;color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif;}
.large2_bold{font-size:150%;line-height:150%;color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif;}

.large_blue_title{font-size:100%;line-height:140%;color:#0000A0;font-weight:bold;font-family:Verdana,Arial,Helvetica,sans-serif;}
.normal_blue_title{font-size:75%;line-height:130%;color:#0000A0;font-weight:bold;font-family:Verdana,Arial,Helvetica,sans-serif;}
.normal_title{font-size:75%;line-height:130%;color:#333333;font-weight:bold;font-family:Verdana,Arial,Helvetica,sans-serif;}
.normal_b_title{font-size:75%;line-height:130%;color:#000000;font-weight:bold;font-family:Verdana,Arial,Helvetica,sans-serif;}

.small_b{font-size:68.75%;line-height:120%;color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif;}
.normal_b{font-size:75%;line-height:130%;color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif;}
.large_b{font-size:100%;line-height:140%;color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif;}

.phbk { background-color: #DEE7EF}
.spec_date{padding:4px;}
.det_text{padding:8px;}
.gen_text{padding:5px;}
.site_map{padding:2px;}
.lineup_image{border-width:1px;border-style:solid;border-color:#969696;}
.product_image{border-width:1px;border-style:solid;border-color:#A3C78D;}
.pro_face{border-width:1px;border-style:solid;border-color:#666666;}
.pro_pic{border-width:1px;border-style:solid;border-color:#56768B;}


#obl{color:#08107B;}
#oyl{color:#E9B226;}
#ogr{color:#777777;}
#wht{color:#FFFFFF;}
#mbl{color:#0099FF;}
#plb{color:#E6F2FF;}
#gld{color:#D5AF02;}
#gry{color:#A6A6A6;}
#gry2{color:#666666;}
#dgr{color:#333333;}
#red{color:#FF0033;}
#vlt{color:#9999FF;}
#grn{color:#00FF66;}
#blk{color:#000000;}
#rbl{color:#336699;}
#rbl2{color:#3366cc;}
#bbl{color:#333366;}
#dbl{color:#000066;}
#brw{color:#D76212;}
#brw2{color:#B35510;}
#brw3{color:#75582E;}
#fbl1{color:#3959C3;}
#fgry2b{color:#525252; font-weight:bold}
#fbrn1b{color:#CB8133; font-weight:bold}

#bold{font-weight:bold}

.bodyindex {
	font-size:12px;
	color:#333333;
	border:1px solid #CCCCCC;
	line-height:18px;
}


/* new style */
body {
	font-size: 10px;
	line-height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	background-color: #FFF;
	padding: 0px;
	margin: 0px;
}
img {
	border: 0px;
}
h1,h2,h3,h4 {
	padding: 0px;
	margin: 0px;
}
p {
	padding: 0px;
	margin: 0px;
}
table {
	border: 0px;
	padding: 0px;
	margin: 0px;
}
ol, ul, li {
	padding: 0px;
	margin: 0px;
}
.clear {
	clear: both;
}
.vMiddle {
	vertical-align: bottom;
}
.new {
	color: #F30;
}
p.caution {
	color: #F00;
	font-size: 80%;
}

div#header {
	background: url(/dea/common/gm_bgimg.jpg) #08107B right top no-repeat;
	height: 80px;
	width: 750px;
}
div#header div.logo {
	width: 320px;
	float: left;
}
div#header div.toHome {
	width: 420px;
	height: 58px;
	float: left;
	font-size: 110%;
}
div#header div.toHome div.spacer {
	height: 84%;
}
div#header div.toHome div.link {
	margin-top: -1em;
	text-align: right;
	color: #999;
}
div#header div.toHome div.link a:link {
	color: #9CF;
}
div#header div.toHome div.link a:active {
	color: #9CF;
}
div#header div.toHome div.link a:visited {
	color: #9CF;
}
div#header div.toHome div.link a:hover {
	color: #9CF;
}
div#globalMenu {
	clear: both;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #9BB3DA;
	background: url(/dea/common/header_bg.gif) #B2CDF8 left top no-repeat;
	min-height: 19px;
	padding-left: 10px;
	font-size: 110%;
	position: absolute;
	top: 59px;
	width: 740px;
}
div#globalMenu div.siteTitle {
	width: 250px;
	float: left;
	padding-top: 5px;
}
div#globalMenu ul {
	padding-top: 4px;
	list-style-type: none;
}
div#globalMenu li {
	float: right;
	padding-right: 10px;
	min-height: 15px;
}
div#globalMenu li a {
	padding-left: 7px;
	background: url(/dea/common/header_link_bullet01.gif) left center no-repeat;
}
div#footer {
	clear: both;
	margin-top: 20px;
	padding: 5px 10px 3px 10px;
	background-color: #08107B;
	min-height: 11px;
}
div#footer div.copyright {
	width: 420px;
	float: left;
	font-size: 65%;
	color: #999;
}
div#footer div.link {
	width: 290px;
	float: right;
	font-size: 65%;
	color: #999;
	text-align: right;
}
div#footer div.link a:link {
	color: #9CF;
}
div#footer div.link a:active {
	color: #9CF;
}
div#footer div.link a:visited {
	color: #9CF;
}
div#footer div.link a:hover {
	color: #9CF;
}

div#lefter {
	width: 158px;
	line-height: 100%;
	font-size: 70%;
}
div#lefter ul {
	list-style-type: none;
}
div#lefter a.title {
	display: block;
	height: 34px;
	overflow: hidden;
}
div#lefter a span {
	position: absolute;
	top: -9999px;
}
div#lefter a.lineup {
	display: block;
	width: 158px;
	height: 24px;
	background: url(/dea/common/lefter_menu_products.gif) no-repeat 0 1px;
}
div#lefter a.lineup:hover, div#lefter div#top a.lineup, div#lefter div#lineup a.lineup {
	background-position: -158px 1px;
}
div#lefter a.lens {
	display: block;
	width: 158px;
	height: 24px;
	background: url(/dea/common/lefter_menu_lenses.gif) no-repeat 0 1px;
}
div#lefter a.lens:hover, div#lefter div#lens a.lens {
	background-position: -158px 1px;
}
div#lefter a.accessory {
	display: block;
	width: 158px;
	height: 24px;
	background: url(/dea/common/lefter_menu_accessory.gif) no-repeat 0 1px;
}
div#lefter a.accessory:hover, div#lefter div#accessory a.accessory {
	background-position: -158px 1px;
}
div#lefter a.technology {
	display: block;
	width: 158px;
	height: 24px;
	background: url(/dea/common/lefter_menu_technology.gif) no-repeat 0 1px;
}
div#lefter a.technology:hover, div#lefter div#technology a.technology {
	background-position: -158px 1px;
}
div#lefter a.gallery {
	display: block;
	width: 158px;
	height: 24px;
	background: url(/dea/common/lefter_menu_gallery.gif) no-repeat 0 1px;
}
div#lefter a.gallery:hover, div#lefter div#gallery a.gallery {
	background-position: -158px 1px;
}
div#lefter a.special {
	display: block;
	width: 158px;
	height: 24px;
	background: url(/dea/common/lefter_menu_special.gif) no-repeat 0 1px;
}
div#lefter a.special:hover, div#lefter div#special a.special {
	background-position: -158px 1px;
}

div#lefter ul.menu2nd {
	border: none;
}
div#lefter ul.menu2nd li {
	width: 158px;
	border: none;
	padding: 5px 0 6px 0;
	background: url(/dea/common/h_dotline_w3.gif) repeat-x left bottom;
}
div#lefter ul.menu2nd li.lastLi {
	background: none;
}
div#lefter ul.menu2nd li a {
	display: block;
	padding-left: 19px;
	background: url(/dea/common/link_bullet01.gif) no-repeat 7px 3px;
}
div#lefter h2 {
	padding: 0 0 1px 0;
	margin: 16px 0 0 0;
	height: 13px;
	overflow: hidden;
	background: url(/dea/common/h_dotline_w3.gif) repeat-x 0 13px;
}
div#lefter h2 a {
	display: block;
}
div#lefter ul.menu3rd {
	border: none;
}
div#lefter ul.menu3rd li {
	width: 158px;
	border: none;
	padding: 4px 0 5px 0;
	background: url(/dea/common/h_dotline_w3.gif) repeat-x left bottom;
}
div#lefter ul.menu3rd li a {
	margin-left: 2px;
}
div#lefter div.forCustomer {
	padding-top: 16px;
	text-align: center;
}
div#lefter div.lefterBanner {
	padding-top: 30px;
}

div.pageTop {
	clear: both;
	text-align: right;
}
div.pageTop a {
	padding-left: 10px;
	font-size: 70%;
	background: url(/dea/common/link_bullet05.gif) 0px 5px no-repeat;
}

/* Pull-down Menu
---------------------------------------------------- */

#maintop {
	float:right;
}
h1 {
	clear: both;
}

/* Sample Image
----------------------------------*/
div.sampleImage {
	padding: 10px 0 11px 0;
	background: url(/dea/common/h_dotline_w3.gif) repeat-x left bottom;
}
div.sampleImage p {
	padding-bottom: 0px;
	margin: 0;
}
div.lastSampleImage {
	padding: 10px 0 10px 0;
}

/* Popup CSS
---------------------------------------------------- */
#popup{
  width: 530px;
  padding-left: 10px;
  padding-top: 10px;
}

#popup ol{
font-size: small;
}
#popup li{
margin-bottom: 5px;
}

h3.popup{
	margin: 0px;
	padding: 6px;
	padding-top: 10px;
	padding-left: 8px;
	margin-bottom: 8px;
	font-size: large;
	color:#ffffff;
	background-color: #000066;
	font-weight: bold;
	letter-spacing: 1px;
}
h1.popup {
	background: url(/dea/common/popup_title_bg.gif) no-repeat;
	padding: 13px 0 13px 9px;
	line-height: 0;
	margin: 0;
	border: none;
}
div.popup h1 {
	padding-bottom: 15px;
	border-bottom: 1px dashed #666;
	margin-bottom: 15px;
	color: #000066;
	font-size: 200%;
}
div.popup h2 {
	padding: 5px 0 16px;
	font-size: 120%;
}
div.popupContainer {
	width: 552px;
	_width: 570px;
	border-left: 9px solid #0D2062;
	border-right: 9px solid #0D2062;
}
div.popup {
	padding: 24px 10px 26px 10px;
	background: url(/dea/common/h_dotline_w3.gif) repeat-x left bottom;
}
div.popup li {
	font-size: 80%;
}
div#popCopyright {
	float: left;
	padding: 14px 0 0 10px;
}
div.close {
	padding: 9px 20px 11px 0;
	text-align: right;
}
/*  Popup Lenses@*/

#table_line img{
	position: relative;
	bottom: 55px;
	left: 315px;
}
#lens_label img{
	float: left;
	margin-right: 10px;
}
#mtf_line img{
	position: relative;
	bottom: 25px;
}

#lead{
	padding: 5;
}
#lead img{
	float: right;
	margin-left: 20px;
	margin-top: 10px;
}
#lead img.none{
	clear:left;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#lead p {
  font-size: 120%;
  line-height: 120%;
  background: transparent;
}


/* Lens ArchitectureEMTF Chart
----------------------------------*/
#lensArchitecture {
	float: left;
}
#mtf {
	float: right;	
}

/* Depth
----------------------------------*/
#hishakai {
	clear:both;
}

#hishakai_1 table, 
#hishakai_2 table,
#hishakai_3 table {
	margin: 0;
	padding: 0px;
	border-top: 1px solid #788490;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

#hishakai li.active {
	font-weight: bold;
}

#hishakai th {
	border: 1px solid #788490;
	background-color: #f5f5f5;
	font-weight: normal;
}
#hishakai td{
	border-bottom: 1px solid #788490;
	border-left: 1px solid #788490;
	border-right: 1px solid #788490;
	padding: 4px;
	line-height: 120%;
}
#hishakai th.circle {
	border-left: none;
	font-size: 100%;
}
#hishakai td.left {
	border-bottom: 1px solid #788490;
	border-left: 1px solid #788490;
	padding:4px;
	line-height: 120%;
	background-color: #f5f5f5;
	text-align: center;
}

#hishakai ul {
	margin: 0px;
	padding: 0px;
	margin-left: 0px;
	list-style-type: disc;
}

#hishakai li{
	display: inline;
	margin: 1px;
	padding: 4px;
	text-align: left;
	font-size: 70%;
}
#unit{
	float: right;
	color: #000;
	font-size: 70%;
}

/* SPEC table 
----------------------------------*/
#spec table {
	border-top: 1px solid #788490;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	color: #333333;
}

#spec .left {
	border-bottom: 1px solid #788490;
	padding: 5px;
	line-height: 120%;
	background-color: #f5f5f5;
	text-align: left;
}
#spec .right {
	border-bottom: 1px solid #788490;
	padding: 5px;
	line-height: 120%;
	text-align: left;
}
.productsBorder {
	border: 1px solid #a9a9a9;
}
.productsBorder .note {
	display: block;
	padding: 0 10px 7px;
}
#spec sup {
	line-height: 100%;
}
.fontblue{
	color: #424dba;
}
.fontred{
	color: #d64201;
}
.notered {
	font-size: 70%;
	color: #ff0033;
}

/* For Flash CSS 
----------------------------------*/
div.lineup h3 {
	padding-top: 1px;
	margin-top: 14px;
	height: 25px;
	background: url(/dea/common/h_dotline_w3.gif) repeat-x left top !important;
}
div.outline {
	padding-left: 10px;
}
div.outline h3 {
	padding: 17px 0 4px 3px;
	background: url(/dea/common/h_dotline_w3.gif) repeat-x left bottom;
}
div.outline th {
	white-space: nowrap;
	color: #F30;
	font-weight: normal;
	text-align: left;
}
div.outline p {
	padding-left: 10px;
}
td.productCell {
	padding: 20px 0 8px 0;
	background: url(/dea/common/h_dotline_w3.gif) repeat-x left bottom;
}
td.productLastCell {
	padding: 20px 0 8px 0;
}
div.flashAcceList ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
div.flashAcceList {
	padding-bottom: 35px;
}
div.flashAcceList li {
	padding: 4px 0 5px 0;
	background: url(/dea/common/h_dotline_w3.gif) repeat-x left bottom;
}
div.flashAcceList li a {
	padding-left: 22px;
	background: url(/dea/common/link_bullet04.gif) no-repeat 9px 2px;
}
div.flashAcceList li a:hover {
	padding-left: 22px;
	background: url(/dea/common/link_bullet04.gif) no-repeat 9px 2px;
}
div.flashAcce {
	padding: 14px 0 20px 0;
}
div.flashAcce div.title {
	padding-top: 1px;
	background: url(/dea/common/h_dotline_w3.gif) repeat-x left top;
}
div.flashAcce div.title td {
	background-color: #F5F5F5;
}
div.flashAcce div.title td h2 {
	padding: 6px 0px 6px 9px;
	background-color: #F5F5F5;
}
div.flashAcce p.price {
	font-size: 80% !important;
	padding-top: 15px;
}

/* For Software CSS 
----------------------------------*/
#software h2.normal {
	color: #0d2062;
	font-size: 80%;
}

/* For Lens Group Accessory CSS 
----------------------------------*/
#lga #spec table.normal {
	clear: both;
}
#lga #spec .leftTh{
	border-bottom: 1px solid #788490;
	color: #0d2062;
	background-color: #e4e4e4;
}


