@charset "utf-8";

/* Initial Setting */

*{margin:0; padding:0; background-repeat:no-repeat; line-height:140%;font-size:100%;font-family:Verdana, SimSun, Arial, Helvetica, sans-serif;}

a {text-decoration:none; color:#666666; overflow:hidden}

a:hover {text-decoration:none; color:#FF0000}

img, table {border: none}

li {list-style: none}

h1,h2,h3,h4,h5,h6{font-weight:normal;}

.clear{clear:both; height:0; line-height:0; font-size:0}

.space10 {height: 10px}

.space20 {height: 20px}

.space_right {height: 140px}

/** Banner OPACITY **/


.bn_r a:hover img{
  filter: alpha(opacity=70);
  -moz-opacity:0.75;
  opacity:0.75;
}
	
/* Initial Setting */


body{
	text-align:center;
	color:#333333;
	font-size:80%;
}

#wrapper{
	width:auto;
	height:auto;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	text-align:center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


/************************************** [HEADER] **************************************/


#header {
	background-image: url(../images/lens_hd_bg.gif);
	background-repeat: repeat-x;
	background-position:top;
	height: 82px;
	text-align:center
}

#wrap_hd {
	height: 82px;
	text-align:left;
	width:849px;
	margin:0 auto
}

h1 a{
	background-image: url(../images/lens_logo.png);
	height: 70px;
	width: 168px;
	text-indent: -9999px;
	display: block;
	float:left;
}






#wrap_right {float:right; position:relative;}

#hd_menu {
	margin:10px 10px 0 90px;
}

#hd_menu li{
	float:left;
	font-size:12px;
	border-left:1px solid #666;
	padding:0 14px
}

#hd_menu li a{
	color:#FFFFFF
}

#hd_menu li a:hover{
	text-decoration:underline
}




/** POPUP **/

#header #lang {
	width:117px;
	background-image: url(../images/lang.png);
	height: 16px;
	display:block;
	text-indent:-9999px;
	position:relative;
	float:left;
	margin-left:4px
}


#header #lang a{
	width:117px;
	background-image: url(../images/lang.png);
	height: 16px;
    display:block;
	text-indent:-9999px;
}


#Popup{
	position:absolute;
	top:30px;
	left:270px;
	visibility:hidden;
	font-size:11px;
	height: auto;
	width: auto;
	background:#000;
	padding:10px;
	z-index:999;
	filter: alpha(opacity=80);
   -moz-opacity:0.8;
    opacity:0.8;

}

#Popup a{
	color:#FFFFFF;
	text-decoration:underline
}

#Popup a:hover{
	color:#999999
}

#header #lang span{
	width:25px;
	background-image: url(../images/icon_china.png);
	height: 25px;
	text-indent:-9999px	;
	position:absolute;
	top:0;
	left:120px
}




/** search box setting **/

#search_w {text-align:right; margin:8px 10px 0 276px;}

html* #search_w {margin:-10px 10px 0 220px;}





#sr_box {
	border:none;
	background-image: url(../images/search_box.gif)!important;
	height: 18px!important;
	width: 108px!important;
	float:left;
	padding:2px 0 0 22px;
	font-size:11px;
}



#bt_sr {float:left; margin-left:2px}


/** //search box setting **/

#flash {
	background-image: url(../images/bg_fla.png);
	height: 443px;
	width: auto;
	background-color:#000000;
	background-repeat: repeat-x;
	text-align: center;
}




/************************************** [CONTENTS] **************************************/

#wrap_cts {
	width: 848px;
	margin:-4px auto 0 auto;
	text-align:center
}

#cts_top {
	background-image: url(../images/lens_cts_top.gif);
	height: 10px;
	width: 848px;
	line-height:10px
}

#cts_mid {
	background-image: url(../images/lens_cts_mid.gif);
	background-repeat:repeat-y;
	height: auto;
	width: 848px;
	text-align:left
}

#cts_btm {
	background-image: url(../images/lens_cts_btm.gif);
	height: 10px;
	width: 848px;
}

#lens_swf {
	text-align: center;
}

#wrap_main {
	margin: 0px 20px 0 20px;
	height:auto;
	padding-top:10px
}

#wrap_main #left{
	height:auto;
	width:624px;
	float:left
}

#wrap_main #right{
	height:auto;
	width:183px;
	float:left;
}


#lens_gb_menu {
	background-image: url(../images/lens_gb_menu_02.png);
	margin: 0;
	height: 45px;
	width: 604px;
	position:relative
}

#lens_gb_menu li{
	float:left;
	text-indent:-9999px;
	display:block;
	position:absolute
}

