/**********************************************************************************************

	Title: CSS
	Author: Steven Xu
	Date: 2009-7-13

***********************************************************************************************

	1. Global Reset
	
	2. General Elements
	
	3. Layout
		3.1 index		
		
***********************************************************************************************/


/* 1. Global Reset
-----------------------------------------------------------------------------------------------
=====================================================*/	

body {margin:0;padding:0;}

* {
  font-family: arial,sans-serif,verdana, helvetica;
  font-size: 11px;
  color:#fff;
}
img, div, td, dd { behavior: url(images/iepngfix.htc) }	
a{cursor:pointer;blr:expression(this.onFocus=this.blur());}/*批量消除超链接虚线框,IE下有效果*/
a:focus { outline:0; }/*批量消除超链接虚线框,ff下有效果*/
a:link {
	color: #f00;
	text-decoration: none;
}
a:visited {
	color:#005c9c;
	text-decoration: none;
}
a:hover {
	color: #005c9c;
	text-decoration: underline;
}
a img{
   border:0;
}

form{margin:-2px 0 0 0;padding:0;}


 ul.indexUl{margin:0;padding:0;}
 ul.indexUl li{margin:0px 0 0 17px;padding:0;}

.clearDiv{clear:both;}
/* 2. General Elements
-----------------------------------------------------------------------------------------------*/



input,select,option{
    height: 15px;
	line-height: 15px;
	color: #666666;
    font-size:11px;
	/*border:1px solid #c0c0c0;*/
}
select{height:22px;}
option{height:22px;line-height:22px;}
textarea{color: #666666;}
input.button{width:100px;height:24px;}

.banner{margin:0;width:750px;height:166px;padding-top:40px;}
.banner h4{color:#566f00;margin:0px 0 0 13px;font-size:28px;font-weight:bold;}
.banner p{color:#566f00;margin:5px 0 0 14px;}

.banner2{background:url("myBanner/2.jpg");}
.banner4{background:url("myBanner/4.jpg");}
.banner7{background:url("myBanner/7.jpg");}
.banner8{background:url("myBanner/8.jpg");}
.banner10{background:url("myBanner/10.jpg");}

/*导航菜单*/
#menuline {
	position:absolute;
	top:85px;
	z-index:6;
}


#menu {
	list-style-type:none; 
	margin:0px; 
	padding:0px; 
	width:800px;
}
#menu li {
	float:left;
	padding:0px; 
	margin:0px 1px 0px 0px; 
	position:relative;
/*
	8 Menu Items
	width:99px; 
*/
	width:113px; 
	height:20px;
	z-index:100;
}
#menu li dl {
	position:absolute; 
	top:0px; 
	left:0px; 
	padding-bottom:0px;
}
#menu li a, #menu li a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
}
#menu li dd.nojs {
	display:none; 
}
#menu li dd.js {
	display:block !important; 
}
#menu li a:hover {
	border:none;
}
#menu li:hover dd, #menu li a:hover dd {
	display:block;
}
#menu li:hover dl, #menu li a:hover dl {
	padding-bottom:10px;
}
#menu table {
	border-collapse:collapse; 
	padding:0; 
	margin:-1px; 
	font-size:13px;
}
#menu dl {
/*
	8 Menu Items
	width:99px; 
*/
	width:113px; 
	margin:0px;
	padding:0px; 
	background:transparent;
}
#menu dt {
	margin:0px; 
	padding:0px;
	border-left:1px solid #FFFFFF;
	height:20px;
}
#menu dd {
	position:relative;
	left:0px;
	top:0px;
	margin:0px; 
	padding:0px; 
	color:#ffffff; 
	font-size:13px; 
	text-align:left;
}
#menu dt a, #menu dt a:visited {
	display:block; 
	font-size:13px; 
	color:#FFFFFF; 
	text-align:center; 
	padding:0px;
}		
#menu li:hover dt a, #menu a:hover dt a {
	color:#000000; 
}
#menu dt a:focus, #menu dt a:active {
	color:#000000; 
}

