/* ================================================================================
 base
================================================================================ */

html{
margin:0;
padding:0;
overflow-y:scroll;
}
body{
color:#b4b4b4;
font-size:12px;
font-weight:bold;
line-height:1.5em;
font-family:Arial,Helvetica,sans-serif;
background-color:#000000;
/*letter-spacing:0.5px;
word-break:break-all;*/
}
body,x:-moz-broken {
margin-left:-1px;
}

img{
border:none;
}

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

a{
color:#cccccc;
text-decoration:none;
}
a:hover{
color:#b4c800;
}
.underline{
text-decoration:underline;
}

.right{
text-align:right;
}
.left{
text-align:left;
}
.center{
text-align:center;
}

.floatright{
float:right;
}
.floatleft{
float:left;
}

.normal{
font-weight:normal;
}

.margintop10{
margin-top:15px;
}
.margin-top5{
margin-top:5px;
}
.margin-top10{
margin-top:10px;
}
.margin-top20{
margin-top:20px;
}
.margin-top30{
margin-top:30px;
}
.margin-top-20{
margin-top:-25px;
position:relative;
}
.margin-right10{
margin-right:10px;
}
.margin-right15{
margin-right:15px;
}
.margin-left5{
margin-left:6px;
}
.margin-left10{
margin-left:10px;
}
.margin-left20{
margin-left:20px;
}
.margin-left30{
margin-left:30px;
}
.margin-left40{
margin-left:40px;
}
.margin-left60{
margin-left:54px;
}
.margin-left70{
margin-left:70px;
}
.margin-left540{
margin-left:540px;
}
.marginbottom10{
margin-bottom:10px;
}

.padding-left40{
padding-left:40px;
}

.png{
background:transparent url(/img/base/angle.png) no-repeat top left;
}

.white{
color:#ffffff;
}
.green{
color:#b4c800;
}

.font-size16{
font-size:16px;
}
.font-size14{
font-size:14px;
}
.font-size10{
font-size:10px;
}
.font-size11{
font-size:11px;
}

@media all { 
div#preloader{ 
position: absolute; 
left:-9999px; 
top:-9999px; 
} 
div#preloader img{ 
display: block; 
} 
} 
@media print { 
div#preloader, 
div#preloader img{ 
visibility:hidden; 
display:none; 
} 
}

/* ================================================================================
 top
================================================================================ */



/* ================================================================================
 news
================================================================================ */



/* ================================================================================
 product
================================================================================ */

#wrapper{
margin:0 auto;
padding:0;
width:950px;
}

#wrapper_header{
margin:0 auto;
padding:10px 0;
width:950px;
*width:960px;/*IE6,IE7*/
_width:950px;/*IE6*/
}

#wrapper h1{
height:33px;
_height:23px;/*IE6*/
text-align:left;
}

#wrapper_header .menu{
margin:10px 0 15px 0;
padding:0;
font-size:16px;
text-align:center;
list-style-type:none;
clear:both;
}
#wrapper_header .menu li{
display:inline;
white-space:nowrap;
}
#wrapper_header .products a{
margin:0 7px 0 0;
padding:8px 78px 8px 78px;
color:#ffffff;
border:1px solid #323232;
}
#wrapper_header .company a{
margin:0 7px 0 7px;
padding:8px 76px 8px 76px;
color:#ffffff;
border:1px solid #323232;
}
#wrapper_header .support a{
margin:0 7px 0 7px;
padding:8px 77px 8px 77px;
color:#ffffff;
border:1px solid #323232;
}
#wrapper_header .contact a{
margin:0 0 0 7px;
padding:8px 78px 8px 78px;
color:#ffffff;
border:1px solid #323232;
}
#wrapper_header .menu li a:hover{
color:#b4c800;
}

#wrapper_header .breadcrumbslist{
margin:0;
_margin:-10px 0 0 0;/*IE6*/
padding:0;
height:10px;
font-size:9px;
font-weight:normal;
clear:both;
}
#wrapper_header .breadcrumbslist ul{
list-style-type:none;
}
#wrapper_header .breadcrumbslist li{
padding:1px;
display:inline;
white-space:nowrap;
}

#wrapper_left{
margin:10px 0 0 0;
_margin:0;/*IE6*/
padding:0;
width:227px;
float:left;
position:relative;
}

#wrapper_left .width225{
width:225px;
}
#wrapper_left .floatleft1{
margin:3px 5px 3px 25px;
width:80px;
float:left;
}
#wrapper_left .floatleft2{
margin:3px 0 3px 5px;
width:80px;
float:left;
}

