div.comparewind {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background: rgba(0,0,0,0.7);
	top: 0px;
	left: 0px;
}
	div.comparewind  div.comparetab{
		margin: 0 auto;
		overflow: auto;
		width: 90%;
		height: 90%;
		max-width: 1100px;
		min-width: 300px;
		background: #ffffff;
		box-shadow: 0px 1px 30px rgba(0,0,0,0.4);
		border-radius: 10px;
		box-sizing: border-box;
		padding: 10px;
	}
		div.comparewind  div.comparetab table {
			font-size: 11px;	
			border-collapse: collapse;
		}
			div.comparewind  div.comparetab table td{
				padding: 5px;
				border-bottom: 1px solid #f0f0f0;
				border-right: 1px dotted #f0f0f0;
				text-align: center;
				font-size: 11px;
			}
			div.comparewind select {
				border: 1px solid #f0f0f0;
				padding: 3px;
				font-size: 12px;
				border-radius: 5px;
			}
				div.comparewind  div.comparetab table td span.prc {
					font-weight: 600;
				}
				div.comparewind  div.comparetab table td span.about {
					position: relative;
				}
				div.comparewind  div.comparetab table td.bb {
					text-align: left;
				}
				div.comparewind  div.comparetab table td.val span.data {
					padding: 2px 4px 2px 4px;
					border-radius: 3px;
				}
				div.comparewind  div.comparetab table td.val span.green {
					background: #ddffdd;
				}
				div.comparewind  div.comparetab table td.val span.yell {
					background: #ffffdd;
				}
				div.comparewind  div.comparetab table td img {
					max-width: 100px;
					max-height: 60px;
					
				}
				
				div.comparewind  div.comparetab table td.capt{
					text-align: left;
					background: #f9f9f9;
					border-bottom: 1px solid #ffffff;
					border-right: 1px dotted #ffffff;
				}
				div.comparewind  div.comparetab table tr:hover {
					background: #fff0f0;
				}
		
		
	div.comparewind div.close {
		height: 5%;
		font-size: 14px;
		font-weight: 700;
		text-align: right;
		padding: 5px 10px 0px 10px;
		box-sizing: border-box;
	}
		div.comparewind div.close a {
			color: #ff4444;
			text-shadow: 0px 1px 0px #000000;
		}



div.note div.info {
	padding: 5px;
	background: #fff3f3;
	text-shadow: 0px 1px 0px #ffffff;
	font-size: 18px;
}
	div.note div.row {
		border-top: 1px dotted #a0a0a0;
		clear: both;
		margin: 5px 0px 5px 0px;
		font-size: 15px;
		width: 100%;
		display: table;
		max-width: 700px;
	}	
		div.note div.row p {
			font-size: 10px;
			color: #303030;
			margin: 0px;
			padding: 0px;
			font-weight: 300;
		}
			div.note div.row p.art {
				font-size: 11px;
				color: #000000;
				font-weight: 500;
			}
			
		div.note div.row div.num {
			font-weight: 100;
			font-size: 10px;
			width: 5%;
			min-width: 30px;
			box-sizing: border-box;
			padding: 5px 5px 15px 5px;
			display: table-cell;
			vertical-align: middle;
		}	
		div.note div.row div.ico {
			padding: 0px;
			max-width: 120px;
			display: table-cell;
			vertical-align: middle;
			width: 20%;
			min-width: 80px;
			box-sizing: border-box;
		}
			div.note div.row div.ico img {
				width: 90%;
			}
			
			#compare div.row div.ico  {
				width: 10%;
				max-width: 50px;
				min-width: 50px;
			}
		
		div.note div.row div.name {
			padding: 5px 5px 5px 5px;
			min-width: 180px;
			box-sizing: border-box;
			vertical-align: middle;
			display: table-cell;
			width: 40%;
		}
			
			#compare div.row div.name  {
				width: 50%;
			}
			
			div.note div.row div.name a{
	
				font-weight: 600;
				text-decoration: none;
			}

			
	
				
		div.note div.row div.prcfo {
			display: table-cell;
			padding: 5px;
			min-width: 100px;
			width: 20%;
			box-sizing: border-box;
			vertical-align: middle;
		}
		div.note div.row div.act {
			display: table-cell;
			vertical-align: middle;
			padding: 10px 5px 10px 5px;
			min-width: 100px;
			box-sizing: border-box;
			
			
		}
			div.note div.row div.act span {
				background: url(../images/del.png) no-repeat;
				background-position: 3px center;
				font-weight: 100;
				color: #ff0000;
				display: block;
				width: 80px;
				box-sizing: border-box;
				cursor: pointer;
				font-size: 12px;
				padding: 5px 5px 5px 25px;
			}
			div.note div.row div.act span:hover {
				background-color: #f6f6f6;
			}
			


@media screen and (max-width: 550px) {
	div.note div.row {
		font-size: 11px;
	}
	div.note div.row div.num {
		width: 20px;
		max-width: 20px;
		min-width: 20px;
	}
	div.note div.row div.ico { 
		display: none;
	}
	div.note div.row div.name {
		min-width: 180px;
	}
	div.note div.row p {
		font-size: 9px;
	}
	div.note div.row div.prcfo {
		min-width: 90px;
	}
	div.note div.row div.act {
		min-width: 30px;
	}
	div.note div.row div.act span {
		width: 22px;
		min-width: 22px;
		overflow: hidden;
		padding: 5px 0px 5px 22px;
	}
}	

		
div.finalprice {
	clear: both;
	padding: 30px 0px 20px 5px;
	font-size: 24px;
	font-weight: 200;
}

div.finalprice strong{
	font-weight: 400;
	font-size: 30px;
	margin-right: 10px; 
}

div.note div.discount {
	border-top: 2px dotted #a0a0a0;
	padding: 10px;
	display: none;
}

div.note button {
	border: 2px solid #303030;
	padding: 10px;
	border-radius: 2px; 
	text-shadow: 0px 1px 0px #ffffff;
	font-weight: 600;
	cursor: pointer;
	background: #f0f0f0;
	font-size: 14px;
	text-transform: uppercase;
}
div.note button:hover {
	background: #ffffff;
	color: #003399;
	border: #003399 2px solid;

}

#compare h4 {
	margin: 50px 0px 10px 0px;
}

a.compare_button{
	padding: 4px 8px 4px 8px;
	background: #f0f0f5;
	border-radius: 5px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	margin: 5px 0px 10px 5px;
	display: inline;
	text-shadow: 0px 1px 0px #ffffff;
}