#menu dd a, #menu dd a:visited {
	width:150px;
	color:#FFFFFF; 
	padding:4px; 
	text-decoration:none; 
	display:block; 
	text-align:left; 
	border-left:1px solid #FFFFFF; 
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}
#menu dd a:hover, #menu dd a:focus, #menu dd a:active{
	border-left:1px solid #FFFFFF; 
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	color:#000;
}

a.m2{extends: menu;margin-top:0px;*margin-top:1px!important;*margin-top:0px}
div.subMenu{visibility:hidden;position:absolute;display:inline;top:21px!important; top:21px; margin-top:-20px;left:159px; padding:0;width:auto; height:auto;	color:#fff;line-height:5px;white-space:nowrap;z-index:999;}
dd.js:hover div.subMenu,a.menu:hover div.subMenu{visibility:visible;}
div.subMenu ul{margin:0;padding:0;width:100%;list-style-type:none;}
div.subMenu ul li{margin:0 0 4px 0!important;margin:0;padding:0;width:100%;border:1px solid #fff;border-top:none;}
div.subMenu a{height:16px;line-height:16px;margin:-1px!important;margin:-1px;padding:0;border:none;}

div.s2{extends: subMenu;top: 19px!important;top: 19px;left:160px!important;left:160px;border-top:2px solid #fff!important;border-top:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;}

#footer {
	color:#FFFFFF;
	width:750px;
	height:81px;
	z-index:2;
	margin-top:0;
	padding:0px 25px 10px 20px;
}

#subnavigation {
	z-index:1;
	padding:0px;
	margin:0px;
	display:block;
	float:inherit;
	width:750px;
	height:40px;
}
#subnavigation ul {
	padding:0px;
	margin:0px;
}
#subnavigation ul li {
	float:left;
	padding:0px 5px; 
	margin:0px 0px 5px 0px;
	position:relative;
	display:inline;
	border-right:1px solid #FFFFFF;
	white-space:nowrap;
	line-height:16px;
}
#subnavigation ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}
#subnavigation ul li a:hover, #subnavigation ul li a:focus, #subnavigation ul li a:active {
	color:#000000;
	text-decoration:none;
}
		
#footerline {
	width:750px;
	clear:left;
	padding:0px 5px;
	margin-top:-10px;
}
#legal {
	clear:left;
	padding:0px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}


/* 3. LAYOUT index
-----------------------------------------------------------------------------------------------*/
#header {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	width:800px;
	height:105px;
	z-index:2;
	border-bottom:1px solid #FFFFFF;
}
#logo {
	background-image:url(/_inc/media/images/logo_wacom.png);
	background-position:top left;
	background-repeat:no-repeat;
	width:110px;
	height:19px;
	position:absolute;
	top:29px;
	left:25px;
	z-index:3;
	cursor:pointer;
}
#world {
	background-image:url(world.png);
	background-position:top left;
	background-repeat:no-repeat;
	width:105px;
	height:72px;
	position:absolute;
	top:7px;
	left:631px;
	z-index:3;
	cursor:pointer;
}




@page { 
	margin:0cm 0cm 0cm 0cm; 
}

#content {
	padding:25px 25px 25px 25px;
	z-index:1;
}
#printheader {
	display:none;
	visibility:hidden;
}
div.headerimgcopyright_print {
	display:none;
	visibility:hidden;
	position:absolute; 
	top:370px; 
	left:25px; 
	width:750px; 
	text-align:right; 
	color:#888888;
	font-family:Verdana, Geneva, sans-serif; 
	font-size:8px;
}
* html div.headerimgcopyright_print {
	text-align:left; 
}
@media print {
	.noprint, #header, #subnavigation, div.headerimgsymbol, div.headerimgcopyright {
		display:none;
		visibility:hidden;
	}	
	div.headerimgcopyright_print {		
		display:block;
		visibility:visible;
	}
	#box {
		visibility:hidden;
	}	
	#cmenu li dl, #cmenu li dl dd  {
		visibility:hidden;
	}	
	#content, #footer {