#lens_gb_menu li a{
	float:left;
	text-indent:-9999px;
	display:block;
	height:45px;
	position:absolute
}

#lens_gb_01 {width:123px}
#lens_gb_02 {width:117px}
#lens_gb_03 {width:126px}
#lens_gb_04 {width:112px}
#lens_gb_05 {width:126px}

#lens_gb_01 a{width:123px;left:0}
#lens_gb_02 a{width:117px;left:123px}
#lens_gb_03 a{width:126px;left:240px}
#lens_gb_04 a{width:112px;left:366px}
#lens_gb_05 a{width:126px;left:478px}

#lens_gb_01 a:hover{background-image: url(../images/lens_menu_02_h.png);}
#lens_gb_02 a:hover{background-image: url(../images/lens_menu_03_h.png);}
#lens_gb_03 a:hover{background-image: url(../images/lens_menu_04_h.png);}
#lens_gb_04 a:hover{background-image: url(../images/lens_menu_05_h.png);}
#lens_gb_05 a:hover{background-image: url(../images/lens_menu_06_h.png);}

#lens_gb_01 .selected{background-image: url(../images/lens_menu_02_h.png);}
#lens_gb_02 .selected{background-image: url(../images/lens_menu_03_h.png);}
#lens_gb_03 .selected{background-image: url(../images/lens_menu_04_h.png);}
#lens_gb_04 .selected{background-image: url(../images/lens_menu_05_h.png);}
#lens_gb_05 .selected{background-image: url(../images/lens_menu_06_h.png);}

#title_whats {
	background-image: url(../images/title_whats.gif);
	margin: 20px 0 0 4px ;
	height: 26px;
	width: 590px;
	text-indent: -9999px;
	display: block;
}

#whats {
	margin: 20px 0 0 4px ;
	height: auto;
	width: 580px;
}

#whats h3 span{
	display:block;
	font-weight:bold
}

#whats h3{
	background-image: url(../images/arrow_for_whats.gif);
	background-position: left 2px;
	margin:0 0 6px 10px;
	padding-left: 30px;
}

#whats h3 a{
	text-decoration:underline
}

.txt_right{text-align:right}

#title_atx {
	background-image: url(../images/title_atx.gif);
	margin: 20px 0 0 4px ;
	height: 26px;
	width: 590px;
	text-indent: -9999px;
	display: block;
}

/** for accordion contents **/

.titles{ /*header of 1st demo*/
    cursor: hand;
    cursor: pointer;
	height: 18px;
	width: 331px;
}

.content{margin:10px 30px}

.content p{margin:10px 0 0 0}

#atx_01 {
	background-image: url(../images/title_atx_01.gif);
	text-indent: -9999px;
	display: block;
	height: 18px;
	width: 331px;
	margin-top: 10px;
	margin-left: 20px;
}
#atx_01 a{
	background-image: url(../images/title_atx_01.gif);
	text-indent: -9999px;
	display: block;
	height: 18px;
	width: 331px;
}
#atx_01 a:hover{background-image: url(../images/title_atx_01_h.gif);}

#atx_02 {
	background-image: url(../images/title_atx_02.gif);
	text-indent: -9999px;
	display: block;
	height: 18px;
	width: 331px;
	margin-top: 10px;
	margin-left: 20px;
}
#atx_02 a{
	background-image: url(../images/title_atx_02.gif);
	text-indent: -9999px;
	display: block;
	height: 18px;
	width: 331px;
}
#atx_02 a:hover{background-image: url(../images/title_atx_02_h.gif);}

#atx_03 {
	background-image: url(../images/title_atx_03.gif);
	text-indent: -9999px;
	display: block;
	height: 18px;
	width: 331px;
	margin-top: 10px;
	margin-left: 20px;
}
#atx_03 a{
	background-image: url(../images/title_atx_03.gif);
	text-indent: -9999px;
	display: block;
	height: 18px;
	width: 331px;
}
#atx_03 a:hover{background-image: url(../images/title_atx_03_h.gif);}

#atx_04 {
	background-image: url(../images/title_atx_04.gif);
	text-indent: -9999px;
	display: block;
	height: 18px;
	width: 331px;
	margin-top: 10px;
	margin-left: 20px;
}
#atx_04 a{
	background-image: url(../images/title_atx_04.gif);
	text-indent: -9999px;
	display: block;
	height: 18px;
	width: 331px;
}
#atx_04 a:hover{background-image: url(../images/title_atx_04_h.gif);}

#atx_05 a{
	background-image: url(../images/title_atx_05.gif);
	text-indent: -9999px;
	display: block;
	height: 18px;
	width: 331px;
	margin: 10px 0 20px 20px
}
#atx_05 a:hover{background-image: url(../images/title_atx_05_h.gif);}



