* {
  position: relative;
  padding: 0;
  border: 0;
  margin: 0;
}
/* TODO Hay que cambiar esto */
body {
  background: #efefef url('/img/gradient-bg.gif') repeat-x;
  color: #666;
  font: 10px Helvetica, Arial, sans-serif;
  min-width: 1000px;
  overflow-y: scroll;
}
a:link, a:visited {
  color: #7ac142;
  text-decoration: none;
  outline: none;
}
a:hover, a:active {
  text-decoration: underline;
}
input[type="text"],
input[type="password"],
textarea {
  border: 1px solid #ccc;
  font-family: Helvetica, Arial, sans-serif;
}
input[type="text"]:hover,
input[type="password"]:hover,
textarea:hover {
  cursor: pointer;
  border-color: #7ac142;
}
input[type='button'],
input[type='submit'] {
  padding: 0.3em 0.5em;
  font-size: 1em;
  background: #7ac142;
  color: #fff;
  border: 1px solid #7ac142;
  cursor: pointer;
  font-family: Helvetica, Arial, sans-serif;
}
input[type='button']:hover,
input[type='submit']:hover {
  background: #fff;
  color: #7ac142;
}
h2 {
  margin-bottom: 0.5em;
}
h2 span {
  font-weight: normal;
}
.clear {
  clear: both !important;
}
.corner {
  position: absolute;
}
.top-left,
.bottom-left {
  left: 0;
}
.top-right,
.bottom-right {
  right: 0;
}
.top-left,
.top-right {
  top: 0;
}
.bottom-left,
.bottom-right {
  bottom: 0;
}
.center-layout {
  width: 950px;
  margin: 0 auto;
  padding: 0 20px;
}
#header {
  background: #444;
}
#header .center-layout {
  background: #292929;
  padding: 7px 20px;
  border-left: 1px solid #555;
  border-right: 1px solid #555;
  z-index: 99;
}
#logo {
  position: absolute;
  top: 5px;
  left: 20px;
  z-index: 9999;
}
#logo img {
  width: 160px;
  height: 180px;
}
#logo a:link img,
#logo a:visited img,
#product-preview .logo {
  background: url('../img/logo.png') top left no-repeat;
}
#logo a:hover img,
#logo a:active img {
  background-position: bottom left;
}
#header p {
  float: left;
  padding-left: 180px;
}

#header, #footer {
  text-transform: uppercase;
  color: #aaa;
}
#header strong, #footer strong {
  color: #666;
}
#header .static-content-navigation {
  float: right;
}
#header .static-content-navigation li {
  float: right;
  margin-left: 20px;
}
.static-content-navigation {
  list-style: none;
}
#footer {
  padding: 20px 0 50px 0;
  background: url('/img/bottom-shadow.jpg') top center no-repeat;
}
#footer .center-layout p {
  float: right;
}
#footer .static-content-navigation {
  float: left;
}
#footer .static-content-navigation li {
  float: left;
  margin-right: 20px;
}