/*
		padding:10px;
*/
	}
	#printheader {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		display:block;
		visibility:visible;
		padding:0px 25px;
	}
}


#content h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	/*text-transform:uppercase;*/
	padding-top:0px;
	margin-top:0px;
	margin-bottom:1.2em;
}
#content h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
/*	text-transform:uppercase;

	font-weight:normal;
*/
	padding-top:0px;
	margin-top:1.4em;
	margin-bottom:1.2em;
}
#content a.h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	/*text-transform:uppercase;*/
	text-decoration:none;
	padding-top:0px;
	margin-top:1.4em;
	margin-bottom:1.2em;
}

#content h2.contentbox {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	padding-top:0px;
	margin-top:10px;
	margin-bottom:1.2em;
}
#content h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
}

#content h3.tecspec_product {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:0px;
}
#content h3.tecspec {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding-top:30px;
	margin-top:0px;
	margin-bottom:0px;
}

#content #popup {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
#content div {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
#content td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
#content td.left {
	vertical-align:top;
}
#content td.right {
	padding-top:25px;
	vertical-align:top;
	width:180px;
}
#content td.center {
	padding:0px 10px 0px 10px;
	vertical-align:top;
}
#content td.box_head {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
}
#content td.box_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	padding:5px 0px 10px 0px;
}
#content td.box_textonly {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	padding:10px 10px 10px 10px;
}
#content div.indexbox, #content td.indexbox  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:2em;
	font-weight:normal;
	padding:5px 10px 5px 10px;
}
#content div.indexbox_small, #content td.indexbox_small  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	padding:5px 10px 5px 10px;
}
#content td.indexbox_headline {
	width:180px;
	margin-right:10px;
	height:auto;
	padding:5px 10px;
	vertical-align:text-top;
}
#content td.estore:first-letter {
  /*text-transform:lowercase!important;*/
}

#content #box a {
	color:#FFFFFF;
	text-decoration:none;
}
#content #box a:hover {
	color:#000000;
/*
	text-decoration:underline;
*/
}
#content td.tecspectabtd {
	padding-top:0px;
}	

/* Dreispaltig */
div.wrapper {
	text-align: left; 
	width: 370px;
	margin: 0 auto; 
}
div.col_left {
	text-align: left; 
	float: left; 
	width: 123px;
}
div.col_right {
	text-align: left; 
	float: right; 
	width: 123px; 
}
div.col_center {
	text-align: left; 
	margin: 0 123px; 
}
/* clearfix zum Aufheben der Floatumgebung */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac	 */



#popoverlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}
	
	
/* Popups */		


div.popup {
	z-index:91;
	position:absolute; 
	border-top-width:10px; 
	border-top-style:solid; 
	border-bottom-width:10px; 
	border-bottom-style:solid; 
	border-left-width:10px; 
	border-left-style:solid;
}
	
/* Lightbox */
#outerImageContainer{
	background-color: #FFFFFF;
}		
#imageDataContainer{
	background-color: #FFFFFF;
}


td.margintext {
	text-align:left;
}
/* /int/products/graphire4/ */
#subnavi { position: absolute; z-index: 1; top: 130px; left: 30px; width: 188px; height: 335px; visibility: visible; display: block; }
/* /int/support/dealersearch/ */
.supertitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 20px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
}

.sidebar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FF9900;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;
}
.resultbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	padding-right: 10px;
	padding-left: 10px;
}

.unselect, img {
	-moz-user-select:none; 
	-khtml-user-select:none;
}

.contentsplit {
	width:178px;
	border-left:1px solid #ffffff; 
	border-right:1px solid #ffffff; 
	border-top:1px solid #ffffff; 
	text-align:center; 
	vertical-align:middle; 
	padding-top:5px;
}
.contentsplit_left {
	float:left; 
}
.contentsplit_right {
	float:right; 
}
.contentsplit_active {
	height:36px;
}
.contentsplit_deactive {
	height:35px;
	border-bottom:1px solid #ffffff; 
	cursor:pointer;
	overflow:hidden;
}