fieldset {
	border: 1px solid #FF9900;
	margin:0px 40px 20px 10px;
	height:auto;
	padding:10px 10px 20px 10px;
	text-align:center;
	font-weight:bold;
	color:#666666
}
html>body fieldset {margin:20px 40px 20px 10px}

legend {color:#666666; margin-left:10px;}



#right_top {
	background-image: url(../images/right_top.gif);
	text-indent: -9999px;
	display: block;
	height: 13px;
	width: 183px;
	line-height:13px
}

#right_mid {
	background-image: url(../images/right_mid.gif);
	background-repeat:repeat-y;
	height: auto;
	width: 183px;
}

#right_btm {
	background-image: url(../images/right_btm.gif);
	height: 13px;
	width: 183px;
	line-height:13px;
	margin-top:-1px
}



.bn_r{
  text-align:center;
  margin-top:5px
}

.bn_r a:hover img{
  filter: alpha(opacity=70);
  -moz-opacity:0.75;
  opacity:0.75;
}


#rbn_01 a{
	background-image: url(../images/bn_01.png);
	text-indent: -9999px;
	display: block;
	height: 71px;
	width: 177px;
	margin:0 0 0 2px
}


#rbn_02 a{
	background-image: url(../images/bn_02.png);
	text-indent: -9999px;
	display: block;
	height: 71px;
	width: 177px;
	margin:5px 0 0 2px
}


#rbn_03 a{
	background-image: url(../images/bn_03.png);
	text-indent: -9999px;
	display: block;
	height: 65px;
	width: 177px;
	margin:5px 0 0 2px
}


#rbn_04 a{
	background-image: url(../images/bn_04.png);
	text-indent: -9999px;
	display: block;
	height: 52px;
	width: 177px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2px;
}


#rbn_05 a{
	background-image: url(../images/bn_05.png);
	text-indent: -9999px;
	display: block;
	height: 52px;
	width: 177px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 4px;
}


#rbn_06 a{
	background-image: url(../images/bn_07.png);
	text-indent: -9999px;
	display: block;
	height: 66px;
	width: 177px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 4px;
}


#logo_footer a{
	background-image: url(../images/logo_footer.gif);
	float: left;
	height: 54px;
	width: 194px;
	margin-left: 10px;
	text-indent: -9999px;
	display: block;
}

#copy_lens {
	height: 15px;
	text-align:right;
	margin-right:5px;
	line-height:15px;
	font-size:10px
}



#hd_widelens {
	background-image: url(../images/hd_wide.jpg);
	text-indent: -9999px;
	display: block;
	height: 93px;
	width: 620px;
	margin:0 0 10px -8px;
	position:relative;
	z-index:9999
}

#hd_standard {
	background-image: url(../images/hd_standard.jpg);
	text-indent: -9999px;
	display: block;
	height: 93px;
	width: 620px;
	margin:0 0 10px -8px;
	position:relative;
	z-index:9999
}

#hd_telephoto {
	background-image: url(../images/hd_telephoto.jpg);
	text-indent: -9999px;
	display: block;
	height: 93px;
	width: 620px;
	margin:0 0 10px -8px;
	position:relative;
	z-index:9999
}

#hd_macro {
	background-image: url(../images/hd_macro.jpg);
	text-indent: -9999px;
	display: block;
	height: 93px;
	width: 620px;
	margin:0 0 10px -8px;
	position:relative;
	z-index:9999
}

.r_navi {
	background-image: url(../images/bg_right_navi.gif);
	height: 18px;
	width: 170px;
	margin:0 0 0 7px;
	background-repeat: repeat-x;
	text-align:center
}

.r_navi a{
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px
}

.r_navi a:hover{color:#FF0000}

#right_mid ul{
	height: auto;
	width: 170px;
	margin:10px 0 10px 14px
}

#right_mid li{
	width: 170px;
	padding-left:20px;
	margin:4px 0 0 0;
	background-image: url(../images/arrow_for_whats.gif);
	background-position: left center;
}

.line_r{
	height: 12px;
	background-image: url(../images/line_right.gif);
	width: 169px;
	margin: 10px 4px;	
}


/************************************** [FOOTER] **************************************/


#ft_menu {margin:10px 0 0 40px;}

#ft_menu li {
	float:left;
	background-image: url(../images/arrow_gray.gif);
	padding-left: 20px;
	background-position: left center ;
	margin-left:10px;
	font-size:90%
}


.line {
	width:auto;
	margin:0px 20px;
	line-height:8px;
	border-top: 1px solid #ccc;
}

