* {
margin:0;
padding:0;
}

acronym {
  text-decoration:underline;
}
a, a:visited{
  text-decoration:none;
  color:royalblue;
}

a:hover{
  text-decoration:underline;
}

table {
	background-color: #fff;
	border: 1px solid #ccc;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
	border-collapse:collapse;
}

th {
	background-color: #ccc;
	border: 1px solid #666;
	text-align: center;
	padding:0.2em 0;
}
th a {
	display: block;
	padding: 0 0.2em;
	text-decoration: none;
}
th a:hover {
	background-color: #ccc;
	color: darkgreen;
	text-decoration: underline;
}

table td{
  padding:0.3em;
}

table tr.altrow td{
  background-color:#eaeaea;
}

#flashMessage {
  background-color: lightyellow;
  border: 1px solid #f00;
  text-align:center;
  font-size:0.9em;
  padding:1.5em 1em;
  margin-bottom:1em;
}

.alert {
  padding: 1em;
  background-color:lightyellow;
  font-weight:bold;
  text-align:center;
  color:darkgreen;
  border:1px solid orange;
}

div.error-message {
	clear: both;
	color: #F00;
	font-weight: bold;
}

.last {
  margin-right:0;
}

.odd {
   margin:0 0 1em 0em;
}

input.required {
  background-color:lightyellow;
  border:1px solid #ccc;
  height:1.4em;
  line-height:1.4em;
  padding:0 0.2em;
}

/**********************************************************
*  STRUCTURE
***********************************************************/

body {
  font-family: "Trebuchet MS", arial;
  background-color:#fff;
  font-size:0.9em;
}

#container {
  width:63.5em;
  margin:0 auto;
  background-color:#fff;
  padding:0.5em;
}

#lcol {
  width:15em;
  float:left;
  padding:0 0 0 0;
  dborder:1px solid;
}

#lcol dd img{
  margin:0.2em auto 0 auto;
}

#rcol {
  width:46em;
  float:right;
  padding:0 1em 1em 1em;
  dborder:1px solid;
}

#rcol #content .desc {
  text-align:justify;
  margin:1em 0;
}

#rcol #content .desc ul{
  margin:1em;
}
/**********************************************************
*  HEADER / FOOTER
***********************************************************/

#header {
  margin:1em 0;
  background:transparent url(/img/header.png)  0 -3.5em repeat-x;
  width:100%;
  overflow:hidden;
}

#header .shopname {
  font-size:2.2em;
  width:15em;
  float:left;
}

#header .shopname span{
  font-size:0.5em;
  color:#f00;
}

#header .shopname a, #header .shopname a:visited{
  color:#666;
  text-decoration:none;
}

#header .shopname a:hover {
  text-decoration:underline;
}

#header .cart {
  list-style:none;
  text-align:right;
  float:right;
  background:transparent url(/img/cart.png) no-repeat;
  padding:0 0 0.5em 4em;
  height:2.3em;
  width:8em;
}

#header .cart li{
  text-align:center;
  padding-bottom:0.2em;
}

#header .menutop {
  clear:both;
  list-style:none;
  width:100%;
  overflow:hidden;
  border-top:4px solid #ddd;
  margin:4em 0 0 0;
}

#header .menutop li{
  float:left;
  width:8.69em;
  height:3em;
  text-align:center;
  margin:0 0.24em 0 0;
  line-height:3em;
  bbackground-color:#81ADD2;
  border-top:1px solid #aaa;
  border-bottom:1px solid #ddd;
  border-left:1px solid #e0e0e0;
  border-right:1px solid #e0e0e0;
}

#header .menutop li.last {
  margin-right:0;
}

#header .menutop li.double {
  line-height:1em;
  padding-top:1em;
  height:2.5em;
  font-size:0.85em;
  width:10.5em;
}

#header .menutop li a{
  color:#fff;
  color:#aaa;
  font-weight:bold;
  text-decoration:none;
  font-family:arial;
  text-transform: uppercase
}

#header .menutop li a:hover{
  text-decoration:underline;
}


#footer {
	clear: both;
	text-align: center;
  list-style:none;
  background:transparent url(/img/footer.png) top left repeat-x;
  padding:0.3em 0 0.8em 0;
  margin-bottom:1em;
  width:100%;
  overflow:visible;
}

#footer li{
  display:inline;
  padding:0 0.5em;
}

