/* global reset */ 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } 
 
 
html {	 
	font-size: medium;
	}
	
body { 
	margin:0;
	padding:0;
	background: transparent;
	color: #000; 
	font: normal normal 75%/133% Arial,Verdana,Helvetica,sans-serif; 
	text-align: center;
	} 
	 
	/* 1.1- headings and paragraphs 
	 * ------------------------------------------------------------------------------------------------------------------*/

	h1 {
	margin: 24px 0 8px 0;
	font-size: 2em;
	font-weight: normal;
	line-height: 1.1em;
		} 

	h2 { 
		color: #666;
		font-size: 1.5em;
		font-weight: normal;
		line-height: 1.1em;
		} 

	h3 { 
		color: #666;
		font-size: 1.167em;
		font-weight: normal;
		line-height: 1.1em;
		}
	h4 {
		margin-bottom: 8px;
		font-size: 1.167em;
		font-weight: bold;
		line-height: 1.1em;
		}

	p {
	margin: 2px 0 0 0;
		} 
 
 
	
	/* -1.3- links 
	 * ------------------------------------------------------------------------------------------------------------------*/

	a:link,
	a:active,
	a:visited
		{ 
		color: #000; 
		text-decoration: underline;
		}
		
	a:hover { 
		text-decoration: none;
		} 

	/* -1.4- lists 
	 * ------------------------------------------------------------------------------------------------------------------*/
	ol,ul {
		margin: 1em 0;
		}
		
	ol {
		padding: 0 0 0 2em;
		}
		
		ol li {
			list-style: decimal outside;
			}

	ul {
	padding: 0 0 0 1em;
	
		}

		ul li {
			background: transparent url(../images/ico/li.png) no-repeat left .3em;
			padding: 0 0 0 1em;
			}
		
 
		
		
/* product-informations
	 * ------------------------------------------------------------------------------------------------------------------*/		
		
#product-informations .tabs:after,
	#product-informations .content:after,
	#product-informations .items li:after
				{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; 
		}


