/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/


/*.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }*/
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY { font: 8pt/12pt Trebuchet MS, Arial; margin:0px; padding:0px; background-color:#D2D4D4; }
A { color:#999999; text-decoration:underline; }
A:hover { color:#F6ADD7; text-decoration:underline; }
FORM { display:inline; }
TR.header { text-decoration:none; }
TR.headerNavigation { background:#bbc3d3; }
TD.headerNavigation { font-family:Trebuchet MS, Arial; font-size:11px; background:#bbc3d3; color: #000000; font-weight:bold; }
A.headerNavigation { color:#999999; }
A.headerNavigation:hover { color:#F6ADD7; }
TR.headerError { background: #ff0000; }
TD.headerError { font-family: Trebuchet MS, Arial; font-size: 12px; background: #ff0000; color: #000000; font-weight : bold; text-align : center; }
TR.headerInfo { background: #00ff00; }
TD.headerInfo { font-family: Trebuchet MS, Arial;font-size: 12px; background: #00ff00; color: #000000; font-weight: bold; text-align: center; }
TR.footer { background: #bbc3d3; }
TD.footer { font-family: Trebuchet MS, Arial; font-size: 11px; background: #bbc3d3; color: #000000; font-weight: bold; }
.infoBox { background: #b6b7cb; }
.infoBoxContents { background: #f8f8f9; font-family: Trebuchet MS, Arial; font-size: 11px;}
.infoBoxNotice { background: #FF8E90; }
.infoBoxNoticeContents { background: #FFE6E6; font-family: Trebuchet MS, Arial; font-size: 11px; }
TD.infoBoxHeading { font-family: Trebuchet MS, Arial; font-size: 11px; font-weight: bold; background: #bbc3d3; color: #000000; }
TD.infoBox, SPAN.infoBox { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { background: #FFFFFF; }
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even { background: #FFFFFF;}
TABLE.productListing { border: 1px; border-style: solid; border-color: #b6b7cb; border-spacing: 1px; }

.productListing-heading {
  font-family: Trebuchet MS, Arial;
  font-size: 11px;
  background: #b6b7cb;
  color: #000000;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Trebuchet MS, Arial;
  font-size: 11px;
  padding:2px 0px;
  width:180px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}
TD.pageHeading, DIV.pageHeading {
background-color:#C6C8CA;
padding-left:5px;
color:#FFFFFF;
font-weight:bold;
}
TD.pageHeading, DIV.pageHeading {
  font-family: Trebuchet MS, Arial;
  font-size: 20px;
  font-weight: bold;
  color:#000000;
}
TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Trebuchet MS, Arial;
  font-size: 11px;
  color: #000000;
}

TD.main, P.main {
  font-family: Trebuchet MS, Arial;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Trebuchet MS, Arial;
  font-size: 11x;
}

TD.accountCategory {
  font-family: Trebuchet MS, Arial;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Trebuchet MS, Arial;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Trebuchet MS, Arial;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Trebuchet MS, Arial;
  font-size: 11px;
  color:#CC0099;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Trebuchet MS, Arial;
  font-size: 11px;
}
TEXTAREA {
  width: 100%;
  font-family: Trebuchet MS, Arial;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Trebuchet MS, Arial;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Trebuchet MS, Arial;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Trebuchet MS, Arial;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Trebuchet MS, Arial;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Trebuchet MS, Arial;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Trebuchet MS, Arial; font-size: 11px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Trebuchet MS, Arial; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Trebuchet MS, Arial; font-size: 11px; }
.messageStackError, .messageStackWarning { font-family: Trebuchet MS, Arial; font-size: 11px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Trebuchet MS, Arial; font-size: 11px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Trebuchet MS, Arial; font-size: 11px; color:#F6ADD7; }

/* categories box */
.categoriesBox{
  font-family: Trebuchet MS, Arial;
  font-size: 11px;
  background-color:#b7b7b7;
}
A.categoriesBox{
  color: #FFFFFF;
  font-weight:bold;
}
A.categoriesBox:hover{
  color: #0000FF;
}
/* shoppingcart box */
.shoppingCartBox{
  background-color:#777777;
}
.shoppingCartBoxContents{
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
	color:#000000;
	padding:5px 0px;
}
.shoppingCartBoxContentsHeader{
  font-family: Trebuchet MS, Arial;
  font-size: 11px;
  background-color:#b7b7b7;
  color:#FFFFFF;
  font-weight:bold;
  padding:3px;
}

/* tutete */
@charset "utf-8";

/* CSS Document */

.container{
width:990px; /*ancho total de la pagina*/
/*border:1px solid #333333; encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/
margin:0px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/
text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/
}
.base_home{
width:990px; /*ancho total de la pagina*/
height:600px;
/*border:1px solid #333333; encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/
margin:30px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/
text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/
background: url('images/baseplus.gif') no-repeat;
background-position:50% 40;
}
.limpiar{
clear:both;
overflow:hidden;
height:0px;
width:0px;
margin:0px;
padding:0px;
font-size:0px;
}
.menu{
float:left;
padding:34px 40px;
}
ul.menu_shop{
float:right;
padding:40px 88px 0px 0;
list-style:none;
}
.menu_commerce{
float:right;
padding:20px 18px 0px 0px;
}
.menuItems{
float:left;
font: 7pt/17pt Verdana, Arial;
margin:0px;
padding:0px 3px;
line-height:14px;
}
.logo_commerce{
float:right;
background: url('images/logo.gif') no-repeat;
width:250px;
height:83px;
position:relative;
top:-21px;
right:95px;
}
.logo{
float:left;
background: url('images/logo.gif') no-repeat;
width:250px;
height:83px;
position:relative;
top:0px;
}
.logo_shop{
float:right;
background: url('images/logo.gif') no-repeat;
width:250px;
height:83px;
position:relative;
right:95px;
}
.logo_commerce{
float:right;
background: url('images/logo.gif') no-repeat;
width:250px;
height:83px;
position:relative;
top:-21px;
right:95px;
}
.nota_legal{
font:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:normal;
color:#6f6f6f;
text-align:center;
line-height:11px;
padding-top:3px;
}
.boton_big{
float:left;
background:transparent url(images/boton_gris.gif) 0 0 no-repeat;
text-align:center;
width:80px;
height:20px;
color:#404040;
text-decoration:none;
font-size:10px;
line-height:18px;
}
.boton_big:hover{
background-position:-80px 0;
color:#A7A9AC;
text-decoration:none;
}
.boton_big_rosa{
float:left;
background:transparent url(images/boton_rosa_big.gif) repeat-x left top;
color:#A7A9AC;
text-align:center;
width:80px;
height:20px;
font-size:10px;
line-height:18px;
}
.boton_big2{
float:left;
background:transparent url(images/boton_white.gif) 0 0 no-repeat;
text-align:center;
width:70px;
height:17px;
color:#6D6F71;
text-decoration:none;
}
.boton_big2:hover{
background-position: -70px 0;
color:#A7A9AC;
text-decoration:none;
}
.boton_big_rosa2{
float:left;
background:transparent url(images/boton_rosa_big2.gif) repeat-x left top;
color:#A7A9AC;
text-align:center;
width:70px;
height:16px;
}
.box_container{
float:left;
}
.box_1{
float:left;
width:441px;
padding:19px 33px 24px 47px;
text-align:justify;
}
.box1_heading{
background-color:#C6C8CA;
padding:5px 0px 5px 15px;
color:#FFFFFF;
font-weight:bold;
}
.box1_body{
border:1px solid #D1D3D4;
overflow:hidden;
}
.box1_content{
padding:15px;
border:none;
}
.box1_titular{
font-weight:bold;
padding-left:15px;
}
.box1_body .list-item {
padding-bottom: 30px;
}
.contact_box{
background-color:#E7E8E9;
width:200px;
padding:10px 15px;
clear: both;
}
.box_2{
float:left;
width:220px;
padding:45px 10px;
}
.espvert_1{
margin-top:30px;
}
.boton_home{
float:left;
background:transparent url(images/boton_home.gif) repeat-x left top;
width:105px;
height:22px;
text-decoration:none;
float:left;
font: 8pt/17pt Verdana, Arial;
margin:0px 5px;
line-height:14px;
color:#6D6F71;
}
.boton_home:hover{
color:#A7A9AC;
text-decoration:none;
}
.boton_clientes{
float:left;
background:transparent url(images/boton_clientes.gif) 0 0 no-repeat;
width:115px;
height:20px;
text-decoration:none;
float:left;
font: 8pt/17pt Verdana, Arial;
line-height:14px;
color:#6D6F71;
text-align:center;
}
.boton_clientes:hover{
background-position: -115px 0;
color:#A7A9AC;
text-decoration:none;
}
.boton_clientes_rosa{
float:left;
background:transparent url(images/boton_home_rosa2.gif) repeat-x left top;
width:115px;
height:20px;
text-decoration:none;
float:left;
font: 8pt/17pt Verdana, Arial;
line-height:14px;
color:#A7A9AC;
text-align:center;
}
/*
.base_commerce{
width:720px;
height:643px;
margin:30px auto;
text-align:left;
background: url('images/base_shop.gif') no-repeat;
background-position:50% 40;
}
*/
.base_commerce_top{
width:990px; /*ancho total de la pagina*/
height:98px;
margin:0 auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/
text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/
background: url('images/imagenHeader.gif') no-repeat;
background-position:50% 0;
}
.base_commerce_middle{
width:990px;
margin: 0 auto;
height:auto; /*He probado con height:1px; que es lo que mide la imagen y nada tampoco*/
text-align:left;
background: url('images/imagenCuerpo.gif') repeat-y;
background-position:50% 0;
}
.base_commerce_bottom{
width:990px; /*ancho total de la pagina*/
height:50px;
margin:0px auto 30px; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/
text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/
background: url('images/imagenFooter.gif') no-repeat;
background-position:50% 0;
}
.botonera_cesta{
padding:20px 0px 10px 133px;
}
.cartItems{
float:left;
font: 7pt/17pt Verdana, Arial;
margin:0px;
padding:0px 20px;
line-height:14px;
}
.login{
padding:10px 40px 0px 0px;
float:right;
}
.breadcrumb{
padding:10px 0px 0px 36px;
width:500px;
float:left;
}
.form_input{
padding:5px;
}
.form_label{
padding:5px 0px 0px 5px;
}
.label_row{
background-color:#D6D6D6;
width:425px;
padding:3px 0px;
}
.label_row_marcas{
background-color:#D6D6D6;
width:410px;
padding:3px 0px;
margin-left:15px;
}
.label_cart{
background-color:#D6D6D6;
font-weight:bold;
border-right:5px solid #A6A6A6;
}
.product_info_left{
width:440px;
float:left;
}
.product_info_right{
width:275px;
padding:45px 5px;
float:left;
}
.quantity_box{
margin:30px 0px 0px 25px;
border:2px solid #D1D3D4;
}
.quantity_box_heading{
background-color:#F6ADD7;
padding:5px 0px 5px 5px;
color:#FFFFFF;
font-weight:bold;
}
.pink_label{
background-color:#FBE6EF;
float:left;
padding:2px 8px 1px 23px;
margin:5px 2px 0px 0px;
}
.label_recuerda{
background-color:#D6D6D6;
width:425px;
padding:5px 0px;
}
.texto_recuerda{
padding:0px 15px;
}
.pest_select{
float:left;
background:transparent url(images/pestana_shop.gif) 0 0 no-repeat;
text-align:center;
width:147px;
height:17px;
color:#6D6F71;
text-decoration:none;
}
.pest_unselect{
float:left;
background:transparent url(images/pestana_viceshop.gif) 0 0 no-repeat;
text-align:center;
width:147px;
height:17px;
color:#6D6F71;
text-decoration:none;
}
.pest_select:hover{
background-position: -147px 0;
color:#A7A9AC;
text-decoration:none;
}
.pest_unselect:hover{
background-position: -147px 0;
color:#A7A9AC;
text-decoration:none;
}
.boton_cesta{
float:left;
background:transparent url(images/boton_cesta.gif) repeat-x left top;
text-align:center;
width:75px;
height:17px;
color:#6D6F71;
text-decoration:none;
}
.boton_cesta:hover{
color:#A7A9AC;
text-decoration:none;
}
.muestra_flotante{
display:block;
 }
.muestra_flotante:hover{
display:hidden;
}
.botcerrar01{
padding-right:8px;
padding-top:5px;
padding-bottom:4px;
float:right;
}
.botcerrar01 .botactivo{
font-size:10px;
font-weight:bold;
}
.botcerrar01 .botactivo a{
text-decoration:none;
color:#FFFFFF;
border:1px solid #5A5A5A;
height:11px;
background-color:#999999;
padding:0px 4px;
}
.botcerrar01 .botactivo a:hover{ color:#000000; background-color:#FFFFFF; text-decoration:none; }
.botcerrar01texto{ padding-top:4px; text-align:right; margin-right:30px; }
.contenedor_chupes_home{ padding:25px 0px 0px 30px;}
.chupes_home{ border:0px; }
.mov_chupes:hover{ padding-left:2px; }
.left_column{ float:left; padding-left:14px; text-align:justify; width:160px; }
.right_column{ float:left; margin-left:13px; text-align:justify; width:740px; }
.index_container{ width:940px; padding:20px 0 20px 20px; }
.categories_boxText{ width:160px; }
.graba_nombre{ margin:50px 0px 0px -132px; float:left; width:80px; font-family:Comic Sans MS; color:#000000; font-weight:bold; font-size:13px; text-align:center; }
.graba_nombre_2{ margin:50px 0px 0px -130px; float:left; width:80px; font-family:Comic Sans MS; color:#000000; font-weight:bold; font-size:12px; text-align:center; }
.flota_izda{ float:left; }
.imagen_graba{ float:left; border:2px solid #D1D3D4; height:150px; width:180px; margin:0px 0px 0px 46px; }
.imagen_auxiliar{ border:2px solid #D1D3D4; height:62px; width:180px; margin:10px 0px 0px 46px; }
.contenedor_precios{ background-color:#FBE6EF; width:165px; padding-left:9px; float:left; }
.category_selected{ background:transparent url(images/triangle_selected.gif) no-repeat 0 0; height:10px; width:12px; float:left; margin:3px 5px 0px 0px; }
.category{ width:150px; height:20px; text-decoration:none; margin-left:15px; }
.text_category_selected{ width:150px; background-color:#C6C8CA; }
/* Behaviour of tree/plain menu item - leave as is for proper performance */
.treemenudiv{ display:block; white-space:nowrap; }
 /* Class of table cells containing plain menus */
.phplmbodytable{ width:150px; padding:1px 0px; }
a.phplm{ text-decoration:none; text-align:left;}
/*a.phplm:visited{ color:#999999; font-size:12px; text-decoration:none; }*/
/* Font color, style of menu items when hovered over */
a.phplm:hover{ /*color:#FFF; background-color:#C6C8CA; text-decoration:none; font-weight:bold;*/ font-weight:bold; color:#FFF; background:#C6C8CA url(images/triangle_selected.gif) no-repeat 0px 3px; padding:0px 10px 0px 15px; }
/*a.phplm:active{ color:#ff0000; font-size:12px; text-decoration:none; }*/
/* Style overide for selected category tree */
.dmselected{ font-weight:bold; color:#FFF; background:#C6C8CA url(images/triangle_selected.gif) no-repeat 0px 3px; padding:0px 10px 0px 15px; }
table.darkbordertable{ width:160px; }
.shopping_cart{ width:235px; border:1px solid #D1D3D4; background:#F8F8F9 none repeat scroll 0 0; }
#indicator { visibility:hidden; }
.language_box{ width:90px; float:right; background:#FFF; }
select.language_box{ border:0px; }
.language{ padding:10px 0 0 36px; width:110px; float:left; }
.box_3{ float:left; padding:45px 0; width:218px; }
.top_links{ padding:10px 40px 0px 0px; width:380px; float:right; }
.top_links .top_my_account { padding-right: 33px; }
.top_links .top_my_account { background: transparent url(images/icons/vcard.png) no-repeat scroll 0 0; padding-left: 20px; }
.top_links .top_login { background: transparent url(images/icons/bullet_key.png) no-repeat scroll 0 0; padding-left: 16px; }
.login_links{ float:left; padding:0px 10px 0 0; width:260px; }
.notice-msg { background-color:#FAFAEC; background-image:url(images/icons/note_msg_icon.gif); color:#3D6611; background-position:10px 10px !important; background-repeat:no-repeat !important; border-width:1px !important; font-size:0.95em !important;	font-weight:bold !important; margin-bottom:1px !important; min-height:18px !important; padding:8px 8px 8px 32px !important; }
#thawteseal { margin-top: 20px; }
.estimatedshippingBox { background: #FF8E90; }
TD.estimatedshippingBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; background: #bbc3d3; color: #ffffff; }
.estimatedshippingBoxContents { background: #f8f8f9; font-family: Verdana, Arial, sans-serif; font-size: 10px; } 
.ShowShipping { background: #444ddd; color: #fffffa; font-family: Verdana, Arial, sans-serif; font-size: 6px; font-weight: bold; text-align: center; }
.shipping-estimator-link { background:url(images/icons/lorry.png) no-repeat scroll 0 5px transparent; border-bottom:1px solid #D1D3D4; border-top:1px solid #D1D3D4; color:#000000; padding:5px 0 5px 20px; text-decoration:none; }
.shipping-estimator-link a { text-decoration: none; }