#footer li a{
  color:#666;
}

/**********************************************************
*  BOXES
***********************************************************/

.boxl, .boxr {
  background:#fff url(/img/bl_end.png) bottom left no-repeat;
  padding-bottom:0.34em;
  margin-bottom:1em;
}

.boxl dt, .boxr dt {
  background:#fff url(/img/bl_top.png) no-repeat;
  font-size:1.1em;
  font-weight:bold;
  color:#fff;
  padding:0.35em 0 0 0.5em;
  height:1.5em;
}

.boxl dd, .boxr dd {
  background:#fff url(/img/bl_side.png) repeat-y;
  padding:0.5em 0.8em 0.5em 0.54em;
}

.boxr {
  margin-top:1em;
  background:#fff url(/img/br_end.png) bottom left no-repeat;
}

.boxr dt {
  background:#fff url(/img/br_top.png) no-repeat;
}

.boxr dd {
  background:#fff url(/img/br_side.png) repeat-y;
}

.discountBar{
  clear:both;
  text-align:center;
  margin-top:1.8em;
}

.discountBar img{
  margin:0 1em;
}

/**********************************************************
*  MENU
***********************************************************/

#menu {
  font-size:0.88em
}

#menu ul {
  list-style:none;
}

#menu li {
  background: url(/img/bullet1.gif) 0 0.56em no-repeat;
  padding-left:1em;
}

#menu li a{
  color:#333;
  display:block;
  width:14.4em;
}

#menu li li{
  dbackground: url(/img/bullet2.gif) 0 0.7em no-repeat;
  background: none;
  border-bottom:1px dashed #666;
}

#menu li li a{
  color:#666;
  width:13.6em;
}

#menu ul li ul{
  margin:0 0 1em 0;
}

#menu li li li {
  border-bottom:none;
}

#menu .subchildren {
  display:none;
  position:absolute;
  margin-left:13.5em;
  *margin-left:0em;
  margin-top:-1.4em;
  *margin-top:-0.5em;
  background-color:#fff;
  padding:0.5em;
  border: 1px solid #666;
}

#menu li.node:hover ul, #menu li.rootNode:hover .subchildren {
  display:block;
}

#menu .subnode a {
  width:auto;
}

.js #DHmenuvm, #DHmenuvm ul {
	list-style: none;
	padding: 0;
}

.js #DHmenuvm ul li{
  margin-left:0.8em;
  list-style:square;
  color:orange;
  padding-left:0;
  padding-bottom:0.2em;
}

.js #DHmenuvm li a:hover{
  color:#A66000;
}

.aviso {
  text-align:center;
  margin-top:1em;
  background-color:#e5e5ff;
  font-size:0.9em;
  padding:0.2em;
}

/**********************************************************
*  CRUMBS
***********************************************************/

.crumbs {
  text-transform:capitalize;
  text-align:center;
  border-bottom: 2px solid royalblue;
  margin-bottom:0.75em;
  color:#b40419;
}

.crumbs strong {
  color: darkorange;
}

.crumbs a, .crumbs a.visited{
  color:#b40419;
}

/**********************************************************
*  Portada
***********************************************************/
#Brands.index #lcol{
  display:none;
}

#Brands.index #rcol{
  float:left;
  width:100%;
  padding:0 0 1em 0;
}

#Brands.index #rcol ul.brands{
  width:41em;
  overflow:auto;
  float:left;
  list-style:none;
}

#Brands.index #rcol li{
  float:left;
  width:17.9em;
  padding:0.85em 0.88em;
  line-height:1.3em;
  margin:1em 1em 0 0;
}

#Brands.index #rcol li.odd{
  margin:1em 0 0 0;
}


#Brands.index #rcol li img{
  float:left;
  width: 115px;
  height: 115px;
  border:2px solid #aaa;
  padding:0.2em;
  background-color:#FFF;
}

#Brands.index #rcol li dl {
  float:right;
  width:8.6em;
}

#Brands.index #rcol li dt{
  font-weight:bold;
  font-size:1.2em;
  text-align:center;
}

#Brands.index #rcol li dd{
  text-align:justify;
}

#Brands.index #rcol li a {
  display:block;
  text-align:center;
  font-weight:bold;
  margin-top:0.2em;
}

.imgbrands {
  width:110%;
  overflow:hidden;
}