/* -4.2.3 product-informations
	 * ------------------------------------------------------------------------------------------------------------------*/

	/* tabs */
	#product-informations .tabs {
		/* clearfix -> 2.1 */
		margin: 20px 0 0 0;
		padding: 0;
		}

	#product-informations .tabs li {
	text-align: center;
		margin: 0 -1px 0 0;
		padding: 0 0 0 10px;
		float: left;
		list-style: none outside;
		background: transparent url(../images/bg/tab.png) no-repeat left top;
		}

	#product-informations .tabs  a {
		padding: 7px 10px 11px 0;
		display: block;
		min-width: 100px;
		height: 12px;
		float: left;
		background: transparent url(../images/bg/tab.png) no-repeat right top;
		line-height: 14px;
		text-align: center;
		}

		#product-informations .tabs a:link,
		#product-informations .tabs a:visited,
		#product-informations .tabs a:active {
			color: #000;
			text-decoration: none;
			}

		/* hover state */
		#product-informations .tabs li:hover, #product-informations .tabs li:hover a {
			background-image: url(../images/bg/tab-hover.png);
			}

		/* active state */
		#product-informations .tabs li.active, 
		#product-informations .tabs li.active:hover 
		{
		    font-weight:bold;
			margin-top: -3px;
			position: relative;
			z-index: 5;
			background-image: url(../images/bg/tab-active.png);
			}

		#product-informations .tabs li.active a:link,
		#product-informations .tabs li.active a:active,
		#product-informations .tabs li.active a:visited,
		#product-informations .tabs li.active a:hover
			{
			padding-top: 10px;
			padding-bottom: 6px;
			background-image: url(../images/bg/tab-active.png);
			}

		/* active state on first tab */
		#product-informations .tabs li:first-child.active {
			padding-bottom: 5px;
			margin-bottom: -5px;
			}


	/* content */
	#product-informations .content {
		/* clearfix -> 2.1 */
		margin: 4px 0 10px;
		padding: 0px 16px;
		position: relative;
		background: transparent url(../images/bg/tab-content.png) repeat-y left top;
		}
		#product-informations .content-tabs {
	/* clearfix -> 2.1 */
		min-height:344px;
	position: relative;
	background: transparent url(../images/bg/tab-content_400.png) repeat-y left top;
	margin-bottom:8px;
	padding: 16px 16px;
			}


		/* top and bottom rounded corner */
		#product-informations span.t,
		#product-informations span.b
					{
			display: block;
			height: 10px;
			width: 688px;
			position: absolute;
			left: 0px;
			background: transparent no-repeat left top;
			}
			
			#product-informations span.t-tabs,
		#product-informations span.b-tabs
			{
			display: block;
			height: 10px;
			width: 400px;
			position: absolute;
			left: 0px;
			background: transparent no-repeat left top;
			}
		
		#product-informations span.t {
			top: -10px;
			background-image: url(../images/bg/tab-content-top.png);
			}

		#product-informations span.b {
			bottom: -10px;
			background-image: url(../images/bg/tab-content-bottom.png);
			}
			#product-informations span.t-tabs {
			
			top: -6px;
			background-image: url(../images/bg/tab-content-top_400.png);
			}

		#product-informations span.b-tabs {
	bottom: -40px;
	background-image: url(../images/bg/tab-content-bottom_400.png);
	margin-bottom: 16px;
	padding-bottom:16px;
			}
			

		/* items */
		#product-informations .col-a {
			float: left;
			}
		#product-informations .col-b {
			float: right;
			}
			
		#product-informations .items {
			margin: 0px;
			padding: 0;
			width: 320px;
			}

		#product-informations .items li {
			/* clearfix -> 2.1 */
			margin: 0 0 16px;
			padding: 0 0 0 75px;
			list-style: none outside;
			background: none;
			}

		#product-informations .items img {
			float: left;
			margin: 0 0 0 -75px;
			}

		#product-informations .items h3 {
			margin: 0;
			color: #000;
			font-weight: bold;
			font-size: 1em;
			line-height: 1.332em;
			}

		#product-informations .items p {
			margin: 0;
			}
			
			
			#product-informations .content-tabs p {
			margin: 16px;
			}
		
			
			
/*-----------------------------------------------------------------*/	
				

			/* wmcontent */
	#product-informations .wmcontent {
		/* clearfix -> 2.1 */
		margin: 4px 0 10px;
		padding: 0px 16px;
		position: relative;
		background: transparent url(../images/bg/tab-content.png) repeat-y left top;
		}
		
		#product-informations .wmcontent-tabs {
	/* clearfix -> 2.1 */
		min-height:380px;
	position: relative;
	background: transparent url(../images/bg/tab-content_368.png) no-repeat left top;
	margin-bottom:0px;
	padding: 0px 0px;
			}


		/* top and bottom rounded corner */
		#product-informations span.wt,
		#product-informations span.wb
					{
			display: block;
			height: 10px;
			width: 488px;
			position: absolute;
			left: 0px;
			background: transparent no-repeat left top;
			}
			
			#product-informations span.wt-tabs,
		#product-informations span.wb-tabs
			{
			display: block;
			height: 10px;
			width: 368px;
			position: absolute;
			left: 0px;
			background: transparent no-repeat left top;
			}
		
		#product-informations span.wt {
			top: -10px;
			background-image: url(../images/bg/tab-content-top.png);
			}

		#product-informations span.wb {
			bottom: -10px;
			background-image: url(../images/bg/tab-content-bottom.png);
			}
			#product-informations span.wt-tabs {
			
			top: -6px;
			background-image: url(../images/bg/tab-content-top_368.png);
			}

		#product-informations span.wb-tabs {
	bottom: -30px;
	_bottom:-35px;
	background-image: url(../images/bg/tab-content-bottom_368.png);
	margin-bottom: 16px;
	padding-bottom:16px;
			}
			
	
			
			#product-informations .wmcontent-tabs p {
			margin: 16px;
			}
			
			
			
			
