@charset "utf-8";
/* CSS Document */
div.frame{
	width:750px;
}
/* dados */
	div.dados{
		border:5px solid #fee;
		padding:8px 15px 15px 15px;
		width:600px;
	}
	div.dados h1{
		font:16px verdana;
		color:#511
	}
	div.dados table td {
		font:14px tahoma;
		color:#d88;
		text-align:right;
		line-height:20px;
		padding-right:10px;
	}
	
	div.dados table input {
		color:#888;
		font:14px tahoma;
		letter-spacing:1px;
	}
/* end of dados */

/* my account */
	div.compras{
		clear:both;
		padding-top:15px;
		width:600px;
	}
	
	/* total */
		div.order_total{
			text-align:left;
			padding:3px;
			font:14px verdana;
			color:#444;
		}
		
		div.order_total span.preco{
			font:bold 11px verdana;
			color:#060;
			padding:6px 2px;
		}
	
	div.compras table{
		width:100%;
		border-collapse:1px;
		font:13px tahoma;
	}
	
	div.compras table td.fill_height{
		border:1px solid #000;		
		height:100%;
	}
	
	div.compras table{}
	div.compras table th{
		padding:3px;
		color:#fff;
		background-color:#BE2A30;
		font:14px tahoma;
		border:1px solid #9E0A10;
		border-width:0 2px 2px 0;
	}
	
	/* remover */
		div.compras table th.remover{
			border:0;
			background:0;
		}
		div.compras table td.remover{
			font:13px arial;
			vertical-align:top;
			text-align:left;
			text-transform:lowercase;
			font-variant:small-caps;
			padding:5px 0;
		}
		div.compras table td.remover a{
			background-color:#fff5f5;
			color:#f44;
			padding:5px;
		}
		div.compras table td.remover a:hover{
			background-color:#fff;
			border-bottom:2px solid #fdd;
			padding:5px 5px 0px 5px;
			color:#933;
		}

	/* peça */
		div.compras table td.peca {
			vertical-align:top;
			text-align:center;
			width:0px;
			white-space:nowrap;
			padding:0 0 15px 0;
		}
		/* nome */
		div.compras table td.peca div{
			background-color:#fee;
			padding:3px;
			color:#600;
		}	
		div.compras table td.peca img{	
			border:2px solid #fee;
			padding:5px;
		}
		
	/* preço */
		div.compras table td.preco {
			vertical-align:top;
			text-align:center;
			font:bold 11px verdana;
			color:#060;
			padding:6px 2px;
			border-top:3px solid #fee;
		}
		span.currency{
			color:#333;
			font:10px tahoma;
			font-weight:bold;
			/* background-color:#ded; */
			margin-right:2px;
			padding:2px;
		}
	/* variacoes */
		div.compras table td.variacao {
			vertical-align:top;
			width:0;
		}
		
		div.compras table td.variacao h1{
			font:12px tahoma;
			color:#696;
			background-color:#efe;
			padding:2px;
			margin:0 0 2px 0;
			text-align:left;
		}
		
		div.compras table td.variacao div{
			padding:5px;
			border:1px solid #fee;
			text-align:right;
		}
		div.compras table td.variacao img{
			padding:3px;			
		}
		div.compras table td.variacao span{
			margin:2px 0 0 5px;
			padding:1px 4px;
			background-color:#BE2A30;
			color:#fff;
		}
	/* quantidade */
		div.compras table td.quantidade {
			vertical-align:top;
			width:0;
			text-align:center;
			font:13px verdana;
			padding:6px 3px;
			color:#060;
			background-color:#efe;
			border-bottom:2px solid #ded;
		}

	.shop_nav{
		margin-bottom:10px;	
	}
	.shop_nav a{
		padding:4px;
		text-decoration:underline;
	}
	.shop_nav a:hover{
		border-bottom:2px solid #D77;
		text-decoration:none;
		padding-bottom:2px;
	}

/* end of my account */

/* login misc. */
#buyer_warn{
	padding:7px;
	margin:10px 0;
	color:#336;
	width:400px;
	border:3px solid #eef;
	font:13px tahoma;
	text-align:left;
}
#buyer_warn a:hover{
	text-decoration:underline;
}

/* end of login misc */

/* error */
body{
	font:13px tahoma;	
}
ul.error {
	padding:0;
	color:#900;
	border:2px solid #fee;
	padding:4px;
	list-style:none;
}
ul.error li {
	margin:0 5px;
	border-bottom:1px dashed #fee;
}

/* end of error */

/* menu */
div.menu{
/* 	margin:30px 0; */
	padding:30px 0;
	font:14px tahoma;
}
div.menu ul{
	display:block;
	margin:0;
	padding:0;
	width:650px;
	list-style:none;
}		
div.menu ul li {
	display:inline-block;
	margin:1px 2px;
	
	.display:inline;
	.line-height:27px;
	
	_display:inline;
	_line-height:27px;
}
div.menu ul li a {
	padding:4px;
	display:table;
	.display:table-column;
	background-color:#fee;
}
div.menu ul li a span {
	.white-space:nowrap;
	_white-space:nowrap;
}
div.menu ul li a:hover {
	background-color:#BE2A30;
	color:#fff;
}	
div.menu h1.subtitle {
	display:inline-block;
	margin:10px 2px 4px 2px;
	clear:both;
	color:#933;
	font:16px tahoma;
	border-bottom:1px solid #fee;
	padding:0 4px;
	
	.display:inline;
	.line-height:25px;
	
	_display:inline;
	_line-height:25px;
}