.imgbrands img{
  padding-right:0.87em;
}
.nyd {
  background-color:#F5BED5;
}

#Brands.index #rcol li.nyd dt, #Brands.index #rcol li.nyd a {
  color:#973A59;
}

.maurens {
  background:#D3EB89;
}

#Brands.index #rcol li.maurens dt, #Brands.index #rcol li.maurens a {
  color:#465C07;
}

.cedib {
  background-color:#FFD7aa;
}

#Brands.index #rcol li.cedib dt, #Brands.index #rcol li.cedib a{
  color:#FF7733;
}

.abidis {
  background-color:#B7C5E2;
}

#Brands.index #rcol li.abidis dt, #Brands.index #rcol li.abidis a{
  color:#2F3E5F;
}

#Brands.index .productItems {
  width:22em;
}

#Brands.index .discountBar {
  clear:none;
  width:40em;
  padding-top:1.8em;
  margin-bottom:0em;
}

#Brands.index .boxr {
  margin-bottom:0;
  float:right;
  width:22em;
}

#Brands.index .boxr dt{
  padding-left:1em;
}

#Brands.index .boxr dd{
  text-align:justify;
  padding:0;
}

.boxr p {
  padding:0.5em 0.8em 0.5em 0.5em;
}

#Brands.index .boxr .productIndex {
  float:none;
  font-size:0.9em;
  width:23em;
}

.boxr .productItems {
  margin:0 0 0 0.7em;
  padding-top:0.5em;
}

.boxr .productIndex dt{
  height:auto;
}

.boxr .productIndex dt img{
  padding:0;
  margin:0 0 0 -9.3em;
  width:110px;
  height:110px;
  float:left;
}

#Brands.index .boxr .productIndex p {
  width:12.9em;
  padding:0;
}

#Brands.index .boxr .productIndex .price {
  width:12.5em;
}

#Brands.index .boxr .productIndex p a {
  padding:0.4em 0.4em;
}

/**********************************************************
*  CATEGORY
***********************************************************/

.categoryBanner {
  display:block;
  margin:1em auto 0em auto;
}

#Categories.view #rcol table{
  border:none;
  font-size:1em;
}

#Categories.view #rcol table td{
  border:none;
  text-align:left;
  vertical-align:top;
  padding:0;
}

#Categories.view #rcol table .desc{
  margin-top:0;
}

#Categories.view .boxr {
  float:none;
  width:22em;
  margin:1em 0 0 0;
}

#Categories.view .boxr .productItems {
  margin-left:0;
  overflow:hidden;
}

#Categories.view .boxr .productIndex {
  width:20.8em;
}

#Categories.view .boxr dt{
  padding:0.5em 0 0.1em 0.9em;
  line-height:1.4em;
  font-size:0.95em;
}

#Categories.view .boxr .productIndex dd {
  height:4.8em;
}

#Categories.view .boxr .productIndex img {
  height:115px;
}

#Categories.view .boxr .productIndex .price{
  width:10.2em;
}

#Categories.view .boxr .productIndex p{
  width:12.2em;
  padding:0;
  font-size:0.9em;
}

#Categories.view .boxr .productIndex p a{
  padding: 0.4em 0.2em
}

#Categories.view .boxr li{
  margin-left:1.2em;
  font-family:arial;
}

#Categories.view .boxr li a, a:visited{
  color: #666;
}

/**********************************************************
*  PRODUCT
***********************************************************/

.productItems {
  margin-top:1em;
}

.productDiscount {
  color:red;
  font-weight:bold;
}

.productIndex {
   float:left;
   width:22.5em;
   margin:0 1em 1em 0em;
   background:none;
   background-color: #f9f9ff;
}

.productItems .inactive {
   background-color: pink;
}

.productItems .odd{
   margin:0 0 1em 0;
}

.productIndex dt{
  margin-left:9em;
  font-size:1em;
  font-weight:bold;
  margin-right:0.5em;
  text-transform:capitalize ;
  border-bottom:2px solid darkred;
  background:none;
}

.productIndex dt a{
  text-decoration:none;
  color:darkorange
}

.productIndex dt img{
  float:left;
  margin-left:-9em;
  width:8em;
  height:8em;
  border:1px solid #e0e0e0;
}

.productIndex dd{
  margin-left:9em;
  background:none;
}