/*-----------------------------------------------------------------*/	
				
			/* statistic-content */
	#product-informations .statcontent {
		/* clearfix -> 2.1 */
		margin: 4px 0 10px;
		padding: 0px 16px;
		position: relative;
		background: transparent url(../images/bg/tab-content.png) repeat-y left top;
		}
		
		#product-informations .statcontent-tabs {
	/* clearfix -> 2.1 */
		min-height:190px;
	position: relative;
	background: transparent url(../images/bg/tab-content_240.png) repeat left top;
	margin-bottom:0px;
	padding: 0px 0px;
			}


		/* top and bottom rounded corner */
		#product-informations span.st,
		#product-informations span.sb
					{
			display: block;
			height: 10px;
			width: 488px;
			position: absolute;
			left: 0px;
			background: transparent no-repeat left top;
			}
			
			#product-informations span.st-tabs,
		#product-informations span.sb-tabs
			{
			display: block;
			height: 10px;
			width: 600px;
			position: absolute;
			left: 0px;
			background: transparent no-repeat left top;
			}
		
		#product-informations span.st {
			top: -10px;
			background-image: url(../images/bg/tab-content-top.png);
			}

		#product-informations span.sb {
			bottom: -10px;
			background-image: url(../images/bg/tab-content-bottom.png);
			}
			#product-informations span.st-tabs {
			
			top: -6px;
			background-image: url(../images/bg/tab-content-top_240.png);
			}

		#product-informations span.sb-tabs {
	bottom: -40px;
	background-image: url(../images/bg/tab-content-bottom_240.png);
	margin-bottom: 16px;
	padding-bottom:16px;
			}
			
	
			
			#product-informations .statcontent-tabs p {
			margin: 16px;
			}


/* combo form
 * ------------------------------------------------------------------------------------------------------------------*/
			
#combo-form{
	overflow: hidden;
	position: relative;
	display:block;
	width: 400px;
	background:transparent;
	clear: both;
	
}

.formLayout
    {
        padding: 4px;
		margin-left:8px;
		text-align:left;
		
    }
    
    .formLayout label, .formLayout input
    {
        display: block;
        width: 80px;
        float: left;
        margin-bottom: 10px;
		padding-right:0px;
    }
 
  
	  .formLayout select
    {
        width:180px;
    }


    br
    {
        clear: left;
    }
    
/* Chrome 2.x and Safari 4.x hack */
    body:nth-of-type(1) .formLayout label {
       clear:left;
       content:".";
    }
    
    body:nth-of-type(1) br {
        display:none;
    }