#main-content .center-layout {
  background: #fff;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #d2d2d2;
  z-index: 97;
}
#sidebar {
  float: left;
  width: 160px;
  padding: 182px 0 0 0;
}
#sidebar h3 {
  text-transform: uppercase;
  font-size: 1.4em;
  margin-bottom: 5px;
}
#sidebar ul {
  list-style: none;
  font-size: 1.3em;
  margin-bottom: 25px;
}
#sidebar ul a,
#sidebar ul li form {
  display: block;
  padding: 10px;
  margin-bottom: 1px;
}
#sidebar ul li form {
}
#sidebar ul ul {
  font-size: 0.95em;
  padding: 0 3px;
  margin: 0;
}
#categories-list ul a:link,
#categories-list ul a:visited {
  background: #222;
}
#categories-list ul ul a:link,
#categories-list ul ul a:visited {
  background: #aaa;
  color: #222;
}
#categories-list ul ul ul a:link,
#categories-list ul ul ul a:visited {
  background: #ddd;
}
#categories-list li .editor_rename_button {
  position: absolute;
  top: 8px;
  left: -30px;
  color: #7ac142;
  padding: 0;
  background: #f5fabb;
  border: 0;
  cursor: pointer;
  text-transform: capitalize;
}
#categories-list .editor_rename_button:hover {
  background: #7ac142;
  color: #fff;
}
#categories-list .editor_ok_button,
#categories-list .editor_cancel_button {
  background: none;
  color: #7ac142;
  margin: 3px 10px 0 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  text-transform: capitalize;
  font-weight: bold;
}
#categories-list .editor_ok_button:hover,
#categories-list .editor_cancel_button:hover {
  background: #7ac142;
  color: #fff;
}
#categories-list .inplaceeditor-form input[type='text'] {
  padding: 2px;
  width: 130px;
  font-size: 1.1em;
}
#quick-lists-list ul a:link,
#quick-lists-list ul a:visited {
  background: #555;
}
#sidebar ul a:link,
#sidebar ul a:visited {
  color: #efefef;
}
#sidebar ul a.ancestor:link,
#sidebar ul a.ancestor:visited,
#sidebar ul a.ancestor:hover,
#sidebar ul a.ancestor:active {
  border-bottom: 4px solid #7ac142;
  padding-bottom: 6px;
}
#sidebar ul a:hover,
#sidebar ul a:active {
  background: #b0e189 !important;
  color: #222 !important;
  text-decoration: none;
}
#sidebar ul a.selected:link,
#sidebar ul a.selected:visited {
  background: #7ac142 !important;
  color: #222 !important;
  text-decoration: none;
}
#categories {
  color: #222;
}

#content {
  float: right;
  width: 770px;
  font-size: 1.4em;
  padding-bottom: 20px;
}