.contentsplit_middle {
	width:10px;
	height:41px; 
	border-bottom:1px solid #ffffff;
	float:left;
}

td.va_top {
	vertical-align:top;	
}
td.padding-left {
	padding-left:10px;
}
td.padding-right {
	padding-right:10px;
}
td.form {
	vertical-align:top;	
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#ffffff; 
	padding:2px 10px 0px 0px;
/*
	white-space:nowrap;
*/
}
.wrap {
	white-space:normal !important;
}
div.formsub, span.formsub {
	vertical-align:top;	
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color:#ffffff; 
}
input.contact {
	height:18px; 
	border:none; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#ffffff; 
	padding:2px 5px 0px 5px;
	margin-bottom:5px;
}
input.long {
	width:250px; 
}
input.short {
	width:50px; 
}
input.medium {
	width:100px; 
}
input.zip {
	width:50px; 
	margin-right:5px;
}
input.city {
	width:185px; 
}

input.error {
/*
	border:1px dashed #ffffff;
*/
	background-image:url(../../media/images/arrow_left.gif);
	background-position:right;
	background-repeat:no-repeat;
}
textarea.message {
	border:none; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#ffffff; 
	padding:2px 5px 0px 5px;
	margin-bottom:5px;	
}
textarea.long {
	width:100%;
	height:100px;
}
textarea.error {
/*
	border:1px dashed #ffffff;
*/
	background-image:url(../../media/images/arrow_left.gif);
	background-position:right 5px;
	background-repeat:no-repeat;
}


div.inputcheckbox {
	width:14px;
	height:14px;
	margin:2px 5px 0px 0px;
	padding:0px;
	cursor:pointer;
}
div.error {
	border:1px dashed #ffffff;
}
img.inputcheckbox {
	margin:0px; 
	padding:0px;
}
select.form {
	height:18px; 
	border:none; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#ffffff; 
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
}
select.error {
	border:1px dashed #ffffff !important;
}

select.top {
	height:18px; 
	border:none; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#ffffff; 
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
}
td.topform {
	vertical-align:top;	
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#ffffff; 
	padding:2px 10px 10px 0px;
	margin:0px 0px 10px 0px;
	white-space:nowrap;
}

.submit {
	cursor:pointer;
}
.submit:hover {
	text-decoration:underline;
}

span.helper {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	cursor:help;
}




/* BUTTONS */

.clear { /* Container (z.B. div) f黵 floatende Buttons */
   overflow: hidden;
   width: 100%;
}

div.but {
 	border:1px solid #ff0;
	width:100%;
	text-align:right;
	position:relative;
}

a.button {
   background:transparent url(../../media/images/buttons/button_right.png) no-repeat top right;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:bold;
   color:#FFFFFF !important;
   display:block;
   float:right;
   height:22px;
   margin-right:6px;
   padding-right:10px; /* 18px sliding doors padding */
   text-decoration:none;
}

/* -- IE <= 6 -- */
* html a.button {
	background-image:url(../../media/images/buttons/button_right.gif);
}


a.button span {
   background:transparent url(../../media/images/buttons/button_left.png) no-repeat;
   display:block;
   line-height:12px;
   padding:5px 8px 5px 18px;
}

/* -- IE <= 6 -- */
* html a.button span {
	background-image:url(../../media/images/buttons/button_left.gif);
}

a.button:active {
   background-position:right -44px;
   color:#000000;
   outline:none; /* die gepunktete Linie im FF abschalten */
}

a.button:active span {
   background-position:0px -44px;
   color:#000000 !important;
   padding:6px 8px 4px 18px; /* Text 1px nach unten verschieben */
}