/* default-button*/


			#combo-form .actions {
				margin-left:220px;
				padding-left:8px;
				}

			
			#combo-form .actions ul {
				margin: 0;
				padding: 0;
				}

			#combo-form .actions li {
				margin: -28px 0 0 0;
				background: none;
				}

			#combo-form .actions button {
				border: 0;
				padding: 0;
				margin: 0;
				width: 80px;
				height: 25px;
				background: transparent url(../images/bg/cart-action-bt-80.png) no-repeat left top;
				line-height: 25px;
				text-align: center;
				}
						


	/* -3.4- container 
	 * ------------------------------------------------------------------------------------------------------------------*/

	#container {
		padding: 16px 25px;
		margin-left:-8px;
		width:333px;
		position: relative;
		}


		

		/* content */
		#container .container-inner {
	/* clearfix -> 2.1 */
			border: 1px solid #999;
	border-width: 1px 0;
	padding: 16px 6px;
	min-height: 260px;
	position: relative;
	background: transparent url(../images/bg/container-inner/container-400.png) repeat-y center top;
			}
		/* content - white backgraound */	
			#container .container-inner-white {
	/* clearfix -> 2.1 */
			border: 1px solid #999;
	border-width: 1px 0;
	padding: 16px 6px;
	min-height: 560px;
	position: relative;
	background: transparent url(../images/bg/container-inner/container-white.png) repeat-y center top;
			}
			
			#container .container-inner-grey {
	/* clearfix -> 2.1 */ 
	padding: 16px 6px;
	min-height: 560px;
	position: relative;
	background: transparent url(../images/bg/container-inner-cart/content-aside.png) repeat-y center top;
	
			}
			
			
			
						

			/* figures */			
			#container span.container-lt,
			#container span.container-rt,
			#container span.container-rtg,
			#container span.container-rt-white,
			#container span.container-lb,
			#container span.container-rb,
			#container span.container-rbg,
			#container span.container-rb-white,
			#container span.container-l,
			#container span.container-r,
			#container span.container-rg,
			#container span.container-r-white
				{
				height: 10px;
				display: block;
				position: absolute;
				overflow: hidden;
				top: 16px;
				}
			
				/* left & right side */
				#container span.container-l,
				#container span.container-r,
				#container span.container-rg,
				#container span.container-r-white
					{
					border: 1px solid #999;
					border-width: 1px 0;
					width: 9px;
					height: auto;
					top: 26px;
					bottom: 26px;
					background: transparent repeat left top;
					}

					#container span.container-l {
						left: 15px;
						border-width: 0 0 0 1px;
						background-image: url(../images/bg/container-inner/content.png)
						}
						#container span.container-r {
						right: 15px;
						border-width: 0 1px 0 0;
						background-image: url(../images/bg/container-inner/aside.png)
						}
						#container span.container-rg {
						right: 15px;
						border-width: 0 1px 0 0;
						background-image: url(../images/bg/container-inner/aside.png)
						}



					#container span.container-r-white {
						right: 15px;
						border-width: 0 1px 0 0;
						background-image: url(../images/bg/container-inner/content.png)
						}
			
				/* corners */
				#container span.container-lt,
				#container span.container-rt,
				#container span.container-rtg,
				#container span.container-rt-white,
				#container span.container-lb,
				#container span.container-rb,
				#container span.container-rbg,
				#container span.container-rb-white
					{
					width: 10px;
					background: transparent  no-repeat left top;
					}


				/* left top */
				#container span.container-lt {
					left: 15px;
					background-image: url(../images/bg/container-inner/lt.png);
					}

				/* right top */
				#container span.container-rt {
					right: 15px;
					background-image: url(../images/bg/container-inner/rt.png);
					}
					/* right top grey */
				#container span.container-rtg {
					right: 15px;
					background-image: url(../images/bg/container-inner/rt.png);
					}
					/* right top white */
				#container span.container-rt-white {
					right: 15px;
					background-image: url(../images/bg/container-inner/rt-white.png);
					}

				/* left bottom */
				#container span.container-lb {
					left: 15px;
					top: auto;
					bottom: 16px;
					background-image: url(../images/bg/container-inner/lb.png);
					}

				/* right bottom */
				#container span.container-rb {
					right: 15px;
					top: auto;
					bottom: 16px;
					background-image: url(../images/bg/container-inner/rb.png);
					}
					#container span.container-rbg {
					right: 15px;
					top: auto;
					bottom: 16px;
					background-image: url(../images/bg/container-inner/rb.png);
					}
					
					/* right bottom white*/
				#container span.container-rb-white {
					right: 15px;
					top: auto;
					bottom: 16px;
					background-image: url(../images/bg/container-inner/rb-white.png);
					}


		/* content */
		#content {
            width: 270px;
            float: left;
            left:0px;
            _left:19px;
            position:absolute;
            z-index:2;
			}
			.container-inner-white #content {
			width: 100%;
			float: left;
			}
			
			
			#content h1 {
				margin-top:4px;
				text-align:left;
				font-size:12px;
				}
		
		
		

			/* aside */
			
#aside {
    left:208px;
    top:-50px;
    width: 88px;
    position: relative;
    z-index:-1; 
	}
	
#aside h2 {
	margin: 0 0 8px 0;
	font-size: 1.332em;
	font-weight: bold;
	line-height: 1.332em;
}