#content ul {
  padding: 0 0 0 1em;
  margin: 0 0 1.4em 0;
}
/*============ Content Header =========== */
#content-header {
  padding: 20px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
}
#search {
  float: left;
  border: 1px solid #ccc;
  padding: 1px 3px 0 1px;
}
#search:hover {
  border-color: #7ac142;
}
#search input[type='text'] {
  padding: 2px;
  border: 0;
  font-size: 14px;
}
#search input[type='text'].empty {
  color: #ccc;
}
#search input[type='image'] {
  background: #fff url('/img/magnifying-glass.gif') bottom left no-repeat;
  color: #7ac142;
  cursor: pointer;
  font-size: 1em;
  top: 2px;
}
#search input[type='image']:hover,
#search input[type='image']:active,
#search input[type='image']:focus {
  background-position: top left;
}
#mylists {
  float: right;
  font-size: 0.857em;
}
#mylists a:link,
#mylists a:visited {
  background: #7ac142;
  color: #fff;
  display: block;
  padding: 3px 7px;
  text-transform: uppercase;
  border: 1px solid #7ac142;
}
#mylists a:hover,
#mylists a:active {
  background: #fff;
  color: #7ac142;
  text-decoration: none;
}
/*========== #Home ========== */
#home {
  margin-top: -20px;
}
/*========== Static Content ===========*/
.static-content h2,
.static-content h3,
.static-content h4 {
  color: #000;
  line-height: 1;
}
.static-content h2 {
  font-size: 2em;
  margin: 0 0 0.2em 0;
}
.static-content h3 {
  font-size: 1.6em;
  margin: 0 0 0.3em 0;
  font-weight: normal;
}
.static-content p {
  line-height: 1.5em;
  margin-bottom: 1.4em;
}
.static-content .left-side {
  width: 500px;
}
.static-content .normal {
  font-weight: normal;
}
/*=========== Products Hierarchy ===========*/
#products-list {
  margin-bottom: 0 !important;
}
#products-list, #products-list ul {
  list-style: none;
  padding: 0 !important;
}
#products-list .sub-list {
  clear: both;
  margin-bottom: 0;
}
#products-list .sub-list li {
   clear: both;
}
#products-list .products-sub-list {
  margin: 5px 0 20px 0;
}
#products-list .category {
  overflow: hidden;
}
#products-list ul .category {
  margin: 0;
  border-color: #eee;
}
#products-list .trigger {
  cursor: pointer;
}
#products-list .trigger:hover {
  color: #7ac142;
}
#products-list h2 {
  font-size: 1.6em;
  color: #7ac142;
  background: #f2f2f2;
  padding: 10px 7px 7px 7px;
  clear: both;
  font-weight: normal;
  margin: 0;
}
#products-list h3 {
  font-size: 1.4em;
  color: #444;
  background: #ddd;
  clear: both;
  padding: 4px 7px 2px 7px;
  font-weight: normal;
}
#products-list h4 {
  font-size: 1.2em;
  color: #333;
  background: #eee;
  padding: 4px 7px 2px 7px;
  font-weight: normal;
  border-top: 1px solid #eee;
}
#products-list .product {
  border-bottom: 1px solid #eee;
  margin: 10px 0;
}
#products-list .product .edit-product {
  position: absolute;
  width: 90px;
  top: 10px;
  left: 0;
  z-index: 99;
  text-align: right;
}
#products-list .disabled {
  opacity: 0.5;
}
#products-list .product a:link img,
#products-list .product a:visited img {
  border: 1px solid #eee;
}
#products-list .product a:hover img,
#products-list .product a:active img {
  border: 1px solid #7ac142;
}
.added-to-my-list {
  background: #fbfde2;
}
#products-list .quantity {
  display: block;
  float: left;
  width: 100px;
  margin-top: -3px;
}
#products-list .quantity input[type="text"],
#products-list .quantity img {
  vertical-align: middle;
}
#products-list .quantity img {
  background: #eee;
  cursor: pointer;
}
#products-list .quantity img:hover {
  background: #7ac142;
}
#products-list .quantity input[type="text"] {
  font-size: 0.8em;
  border-color: #eee;
  padding: 2px 2px 0 2px;
  font-weight: bold;
  text-align: center;
  width: 40px;
}
#products-list .quantity input[type="text"]:hover {
  background: #fff;
  border-color: #7ac142;
  color: #000;
  cursor: text;
}
#products-list .quantity input[type="text"]:focus {
  background: #7ac142;
  color: #000;
  cursor: pointer;
}
#products-list .added-to-my-list .quantity input[type="text"] {
  background: #7ac142;
  color: #000;
}
#products-list .added-to-my-list .quantity input[type="text"]:hover {
  background: #7ac142;
  color: #000;
  border-color: #7ac142;
}
#products-list .added-to-my-list .quantity input[type="text"]:focus {
  background: #fff;
  color: #000;
}
#products-list .added-to-my-list .related-products .quantity input[type="text"] {
  background: #fff;
  color: #000;
}
#products-list .added-to-my-list .related-products .quantity input[type="text"]:hover {
  background: #fff;
  color: #000;
  border-color: #7ac142;
}
#products-list .added-to-my-list .related-products .quantity input[type="text"]:focus {
  background: #fff;
  color: #000;
  cursor: pointer;
}
#products-list .added-to-my-list .added-to-my-list .quantity input[type="text"] {
  background: #7ac142;
  color: #000;
}
#products-list .added-to-my-list .added-to-my-list .quantity input[type="text"]:hover {
  background: #7ac142;
  color: #000;
  border-color: #7ac142;
}
#products-list .added-to-my-list .added-to-my-list .quantity input[type="text"]:focus {
  background: #fff;
  color: #000;
}
#products-list .quantity input[type="text"].empty {
  color: #ccc !important;
}
#products-list .product-header {
  color: #444;
  font-size: 1.2em;
  padding-top: 3px;
  font-weight: bold;
  cursor: pointer;
}
#products-list .product-name {
  display: block;
  margin-left: 100px;
}
#products-list .product-content {
  clear: both;
  padding: 10px 0 10px 100px;
}
#products-list .related-product-description-content,
#products-list .product-description-content {
  float: left;
}
#products-list .product-description-content {
  width: 500px;
}
#products-list .related-product-description-content {
  width: 370px;
}
#products-list .related-product-description-content br,
#products-list .product-description-content br {
  margin-bottom: 0.7em;
}
#products-list .product-image-link {
  display: block;
  float: left;
  margin: 0 20px 5px 0;
  width: 150px;
  height: 100px;
  background: #eee;
}
#products-list .related-products {
  clear: both;
  border: 1px solid #eee;
  margin-top: 1em;
  padding: 7px 7px 0 7px;
  background: #fff;
}
#products-list .related-items-title {
  font-size: 1em;
  color: #7ac142;
  padding: 7px 7px 5px 7px;
  margin: -7px -7px 0 -7px;
  background: #eee;
}
#products-list .trigger small {
  font-size: 10px;
  font-weight: normal;
  position: absolute;
  right: 5px;
  bottom: 4px;
}
#products-list h2 small { color: #f2f2f2; }
#products-list h3 small { color: #ddd; }
#products-list h4 small,
#products-list .related-items-title small { color: #eee; }
#products-list .product-name small,
#products-list .added-to-my-list .related-products .product-name small { color: #fff; }
#products-list .added-to-my-list .product-name small,
#products-list .added-to-my-list .related-products .added-to-my-list .product-name small { color: #fbfde2; }
#products-list .trigger:hover small { color: #7ac142 !important; }
/*=========== Home Slideshow =============*/
#slide-images {
  width: 770px;
  height: 239px;
  display: block;
  overflow: hidden;
  list-style: none;
  background: none;
  padding: 0 !important;
}
#slide-images li {
  position: absolute;
  display: block;
  background: none;
}
#slide-images li img {
  display: block;
  background: none;
}
/*=========== Steps ========== */
#steps-container {
  background: url('/img/steps.jpg') no-repeat;
  padding: 137px 0 0 0;
  margin: 20px 0;
  height: 150px;
}
#steps-container .column {
  float: left;
  margin-right: 20px;
  padding: 0 10px;
  width: 220px;
}
#step-3 {
  margin-right: 0 !important;
}
#steps-container h3 {
  font-weight: normal;
  color: #fff;
  margin-bottom: 10px;
}
/*=========== OLD CODE ============*/
li.alphaproduct a.lightwindow { font-size: 0.8em; padding-left: 5px; }