#bg_ft {
	background-image: url(../images/ft_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 55px;
	margin:10px 0 0 0 
}

#bn_jaco {
	float: left;
	margin-left: 60px;
}

#ft_menu2 {margin:0px 20px 0 40px; float:right}

#ft_menu2 li {float:left; margin-left:10px;font-size:12px}

#ft_menu2_01 a{
	background-image: url(../images/bt_ft_01.gif);
	text-indent: -9999px;
	display: block;
	height: 16px;
	width: 66px;
	
}
#ft_menu2_01 a:hover{background-image: url(../images/bt_ft_01_h.gif)}

#ft_menu2_02 a{
	background-image: url(../images/bt_ft_02.gif);
	text-indent: -9999px;
	display: block;
	height: 16px;
	width: 102px;
}
#ft_menu2_02 a:hover{background-image: url(../images/bt_ft_02_h.gif)}

#ft_menu2_03 a{
	background-image: url(../images/bt_ft_03.gif);
	text-indent: -9999px;
	display: block;
	height: 16px;
	width: 89px;
}
#ft_menu2_03 a:hover{background-image: url(../images/bt_ft_03_h.gif)}

#ft_menu2_04 a{
	background-image: url(../images/bt_ft_04.gif);
	text-indent: -9999px;
	display: block;
	height: 16px;
	width: 122px;
}
#ft_menu2_04 a:hover{background-image: url(../images/bt_ft_04_h.gif)}


/************************************** [PAGES] **************************************/

#lens_detail {
	margin: 40px 10px 0 10px;
}

#left_detail {
	float:left;
	text-align:center
}

#left_detail_107 {
	float:left;
	text-align:center
}

#left_detail_116 {
	float:left;
	text-align:center
}

#left_detail_124 {
	float:left;
	text-align:center
}

#left_detail_1242 {
	float:left;
	text-align:center
}

#left_detail_165 {
	float:left;
	text-align:center
}

#left_detail_135 {
	float:left;
	text-align:center
}

#left_detail_535 {
	float:left;
	text-align:center
}

#left_detail_840 {
	float:left;
	text-align:center
}

#left_detail_35 {
	float:left;
	text-align:center
}

#left_detail_100 {
	float:left;
	text-align:center
}

#right_detail {
	float:left;
	padding-left:14px;
}

#bt_dl {
	margin: 10px 0;
}

#title_107 {
	background-image: url(../images/title_107.gif);
	height: 82px;
	width: 344px;
	text-indent: -9999px;
	display: block;
}

#title_116 {
	background-image: url(../images/title_116.gif);
	height: 82px;
	width: 344px;
	text-indent: -9999px;
	display: block;
}

#title_124 {
	background-image: url(../images/title_124.gif);
	height: 82px;
	width: 344px;
	text-indent: -9999px;
	display: block;
}

#title_1242 {
	background-image: url(../images/title_124_dx2.gif);
	height: 82px;
	width: 344px;
	text-indent: -9999px;
	display: block;
}

#title_165 {
	background-image: url(../images/title_165.gif);
	height: 82px;
	width: 344px;
	text-indent: -9999px;
	display: block;
}

#title_535 {
	background-image: url(../images/title_535.gif);
	height: 82px;
	width: 344px;
	text-indent: -9999px;
	display: block;
}

#title_840 {
	background-image: url(../images/title_840.gif);
	height: 82px;
	width: 344px;
	text-indent: -9999px;
	display: block;
}

#title_35 {
	background-image: url(../images/title_35.gif);
	height: 82px;
	width: 344px;
	text-indent: -9999px;
	display: block;
}

#title_100 {
	background-image: url(../images/title_100.gif);
	height: 82px;
	width: 344px;
	text-indent: -9999px;
	display: block;
}

#spec {
	background-image: url(../images/title_speck.gif);
	height: 20px;
	width: 310px;
	text-indent: -9999px;
	display: block;
	margin: 10px 0 0 10px;
}

#mtf {
	background-image: url(../images/title_mtf.gif);
	height: 20px;
	width: 310px;
	text-indent: -9999px;
	display: block;
	margin: 10px 0 0 10px;
}

#left_mtf {
	float:left;
	padding-left:10px
}

#right_mtf {
	float:left;
	padding-left:10px
}

#right_detail p{
	margin:10px 0 0 10px;
}

#right_detail p img{
	margin:0 4px 0 0
}

.txt_center{
	text-align:center;
}

#lens_detail h4{
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/title_bg.gif);
	background-repeat: repeat-x;
	height: 20px;
	margin: 20px 10px 10px 10px;
	padding:4px 0 0 20px
}




