/** **********************************************************************
*** GENERIC CSS DEFINITIONS
********************************************************************** **/
BODY{
font-family: verdana, arial, sans-serif; 
font-size: 12px;
color: #AAAAAA;
background-color:#000000; 
text-align:center;		
background-image: url("http://image.arcsoft.com/images/background_0.jpg"); 
background-repeat: repeat-x;
background-attachment: fixed;
margin: 16px 0px 60px 0px;  /*TOP, RIGHT, BOTTOM, LEFT */ 
}

h1 {font: 12px Verdana, Arial, Helvetica; color:#000000; text-decoration: none; }

ul {margin-left:15px;margin-top:0px;padding: 3px;}
ul li{padding-bottom:8px;}

p {margin-top:14px; margin-bottom:14px; }

INPUT, SELECT,TEXTAREA,TABLE {
  font-family: verdana, arial, sans-serif; 
  font-size: 12px;
  color: #000000;  
}





a { color:#1D82AE; text-decoration: none; }
a:hover { color: #0099DD; text-decoration: underline; position: relative;}









td.titleBar {background-color:#313131;height:22px;font: 11px Verdana, Arial, Helvetica, sans-serif; color: #AAAAAA;}















/*****************************************************
* START OF GLOBAL DEFINITIONS 
*****************************************************/
#siteWrapper, table.siteWrapper {
  background:#000000;  
  border: #626262 1px solid;
	margin: 0 auto;
  text-align:left;	
  z-index:9999;      
}




/*****************************************************
* START OF HEADER DIV DEFINITIONS 
*****************************************************/
#siteHeader {   
  background-color:#F5F5F5;         
  height:53px;
  font: 11px Verdana, Arial, Helvetica; color:#CCCCCC;       
  z-index:20000;	
} 

/*****************************************************
* START OF NAVIGATION DIV DEFINITIONS 
*****************************************************/
#siteMainNav {   
 



font-size:17px;font-weight:bold;
background-color: gray; 
background-image: url("http://image.arcsoft.com/images/mnb_divider.jpg");
overflow:hidden;

height:39px;
  position:relative;
  z-index:8888;    
}




#siteMainNav ul {margin:0px;padding:0;list-style-type:none;width:1000px; font: bold 15px Verdana, Arial, Helvetica, sans-serif; }
#siteMainNav ul li {display:block;float:left;margin:0px 2px 0px 0px;}
#siteMainNav ul li a,a.siteMainNav {font: bold 13px Verdana, Arial, Helvetica, sans-serif;display:block; text-align:center; color:#DDDDDD;text-decoration:none;padding:10px 0px 19px 0px;background-color: #DDDDDD;height:30px;width:159px;background-image: url("http://image.arcsoft.com/images/mnb_black.jpg"); }
#siteMainNav ul li a:hover {color:#FFFFFF; background-image: url("http://image.arcsoft.com/images/mnb_red.jpg");}
#siteMainNav ul li a.current,#siteMainNav ul li a.current:hover{color:#FFFFFF;   background-image: url("http://image.arcsoft.com/images/mnb_red.jpg");}


#snb_holder {
  height:0px;
	text-align: left ;
	background-color: #000000;
  position:relative;	
  z-index:7777;  
   padding-left:5px;
}

