/*Creado por Iván Bustos para DisenoPaginas.com*/
/*Prohibida su reproducción parcial ó total*/
/*Todos los derechos reservados©*/
/*Created by Iván Bustos for DisenoPaginas.com*/
/*Copying or reverse engineering is strictly prohibited*/
/*All rights reserved©*/

/*IMPORTS*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/

@import url('basic.css');

/*CONTENT*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
* html #content
{
	width:											920px;
}

div.productMenu h3
{
	height:											23px;
	padding-top:									7px;
	background-image:								url('../images/menuProductsDecoration.jpg');
	background-position:							right center;
	background-repeat:								no-repeat;
}
div.productMenu ul
{
	border-color:									#eab520;
	border-width:									1px;
	border-style:									solid;
	border-top-width:								5px;
	padding:										20px;
	background-color:								#923209;
	text-align:										center;
	line-height:									30px;
}
div.productMenu ul li
{
	display:										inline;
}
div.productMenu ul li a
{
	color:											#eab520;
}
div.productMenu ul li a:hover
{
	text-decoration:								underline;
	color:											#eab520;
}
div.productMenu ul li a:visited
{
	color:											#eab520;
}
div.productMenu ul li:after
{
	content:										" | ";
}
div.productMenu ul li:first-child:before
{
	content:										" | ";
}
#content h2.listTitle
{
	margin-top:										10px;
	height:											60px;
	padding-left:									15px;
	padding-top:									20px;
	font-size:										40px;
	background-color:								#a43b0e;
	color:											#eab520;
}
div.productList
{
	background-image:								url('../images/ProductsBG.jpg');
	background-repeat:								repeat-y;
	padding:										15px 10px 15px 20px;
}
div.productList form
{
	position:										relative;
	background-color:								#f8f0ec;
	border-style:									solid;
	border-color:									#c9a799;
	border-width:									1px;
	width:											154px;
	padding:										5px;
	float:											left;
	margin-right:									12px;
	margin-bottom:									5px;
}
div.productList form p a
{
	color:											#333;
}
* html div.productList form
{
	margin-right:									10px;
}
div.productList form div.productDescription
{
	display:										none;
	background-image:								url('../images/popup.png');
	background-repeat:								no-repeat;
	position:										absolute;
	top:											-175px;
	left:											-80px;
	width:											296px;
	height:											265px;
	padding:										20px;
	padding-bottom:									10px;
	z-index:										1000;
}
div.productList form div.productDescription p.FeaturedProduct
{
	position:										absolute;
	top:											21px;
	right:											28px;
	padding:										3px;
	background-color:								#FFF;
}
div.productList form div.productDescription p.FeaturedProduct  a
{
	font-size:										11px;
	color:											#000;
	font-weight:									bold;
}
div.productList form div.productDescription p.productImage img
{
	border-style:									solid;
	border-color:									#d8b0b0;
	border-width:									1px;
	width:											287px;
	height:											193px;
}
div.productList form div.productDescription p.productName
{
	color:											#333;
	font-size:										15px;
	margin-top:										5px;
	font-weight:									bold;
}
div.productList form div.productDescription p.productDescription
{
	color:											#333;
	margin-top:										5px;
	line-height:									15px;
}
div.productList form:hover div.productDescription
{
	display:										block;
}
div.productList form p.productImage img
{
	border-style:									solid;
	border-color:									#d8b0b0;
	border-width:									1px;
	width:											152px;
	height:											101px;
}
div.productList form p.productID
{
	display:										none;
}
div.productList form p.productPrice
{
	position:										absolute;
	background-image:								url('../images/whiteTransparentBG.png');
	padding:										5px;
	color:											#333;
	top:											6px;
	left:											6px;
}
div.productList form p.productPrice del
{
	text-decoration:								line-through;
}
div.productList form:hover
{
	background-color:								#ebdad2;
}
div.productList form p.productQuantity 
{
	margin-top:										5px;
	overflow:										auto;
}
div.productList form p.productQuantity label
{
	color:											#8f2e04;
	float:											left;
	width:											70%;
	margin-top:										4px;
}
div.productList form p.productQuantity input
{
	float:											right;
	width:											27%;
	background-color:								#eeded6;
	border-style:									solid;
	border-width:									1px;
	border-color:									#d3a6a4;
	text-align:										center;
	color:											#333;
}
div.productList form p.productAddtoCart
{
	margin-top:										5px;
	text-align:										center;
}
div.productList form p.productAddtoCart a
{
	background-color:								#e3bd8a;
	border-style:									solid;
	border-color:									#d7ad77;
	border-width:									1px;
	color:											#8f2e04;
	padding:										5px;
	display:										block;
	height:											15px;
}
div.productList form p.productAddtoCart a:hover
{
	background-color:								#e9cda7;
}