/* My List Submit Form */
input[type="button"].disabled,
input[type="submit"].disabled {
  background: #d4f2bd;
  border-color: #d4f2bd;
}
#mylists_form,
#quicklists_form,
#UserLoginForm {
  display: block;
  padding: 20px;
  background: #eee;
  margin: 1em 0 0 0;
}
#mylists_form p {
  line-height: 1.4em;
  margin-bottom: 1.4em;
}
#mylists_form fieldset,
#quicklists_form fieldset,
#UserLoginForm fieldset {
  display: block;
  border: 1px solid #ccc;
  padding: 15px 20px 5px 20px;
  width: 310px;
}
#mylists_form fieldset p {
  margin-bottom: 0.2em;
}
#mylists_form .show-info {
  float: right;
}
#mylists_form .contact-info {
  float: left;
}
#mylists_form legend,
#quicklists_form legend,
#UserLoginForm legend {
  font-size: 1.2em;
  font-weight: bold;
}
#mylists_form fieldset .field,
#mylists_form fieldset .date,
#mylists_form fieldset .checkbox,
#mylists_form fieldset .province,
#mylists_form fieldset .postal-code,
#mylists_form fieldset .number-of-days,
#quicklists_form fieldset .input,
#UserLoginForm fieldset .input {
  margin-bottom: 1em;
}
#mylists_form fieldset .date {
  float: left;
  margin-right: 10px;
}
#mylists_form fieldset .province {
  float: left;
  margin-right: 15px;
}
#mylists_form fieldset .postal-code {
  float: left;
}