.snbTitle {font: bold 18px Verdana, Arial, Helvetica, sans-serif; color: #555555; text-decoration: none;}  


a.level_0 { font: bold 11px Verdana, Arial, Helvetica; color:#515151; text-decoration: none; }
a.level_0:hover { font: bold 11px Verdana, Arial, Helvetica; color:#AA0000;text-decoration: underline;} 

a.level_1 { font: 11px Verdana, Arial, Helvetica; color:#515151; text-decoration: none; }
a.level_1:hover { font: 11px Verdana, Arial, Helvetica; color:#AA0000;text-decoration: underline;}



#SNB_LINK_ESTORE,#SNB_LINK_PRODUCT, #SNB_LINK_TECH,#SNB_LINK_SUPPORT, #SNB_LINK_COMPANY {overflow:hidden; z-index:600; background-color:#DCDCDC; position:absolute;background-image: url("http://image.arcsoft.com/images/snb_filler.jpg");display:none; padding-left:5px; text-align:left;border-bottom-style:ridge; border-bottom-color:#666666;border-bottom-width: 5px;} 








/*****************************************************
* START OF FOOTER DIV DEFINITIONS 
*****************************************************/
#footer{
  text-align: right;  
  background-image:url( "http://image.arcsoft.com/images/footer_filler.jpg" );
  background-repeat: repeat-x;
  font: 11px Verdana, Arial, Helvetica; 
  color:#AAAAAA; 
}
a.footer { font: 11px Verdana, Arial, Helvetica; color:#AAAAAA; text-decoration: none; }
a.footer:hover { font: 11px Verdana, Arial, Helvetica; color:#EEEEEE;text-decoration: underline;}















/*****************************************************
* START OF THEME BANNER TAB DIV DEFINITIONS 
*****************************************************/

.bannerTab  {



font: bold 13px Verdana, Arial, Helvetica, sans-serif;
color:#EEEEEE;
background-image: url("http://image.arcsoft.com/images/number_icon_black.PNG");	
padding: 2px 0px 0px 7px;  /*TOP, RIGHT, BOTTOM, LEFT */ 
margin:1px;
float:left;
width:17px !important;  
height:21px !important;   
width:24px;  
height:23px;   
white-space:nowrap;
overflow:hidden;
z-index:2;
} 

.bannerTabSelected  {

font: bold 13px Verdana, Arial, Helvetica, sans-serif;
color:#EEEEEE;
background-image: url("http://image.arcsoft.com/images/number_icon_red.PNG");	
padding: 2px 0px 0px 7px;  /*TOP, RIGHT, BOTTOM, LEFT */ 
margin:1px;
float:left;
width:17px !important;  
height:21px !important;   
width:24px;  
height:23px;   
white-space:nowrap;
overflow:hidden;
z-index:2;
} 


a.bannerTabLink, a.bannerTabLink:hover {font: bold 14px Verdana, Arial, Helvetica, sans-serif;color:#EEEEEE;text-decoration: none;z-index:2;}

























.pageTitle, p.pageTitle {color: #555555; text-decoration: none; font: bold 16px Verdana, Arial, Helvetica, sans-serif;}
.pageTitleSub, p.pageTitleSub, a.pageTitleSub {color: #555555; text-decoration: none; font: bold 13px Verdana, Arial, Helvetica, sans-serif;} 

a.pageTitleSub:hover {color: #AA0000; text-decoration: underline; } 

a.productTitle, .productTitle {font: bold 17px Verdana, Arial, Helvetica; color: #000000; text-decoration: none;}
a.productTitle:hover {font: bold 17px Verdana, Arial, Helvetica; color: #AA0000; text-decoration: underline; } 


a.productTitleSmall, .productTitleSmall {color: #555555; text-decoration: none; font: bold 12px Verdana, Arial, Helvetica, sans-serif;}
a.productTitleSmall:hover { font: bold 12px Verdana, Arial, Helvetica; color: #AA0000; text-decoration: underline; } 


a.navTip,div.navTip { font: 11px Verdana, Arial, Helvetica; color: #AAAAAA; text-decoration: none; }
a.navTip:hover { font: 11px Verdana, Arial, Helvetica; color: #555555; text-decoration: underline; } 



td.boxTitle {font: bold 14px Verdana, Arial, Helvetica; color: #AAAAAA; text-decoration: none;}




/** **********************************************************************
*** IPM CSS DEFINITIONS
********************************************************************** **/
td.mnbIPM {
background-image:url( http://image.arcsoft.com/images/glass_filler.gif );    
height:35px;

font: 11px Verdana, Arial, Helvetica; 
color: #CCCCCC; 
text-decoration: none;
padding:10px;  
border:0px;
cursor:hand;

}	

	
td.mnbIPM:hover,td.mnbIPMSelected {
background-image:url( http://image.arcsoft.com/images/bar_bg02_toBlack_r.jpg );    
height:35px;

font: 11px Verdana, Arial, Helvetica; 
color: #FFFFFF; 
text-decoration: none;
padding:10px;  
border:0px;
cursor:hand;
}

.showdivIPM {
	overflow:auto;
	width:506px !important; /*For Opera*/
	width:546px;
	height:350px;
	scrollbar-face-color: #333333 !important;
	scrollbar-shadow-color: #808080 !important;
	scrollbar-highlight-color: #333333 !important;
	scrollbar-3dlight-color: #808080 !important;
	scrollbar-darkshadow-color: #333333 !important;
	scrollbar-track-color: #191919 !important;
	scrollbar-arrow-color: #CCCCCC !important;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;	
	

}























/** **********************************************************************
*** HOMEPAGE CSS DEFINITIONS
********************************************************************** **/
table.themeHome tr td { font: 11px Verdana, Arial, Helvetica; background-color:#000000; color: #FFFFFF; }
a.rotateSelector {
  font: bold 13px Verdana, Arial, Helvetica; color: #FFFFFF;  
  text-decoration: none;
}

a.arrowDownBlackButton {
font: 11px Verdana, Arial, Helvetica; color:#FFFFFF;
  text-decoration: none;
}
a.arrowDownBlackButton:hover {
font: 11px Verdana, Arial, Helvetica; color:#FFFF00;
  text-decoration: none;
}

td.redIconTitle {color: #B5000E; text-decoration: none; font: bold 16px Verdana, Arial, Helvetica, sans-serif; cursor:hand;}
.whiteIconTitle {color: #FFFFFF; text-decoration: none; font: bold 16px Verdana, Arial, Helvetica, sans-serif; cursor:hand;}











/** **********************************************************************
*** HEADER CSS DEFINITIONS
********************************************************************** **/

input.header{font: 11px Verdana, Arial, Helvetica; color:#000000;border:0px; height:16px;}
li.mnbMenuSelected { color:red; background-image:url( "http://image.arcsoft.com/images/main_nav_left_selected.jpg" );  }	
li.mnbMenu { color:red; background-image:url( "http://image.arcsoft.com/images/main_nav_left.jpg" );    }	




.divOptionsWhite {

   width:auto;

  border: #CECECE 1px solid;

  z-index:90001;
  overflow:auto; 
  display:none;  
  position:absolute;  
}	
.divOptionsWhite tr.selectOptionsWhite td { background-color:#DFDFDF; font: 11px Verdana, Arial, Helvetica; color: #000000;  cursor:hand; }
.divOptionsWhite tr.selectOptionsWhite:hover td, .divOptionsWhite tr.selectOptionsWhiteOver td { background-color:#7C0000; font: 11px Verdana, Arial, Helvetica; color: #FFFFFF;  cursor:hand; }





/** **********************************************************************
*** THEME MAIN BLOCK CSS DEFINITIONS
********************************************************************** **/
table.themeM tr td { font: 12px Verdana, Arial, Helvetica; background-color:#FFFFFF; color: #000000; 


  
}

a.themeBar { font: 11px Verdana, Arial, Helvetica; color: #000000; text-decoration: none; }
a.themeBar:hover { font: 11px Verdana, Arial, Helvetica; color: #AA0000; text-decoration: underline; }  











/** **********************************************************************
*** THEME LEFT-SIDE BLOCK CSS DEFINITIONS
********************************************************************** **/
table.themeL tr td, td.themeL { background-color:#000000; font: 11px Verdana, Arial, Helvetica; color:#DDDDDD; }
a.themeL { font: 11px Verdana, Arial, Helvetica; color: #AAAAAA; text-decoration: none; }
a.themeL:hover { font: 11px Verdana, Arial, Helvetica; color: #FFFFFF; text-decoration: underline; }  



td.themeLCart, .themeLCart { font: 11px Verdana, Arial, Helvetica; color: #FFFFFF; text-decoration: none; }
td.themeLCartRed, .themeLCartRed { font: 11px Verdana, Arial, Helvetica; color: #AA0000; text-decoration: none; }
 
button.themeL {
background-image:url( "http://image.arcsoft.com/images/themeL_btn.jpg" );    
height:35px;
width:220px;
font: bold 12px Verdana, Arial, Helvetica; 
color: #999999; 
text-decoration: none;
padding:8px;  
border:0px;
text-align: left;
cursor:hand;
}

button.themeArrowL {
background-image:url( "http://image.arcsoft.com/images/themeL_btn_arrow.jpg" );    
height:35px;
width:220px;
font: bold 12px Verdana, Arial, Helvetica; 
color: #999999; 
text-decoration: none;
padding:8px;  
border:0px;
text-align: left;
cursor:hand;
}

button.themeL:hover,button.themeArrowL:hover {
color: #FFFFFF; 
cursor:hand;
}











/** **********************************************************************
*** THEME LEFT-SIDE SHADOW-STYLE BLOCK CSS DEFINITIONS
********************************************************************** **/

table.themeLShadow tr td, td.themeLShadow {
background-color:#000000;
background-image:url( "http://image.arcsoft.com/images/left_bg_black.gif" );    
font: 11px Verdana, Arial, Helvetica; 
color:#DDDDDD;
}




/** **********************************************************************
*** THEME RIGHT-SIDE BLOCK CSS DEFINITIONS
********************************************************************** **/
td.themeR {
background-color:#FFFFFF; 
background-image:url( "http://image.arcsoft.com/images/right_bg_dot.gif" );    
font: 11px Verdana, Arial, Helvetica; 
color:#DDDDDD;
}

td.themeRTitle { font: bold 12px Verdana, Arial, Helvetica; color:#000000; }	

a.themeRLink {color: #000000; text-decoration: none; font: 10px Verdana, Arial, Helvetica, sans-serif;}
a.themeRLink:hover {color: #AA0000; text-decoration: none; font: 10px Verdana, Arial, Helvetica, sans-serif;text-decoration: underline; cursor: pointer;} 



/** **********************************************************************
*** OTHER CSS DEFINITIONS
********************************************************************** **/





table.outerborder, img.outerborder {
border: #CECECE 1px solid;
color: #666000;
font: 11px Verdana, Arial, Helvetica;
background-color:#FFFFFF;
color: #000000;
}	

img.outerborder:hover {
border: #AA0000 1px solid;
font: 11px Verdana, Arial, Helvetica;
background-color:#FFFFFF;
color: #000000;
}	
tr.selectOptionsBlack td { background-color:#343434; font: bold 11px Verdana, Arial, Helvetica; color: #000000;  cursor:hand; }
tr.selectOptionsBlack:hover td, tr.selectOptionsBlackOver td { background-color:#660000; font: bold 11px Verdana, Arial, Helvetica; color: #000000;  cursor:hand; }






li.mnbMenuSelected,a.mnbMenuSelected {
color:red;
background-image:url( "http://image.arcsoft.com/images/main_nav_left_selected.jpg" );    
}	
li.mnbMenu,a.mnbMenu {
color:red;
background-image:url( "http://image.arcsoft.com/images/main_nav_left.jpg" );    
}	

a.button { font: bold 12px Verdana, Arial, Helvetica; color: #DDDDDD; text-decoration: none; }
a.button:hover { font: bold 12px Verdana, Arial, Helvetica; color: #EEEEEE; text-decoration: underline;}  

.alert {font: bold 11px Verdana, Arial, Helvetica; color: #AA0000; }
.success {font: 11px Verdana, Arial, Helvetica; color: #339933; }


.blurb {font: bold 11px Verdana, Arial, Helvetica; color: #FFFF00; }





a.jumpLink, a.jumpLink img {  font: bold 12px Verdana, Arial, Helvetica; color: #000000; text-decoration: none;}
a.jumpLink:hover, a.jumpLink:hover img {  text-decoration: underline; font: bold 12px Verdana, Arial, Helvetica; color: #AA0000; position: relative; top: -2px; }

table.seeThrough tr td {
background-color:transparent;
}

table.height100, table.height100 .seeThrough{
height: 100%;
}




.tagline { font: bold 11px Verdana, Arial, Helvetica; color: #000000; } 



td.altBG0, tr.altBG0 td { font-family:Arial;  vertical-align:top; background-color:#FFFFFF; color:#000000; padding:3px 3px 3px 3px;}
td.altBG1, tr.altBG1 td  { font-family:Arial;  vertical-align:top;  background-color:#CDCDCD; color:#000000; padding:3px 3px 3px 3px;}
tr.altBGHover td  { font-family:Arial;  vertical-align:top;  background-color:#FFE4E1; color:#000000; padding:3px 3px 3px 3px;}


th.tableTitle{ 
background-image:url( "http://image.arcsoft.com/images/glass_filler.gif" );
height:25px;    
font: 11px Verdana, Arial, Helvetica; 
color: #999999; 
text-decoration: none;   
}













































/** **********************************************************************
*** HEADER CSS BUTTON DEFINITIONS
********************************************************************** **/

a.headerButton,a.headerButtonArrow {
background: transparent url('http://image.arcsoft.com/images/header_button_left.jpg') no-repeat top left;
display: block;
font: 11px verdana;
height: 23px; /* Height of button background height */
padding-left: 6px; /* Width of left menu image */
text-decoration: none;
color: #000000; /*button text color*/
font: 11px Verdana, Arial, Helvetica;
text-align: left;  
}



a.headerButton span{
background: transparent url('http://image.arcsoft.com/images/header_button_right.jpg') no-repeat top right;
display: block;
text-align: left;
padding: 5px 34px 5px 2px; /*Set 10px to be equal or greater than'padding-left' value above*//*TOP, RIGHT, BOTTOM, LEFT */
}




a.headerButtonArrow span{
background: transparent url('http://image.arcsoft.com/images/header_button_right_arrow.jpg') no-repeat top right;
display: block;
text-align: left;
padding: 5px 34px 5px 2px; /*Set 10px to be equal or greater than'padding-left' value above*//*TOP, RIGHT, BOTTOM, LEFT */
}


a:hover.headerButton,a:hover.headerButtonArrow{ font: 11px Verdana, Arial, Helvetica; text-decoration: none; color: #AA0000; }










































li.mnbMenuSelected { color:red; background-image:url( "http://image.arcsoft.com/images/main_nav_left_selected.jpg" );  }	
li.mnbMenu { color:red; background-image:url( "http://image.arcsoft.com/images/main_nav_left.jpg" );    }	



/*****************************************************
* START OF CONTENT DIV DEFINITIONS 
*****************************************************/

#siteContent {
  text-align: left;
  height:auto;
  background-color:#FFFFFF;
  font: 11px Verdana, Arial, Helvetica; color:#CCCCCC; 

}


































































/** **********************************************************************
*** THEME LEFT CSS BUTTON DEFINITIONS
********************************************************************** **/
a.buttonThemeL, a.buttonThemeLArrow  {
  background: transparent url('http://image.arcsoft.com/images/themeL_main_btn.jpg') no-repeat top left;
  display: block;
/*  float: left;*/
  font: bold 12px Verdana, Arial, Helvetica;
  color:#999999;  
  height: 35px; /* Height of button background height */
  width:212px;
  padding-left: 6px; /* Width of left menu image */
  text-decoration: none;
  white-space: nowrap;  
}


a.buttonThemeL span{
  background: transparent url('http://image.arcsoft.com/images/themeL_main_btn.jpg') no-repeat top right;
  display: block;
  text-align: left;
  padding: 10px 0px 0px 4px; /*Set 10px to be equal or greater than'padding-left' value above*//*TOP, RIGHT, BOTTOM, LEFT */
}

a.buttonThemeLArrow span {
  background: transparent url('http://image.arcsoft.com/images/themeL_main_right.jpg') no-repeat top right;
  display: block;
  text-align: left;
  padding: 10px 0px 0px 4px; /*Set 10px to be equal or greater than'padding-left' value above*//*TOP, RIGHT, BOTTOM, LEFT */
} 

a:hover.buttonThemeL, a:hover.buttonThemeLArrow{ font: bold 12px Verdana, Arial, Helvetica; text-decoration: underline; color: #BBBBBB; }









































































/** **********************************************************************
*** BUTTON TAB SELECTED CSS BUTTON DEFINITIONS
********************************************************************** **/
a.buttonTabSelected {
  background: transparent url('http://image.arcsoft.com/images/nav_tab_selected.jpg') no-repeat top left;
  display: block;
  font: 11px Verdana, Arial, Helvetica;
  color:#000000;
  line-height: 14px; /* This value + top padding + bottom padding = height */
  height: 24px; /* Height of button background height */
  padding-left: 5px; /* Width of left menu image */
  text-decoration: none;
  white-space: nowrap;  
}
a.buttonTabSelected span{
  background: transparent url('http://image.arcsoft.com/images/nav_tab_selected.jpg') no-repeat top right;
  display: block;
  text-align: center;
  padding: 7px 5px 3px 5px; /*Set 10px to be equal or greater than'padding-left' value above*//*TOP, RIGHT, BOTTOM, LEFT */
}

a:hover.buttonTabSelected { font: 11px Verdana, Arial, Helvetica; text-decoration: underline; color: #555555; }





/** **********************************************************************
*** BUTTON TAB CSS BUTTON DEFINITIONS
********************************************************************** **/
a.buttonTab {
  background: transparent url('http://image.arcsoft.com/images/nav_tab.jpg') no-repeat top left;
  display: block;
  font: 11px Verdana, Arial, Helvetica;
  color:#666666;
  line-height: 14px; /* This value + top padding + bottom padding = height */
  height: 24px; /* Height of button background height */
  padding-left: 5px; /* Width of left menu image */
  text-decoration: none;
  white-space: nowrap;  
}
a.buttonTab span{
  background: transparent url('http://image.arcsoft.com/images/nav_tab.jpg') no-repeat top right;
  display: block;
  text-align: center;
  padding: 7px 5px 3px 5px; /*Set 10px to be equal or greater than'padding-left' value above*//*TOP, RIGHT, BOTTOM, LEFT */
}

a:hover.buttonTab { font: 11px Verdana, Arial, Helvetica; text-decoration: underline; color: #555555; }















/** **********************************************************************
*** BUTTON TAB SELECTED CSS BUTTON DEFINITIONS
********************************************************************** **/
a.buttonTabThickSelected {
  background: transparent url('http://image.arcsoft.com/images/nav_tab_thick_selected.jpg') no-repeat top left;
  display: block;
  font: bold 10px Verdana, Arial, Helvetica;
  color:#000000;
 /* line-height: 29px; /* This value + top padding + bottom padding = height */
  height: 39px; /* Height of button background height */
  padding-left: 5px; /* Width of left menu image */
  text-decoration: none;
  white-space: none;  
}
a.buttonTabThickSelected span{
  background: transparent url('http://image.arcsoft.com/images/nav_tab_thick_selected.jpg') no-repeat top right;
  display: block;
  text-align: center; 
  height: 39px; /* Height of button background height */  
  padding: 8px 2px 2px 0px; /*Set 10px to be equal or greater than'padding-left' value above*//*TOP, RIGHT, BOTTOM, LEFT */
}

a:hover.buttonTabThickSelected { font: bold 10px Verdana, Arial, Helvetica; text-decoration: underline; color: #555555; }





/** **********************************************************************
*** BUTTON TAB CSS BUTTON DEFINITIONS
********************************************************************** **/
a.buttonTabThick {
  background: transparent url('http://image.arcsoft.com/images/nav_tab_thick.jpg') no-repeat top left;
  display: block;
  font: bold 10px Verdana, Arial, Helvetica;
  color:#666666;
 /* line-height: 29px; /* This value + top padding + bottom padding = height */
  height: 39px; /* Height of button background height */
  padding-left: 5px; /* Width of left menu image */
  text-decoration: none;
  white-space: none;  
}
a.buttonTabThick span{
  background: transparent url('http://image.arcsoft.com/images/nav_tab_thick.jpg') no-repeat top right;
  display: block;
  text-align: center;    
  padding: 8px 2px 2px 0px; /*Set 10px to be equal or greater than'padding-left' value above*//*TOP, RIGHT, BOTTOM, LEFT */
}

a:hover.buttonTabThick { font: bold 10px Verdana, Arial, Helvetica; text-decoration: underline; color: #333333; }









































/** **********************************************************************
*** SUB NAV CSS DEFINITIONS (by Mavis)
********************************************************************** **/
#snb ul{
list-style: none;
}

#snb ul li{
 width:212px !important; /*For Opera*/
 width:232px;
 height:25px !important; /*For Opera*/
 height:35px;
 background: transparent url('http://image.arcsoft.com/images/themeL_main_btn.jpg') no-repeat top left;
 padding-top: .8em; 
 padding-left: 1em; /* Width of left menu image */
 white-space: nowrap;
 text-align:left;  
  z-index:99999;
}
#snb ul li a{
 font: bold 12px Verdana, Arial, Helvetica;
 color:#999999;
 text-decoration: none;
}
#snb ul li a:hover{
text-decoration: underline; 
color: #BBBBBB;
}
#snb ul ul{
list-style:circle;
display:none;
}

#snb ul ul li{
background:none;
height:auto;
border:1px solid;
}























































/** **********************************************************************
*** BUTTON DEFINITIONS
********************************************************************** **/
button {
  background: transparent url('http://image.arcsoft.com/images/glassy_btn_black_L.jpg') no-repeat top left;
  display: block;
  font: bold 13px Verdana, Arial, Helvetica;
  color:#CCCCCC;
  line-height: 20px; /* This value + 5px + 5px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
  height: 30px; /* Height of button background height */
  padding-left: 2px; /* Width of left menu image */
  text-decoration: none; 
  width:auto;
  white-space: nowrap;
   border:0px;
}


button span{
  background: transparent url('http://image.arcsoft.com/images/glassy_btn_black_R.jpg') no-repeat top right;
  display: block;
  text-align: center; 
  padding-left:13px !important; 
  padding-right:15px !important;    
  padding-left:6px; 
  padding-right:8px;   
  padding-top: 5px; 
  padding-bottom: 5px;      
       
 line-height: 20px; /* This value + 5px + 5px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */ 
} 


button:hover,button.buttonHover {
  background: transparent url('http://image.arcsoft.com/images/glassy_btn_red_L.jpg') no-repeat top left;
  display: block;
  font: bold 13px Verdana, Arial, Helvetica;
  color:#FFFFFF;
  line-height: 20px; /* This value + 5px + 5px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
  height: 30px; /* Height of button background height */
  padding-left: 2px; /* Width of left menu image */
  text-decoration: none;
  white-space: nowrap;
   border:0px;
    position: relative; top: -1px
}
button:hover span,button.buttonHover span{
  background: transparent url('http://image.arcsoft.com/images/glassy_btn_red_R.jpg') no-repeat top right;
  display: block;
  text-align: center;
  padding: 5px 8px 5px 6px; /*Set 10px to be equal or greater than'padding-left' value above*//*TOP, RIGHT, BOTTOM, LEFT */
 line-height: 20px; /* This value + 5px + 5px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */ 
} 

















/** **********************************************************************
*** GLASSY CSS BUTTON DEFINITIONS
********************************************************************** **/
a.buttonGlassy {
  background: transparent url('http://image.arcsoft.com/images/btn_glassy_left.jpg') no-repeat top left;
  display: block;
  font: bold 11px Verdana, Arial, Helvetica;
  color:#888888;
  line-height: 12px; /* This value + 5px + 5px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
  height: 20px; /* Height of button background height */
  padding-left: 6px; /* Width of left menu image */
  text-decoration: none;
  white-space: nowrap;  

}
a.buttonGlassy span{
  background: transparent url('http://image.arcsoft.com/images/btn_glassy_right.jpg') no-repeat top right;
  display: block;
  text-align: center;
  padding: 4px 11px 2px 5px; /*Set 10px to be equal or greater than'padding-left' value above*//*TOP, RIGHT, BOTTOM, LEFT */
}


a:hover.buttonGlassy{ font: bold 11px Verdana, Arial, Helvetica; text-decoration: underline; color: #666666; line-height: 12px;position: relative; top: -1px;}


/** **********************************************************************
*** ROUNDED EDGE BUTTON -------------------------------------------------------------------------------------------------------------------------
********************************************************************** **/
























/** **********************************************************************
*** GLASS BUTTON -------------------------------------------------------------------------------------------------------------------------
********************************************************************** **/

/** **********************************************************************
*** RED GLASSY CSS BUTTON DEFINITIONS
********************************************************************** **/
a.buttonGRed {
  background: transparent url('http://image.arcsoft.com/images/glassy_btn_red.gif') no-repeat top left;
  display: block;
  font: bold 13px Verdana, Arial, Helvetica;
  color:#CCCCCC;
  line-height: 20px; /* This value + 5px + 5px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
  height: 31px; /* Height of button background height */
  padding-left: 9px; /* Width of left menu image */
  text-decoration: none;
  white-space: nowrap;
}
a.buttonGRed span{
  background: transparent url('http://image.arcsoft.com/images/glassy_btn_red.gif') no-repeat top right;
  display: block;
  text-align: center;
  padding: 5px 9px 6px 0px; /*Set 10px to be equal or greater than'padding-left' value above*//*TOP, RIGHT, BOTTOM, LEFT */
} 
/** **********************************************************************
*** ORANGE GLASSY CSS BUTTON DEFINITIONS
********************************************************************** **/
a.buttonGOrange{
  background: transparent url('http://image.arcsoft.com/images/glassy_btn_orange.gif') no-repeat top left;
  display: block;
  font: bold 13px Verdana, Arial, Helvetica;
  color:#CCCCCC;
  line-height: 20px; /* This value + 5px + 5px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
  height: 31px; /* Height of button background height */
  padding-left: 9px; /* Width of left menu image */
  text-decoration: none;
  white-space: nowrap;
}
a.buttonGOrange span{
  background: transparent url('http://image.arcsoft.com/images/glassy_btn_orange.gif') no-repeat top right;
  display: block;
  text-align: center;
  padding: 5px 9px 6px 0px; /*Set 10px to be equal or greater than'padding-left' value above*//*TOP, RIGHT, BOTTOM, LEFT */
} 



/** **********************************************************************
*** GREEN GLASSY CSS BUTTON DEFINITIONS
********************************************************************** **/
a.buttonGGreen{
  background: transparent url('http://image.arcsoft.com/images/glassy_btn_green.gif') no-repeat top left;
  display: block;
  font: bold 13px Verdana, Arial, Helvetica;
  color:#CCCCCC;
  line-height: 20px; /* This value + 5px + 5px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
  height: 31px; /* Height of button background height */
  padding-left: 9px; /* Width of left menu image */
  text-decoration: none;
  white-space: nowrap;
}
a.buttonGGreen span{
  background: transparent url('http://image.arcsoft.com/images/glassy_btn_green.gif') no-repeat top right;
  display: block;
  text-align: center;
  padding: 5px 9px 6px 0px; /*Set 10px to be equal or greater than'padding-left' value above*//*TOP, RIGHT, BOTTOM, LEFT */
} 


/** **********************************************************************
*** BLUE GLASSY CSS BUTTON DEFINITIONS
********************************************************************** **/
a.buttonGBlue{
  background: transparent url('http://image.arcsoft.com/images/glassy_btn_blue.gif') no-repeat top left;
  display: block;
  font: bold 13px Verdana, Arial, Helvetica;
  color:#CCCCCC;
  line-height: 20px; /* This value + 5px + 5px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
  height: 31px; /* Height of button background height */
  padding-left: 9px; /* Width of left menu image */
  text-decoration: none;
  white-space: nowrap;
}
a.buttonGBlue span{
  background: transparent url('http://image.arcsoft.com/images/glassy_btn_blue.gif') no-repeat top right;
  display: block;
  text-align: center;
  padding: 5px 9px 6px 0px; /*Set 10px to be equal or greater than'padding-left' value above*//*TOP, RIGHT, BOTTOM, LEFT */
} 


/** **********************************************************************
*** BLACK GLASSY CSS BUTTON DEFINITIONS
********************************************************************** **/
a.buttonGBlack {
  background: transparent url('http://image.arcsoft.com/images/glassy_btn_black.gif') no-repeat top left;
  display: block;
  font: bold 13px Verdana, Arial, Helvetica;
  color:#CCCCCC;
  line-height: 20px; /* This value + 5px + 5px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
  height: 31px; /* Height of button background height */
  padding-left: 9px; /* Width of left menu image */
  text-decoration: none;
  white-space: nowrap;
}
a.buttonGBlack span{
  background: transparent url('http://image.arcsoft.com/images/glassy_btn_black.gif') no-repeat top right;
  display: block;
  text-align: center;
  padding: 5px 9px 6px 0px; /*Set 10px to be equal or greater than'padding-left' value above*//*TOP, RIGHT, BOTTOM, LEFT */
} 

a:hover.buttonGRed, a:hover.buttonGOrange, a:hover.buttonGGreen,a:hover.buttonGBlue,a:hover.buttonGBlack { font: bold 13px Verdana, Arial, Helvetica; text-decoration: none; color: #FFFFFF; line-height: 20px;position: relative; top: -1px;}








/** **********************************************************************
*** BLOUCK UI CSS DEFINITIONS
********************************************************************** **/
#deepdark { position: absolute; top: 1; left: 1; z-index: 100001; background-color: rgb(0, 0, 0); opacity: 0.6;filter: alpha(opacity=50); -moz-opacity: 0.5} 
#deepdarkSelectBlocker {position: absolute; top: 1; left: 1; z-index: 100000; filter: alpha(opacity=50)} 
.deepdarkBulletin { 
	width:530px !important; /*For Opera*/
	width:550px;
	position: absolute; top: 1; left: 1; z-index: 100002; background-color: #ffffff; border:  1px solid #aaaaaa; 
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135)}  














	

.sub_content_box_outter{
	border:0px solid #317082;
	height:0px;
	visibility:hidden;
  position:absolute;
  /*background-color:#DCDCDC;*/
	background-image: url("http://image.arcsoft.com/images/snb_filler.jpg");
	overflow:hidden;
	padding:0px 20px 0px 20px; /*TOP, RIGHT, BOTTOM, LEFT */ 
  width:924px !important;  		
	width:964px;  /** for IE **/
	z-index:7777;  
  top:108px;
}