/**
 * File: catalog.css
 * 
 * Author: Borja Morales
 * Version: 1.0
 * Filesize: 0000005180
 * History: 22/10/2007 13:13 Incluida cabecera para control de versiones. 
 */
@import "catalog/login.css";
@import "catalog/menu.css";
@import "catalog/cover.css";
@import "catalog/categories.css";
@import "catalog/list_products.css";
@import "catalog/product.css";
@import "catalog/basket.css";
@import "catalog/process.css";
@import "catalog/orders.css"; 

* { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; }

div#menu div.menu_title_main { background: url(../images/cab_menu_out.jpg) top left no-repeat; }
div#contents { width:430px;	margin: 0px 0px 0px 12px !important; margin: 0px 0px 0px 8px; padding:0px 0px 30px; float:left;}

/**
*	Herramientas (Campo de búsqueda superior y botón de carrito)
*/
div#catalog_tools {
	float:left;
	margin:0px;
	padding:0px;
	width: 175px;
	height:141px;
	}

div#catalog_tools input {
	margin: 32px 10px 0px 39px;
	padding-left: 4px;
	width: 123px;
	height: 14px;
	background:#FFFFFF;
	border:1px solid #cc9900;
	}

div#catalog_tools input.checkbox { float:left; width: 13px; margin: 3px 5px 0 0; border: none; }

div#catalog_tools label {
	width:90px;
	float: left;
	margin: 3px 0px 0px 17px;
	color: white;
	font-size:10px;
	text-align:left;
	letter-spacing:-1px;
	}
	
div#form_catalog_search{border: 1px red solid; overflow: hidden; text-align:right; margin:0px; padding:0px; background:url(../images/catalog/back_tools_1.jpg) no-repeat; height:141px;}

div.catalog_search_form{overflow: hidden; text-align:right; background:url(../images/catalog/back_tools_1.jpg) no-repeat; height:87px;}
	
div.catalog_search_form button,  .option_button {
	cursor: pointer;
	margin: 5px 7px 0 0px;
	border: 1px solid #cc9900;
	width: 50px;
	padding: 0 0 2px 0;
	font-weight:bold;
	color:white;
	background-color: #006600;
	}

div#catalog_tools a#view_basket { }
div.view_basket_link{overflow: hidden; width:100%; margin: 0px 0px; text-align:right; background:url(../images/catalog/back_tools_2.jpg) no-repeat; height:54px;}
div#catalog_tools a {cursor: pointer; float:right; border: 1px solid #cc9900; height:15px; padding: 0px; font-weight:bold; color:white; background-color: #006600; margin: 25px 7px 0 0px; width: 62px; text-align: center;}
/**
*  Cabecera de destacados, ofertas, novedades y búsqueda
*/

img.header { margin-top:10px; }

/**
*  Miga de pan
*/
p.category_path {
	clear: both;
	margin:5px 0px 5px 0px;
	line-height: 11px;
	color: #666666;
	float:left;
	width:100%;
	}
p.category_path a { color: #666666; }
p.category_path a:hover {
	text-decoration: underline;
	color: #666666;
	}
p.category_path a:visited { color: #666666; }
p.category_path a.normal {
	padding-left: 10px;
	background: url(../images/catalog/icon_tiny_arrow.gif) no-repeat left;
	}

/**
 *	Botones
 */
p.back {margin: 0px; padding:0px; width:60px;}
p.back a, p.back a:visited {
	display:block;
	color: white;
	font-weight: bold;
	cursor: pointer;
	width: 60px;
	height: 16px;
	padding: 2px 0 0 21px;
	text-align: center;
	background:url(../images/catalog/icon_back.gif) no-repeat #006600;
	}
	
form#form_shipping_details p.back a, p.back a:visited {
	display:block;
	color: white;
	font-weight: bold;
	cursor: pointer;
	width: 60px;
	height: 16px;
	padding: 2px 0 0 21px;
	text-align: center;
	background:url(../images/catalog/icon_back.gif) no-repeat #006600;
	}

p.back a, p.back a:hover {color: white;}

input.basket {
	border:none;
	cursor: pointer;
	float: right;
	margin: 1px 0px 0px 5px;
	width: 107px;
	height: 17px;
	padding: 0px 0px 2px 10px;
	color: #006600;
	font-size:11px;
	font-weight: bold;
	background:url(../../images/catalog/icon_process_order.gif) no-repeat;
	}

button.next {
	cursor: pointer;
	float: right;
	padding-right: 21px;
	background:url(../../images/catalog/icon_next.gif) right no-repeat #006600;
	margin:0px;
	}

/**
 *	Alerta
 */
div#info {
	font-weight: bold;
	color: #ff4500;
	background:url(../images/catalog/alert.png) center 16px no-repeat;
	text-align:center;
	height:100px;
	border-bottom: 2px solid #cc9900;
	padding: 0px 0px 15px 0px;
	width: 100%;
	float: left;
	}
	
div#info p {
	padding: 70px 0 0 35px;
	font-weight: bold;
	color: #ff4500;
	}

div#info a { color:black;}
div#info a:hover { color:black;}
div#info a.visited { color:black;}

div#register_confirmation{background:url(../images/catalog/alert_ok.png) center top no-repeat; text-align:center; margin:0px 0px 20px 0px; padding:0px; border-bottom: 2px solid #cc9900; width:426px;}
div#register_confirmation p{padding:80px 0px 15px; text-align:center;}

div.messages {
	padding-top: 45px;
	font-weight: bold;
	text-align: center;
	color: #ff4500;
	background-image: url(../images/catalog/alert.png);
	background-repeat: no-repeat;
	background-position: center top;
	}
div.messages ul {margin: 0; padding: 10px 0;}
div.messages li.error {
	list-style: none;
	color: #ff4500;
	margin: 10px 0px 0px 0px;
	}

/**
 *	Precios
 */
div.product div.options p.price, div#product p.price {
	float:left;
	margin: 4px 10px 0 0;
	height: 14px;
	padding: 1px 0 0 0;
	color: #CC9900;
	font-size: 11px;
	font-weight:bold;
	text-align:center;
	}
div.product div.options p.priceoffer, div#product p.priceoffer {
	float:left;
	margin: 2px 0px;
	padding: 1px 0 0 0;
	color:#cc9900;
	font-size: 11px;
	font-weight:bold;
	}
div.product div.options p.priceoffer .old, div#product p.priceoffer .old {
	text-decoration: line-through;
	margin-right: 3px;
	color: #999999;
	}

/**
 *	tags
 */
div.tags p.featured {
	color: #006600;
	background:url(../../images/catalog/icon_featured.gif) no-repeat;
	}
div.tags p.offer {
	color: #006600;
	background:url(../../images/catalog/icon_offer.gif) no-repeat;
	}
div.tags p.new {
	color: #006600;
	background:url(../../images/catalog/icon_new.gif) no-repeat;
	}

div.tags  {
	float:left;
	margin: 10px 0 15px 0;
	width: 100%;
	}

div#products div.tags  { margin: 0; }
div.tags p {
	float: left;
	margin:0 10px 5px 0;
	height:14px;
	padding: 4px 10px 5px 24px;
	font-weight: bold;
	}

/**
 *	Campos
 */
div.registration input, div.registration select, div.registration textarea  {
	margin-bottom: 12px;
	border:1px solid #909090;
	padding-left: 4px;
	width: 240px;
	}

div.registration select#id_province {
	width: 240px;
	padding: 0px;
}

div#popin { width: 600px; }