/* homesplashscreen*/
		
			#homesplashscreen {
			margin-left: 8px;
			position: relative;
			width: 240px;
			background:#CCCCCC;
			height:32px;
			}
			
			#homesplashscreen h2{
			padding:4px;
			text-align:left;
			width: auto;
			}
			
			.left {
			width: auto;
			height: auto;
			padding: 4px;
			margin-left: 10px;
			text-align:left;
			float:left;
			display: block;
			overflow: hidden;
			color: #666;
			font-size: 11px;
			font-weight: bold;
			}
			
			
			.right {
			width: auto;
			height: auto;
			padding: 4px;
			margin-right:0px;
			display: block;
			overflow: hidden;
			text-align:right;
			color: #666;
			font-size: 11px;
			}
			.right p {
			margin: 0px;
			}
			.clearer {
			display: block;
			clear: both;
			height:0px;
			}
	

			#homesplashscreen *{
				z-index: 1;
				}

			/* corners */
			#homesplashscreen span.lt,
			#homesplashscreen span.rt,
			#homesplashscreen span.lb,
			#homesplashscreen span.rb
			 {
				display: block;
				overflow: hidden;
				width: 5px;
				height: 5px;
				position: absolute;
				z-index: 10;
				background: transparent no-repeat left top;
				}

				#homesplashscreen span.lt
			    {
					top: 0px;
					left: 0px;
					background-image: url(../images/corners/lt.png);
					}

				 #homesplashscreen span.rt
				{
					top: 0px;
					right: 0px;
					background-image: url(../images/corners/rt.png);
					}

				#homesplashscreen span.lb
				 {
					left: 0px;
					bottom: 0px;
					background-image: url(../images/corners/lb.png);
					}

				#homesplashscreen span.rb
				{
					right: 0px;
					bottom: 0px;
					background-image: url(../images/corners/rb.png);
					}
			
			#homesplashscreen img
			{
				display: block;
				}



/* map-content
 * ------------------------------------------------------------------------------------------------------------------*/
							
.map-content{
/*background:#FFFFFF;
width:240px;*/
}

.progress-content {
margin-top:80px;
margin-left:60px;
}

.waiting-content {
position: absolute;
top:0;
left:0;
background-color:#FFFFFF;
z-index: 9000;
}
        
/* status-content
 * ------------------------------------------------------------------------------------------------------------------*/
    
.status-content {   
margin-left:0px;    
padding:0px;
}

.status-content img{
float:left;
margin-top:-18px;
_margin-top:-15px;
position:relative;
padding:3px;
display:inline;
}

.status-content h1{
line-height:10px;
}


/* virus-content
 * ------------------------------------------------------------------------------------------------------------------*/
#virus-content {
float:left;
margin: 0;
padding: 0 0 0 56px;
}


#virus-content ul {
margin: 0;
padding: 0 0 0 4px;
font-size:11px;
}
			
#virus-content span {
margin:0;
padding: 9px;
}

#virus-content li{
text-align: left;
float:left;
}			

#virus-content li.high {
display:block;
margin: 0 0 0 0px;
padding: 4px 0 0px 16px;
width: 100px; height: 24px;
background: url(../images/24px_icon/4.png) no-repeat;
behavior: url(/wmweb/styles/iepngfix.htc);
float:left;
}

#virus-content li.medium {
display:block;
margin: 0 0 0 0px;
padding: 4px 0 0px 16px;
width: 100px; height: 24px;
background: url(../images/24px_icon/3.png) no-repeat;
behavior: url(/wmweb/styles/iepngfix.htc);
clear:both;
}
				
				
#virus-content li.low {
display:block;
margin: 0 0 0 0px;
padding: 4px 0 0px 16px;
width: 100px; height: 24px;
background: url(../images/24px_icon/2.png) no-repeat;
behavior: url(/wmweb/styles/iepngfix.htc);
clear:both;
}
				
#virus-content li.quiet {
display:block;
margin: 0 0 0 0px;
padding: 4px 0 0px 16px;
width: 100px; height: 24px;
background: url(../images/24px_icon/1.png) no-repeat;
behavior: url(/wmweb/styles/iepngfix.htc);
clear:both;
}