#coments p{
	padding:5px 20px
}

#wrap_detail {
	margin:0 0 0 10px
}

#wrap_detail table{
	border: 1px solid #000000;
	font-size:12px;
	width:580px
}

#wrap_detail th{
	background-image: url(../images/bg_slash_02.gif);
	background-repeat: repeat;
	padding: 5px 20px 5px 10px;
	border-bottom: 1px solid #000000;
	text-align:left;
	width:90px
}

#wrap_detail td{
	padding: 5px 20px 5px 10px;
	border-bottom: 1px solid #000000;
}

#lens_detail h5{
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/title_bg.gif);
	background-repeat: repeat-x;
	height: 20px;
	width:260px;
	padding:4px 0 0 20px;
	margin-top:20px
}



#left_feat{
	float:left;
	padding-left:10px;
}

#right_feat{
	float:left;
	padding-left:20px;
}

#left_feat p{
	padding:0!important;
}

#right_feat p{
	padding:0!important;
}

.left_feat{
	float:left;
	padding-left:4px;
	width:111px;
	margin-top:10px
}

.right_feat{
	float:left;
	padding-left:16px;
	width:150px;
	margin-top:10px
}

.notice {
	color: #FF0000;
	margin-top: 30px;
}

#pagetop {
	margin: 20px 0;
	text-align:right
}

/*** Tooltip ***/
#dhtmltooltip{
    position: absolute;
    left: -300px;
    width: 100px;
    padding: 2px;
    background-color: #000;
    visibility: hidden;
    z-index: 100;
	color:#FF0000
}

#dhtmlpointer{
    position:absolute;
    left: -300px;
    z-index: 101;
    visibility: hidden;
}
/*** Tooltip ***/

#wrap_list {
	margin:0
}

#wrap_list table{
	width:580px;
	background-color:#000000
}

#wrap_list th{
	background-image: url(../images/bg_slash_02.gif);
	background-repeat: repeat;
	padding: 5px 20px 5px 10px;
	text-align:left;
}

#wrap_list td{padding: 5px 20px 5px 10px;background-color:#FFFFFF}

.u_line {text-decoration: underline;}

/** icons **/

#title_icons {
	background-image: url(../images/title_icons.gif);
	height: 27px;
	width: 602px;
	text-indent:-9999px;
	display:block;
	margin-top:20px
}

#wrap_icons {margin:20px 0 20px 0}

#wrap_icons table{
	width: 602px;
	background-color:#000000;
}

#wrap_icons th{
	background-image: url(../images/bg_slash_02.gif);
	background-repeat: repeat;
	padding: 10px 5px;
	text-align:left;
	width:100px;
	line-height:120%;
}

#wrap_icons td{padding: 10px 5px;background-color:#FFFFFF;line-height:120%}


/** sitemap **/

#sitemap_title {
	background-image: url(../images/sitemap.jpg);
	height: 132px;
	width: 811px;
	text-indent:-9999px;
	display:block;
	margin:0 0 0 20px
}

#wrap_sitemap {
	margin:0
}

#wrap_sitemap table{
	width:580px;
	background-color:#000000
}

#wrap_sitemap th{
	background-image: url(../images/bg_slash_02.gif);
	background-repeat: repeat;
	padding: 10px 10px;
	text-align:left;
}

#wrap_sitemap td{padding: 10px 10px;background-color:#FFFFFF}


/** search_results **/

#search_results_title {
	background-image: url(../images/search_results.jpg);
	height: 132px;
	width: 811px;
	text-indent:-9999px;
	display:block;
	margin:0 0 0 20px
}




#right_detail #title{
    font-size:26px;
    font-weight:bold;
	color:#000000;
	margin-left:10px
}

#right_detail #sub{
    font-weight:bold;
	margin-left:12px
}
#right_detail #sub p{
    margin:0!important;
	padding:0!important
}

#hd_cat{
    margin-bottom:10px
}


#news_cat #title{
     font-size:16px;
    font-weight:bold;
	color:#000000;
	margin-left:10px;
	margin-top:20px
}


#news_cat #sub p{
    margin:12px 20px 0 12px;
}

#news_hd{
    text-align:center
}


#news_date{
    text-align:right;
	padding-right:20px;
	padding-top:20px
}



#sitemap h4 {
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/title_bg.gif);
	background-repeat: repeat-x;
	height: 20px;
	margin: 20px 10px 10px 0;
	padding:4px 0 0 20px
}

#sitemap h4 a{
	color: #fff;
	text-decoration:underline
}

#sitemap h4 a:hover{
	color: #FF0000;
	text-decoration:underline
}