#mylists_form fieldset .province label,
#mylists_form fieldset .postal-code label,
#mylists_form fieldset .field label,
#mylists_form fieldset .date label,
#mylists_form fieldset .number-of-days label,
#quicklists_form fieldset .input label,
#UserLoginForm fieldset .input label {
  display: block;
}
#mylists_form fieldset label {
  cursor: pointer;
}
#mylists_form fieldset label .error {
  display: block;
  font-size: 0.9em;
  color: #f00;
}
#mylists_form fieldset input[type="text"],
#quicklists_form fieldset input[type="text"],
#UserLoginForm fieldset input[type="text"],
#UserLoginForm fieldset input[type="password"],
#mylists_form fieldset textarea {
  padding: 0.2em 0.5em;
  font-size: 1em;
  vertical-align: bottom;
}
#mylists_form fieldset input[type="checkbox"] {
  vertical-align: middle;
  top: -3px;
}
#mylists_form fieldset .field input[type="text"],
#mylists_form fieldset .field textarea {
  width: 294px;
}
#mylists_form fieldset .date input[type="text"] {
  width: 100px;
  margin-right: 3px;
}
#mylists_form fieldset .number-of-days input[type="text"] {
  width: 100px;
}
#mylists_form fieldset .date-field select {
  border: 1px solid #ccc;
  padding: 3px;
}
#mylists_form fieldset .error input[type="text"] {
  border-color: #f00;
}
#mylists_form .submit-field {
  display: inline;
  margin-right: 10px;
}
#mylists_form .submit-field input {
  font-size: 1.215em;
  margin-top: 10px;
}
.calendar {
  z-index: 99999;
}
#success_message {
  padding: 20px;
  background: #fbfde2;
}
#quicklists_form .submit {
  padding-bottom: 10px;
}
.add-related-items {
  padding: 10px 0 0 0;
}
.add-related-items input[type='text'] {
  padding: 2px;
  font-size: 1em;
    width: 500px;
}
.add-related-items input[type='submit'] {
  padding: 0 7px;
  font-size: 1em;
  background: none;
  color: #7ac142;
  border: 0;
  cursor: pointer;
}
.add-related-items input[type='submit']:hover {
  background: #7ac142;
  color: #fff;
}
.ac_indicator {
  color: #ccc;
  position: absolute;
  background: none;
  z-index: 99999999999999;
  left: -5em;
  top: 10px;
}
div.auto_complete {
	position: absolute;
	width: 400px;
	background-color: white;
	border: 1px solid #888;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	z-index: 999999999;
}
div.auto_complete ul {
  margin: 0 !important;
  padding: 0 !important;
}
div.auto_complete li {
  padding: 5px;
  border-bottom: 1px solid #eee;
}
div.auto_complete li.selected { background-color: #ffb; }
/* Contact-us */
#map {
  border: 1px solid #ccc;
  margin: 0 0 1.4em 0;
}
.add-product-form-expand-trigger a:link,
.add-product-form-expand-trigger a:visited {
  display: block;
  float: left;
  padding: 4px 7px 2px 7px;
}
.add-product-form-expand-trigger a.expanded:link,
.add-product-form-expand-trigger a.expanded:visited,
.add-product-form-expand-trigger a:hover,
.add-product-form-expand-trigger a:active {
  display: block;
  padding: 4px 7px 2px 7px;
  background: #7ac142;
  color: #fff;
}
/* Add Product Form */
.add-new-product-form {
  padding: 0 0 7px 0;
  margin: 0 0 10px 0;
  clear: both;
}

