/********************************************
   Design by:  			Shen Ye
   QQ: 	                68184500
   MSN:                 yves.shen@hotmail.com
   E-mail:              yves.shen21@Gmail.com
   Version:             1.0     
   Date:				Nov-08-2008    	
 *******************************************/
@import url("layout.css");

#content{ width:635px; padding-bottom:100px;}
#content  a:link{color:#525659; text-decoration:none;}
#content  a:hover{color:#ff7f00; text-decoration: underline;}
#content2 a:visited{color:#525659; text-decoration:none;}


p{line-height:250%;}
#sidebar{background-image:none;}
#top_sidebar{width:245px; background:url(../images/sidenav-top.jpg) no-repeat; position:relative;}
.leftnav_item_pro{
	padding:20px 0 0 15px;
    }
.leftnav_item_pro a{
	text-decoration:none;
	color:#525659;
	font-size:13px;
    }
.leftnav_item_pro a:hover{color:#ff7f00;}


#second_sidebar{width:245px; background:url(../images/sidenav-top.jpg) no-repeat; position:relative;}
.sec_leftnav_header{
	padding:10px 0px 10px 15px;
	color:#fff;
	font-weight:normal;
	font-size:16px;
    }
#second_sidebar p{width:220px; margin-left:15px;}
#second_sidebar a:link{color:#ff7f00; text-decoration:underline;}
#second_sidebar a:hover{color:#ff7f00; text-decoration:none;}
#second_sidebar a:visited{color:#ff7f00; text-decoration:underline;}
.promo{
	background-image: url(../images/promo-top.jpg);
	width:245px;
	background-repeat: no-repeat;
	padding-right:5px;
	padding-top:5px;
    }
.promoBtm{
	background-image: url(../images/promo-bottom.jpg);
	width:245px;
    }
.promo_img{padding-bottom:40px;}
.promo_link{padding:0 0 40px 5px; font-weight:bold;}
.promo_link a:link{color:#ff7f00;  font-weight:bold; text-decoration:none;}
.promo_link a:hover{color:#ff7f00;  font-weight:bold; text-decoration: underline;}
.promo_link a:visited{color:#ff7f00;  font-weight:bold; text-decoration:none;}

.promo_link_ol{padding:0 0 0 5px; font-weight:bold;}
.promo_link_ol a:link{color:#ff7f00;  font-weight:bold; text-decoration:none;}
.promo_link_ol a:hover{color:#ff7f00;  font-weight:bold; text-decoration: underline;}
.promo_link_ol a:visited{color:#ff7f00;  font-weight:bold; text-decoration:none;}

.promo_mail a:link{color:#525659;  font-weight:bold; text-decoration:none;}
.promo_mail a:hover{color:#ff7f00;  font-weight:bold; text-decoration: underline;}
.promo_mail a:visited{color:#525659;  font-weight:bold; text-decoration:none;}

.leftnav{
	background-image: url(../images/sidenav-top.jpg);
	background-repeat: no-repeat;
	width:245px;
	position:relative;
	margin-bottom:15px;
    }
.leftnav_td{line-height:30px;}
.leftnav_header{padding:10px 0px 10px 15px; color:#fff; font-size:16px; font-weight:normal;}
.leftnav_header a:link{text-decoration:none; color:#fff; font-size:15px;}
.leftnav_header a:hover{color:#000; text-decoration:none;}
.leftnav_header a:visited{color:#fff; text-decoration:none;}
.leftnav_item{padding:8px 0px 0 15px; margin-bottom:2px; font-size:14px;}
.leftnav_item a{text-decoration:none; color:#525659; font-size:14px;}
.leftnav_item a:hover{color:#ff7f00;}
.leftnav_divider{margin:10px 0px 0px 10px;}
.leftnav_bottom_margin{height:12px;}
.leftnav_bottom{position:absolute; bottom:0px;}

.content_header{
	height:138px;
	width:635px;
	background-repeat:no-repeat;
	background-position:left bottom;
	margin-bottom:12px;
    }

.content_header_image{
	height:138px;
	width:635px;
	background-image:url(../images/header-title.jpg);
	background-repeat:no-repeat;
    }
.content_header_image p{
	font-size:26px;
	color: #fff;
	font-weight:100;
	padding-top:36px;
	margin-left:15px;
    }
.content_header_text{
	color:#fff;
	font-size:26px;
	font-weight:100;
	margin-top:5px;
	margin-left:15px;
	}

#content h2{color:#ff7f00;}
#content b{color:#000;}
#content h3{color:#006699;}
#content h3 a:link{color:#ff7f00; text-decoration:underline;}
#content h3 a:hover{color:#ff7f00; text-decoration:none;}
#content h3 a:visited{color:#ff7f00; text-decoration:underline;}


.doc_title{padding:10px 0 10px 0; font-size:14px;}
.download_table{width:630px;}
.download_table table{width:100%;}
.download_table ul{margin:0px; padding: 0px; list-style: none;}
.download_table li{	
	font-size:13px;
	color:#e98331;
	margin:10px 0px 10px 5px;
	padding-left:12px;
	background-image: url(../images/orange_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	line-height:1.3em;
    }
.download_table_top{
	background-image:url(../images/top_cap_laser.gif);
	background-repeat:no-repeat;
	width:635px;
	height:38px;
	padding-left:1px;
    }
.download_table_columnheading{
	height:25px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding-top:7px;
	padding-left:16px;
    }
.download_table_rows td{padding-left:15px;height:105px;}
.download_table_rows td ul li a:hover{text-decoration:underline;}
.download_table_rows{border-left:solid 1px #D6D6D6; border-right:solid 1px #D6D6D6; width:633px; margin-top:-1px; padding:0;}
.downlad_description{font-size:14px; font-weight:bold; padding:0;}
.download_table_row_divider{border-bottom:solid 1px #D6D6D6;height:1px;width:620px;line-height:0px;margin-left:5px;}
.download_table_bottom{background-image:url(../images/bottom_cap.gif);background-repeat:no-repeat;background-position:left top;width:635px;height:21px;}

.productimagelarge{
    display: inline-block;
    margin: 0 10px 20px 10px;
    line-height: 0;
    border: 4px solid #AECFCE;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    margin: 1px;
    }

.example-image {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
   
.productimage {
	display: inline-block;
    margin: 0 10px 20px 10px;
    line-height: 0;
    border: 4px solid #AECFCE;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    margin: 1px;
	}

.productimagelarge_icon{border:2px solid #AECFCE; margin: 1px;}
.productimagelarge_icon_2{border:2px solid #AECFCE; border-left:none;}

.menubox{
	background-image:url(../images/menu-tile.jpg);
	width:635px;	
	margin: 20px 0px 0px 0px;
	font-size:12px;
    }
.menubox_top{
	background-image:url(../images/menu-top.jpg);
	background-repeat:no-repeat;
	width:635px;
    }
.menubox_bottom{
	background-image:url(../images/menu-bottom.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:250px;
	width:635px;
	padding-top:30px;
	height: 100%;
    }
.menubox_menu{
	margin:0px 0px 20px 0px;
	float:left;
	width:241px;
    }
.menubox_menuitem{
	height:47px;
	width:230px;
	float:right;
	cursor:pointer;
    }
.menubox_menuitem_selected{
	background-image:url(../images/menu-select.gif);
	background-repeat:no-repeat;
	height:47px;
	width:230px;
	float:right;
	cursor:pointer;
    }
.menubox_menuitem_text{color:#ffffff; margin:11px 14px 0px 14px;}
.menubox_menuitem_text_selected{color:#666666; margin:11px 14px 0px 14px;}
.menubox_content{float:right; width:390px;}
.menubox_contentitem{margin:0px 30px 30px 0; line-height:250%;}
#MenuBoxContentItem4 table a:hover{color:#ff7f00; text-decoration:none;}
.menubox_contentitem_image{margin-bottom:5px;}


.sMenuPlusinfo:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#336699;
text-decoration:none;
text-align:right;
}
.sMenuPlusinfo:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#003366;
text-decoration:none;
font-weight:bold;
text-align:right;
}
.sMenuPlusinfo:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#003366;
text-decoration:none;
text-align:right;
}
.sMenuPlusinfo:active {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#003366;
text-decoration:none;
text-align:right;
}

.STYLE2{color:#00215b; padding-left:8px;}
.sMenu:link {
color:#336699;
text-decoration: underline;
text-align:right;
}
.sMenu:hover {
color:#ff7f00;
text-decoration:none;
font-weight:bold;
text-align:right;
}
.sMenu:visited {
color:#003366;
text-decoration:none;
text-align:right;
}
.sMenu:active {
text-decoration:none;
text-align:right;
}


.vermellGran {
	font-size: 16px;
	font-weight: bold;
	color:#fff;
	padding-left:1px;
    }

.txtBlanc {
font-size:12px;
color:#FFFFFF;
font-weight:bold;
padding-left:10px;
}

.txt_content {padding:10px 10px 10px 0;}
.txtBlack{padding:10px 0;}
.img_switch{width:280px; height:303px;}
.img_switch_content{ width:100%; height:303px;}
#pic{overflow:hidden;}

.current{padding-right:8px;}
.general_p br{ line-height:100%;}
.general_h2{text-align:right;}
.general_h2 a{color:#ff7f00; text-decoration:underline;}
#content table h2 a:hover{color:#ff7f00; text-decoration:none;}

.v_content{padding:10px 0 20px 0; padding-top: 0;}
#QA_dl dt{line-height: 19px; margin: 20px 0 0 0; padding: 0 0 0 30px; cursor: pointer;}
#QA_dl dd{ margin: 5px 0 0 0;padding: 0 0 0 30px;display:none;}
#QA_dl dd div{background: #f3f3f3; padding:10px; line-height:250%; width:580px;}
#QA_wrapper  dt a:link{color:#ff7f00; text-decoration:none;}
#QA_wrapper  dt a:hover{color:#ff7f00; text-decoration:underline;}
#QA_wrapper  dt a:visited{color:#ff7f00; text-decoration:none;}



.flashlist {
	height:150px;
	width:630px;
}
.flashlist .f_out {
	width:630px;
	height:150px;
	overflow:hidden;
	position:relative;
	z-index:100;
}
.flashlist .f_out .vip01pic,.jcToppic .vip01pic {
	width:58px;
	height:58px;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	z-index:200
}
.vip02pic {
	width:39px;
	height:39px;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	z-index:200
}
.flashlist .f_out .picintro {
	height:50px;
	position:absolute;
	background:url(../images/hdpng.png) no-repeat scroll 0 -1px;
	bottom:0;
	left:0;
	width:610px;
	z-index:999;
	padding:0 20px;
}
.picintro p {
	color:#fff;
	line-height:20px;
	padding:5px 20px 5px 0px;
}
.picintro p a {
	color:#abadac;
}
.flash_tab {
	height:12px;
	background:url(../images/bottom_cap_2.gif) no-repeat scroll 0 0;
}
.flash_tab .tabs {
	width:200px;
	height:8px;
	overflow:hidden;
	margin:auto;
}
.flash_tab .tabs ul li {
	width:33px;
	height:8px;
	float:left;
	display:block;
}
.flash_tab .tabs ul li.opdiv,.noopdiv {
	padding:0;
	opacity:1
}
.flash_tab .tabs ul li.opdiv a {
	width:21px;
	height:8px;
	display:block;
}
.flash_tab .tabs ul li.opdiv a:hover {
	background-position:-8px -1239px;
}
.flash_tab .tabs ul li.noopdiv a {
	width:21px;
	height:8px;
	display:block;
}