#wrapper_left .menu1{
font-size:12px;
}
#wrapper_left .menu1 a{
margin:3px 0 0 0;
padding:9px 0 9px 10px;
widht:225px;
_height:18px;/*IE6*/
font-size:12px;
background-color:#282828;
display:block;
}
#wrapper_left .menu1 img{
margin:5px 15px 0 0;
*margin:-23px 15px 0 0;/*IE6,IE7*/
_margin:-13px 15px 0 0;/*IE6*/
float:right;
}
#wrapper_left .menu2{
margin:3px 0 0 0;
padding:10px 0 0 0;
widht:225px;
_height:18px;/*IE6*/
font-size:13px;
color:#c4d700;
}
#wrapper_left .menu3{
font-size:13px;
}
#wrapper_left .menu3 a{
margin:-10px 0 0 0;
padding:9px 0 9px 10px;
widht:225px;
_height:18px;/*IE6*/
font-size:13px;
color:#ffffff;
background-color:#282828;
display:block;
}
#wrapper_left .menu3 a:hover{
color:#b4c800;
}


#wrapper_right{
margin:10px 0 0 0;
_margin:0;/*IE6*/
padding:0;
width:700px;
float:right;
}

#wrapper_right .box1{
margin:0 6px 0 6px;
padding:2px 0 10px 0;
width:125px;
/*height:125px;*/
font-size:10px;
color:#ff0000;
line-height:1em;
text-align:center;
border:1px solid #323232;
}
#wrapper_right .box2{
margin:0 6px 0 6px;
padding:1px 0 5px 0;
width:125px;
/*height:125px;*/
font-size:10px;
color:#ff0000;
line-height:1em;
text-align:center;
border:1px solid #323232;
}

#wrapper_right .text-indent{
margin:5px 0 0 1.6em;
text-indent:-1em;	
text-indent/*\**/:-1.4em\9;/*IE8*/
*margin-left:1.6em;/*IE6,IE7*/
*text-indent:-1.1em; /*IE6,IE7*/
}

#wrapper_right .title1{
margin-top:-10px;
color:#ffffff;
font-size:16px;
}
#wrapper_right .title2{
margin:10px 0 0 5px;
color:#c4d700;
font-size:13px;
}
#wrapper_right .title3{
font-weight:normal;
font-size:11px;
}
#wrapper_right .title33{
font-weight:normal;
font-size:9px;
line-height:1.2em;
}
#wrapper_right .title4{
margin-top:20px;
height:400px;
color:#ffffff;
font-size:16px;
}
#wrapper_right .title5{
margin-top:20px;
color:#ffffff;
font-size:14px;
}
#wrapper_right .title6{
padding:5px 0 5px 10px;
background-color:#282828;
font-size:12px;
}

#wrapper_right .products_description1{
margin-top:10px;
font-size:13px;
font-weight:normal;
}
#wrapper_right .products_description2{
margin-top:20px;
font-size:13px;
font-weight:normal;
}
#wrapper_right .products_description3{
margin-top:20px;
font-size:13px;
font-weight:normal;
}

#wrapper_right .description1{
margin-top:-110px;
font-size:13px;
font-weight:normal;
_position:relative;/*IE6*/
}
#wrapper_right .description2{
margin-top:20px;
font-size:13px;
font-weight:normal;
}
#wrapper_right .description3{
margin-top:20px;
font-size:13px;
font-weight:normal;
}

#wrapper_right .spec{
float:right;
width:360px;
font-weight:normal;
}
#wrapper_right .recommend1{
margin-top:20px;
border-top:1px solid #282828;
}
#wrapper_right .recommend2{
margin-top:20px;
border-top:1px solid #282828;
}
#wrapper_right .recommend3{
margin-top:20px;
border-top:1px solid #282828;
}

#wrapper_right .details{
margin:20px 4px 0 4px;
float:left;
border:2px solid #282828;
}
#wrapper_right .details2{
margin-top:0;
float:left;
text-align:center;
}
#wrapper_right .details3{
margin:0 20px 0 20px;
}
#wrapper_right .details4{
margin:30px 0 0 30px;
}

#wrapper_right .search{
margin-top:20px;
text-align:center;
}

#wrapper_right .glasses{
margin-left:-105px;
_z-index:2;/*IE6*/
_position:absolute;/*IE6*/
}

#wrapper_right .backnext{
text-align:center;
font-size:10px;
font-weight:normal;
margin-top:20px;
}


#wrapper_footer{
margin:20px auto 0 auto;
padding:0;
width:950px;
font-size:10px;
font-weight:normal;
color:#7d7d7d;
}
#wrapper_footer span{
margin-right:2px;
font-size:8px;
color:#393939;
}
#wrapper_footer ul{
margin:0;
padding:0;
list-style-type:none;
}
#wrapper_footer li{
line-height:1.5em;
}
#wrapper_footer .pagetop{
margin:-16px 0px 0 0;
text-align:right;
}
#wrapper_footer p{
text-align:center;
}