.add_new_product_fieldset {
  clear: both;
  padding: 10px;
  border: 1px solid #7ac142;
}
.add_new_product_fieldset .input {
  display: block;
  padding: 5px;
}
.add_new_product_fieldset input[type='text'], .add_new_product_fieldset textarea {
  padding: 3px;
  font-size: 1em;
  border: 1px solid #ccc;
  width: 90%;
}
.add_new_product_fieldset label {
  display: block;
}
.add_new_product_fieldset .checkbox label {
  display: inline;
  margin-left: 2em;
}
.disclaimer {
  color: #ccc;
  font-size: 0.8em;
  margin-bottom: 1.5em;
}
.hglght {
  background: #fcffb8 !important;
}

/*///////////////////*/
#lightwindow_title_bar {
  display: none !important;
}
/*=========== PRODUCT PREVIEW ============*/
#product-preview {
  width: 900px;
  height: 600px;
  position: relative;
  clear: both;
  font-size: 1em;
  line-height: 1.5em;
}
#product-preview-description {
  color: #fff;
  background: #222;
  opacity: 0.6;
  font-size: 1.4em;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 880px;
  padding: 10px;
}
#product-preview h2 {
  font-size: 1.4em;
  line-height: 1em;
  margin: -10px -10px 0.3em -10px;
  padding: 10px;
  background: #000;
}
#product-preview p {
  height: auto;
  line-height: 1.5em;
  margin: 0;
  color: #ddd !important;
}
#product-preview .image {
  position: absolute;
  text-align: center;
  width: 100%;
}
#product-preview .image img {
  display: block;
  margin: 0 auto;
}
#product-preview .actions {
  float: right;
  font-size: 1.6em;
}
#product-preview .actions a:link,
#product-preview .actions a:visited {
  display: block;
  float: right;
  margin-left: 10px;
  padding: 5px;
  border: 1px solid #7ac142;
}
#product-preview .actions a:hover,
#product-preview .actions a:active {
  background: #7ac142;
  color: #fff;
  text-decoration: none;
}
#product-preview .logo {
  position: absolute;
  top: 0;
  left: 0;
}
/*=============================
Index
==============================*/
#alphabet {
  list-style: none;
  font-size: 1.4em;
  background: #7ac142;
  padding: 5px !important;
  text-align: center;
}
#alphabet li {
  display: inline;

}
#alphabet li a:link,
#alphabet li a:visited {
  background: #7ac142;
  color: #fff;
  padding: 4px;
}
#alphabet li a:hover,
#alphabet li a:active {
  background: #fff;
  color: #7ac142;
  text-decoration: none;
}
#product-index {
  padding: 0 !important;
}
#product-index .letter {
  list-style: none;
  padding: 0;
  margin: 0;
}
#product-index .letter h3 {
  background: #f2f2f2;
  padding: 4px 10px 3px 10px;
}
#product-index .top_link {
  position: absolute;
  right: 10px;
  bottom: 5px;
  font-size: 9px;
  text-transform: uppercase;
  font-weight: normal;
}
#product-index .letter ul {
  list-style: none;
  padding: 7px 11px 15px 11px;
  margin: 0;
}
#product-index .alpha_product,
#product-index .alpha_category {
  margin-bottom: 5px;
}
#product-index .alpha_category {
  font-weight: bold;
  margin: 7px 0;
  font-size: 1.1em;
}
#product-index .alpha_product .lightwindow {
  font-size: 10px;
  text-transform: uppercase;
  margin-left: 10px;
  opacity: 0.5;
}
#product-index .alpha_product:hover .lightwindow {
  opacity: 1;
}

#products-list .related-items-title {
    cursor: pointer;
}

div.expand-collapse {
  cursor: pointer;
  float: right;
  font-size: 10px;
  font-weight: normal;
  visibility: hidden;
}

#products-list .related-items-title:hover div.expand-collapse {
    visibility: visible;
}