/* end of menu */

/* login */

table.login_box{}	

table.login_box tr th {
	text-transform:capitalize;
	padding:2px 6px 2px 6px;
	color:#fff;
	font-weight:normal;
/* 		border-bottom:1px dashed #fdd; */
	color:#fff;
	background-color:#BE2A30;	
}
table.login_box tr td {
	padding:1px;
	background-color:#BE2A30;	
}
table.login_box tr td input {
	border:1px solid #fdd;
	color:#944;
	padding:2px;
}
button.submit{
	padding:5px 15px;
	text-transform:lowercase;
	font:12px Tahoma;
	font-variant:small-caps;
	font-weight:bold;
	color:#f44;
}

/* end of login */

/* pecas */

	div.results{	
	}
	
	div.results div.count {
		color:#666;
		text-align:left;
		margin:5px 2px;
		font-size:14px;
	}
	div.results div.count strong{
		background-color:#efe;
		padding:2px;
		color:#060;	
	}

	ul.pecas {
		white-space:nowrap;
	}
	
	ul.pecas div.row{
		clear:both;
		margin-bottom:25px;
	}

	ul.pecas , ul.pecas li, ul.pecas ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	
	ul.pecas li ul li h1 {
		font:bold 12px tahoma;
		display:inline-block;
	}
	
	ul.pecas li{
		white-space:normal;
		display:block;
		float:left;
		width:250px;
		margin:2px;
		border:1px solid #e9d9d9;
		border-width:1px 2px 0px 2px;
		margin-bottom:15px;
	}
	ul.pecas li ul li{
		display:;
		border:0;
		float:none;
		width:auto;
		margin:1px;
		padding:1px;
	}
	
	ul.pecas{
		text-align:center;
	}
	/* descricoes das peças */
	
		ul.pecas li.nome {
			margin:0;
			border-bottom:3px solid #9E0A10;
			font:13px Verdana;
			color:#fff;
			background-color:#BE2A30;
			padding:5px;
			
			/* white-space:normal;
			margin:0;
			font:13px Verdana;
			color:#fff;
			border:3px solid #e55;
			border-width:2px 2px 3px 2px;
			background-color:#c33;
			padding:5px; */
			
			/* white-space:normal;
			margin:0;
			font:13px Verdana;
			color:#fff;
			border-width:0px 0 2px 0;
			background-color:#f66;			
			padding:5px; */
			
		}
		
		ul.pecas li.variacoes {
/* 			border-top:3px solid #0A9E10; */
			background-color:#FEF3F3;
			color:#933;
			padding:3px 8px 6px 8px;
		}
		
		ul.pecas li.desc {
			color:#444;
			font:12px arial;
/* 			background-color:#FDD;
			border-bottom:2px solid #ecc; */
			border:1px solid #eee;
			border-width:2px 0;
			padding:6px 8px 6px 8px;		
		}
		
		ul.pecas li.preco {
			text-align:right;
			font:bold 11px verdana;
			color:#060;
			padding:0px 5px 3px 2px;
		}
		ul.pecas li.preco span.currency{
			color:#333;
			/* background-color:#ded; */
			margin-right:2px;
			padding:2px;
		}
		
		ul.pecas li.add {
			color:#D99;
			text-align:left;
			text-transform:lowercase;
			font-size:12px;
			font-variant:small-caps;
			padding:2px;
		}
		ul.pecas li.add A {
			background-color:#eee;	
			color:#444;
		}
		ul.pecas li.add A:hover {
			background-color:#fee;	
			color:#f44;
		}
	/* end of descricoes das peças */
	
	ul.pecas li.desc, ul.pecas li.variacoes {
		text-align:left;	
	}
	
	ul.pecas li.imagem{
		border:1px solid #edd;
		border-width:1px 1px 3px 1px;
		padding:20px 0;
	}
	
	ul.pecas li.imagem img{
		padding:3px;
		border:0;
	}
		
	/* cores */	
		ul.pecas ul.cores {
			background-color:#fff;
			padding:2px 2px 0 2px;	
			border:1px solid #edd;
			margin-bottom:3px;
			display:table;
		}
	
		ul.pecas ul.cores li{			
			margin:1px;
			float:left;
			.float:none;
			.display:inline;
			.margin:0;
			_float:none;
			_display:inline;
			_margin:0;
		}
		
		ul.pecas ul.cores h1{
			font:12px tahoma;
			color:#363;
			background-color:#ded;
			padding:2px;
			margin:0 0 2px 0;
			
			.line-height:14px;
			.display:inline;
			.width:98%;
			_line-height:14px;
			_display:inline;
			_width:98%;
		}
	
		ul.pecas ul.cores li img, img.cor {
			border:2px solid #ccc;
			width:60px;
			height:60px;
		}
	/* end of cores */

	/* tamanhos */
		ul.pecas ul.tamanhos{
			clear:both;
			float:left;
			background-color:#fff;
			border:1px solid #edd;
			padding:2px;
		}
		ul.pecas ul.tamanhos li {
			float:left;
			margin:2px;
			padding:2px 4px;
			background-color:#BE2A30;
			color:#fff;
		}
	/* end of tamanhos */

	
	.break{
		clear:both;	
	}

/* end of pecas */