a.button:hover {
   background-position:right -22px;
   text-decoration:none;
   color:#FF0000 !important;
} 
a.button:hover span {
   background-position:0px -22px;
   color:#FFFF00 !important;
   padding:5px 8px 5px 18px; /* Text 1px nach unten verschieben */
} 






span.button {
   background:transparent url(../../media/images/buttons/button_right.png) no-repeat top right;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:bold;
   color:#FFFFFF !important;
   display:block;
   float:right;
   height:22px;
   margin-right:6px;
   padding-right:10px; /* 18px sliding doors padding */
   text-decoration:none;
   cursor:pointer;
}
span.buttonhover {
   background:transparent url(../../media/images/buttons/button_right.png) no-repeat top right;
   background-position:right -22px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:bold;
   color:#FF0000 !important;
   display:block;
   float:right;
   height:22px;
   margin-right:6px;
   padding-right:10px; /* 18px sliding doors padding */
   text-decoration:none;
   cursor:pointer;
}

/* -- IE <= 6 -- */
* html span.button {
	background-image:url(../../media/images/buttons/button_right.gif);
}
* html span.buttonhover {
	background-image:url(../../media/images/buttons/button_right.gif);
}


span.button span, span.buttonhover span {
   background:transparent url(../../media/images/buttons/button_left.png) no-repeat;
   display:block;
   line-height:12px;
   padding:5px 8px 5px 18px;
}

/* -- IE <= 6 -- */
* html span.button span, * html span.buttonhover span {
	background-image:url(../../media/images/buttons/button_left.gif);
}

span.button:active {
   background-position:right -44px;
   color:#000000;
   outline:none; /* die gepunktete Linie im FF abschalten */
}

span.button:active span {
   background-position:0px -44px;
   color:#000000 !important;
   padding:6px 8px 4px 18px; /* Text 1px nach unten verschieben */
}

span.button:hover {
   background-position:right -22px;
   text-decoration:none;
   color:#FF0000 !important;
} 
span.button:hover span, span.buttonhover span {
   background-position:0px -22px;
   color:#FFFF00 !important;
   padding:5px 8px 5px 18px; /* Text 1px nach unten verschieben */
} 





/*
PRESS RELEASES
*/
p.textintro {
	font-weight:bold;
}
p.text {
	font-weight:normal;
}
p.text strong {
/*
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:0px;
	margin-top:1.4em;
	margin-bottom:1.2em;
*/
}



input.indexsearch {
	width:75px;
	height:18px;	
	border:none; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#ffffff; 
	padding:2px 5px 0px 5px;	
/*
	margin-bottom:5px;
*/
}








#details,#IDs{width:750px;color:#fff;}
#details h1,#IDs h1{font-size:12px;font-weight:bold;padding:8px 0 8px 15px;margin:0;font-variant:small-caps;}
#details p{margin:0;padding:0}
#details table{width:751px!important;width:752px;border-collapse:collapse;margin:0!important;margin:0 -1px;}
#details table td{padding:5px 8px 5px 15px;line-height:1.7em;font-size:11px;}
#details table td p{margin:10px 0;}
#details ul{margin:0;padding:0;}
#details ul li{margin:0px 0 0 17px;padding:0;}
#details ul li a:link{color:#fff;text-decoration: underline;}
#details ul li a:visited{color:#fff;text-decoration: line-through;}
#details ul li a:hover{color:#000;text-decoration: underline;	}
#IDs p{margin:0 0 1px 0;padding:8px 0 4px 15px;}
#IDs p a:hover img{border:1px solid #fff;}

#nextProductLink{float:right;padding:8px 13px 0 0;text-align:right;}
#nextProductLink a,#nextProductLink a:link:visited:hover{color:#fff;font-size:11px;}

#nextProductBottomLink{margin:-46px 0 0 0;float:right;padding:8px 13px 0 0;text-align:right;}
#nextProductBottomLink a,#nextProductBottomLink a:link:visited:hover{color:#fff;font-size:12px;}



.loginInput{width:100px;}