.productIndex p {
  width:100%;
  overflow:show;
}

.productIndex .price {
  text-align:right;
  width:12.8em;
  margin:0.2em 0 0.15em 0;
}

.productIndex .price span {
  float:right;
  font-weight:bold;
}

.productIndex .regular {
  font-size:2.5em;
  color:#aaa;
  padding:0.1em 0;
}

.productIndex .regularwas {
  color:#f00;
  margin:2em 1em 0 0;
}

.productIndex .discount {
  color:darkgreen;
  font-size:1.9em;
  font-weight:bold;
}

.productIndex .moreInfo, .productIndex .addCart, .productIndex .moreInfo:visited {
  float:left;
  width:9em;
  color:#fff;
  font-weight:bold;
  background-color:darkgreen;
  padding:0.2em 0.5em;
  text-align:center;
  font-size:0.8em;
}

.productIndex .addCart, .productIndex .addCart:visited {
  background-color:#000;
  color:#fff;
  width:5em;
}

.productView {
  margin:1em 0;
}

div.inactive{
  background-color:pink;
}

.productView .price {
  width:15em;
  text-align:center;
  margin:0 auto 1em auto;
  border:1px;
}

.productView .price span{
  display:block;
  text-align:center;
  float:left;
}

.productView .price .regularwas{
  color:#ff3333;
  width:5em;
  font-weight:bold;
  margin:3.2em 0 0 0;
}

.productView .price .discount, .productView .price .regular{
  font-size:2.5em;
  width:3.6em;
  font-weight:bold;
  margin:0;
  color:darkgreen;
  text-align:center;
}

.productView .price .regular{
  margin:0 0 0 1.5em;
}

.productView .price em{
  clear:both;
  text-align:right;
  color:#aaa;
}

.productView .foto {
  width:225px;
  overflow:visible;
  float:left;
  margin:0 2em 1em 0;
}

.productView .foto img{
  width:225px;
  height:225px;
  border:2px solid #ddd;
  padding:0.5em;
}

.productView .disp{
  text-align:center;
  font-family:arial;
  margin-bottom:1em;
}

.productView .disp strong{
  color:#f00;
}

.productView .action{
  text-align:center;
  font-family:arial;
}

.productView .action .submit, .productView .action .input{
  display:inline;
  padding:0 0.5em;
}

.productView .action .input input{ width:1.5em;}

.productView h3, #Categories.view h3{
  clear:both;
  text-align:center;
  margin:1em 0 1em 0;
  border-bottom: 2px solid royalblue;
  color:darkorange;
}

#rcol #content .productView .desc {
  margin-top:0;
}

.productView .colors {
  margin-bottom:1em;
}

.productView .colorstable {
  text-align:center;
}

/**********************************************************
*  PAGES
***********************************************************/

#Pages.display #lcol{
  display:none;
}

#Pages.display #rcol{
  float:left;
  width:100%;
  padding:0 0 1em 0;
}

#Pages.display #rcol dt{
  font-size:1.2em;
	color: #993;
}

#Pages.display #rcol dd{
  margin-bottom:1em;
  padding:0.5em;
  background-color: #f8f8ff;
}

#Pages.display #rcol dd li{
  margin-left:2em;
}

#Pages dd p{
  margin-bottom:1em;
}

#Pages #rcol li {
 margin-left:1em;
}

/* Contacto */

#Pages .lcont {
  float:left;
  width:16em;
}

#Pages .boxl {
  margin-top:0;
  width:15em;
}

#Pages .boxl dt {
  padding:0.3em 0.5em 0 0.5em;
}

#Pages .boxl dd {
  margin:0;
}

#Pages form {
  float:right;
  width:46em;
}

#Pages form p{
  margin-bottom:1em;
}

#Pages fieldset, #Orders.search fieldset {
  padding:1em;
}

#Pages legend, #Orders.search legend {
  margin-bottom:0.5em;
}

#Pages label, #Orders.search label {
  float:left;
  width:22.5em;
  text-align:left;
  padding-bottom:0.5em;
  color:#4169e1;
}

#Pages .inputT , #Orders.search .inputT{
  width:23.6em;
  height:1.48em;
  background-color:#fffff4;
  border: 1px solid #666;
}

#Pages textarea {
  width:48em;
  background-color:#fffff4;
  border: 1px solid #666;
  height:11.3em;
}

