* { margin: 0; padding: 0; }

body { background: #edf0ec url('../image/bg.gif') repeat-x left bottom; margin: 0; font: 10px Verdana, Arial, sans-serif; padding: 0; }

img  { border: none; }
ul   { margin: 0; padding: 0; }
li   { list-style-type: none; }

a       { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }

#wrap    { margin: 0 auto; width: 719px; margin-top: 12px; }
#top     { height: 72px; }
#menu    { height: 68px; margin-bottom: 12px; }
#header  { height: 131px; margin-bottom: 12px; }

#top div { float: left; width: 33%; }

#content { float: left; margin-bottom: 72px; }
#left    { float: left; width: 197px; }
#right   { float: left; width: 510px; margin-left: 12px; }

#right a  { color: #c8151b; text-decoration: underline; }
#right ul { margin-left: 15px; }
#right li { list-style-type: disc; }

#cat_top        { background: url('../image/line1.gif') no-repeat left top; padding-top: 15px; margin-bottom: 12px; }
#cat_bottom     { background: url('../image/line2.gif') no-repeat left bottom; padding-bottom: 16px; }
#cat_middle     { background: url('../image/1_line.gif') repeat-y left bottom; /* min-height: 500px; */ height: auto; padding: 13px 3px 0 3px; font-size: 12px; text-transform: uppercase; }
.cat_ul         { background: url('../image/1_line3.gif') repeat-x 0 bottom; /* height: 229px; */ font: 10px Verdana, Arial;  text-transform: capitalize; line-height: 2.0em; }
.cat_ul a       { color: #fff; text-decoration: none; }
.cat_ul a:hover { text-decoration: underline; color: #fff; }
.cat_ul li      { background: url('../image/arrow.gif') no-repeat left top; background-position:25px 8px; padding-left: 40px; }

#cat_middle, .cat_ul { color: #fff; font-weight: bolder; }

#esp_top     { background: url('../image/line3.gif') no-repeat left top; padding-top: 10px; margin-bottom: 12px; }
#esp_bottom  { background: url('../image/line4.gif') no-repeat left bottom; padding-bottom: 13px; }
#esp_middle  { background: url('../image/1_line1.gif') repeat-y; height: 80px; padding: 13px 3px 0 3px; text-transform: uppercase; font-size: 12px; font-weight: bolder; }
.esp_ul      { background: url('../image/1_line6.gif') repeat-x 0 bottom; height: 70px; color: #000; font: 12px Verdana, Arial; padding-left: 20px; }

#inf_top        { background: url('../image/line5.gif') no-repeat left top; padding-top: 11px; margin-bottom: 12px; }
#inf_bottom     { background: url('../image/line6.gif') no-repeat left bottom; padding-bottom: 8px; }
#inf_middle     { background: #fff; padding: 3px 3px 0 3px; text-transform: uppercase; font-weight: bolder; font-size: 12px; }
.inf_ul         { color: #000; font: 12px Verdana, Arial; text-transform: capitalize; line-height: 1.5em; }
.inf_ul li      { background: url('../image/arrow_un.gif') no-repeat left top; background-position:25px 8px; padding-left: 40px; font-size: 10px; }
.inf_ul li a:hover { text-decoration: underline; color: #000; }

#inf_middle, .inf_ul , .inf_ul a { color: #000; }

#right_top    { background: url('../image/right_top.png') no-repeat left top; padding-top: 15px; margin-bottom: 12px; float: left; }
#right_bottom { background: url('../image/right_bottom.png') no-repeat left bottom; padding-bottom: 15px; float:left; }
#right_middle { background: #fff; padding: 3px 13px 13px 13px; float: left; width: 484px; _height: 450px; min-height: 450px; }

.title_red { background: url('../image/title_red.png') no-repeat left top; height: 31px; width: 451px; color: #fff; font-size: 12px; font-weight: bolder; padding: 15px 15px 0 15px; float: left; text-transform: uppercase; margin-bottom: 12px; }

.clear { clear: both; }

#footer { /* border-top: 1px solid #a0a0a0; */ font-size: 11px; margin-top: 5px; padding: 5px; text-align: center; }

.red   { color: #c8151b; }
.bold  { font-weight: bold; }
.small { font-size: 10px; }
.left  { float: left; }
.right { float: right; }

.warning { padding: .8em; margin-bottom: 12px; border-width: 1px; border-style: solid; border-color: #ddd; }
.warning { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }

.products    { float: left; width: 210px; text-align: center; }
.products_td { background: url('../image/line_y.gif'); width: 22px; height: 130px; float: left; margin: 0  14px 0 10px; }
.products_tr { background: url('../image/line_x.gif'); width: 460px; height: 1px; float: left; margin: 12px 0 16px 0; overflow: hidden; }
.results     { text-align: center; border-top:1px solid #ccc; margin-top: 12px; padding-top: 5px; height: 25px; }
.buttons     { border-top:1px solid #fff; margin-top: 12px; height: 25px; float: left; width: 481px; }
.breadcrumb  { text-align: left; margin-bottom: 12px; text-transform: lowercase; }
.results form, .results select { margin: 0; padding: 0; }

.prod_title_top    { background: url('../image/products_top.png') no-repeat left top; width: 209px; padding-top: 9px; margin-bottom: 5px; }
.prod_title_bottom { background: url('../image/products_bottom.png') no-repeat left bottom; width: 209px; padding-bottom: 9px; }
.prod_title_middle { background-color: #f2f2f2; width: 204px; text-align: center; }
.prod_thumb        { background: url('../image/mascara.png') no-repeat ; width: 110px; height: 110px; padding-top: 4px; float: left; }
.prod_price        { float: left; color: #000; font-size: 12px; font-weight: bolder; margin-left: 5px; text-align: left; padding-top: 20px; }
.prod_price img    { margin-top: 10px; }

.prod_title_middle a { color: #000 !important; text-decoration: none !important; }

/* ##### Forms ##### */
label      { /* display: block; */ font-weight: bold; }

input.text        { width: 250px; margin:0.5em 0.5em 0.5em 0; }
input.text        { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus  { border:1px solid #999; background:#fff; }

textarea       { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
textarea       { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus { border:1px solid #999; background:#fff; }

select         { border:1px solid #ccc; background:#f6f6f6; margin:0.5em 0.5em 0.5em 0; }
select:focus   { border:1px solid #999; background:#fff; }

.results {
  clear: both;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 20px;
}

.results .left {
  float: left;
  padding-top: 4px;
}
 
.results .right {
  float: right;
} 
 
.buttons {
  border: 1px solid #EEEEEE;
  margin: 10px 0px;

  clear: both;
}

.buttons input {
  height: 20px;
  margin: 3px;
}

.buttons table {
  width: 100%;
}

.buttons table td {
  vertical-align: middle;
}

/* success */
#success {
  float: left;
  behavior: url('catalog/javascript/png/iepngfix.htc');
  background: url('../image/success.png') no-repeat;
  padding-left: 148px;
  _height: 128px;
  min-height: 128px;
}

/* failure */
#failure {
  behavior: url('catalog/javascript/png/iepngfix.htc');
  background: url('../image/failure.png') no-repeat;
  padding-left: 148px;
  _height: 128px;
  min-height: 128px;  
}

/* error */
#error {
  clear: both;
  border: 1px solid #EEEEEE;
  margin: 0px 0px 10px 0px;
  padding: 8px;
  margin-top: 10px;
}

.error {
  color: #FF0000;
  font-size: 10px;
  display: block;
  clear: both;
  margin-bottom: 15px;
}