/*** HEADER ***/
.header-home                                { margin: 0 auto; width: 960px; height: 95px; left: 0; position: relative; top: 0; }
.header-logo                                { width: 155px; position: absolute; left: 0px; top: 0px; height: 117px; }

/*** LOGGED-IN PANEL ***/
.logged-in-wrapper                          { float: right; background: transparent url(/assets/images/Icons/login-bottom.gif) no-repeat left bottom; font-size: 12px; font-weight: bold; text-transform: capitalize; z-index: 99999999; overflow: hidden; padding:10px; width:233px; _width:253px; height:43px; _height: 63px; position:absolute; left: 690px; }
.logged-in-wrapper .picture                 { padding: 5px; border-right: 1px dotted #000000; margin-right: 10px; float: left; }
.logged-in-wrapper h3                       { margin: 0; font-style: normal; font-weight: bold; }
.logged-in-wrapper h3 span                  { float: right; margin-right: 5px; }
.logged-in-wrapper ul                       { list-style: none outside; margin-top: 5px; }
.logged-in-wrapper ul li                    { margin-right: 10px; float: left; line-height: 19px; }
.logged-in-wrapper ul li a                  { color: #231f20; font-weight: normal; text-decoration: none; }

/*** REGISTRATION PANEL ***/
.register-wrapper                           { width: 225px; height: 30px; position: absolute; right: 0; top: 0; }
.register-wrapper
    .register-tl                            { width: 280px; height: 30px; position: absolute; right: 0; top: 0; }
.register-wrapper 
    .register-tl .login                     { width: 225px; height: 30px; position: absolute; right: 0; top: 30px; }
.register-wrapper
    .register-tl .login a, 
.register-wrapper
    .register-tl .login a:link, 
.register-wrapper
    .register-tl .login a:active, 
.register-wrapper
    .register-tl .login a:visited           { color: #F3E7D1; font-family: Tahoma,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; text-decoration: underline; }
.register-wrapper 
    .register-tl .login a:hover             { color: #660000; font-family: Tahoma,Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: underline; }
.login
    .register-button                        { width: 102px; background: transparent url(/assets/images/Header/RegTopBtnRegistrateHome.gif) no-repeat scroll 0 0; height: 22px; position: absolute; right: 0; top: 6px; cursor: pointer; }
.login
    .register-button:hover                  { width: 102px; background: transparent url(/assets/images/Header/RegTopBtnRegistrateHome.gif) no-repeat scroll 0 -22px; height: 22px; position: absolute; right: 0; top: 6px; cursor: pointer; }

.search-outer-wrapper                       { width: 93px; background: transparent; position: absolute; left: 0px; top: 0px; height: auto; z-index: 500; }
.search-icon                                { width: 30px; background: url(/assets/images/Header/SearchTopBuscarEn.gif); position: absolute; left: 155px; top: 32px; height: 30px; }
.search-bg                                  { width: 290px; background: url(/assets/images/Header/SearchTopbg-simple.gif); position: absolute; left: 185px; top: 32px; height: 30px; }
.SearchTopBgList                            { width: 107px; height: 30px; left: 350px; position: absolute; top: 32px; }
.SearchTopBotgList                          { width: 107px; background: transparent url(/assets/images/Header/SearchTopBgList.gif); height: 30px; }
.search-button-wrapper                      { width: 102px; position: absolute; left: 477px; top: 36px; height: 30px; }
.SearchTopBgListado                         { margin-top: 15px; width: 93px; background: #f26548; height: auto; left: 0; position: absolute; top: 8px; }
.SearchTopBgListado ul                      { padding: 0 8px 5px; position: relative; }
.SearchTopBgListado 
    .selected ul                            { padding: 4px; display: block; position: relative; }
.SearchTopBgListado
    ul li                                   { display: block; color: #ffffff; font-size: 11px; font-family: Arial,Helvetica,sans-serif; line-height: 15px; cursor: pointer; }
.SearchTopBgListado 
    ul li a, 
.SearchTopBgListado
    ul li a:link,
.SearchTopBgListado
    ul li a:active,
.SearchTopBgListado
    ul li a:visited                         { display: block; color: #ffffff; font-size: 11px; font-family: Arial,Helvetica,sans-serif; line-height: 15px; text-decoration: none; }
.SearchTopBgListado
    ul li a:hover                           { color: #ffff99; text-decoration: none; }
.search-inner-wrapper                       { width: 275px; margin: 0px; padding: 0px; font-size: 11px; font-family: Arial,Helvetica,sans-serif; line-height: 15px; position: absolute; left: 2px; top: 7px; height: 18px; z-index: 1; }
.search-inner-wrapper span                  { margin-left: 3px; line-height: 15px; }
.search-value                               { border: 1px solid #e8e8e8; width: 120px; color: #656565; background: #ffffff; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 11px; height: 11px; _height: 16px; _line-height: 13px; position: relative; top: 1px; _top: 0; }
.SearchIn                                   { position: absolute; top: 1px; left: 150px; cursor: pointer; }
.search-button                              { width: 102px; border: none; float: left; display: block; background: url(/assets/images/Header/SearchTopBtnBuscar.gif) no-repeat 0 0; line-height: 22px; height: 22px; outline: none; cursor: pointer; position: relative; z-index: 500; cursor: pointer; }
.search-button:hover                        { background-position: 0 -22px; }

/* FACETED SEARCH FUNCTIONALITY PUSHED TO LATER RELEASE */
#selectedFacet                              { padding: 0; color: #ffffff; margin-left: 5px; }

#searchFacets                               { width: 85px; background: #f26548; position: absolute; left: 185px; top: 1px; color: #ffffff; font-size: 11px; font-family: Arial,Helvetica,sans-serif; line-height: 15px; }
#facetList                                  { border-top:1px solid #fff; }
#searchFacets ul li                         { padding: 0; margin: 3px 0 3px 6px; display: block; cursor: pointer; cursor: pointer; }
#searchFacets ul li p:hover                 { color: #ffff99; }

#facetToggle                                { height: 15px; width: 15px; position: absolute; left: 255px; top: 1px; background: #F26548 url('/assets/images/header/togglebutton.png') no-repeat center center; cursor: pointer; }

/*** HEADER MENU BUTTONS ***/

.header-menu-top a                          { float: left; border: none !important; margin: 0px; padding: 0px; display: block; background-color: Transparent; position: relative; height: 32px !important; overflow: hidden; }
.header-menu-top a img                      { margin-left: 7px; }
a.menu1                                     { width: 118px; }
a.menu1:hover                               { background-position: 0px -32px; }
a.menu2                                     { width: 125px; background-position: -118px 0; }
a.menu2:hover                               { background-position: -118px -32px; }
a.menu3                                     { width: 153px; background-position: -243px 0; }
a.menu3:hover                               { background-position: -243px -32px; }
a.menu4                                     { width: 154px; background-position: -396px 0; }
a.menu4:hover                               { background-position: -396px -32px; }
a.menu5                                     { width: 136px; background-position: -550px 0; }
a.menu5:hover                               { background-position: -550px -32px; }
a.menu6                                     { width: 118px; background-position: -686px 0; }
a.menu6:hover                               { background-position: -686px -32px; }


/*** MISC ***/
#popupWrapper                               { position: absolute; z-index: 9999 !important; display: block; }
#btnResetPassword                           { width: 100px; display: block; background: transparent url(/assets/images/pop-ups/btn-enviar.jpg) no-repeat 0px 0; height: 21px; cursor: pointer; }
#btnResetPassword:hover                     { background: transparent url(/assets/images/pop-ups/btn-enviar.jpg) no-repeat 0px -21px; }
#loginLink                                  { width: 110px; display:block; }
.open-login-popup                           { cursor: pointer; }
.loading                                    { height: 16px; width: 16px; background: url('/assets/images/loading.gif') no-repeat center; margin-top: 3px; float: right; }
.fbShare                                    { height: 30px; width: 30px; background: transparent url('/assets/images/mockups/icon-compartir.gif') no-repeat center center; cursor: pointer; }
#successMsg                                 { width: 245px; }


.header-menu-top { width: 805px; background-color: Transparent; position: relative; left: 155px; top: 85px; height: 32px; }

#nav { width:667px; height:32px; float:left }
ul#nav { position: relative; }
ul#nav li { font-weight: bold; float: left; zoom: 1;  }
ul#nav li a { display: block;   height:32px  }

ul#nav li:last-child a { border-right: none; } /* Doesn't work in IE */
ul#nav li.hover, ul#nav li:hover {  color: black; position: relative; }
ul#nav li.hover a { color: black; }
ul#nav ul { width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul#nav ul ul { left: 100%; top: 0; }
ul#nav li:hover > ul { visibility: visible; }

ul#nav li a.Recetas { width:120px; background:url("/assets/images/menuPrincipal.png") no-repeat ; }
ul#nav li a.Recetas:hover{ background:url("/assets/images/menuPrincipal.png") no-repeat 0px -32px ; }

ul#nav li a.Familia {  width:128px;  background:url("/assets/images/menuPrincipal.png") no-repeat -120px 0 ;}
ul#nav li a.Familia:hover{ background:url("/assets/images/menuPrincipal.png") no-repeat -120px  -32px; }

ul#nav li a.Productos { width:149px; background:url("/assets/images/menuPrincipal.png") no-repeat -248px 0; }
ul#nav li a.Productos:hover{ background:url("/assets/images/menuPrincipal.png") no-repeat -248px  -32px; }

ul#nav li a.Beneficios {  width:140px; background:url("/assets/images/menuPrincipal.png") no-repeat -397px 0 ; }
ul#nav li a.Beneficios:hover{ background:url("/assets/images/menuPrincipal.png") no-repeat -397px  -32px; }

ul#nav li a.Ahorros {  width:130px; background:url("/assets/images/menuPrincipal.png") no-repeat -537px 0 ; }
ul#nav li a.Ahorros:hover{ background:url("/assets/images/menuPrincipal.png") no-repeat -537px  -32px; }

ul#nav li ul li a{ display:block; background:url("/assets/images/li_brdr.png") repeat-x bottom; font-size:11px; color:#fff !important; padding:10px  !important; text-decoration:none;height:auto !important; width:206px;}
ul#nav li ul { background: url("/assets/images/ul_bottom.png") no-repeat bottom left; width:226px !important; padding-bottom:3px; z-index:1000;  }
ul#nav li ul li{ width:226px !important; background:url("/assets/images/ul_bg.png") repeat-y; height:auto !important}
ul#nav li ul li a:hover{ color:#453027 !important}

#desktopContent, #desktopHeader { z-index:0 !important;}
.shareIcon{ float:left}