.data-e {
width:225px;
vertical-align:middle;
padding-left:8px;	
line-height: 9px;
}
				

.data-e td{
border: 1px solid #cccccc;
border-width: 1px 0 0 0px;
text-align:left;
vertical-align:middle;
line-height:12px;
}

.data-e td.activity {
border: 1px solid #cccccc;
border-width: 1px 0 0 0px;
voice-family:"\"}\"";
voice-family:inherit;
text-align:right;
clear:both;
width:50px;
font-size:10px;
}


.data-e td.arrow{
text-align:center;
width:20px;
}

table.data-e{ 
margin-top:5px;
padding:2px;
margin-left:8px;
margin-right:8px;
font-size:11px;
}

body:first-of-type .data-e td.title {
padding-top:5px;
}

.data-e td.title {
padding-top:5px;
}

#footer {
min-height:5px;
_height:12px;		
}

#footer a{
float:left;
position: absolute;
z-index: 10;
left:16px;
bottom:-5px;
}

a.tooltips{
position:relative; /*this is the key*/ 
text-align:left;
font-size:10px;
text-decoration:underline;
color:#000;
z-index:1;
}
    
    
a.tooltips p{
text-decoration:none;
margin:0px;
line-height:16px;
}

a.tooltips h2{
text-decoration:none;
margin-left:-8px;
line-height:14px;
letter-spacing:-1px;
font-weight:bold;
font-size:1.167em;
}


a.tooltips:hover{
z-index:25; 
display:inline;
text-decoration:none;
color: blue; 
voice-family: "\"}\""; 
voice-family:inherit;
color: black;
z-index:1000;
font-size:10px;
}

a.tooltips span{display: none;text-decoration:none;line-height:14px;font-size:11px;}

a.tooltips:hover span.tt{
    display:block;
    position:absolute;
    width:317px;
    bottom: 12px;
    _bottom:10px;
    float:left;
    left:-35px;
    color:#000;
    clear:both;
    z-index:1000;
}

a.tooltips:hover span.top{
    display: block;
    padding: 6px 16px 0;
    background: url(../images/tooltips/top_400.gif) no-repeat top;
    z-index:1000;
}
a.tooltips:hover span.middle{ 
    display: block;
    padding: 3px 16px 0; 
    background: url(../images/tooltips/middle_400.gif) repeat-y center; 
    background-color:#f7f7f7;
    z-index:1000;
}
a.tooltips:hover span.bottom{
    display: block;
    padding:35px 16px 0;
    background: url(../images/tooltips/bottom_400.gif) no-repeat bottom transparent;
    z-index:1000;
}

#main-left{
	float:left;
	width:250px;
}

.sub{
	font-size:0.65em;
	color:#000000;
	letter-spacing:1px;
	bottom:0.3em;
	letter-spacing:1px;
	position:relative;
}
	
#quiet {
  line-height:48px;
  height:48px;
  background: transparent url(../images/48px_icon/1.png) no-repeat center left;
  behavior: url(/wmweb/styles/iepngfix.htc);
}
 #quiet strong {
    font-size: 18px;
    font-weight:normal;
    color: #fdeac4;
 }
 
 #low {
  line-height:48px;
  height:48px;
  background: transparent url(../images/48px_icon/2.png) no-repeat center left;
  behavior: url(/wmweb/styles/iepngfix.htc);
 }
 
 #low strong {
    font-size: 18px;
    font-weight:normal;
    color: #f5d281;
 }
 
 #medium {
  line-height:48px;
  height:48px;
  background: transparent url(../images/48px_icon/3.png) no-repeat center left;
  behavior: url(/wmweb/styles/iepngfix.htc);
 }
 
 #medium strong {
    font-size: 18px;
    font-weight:normal;
    color: #eea217;
 }
 
 #high {
  line-height:48px;
  height:48px;
  background: transparent url(../images/48px_icon/4.png) no-repeat center left;
  behavior: url(/wmweb/styles/iepngfix.htc);
 }
 
 #high strong {
    font-size: 18px;
    font-weight:normal;
    color: #eb4911;
 }