#Pages #denviar {
  clear:both;
  text-align:center;
  width:100%;
  float:left;
}

/**********************************************************
*  CART
***********************************************************/

#Cartitems table .cartTotals, #Cartitems table .cartNumber, #Cartitems table .cartNumberDiscount {
  text-align:right;
  white-space: nowrap;
	vertical-align: middle;
}

#Cartitems table .cartNumberDiscount {
  color:red;
}

#Cartitems table td {
  text-align:left;
  border:none;
}

#Cartitems table td div.input {
  display:inline;
  padding-right:0.5em;
}

#Cartitems table td input{
  width:1.3em;
  text-align:right;
  padding: 0 0.2em;
  font-size:0.95em;
}


#Cartitems table img {
  width:3.5em;
  height:3.5em;
  border:1px solid #ccc;
  float:left;
  margin-right:0.5em;
}

#Cartitems .actions {
  list-style:none;
  text-align:center;
}

#Cartitems .actions li {
  display:inline;
  padding:0 2.5em;
}

#Cartitems .actions li .submit {
  display:inline;
}

#Cartitems sup {
  color:red;
  font-size:0.85em;
}

#Cartitems.index  ul.info {
  margin:1em 0;
  margin-top:1.5em;
  background-color: #f7f7ff;
  padding:1em 2em;
}

#Cartitems .deleteJS {
  color:#f66;
}

/**********************************************************
*  ORDER
***********************************************************/
#Orders h4 {
  font-size:1.2em;
	color: #993;
  margin-bottom:0.2em;
}

#Orders.view #rcol ul {
  margin:1em;
  margin-bottom:2em;
}

#Orders.add p {
  text-align:center;
}

#Orders.add #rcol dt {
  font-weight:bold;
  font-size:1.1em;
  color:darkred;
}

#Orders.add fieldset, #Orders.returnvisako fieldset {
  margin:1em 1.3em;
  padding:0.5em;
}

#Orders.add #rcol form div {
  display:inline
}

#Orders.add #rcol ul, #Orders.view #rcol ul {
  margin:1em 0 1em 0;
  padding:1em 2.5em;
  background-color: #f8f8ff;
}

#Orders.add #rcol li {
  text-align:justify;
}

#Orders.add .fp1, #Orders.returnvisako .fp1 {
  text-align:center;
}

#Orders.add .fp1 label, #Orders.add .fp4 label{
  padding-right:1em;
}

#Orders.add .fp2 {
  width:42.26em;
  padding-bottom:1em;
}

#Orders.add #CustomerEmail {
  width:19.2em;
}

#Orders.add .fp2 legend, #Orders.add .fp3 legend{
  margin-bottom:0.5em;
}

#Orders.add .fp2 label, #Orders.add .fp3 label {
  padding-right:0.5em;
}

#Orders.add .fp2 div, #Orders.add .fp3 div {
  float:left;
  margin-bottom:0.5em;
}

#Orders.add .fp4 {
  text-align:center;
}

#Orders.add .fp4 div.submit input{
  margin-top:1em;
}

#Orders.add textarea {
  width:44.9em;
}

#Orders.search form ul {
  margin-left:1.1em;
}

#Orders.search .submit {
  margin-top:1em;
}

#Orders.confirm ul, #Orders.returnvisako ul{
  margin:0.5em 0 0.5em 1em;
}

#Orders.confirm .submit, #Orders.returnvisako .submit {
  display:block;
  margin:0 auto;
  width:5em;
  color:darkgreen;
  font-weight:bold;
}

/**********************************************************
*  CUSTOMER
***********************************************************/

#CustomerName {
  width:24.4em;
}

#CustomerNif, #CustomerPhone {
  width:5.5em;
  margin-right:0.5em;
}

#CustomerEmail {
  width:19.53em;
  padding-right:0;
}

#Orders.add .fp3 {
  width:42.26em;
  padding-bottom:1em;
}

#CustomerAddress {
  width:23.51em;
  margin-right:0.5em;
}

#CustomerZip {
  width:4em;
  margin-right:0.5em;
}

#CustomerProvince {
  margin-right:0.5em;
  width:12.5em;
}
#CustomerCountry {
  width:11.55em;
}



.promo, .profad {
  background-color:lightyellow;
  text-align:center;
  padding:0.3em;
  margin-top:0.3em;
  color:#666;
}