@charset "utf-8";
/* BEGIN MAIN AND HEADER */
* {margin: 0px; padding: 0px;}
img {border: 0px;}
a {text-decoration: none; color: #fa2398;}
body{ font: 10px Verdana, Arial, Helvetica, sans-serif; color: #555; padding-bottom: 20px; height:auto;}
#body-wrapper{ width:959px; margin: 5px auto;}
#header{font: 10px Verdana, Arial, Helvetica, sans-serif; color: #FA2398;}
#header input{border: 1px solid #FA2398; height:15px; color: #FA2398; font-size:9px; margin-left: 5px; padding-left:5px;}
#header-left{ float:left; margin: 30px 0 0 14px;}
#header-right{float: left; width: 776px;}
#header-line1{ float: right;}
#header-line1 img { vertical-align:bottom;}
#header-login { display:inline;}
#header-login form { display:inline;}
#header-flags { display:inline; margin-left: 10px;}
#header-login a { text-decoration:none; color: #FA2398;}
#header-login a:hover { color: #000000;}
#header-line2{ text-align:right; margin: 50px 0px 20px; clear: right;}
#header-line2 img { margin-left:20px;}
#header-menu{ margin-top: 35px; clear: both;}
#header-menu .ui-tabs .ui-tabs-nav .my-account-active{background:url("/images/myaccount/bg-menu-blue.gif") repeat-x scroll 0 center #0782C1;border: 1px solid #FFFFFF;}
#header-menu .ui-widget-header .ui-state-active .my-account-active{background:none no-repeat scroll 0 0 #0782C1;}
#tabs-header{ border: none; padding: 0.2em 0;}
.ui-tabs .ui-tabs-nav li a { padding:0.8em 1em ;}
#header-menu .ui-tabs .ui-tabs-nav .my-account-active a:hover {color: #FFF;}
#header-social{display: inline; color: #3D5B9B; margin-bottom: 2px;}
#header-social img{ border:0px; vertical-align:middle; margin-right: 4px; margin-bottom:2px}
#left{float:left; width:170px; margin-top: 10px; margin-bottom: 20px; position: relative; z-index: 1;}
#right{float:right; width:155px; margin-top: 10px;}
#content-wrapper{ float:left; width:619px; margin: 10px 0 30px 5px; position: relative;z-index: 0;}
/* END MAIN AND HEADER */

/* BEGIN NEWSLETTER */
/* BEGIN NEWSLETTER BOX */
#newsletter-box{margin-bottom: 10px;height: 26px;background:url(/images/newsletter-box/bg.jpg);padding: 6px 0 0; }
#newsletter-box *{padding: 0 .5em;font-size: 12px;vertical-align: middle;}
#newsletter-label{margin-left: 83px;margin-right: 25px;}
#newsletter-box .ui-button { font-size: 10px;margin: 0 0 0 15px;}
#newsletter-box .ui-button span { font-size: 10px;}
/* END NEWSLETTER BOX*/

/* BEGIN NEWSLETTER FORM SUSCRIBER */
#newsletter-form input.text { margin-bottom:12px; width:95%; padding: .4em; }
#create-user {font-family: Arial,Helvetica,sans-serif; text-transform: uppercase; font-size: 7px;}
#newsletter-form .radio {margin-bottom:10px; margin-right: 5px; display:inline;}
#newsletter-form .radio label {display:inline;}
label[for=subscribers_subscriber_firstname] {display:block; clear:both;}
label[for=subscribers_subscriber_gender] {display:block; clear:both;}
label[for=subscribers_subscriber_sms_enabled] {margin-right: 5px;}
#newsletter-form p {margin-bottom: 5px; font-family: Arial,Helvetica,sans-serif; font-size: 12px;}
#newsletter-form fieldset { padding:0; border:0; margin-top:25px; }
#newsletter-form label {font-family: Arial,Helvetica,sans-serif; text-transform: uppercase; font-size: 9px;}
/* END NEWSLETTER FORM SUSCRIBER */
/* END NEWSLETTER */

/* BEGIN PRODUCT GRID */
#index-grid {clear:both;}
#index-grid .grid-item {float:right; display:inline; padding: 0px 10px 10px 0px;}
/* END PRODUCT GRID */

/* BEGIN NEWS(HEADER) */
#index-news{margin-bottom: 5px; float: left; padding: 0 0 0 5px;}
#index-news .news-item {display:inline; float:left; margin:0 0 20px 10px;}
.header-index-news{ margin-bottom: 10px; margin-left: 10px;}
.header-index-news-2{ margin-bottom: 14px; margin-left: 19px;}
.ui-widget { font-size: 10px;}

#news-list{ color: #CCC;}
#news-list .news-tab-item { font-family: Arial, Verdana, Helvetica , sans-serif; padding: 10px 0 30px; float: left; margin-bottom: 10px; width: 100%; margin-top: 10px; background: url("/images/news/bg_news.jpg") repeat-x scroll center bottom transparent;}
#news-list .news-tabs-header{ float: left; margin:5px 0 0 ;font-family: Arial,Helvetica,sans-serif; font-size: 14px; color:#FB4FAB; font-weight: bold;}
#news-list .news-tabs-subheader{color: #000000; float: left; width: 300px; font-size: 11px; font-family: Arial, Verdana, Helvetica , sans-serif;}
.news-tabs-link {font-weight: bold; text-align: right; margin-right: 5px; width: 100%; color: #FA2398; float: left;}
.news-tabs-link a{color: #FA2398 !important;}
.news-tabs-link a:hover{color: #666 !important;}
.news-tab-item-right{width: 330px; float: left; text-align:left; padding: 0 0 0 16px;}
.news-tabs-body{ float: left;}
.news-tabs-date{ font-family: Arial, Verdana, Helvetica , sans-serif; float: left; width: 100%; margin:0 0 5px 0; font-size: 9px;color: #666; }
/* END NEWS(HEADER) */

/* BEGIN FOOTER */
#footer{clear:both; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #FA2398; margin-bottom: 20px; position: relative; bottom: 0;}
#footer a { text-decoration:none; color: #FA2398;}
#footer a:hover { color: #000000;}
#footer-line1{ background:url(/images/footer/bg.jpg) repeat-x; height: 31px;padding: 12px 0 0}
#footer-line1 img { margin: 8px 10px 0px 15px;}
#footer-menu{display:inline; float: right; margin: 10px 14px 0px 0px;}
#footer-logos{ margin: 10px 10px 0 0;}
#footer-logos img{ margin-left: 11px;}
/* END FOOTER */

/* BEGIN LOADING CUSTOMERBASKET */
#loading {text-align: center; vertical-align: middle;}
.transparent { background:transparent !important; border: transparent !important;}
/* END LOADING CUSTOMERBASKET */

/* BEGIN LOGIN ERROR */
#login-error {font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold;background: url("/images/modal/error-modal.gif") no-repeat scroll 28px 4px transparent;width: 200px !important; padding:0 0 0 70px ;margin-top: 20px;}
/* END LOGIN ERROR */

/* BEGIN FORGOT-PASSWORD */
#forgot-password .header {font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin-bottom: 10px;}
#forgot-password .form-label {font-family: Arial,Helvetica,sans-serif; font-size: 9px; text-transform: uppercase;}
#reset_password_email {height:20px; width: 80%}
/* END FORGOT-PASSWORD */

/* BEGIN ALERT PRODUCT DISPONIBILITY */
#alert-product-form input {height:20px; width: 80%; margin-bottom: 10px;}
#alert-product-form .form-label {font-family: Arial,Helvetica,sans-serif; font-size: 9px; text-transform: uppercase; margin-top: 5px;}
.alert-product-attribute {font-size: 8.5px; margin-bottom: 20px; margin-top: 10px; float:right; margin-right: 65px;}
.no-disponibility button {font-size: 8.5px;}
/* END ALERT PRODUCT DISPONIBILITY */

/* BEGIN LOGIN AND MY ACCOUNT BUTTONS */
#exit-button, #enter-button, #myaccount-button {font-size: 7.5px;}
/* END LOGIN AND MY ACCOUNT BUTTONS */

/* BEGIN FACEBOOK, TWITTER */
#facebook{position:relative; display: inline;float: right;}
#facebook img {float: right;margin: 10px 0 0 0;}
#facebook-fans {display:none;bottom:23px;position:absolute;z-index:1; left:-4px;}
#facebook-fans .facebook-main {background: url('/images/header/bocadillo.png') no-repeat scroll left top transparent;width: 72px; height: 30px}
#facebook-fans .facebook-main p {color: #3D5B9B;font-family:Arial,Helvetica,sans-serif;font-size:9px; text-align: center; padding-top: 7px}
#twitter{position:relative; display: inline;float: right;}
#twitter img {float:right; margin: 10px 5px 0 10px;}
#twitter-fans {display:none;bottom:23px;position:absolute;z-index:1;left: 4px;}
#twitter-fans .twitter-main  {background: url('/images/header/bocadillo.png') no-repeat scroll left top transparent;width: 72px;height: 30px}
#twitter-fans .twitter-main p {color: #3D5B9B;font-family:Arial,Helvetica,sans-serif;font-size:9px; text-align: center; padding-top: 7px}
/* END FACEBOOK, TWITTER */

/* BEGIN GENERAL CONDITIONS AND LEGAL NOTICE */
.boxTextShopInformationLink {color: #FA2398}
#general-conditions:hover{cursor: pointer}
#legal-notice:hover{cursor: pointer}
/* END GENERAL CONDITIONS AND LEGAL NOTICE */

/* BEGIN SHIPPING INFO(FAQ) */
.text_gray {color: #555555; font-size: 11px;line-height: 17px;}
.text_pink {color: #FA2398 !important; font-size: 11px;}
.text_bold {font-weight: bold; font-size: 11px;}
#accordion {font-family: Arial, Helvetica, Verdana, sans-serif; height: 450px;}
#accordion .ui-state-active {background: none no-repeat scroll 50% 50% #fa61b3 !important; border: medium none;}
#accordion .ui-state-active a {color: #FFF !important; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 10px; font-weight: bold;}
#accordion .ui-state-default{background: url("/images/faq/bg-heards.gif") repeat-x scroll 0 top #FFF; border: 1px solid #FDD0E9;}
#accordion .ui-state-default a{color: #FA2398; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 10px;}
#accordion .pane{padding: 3em 2.2em 1em !important; border: medium none; background:url("/images/faq/bg-box.jpg") repeat-x scroll 0 top #FFF; overflow: hidden;}
#accordion .pane ul.disc-list li{list-style: disc;}
#accordion .pane ul{padding: 0 10px;}
#accordion .pane ul li{list-style: decimal; font-size: 11px; line-height: 17px; padding: 0 0 10px 0;}
#accordion h3 .ui-icon{right: 0.5em !important; left: inherit; width: 4em;}
#accordion .ui-state-active .ui-icon{background-image: url("/images/faq/arrows.png");}
#accordion .ui-icon-triangle-1-s{background-position: 0 -2px;}
#accordion .ui-state-default .ui-icon{background-image: url("/images/faq/arrows.png");}
#accordion .ui-icon-triangle-1-e{background-position: 0 -32px;}
/* END SHIPPING INFO(FAQ) */

/* BEGIN HOW TO BUY (MAIN HEADER) */
#how-to-buy-content .header {color:#FA2398; margin-top: 10px; margin-bottom: 10px; font-family: Arial,Helvetica,sans-serif; font-size: 9px; }
#how-to-buy-content .text-header {color: #000000; text-align: justify; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; margin-bottom: 10px; margin-right: 20px;}
#how-to-buy-content .video {float:left; display: inline;}
#how-to-buy-content .video-text {float:right; display:inline;text-align: justify;  width: 180px; margin-right: 20px; color:#000000}
#how-to-buy-content .video-text p {margin-bottom: 20px;}
#how-to-buy-content button {margin-bottom: 20px;}
#tabs-how-to-buy{ resize:both ; margin: 0 0 0 15px; width: 588px;float:left; }
/* END HOW TO BUY (MAIN HEADER) */

/* BEGIN REGISTER */
#register-tab {width: 588px; margin: 0 0 0 17px}
/* END REGISTER */

#news{margin: 0 0 0 15px;}
/*
#header-menu #tabs-header #tabs-menu .cl-spc{ background: url("/images/toolbar/bg-canarias.png") repeat-x scroll 50% 50% #FA37A1 !important;
}
*/
#error-404 {float: left; margin-bottom: 0; margin-left: 15px; margin-right: 0; margin-top: 0; width: 594px;}
#error-404 #tabs-myaccount{resize: both; float: left;}
#error_404 .mens-er{background: url("/images/error/error-404.png") no-repeat scroll 0 0 transparent; padding: 37px 0 30px; margin: 20px 0 0 14px;}
#error_404 .mens-er h2{color: #FFF; font-family: Arial, sans-serif; font-size: 14px; margin: 1px 0 0 75px;}
#error_404 .mens-er p{color: #FFF; font-family: Arial, sans-serif; font-size: 14px; margin: 1px 0 0 75px;}
#error_404 .list-error{margin: 15px 0 20px ; padding: 0 0 0 34px;}
#error_404 .list-error ul li {background: url("/images/error/sep-error.gif") no-repeat scroll 0 bottom transparent; list-style: none; padding: 0 0 35px 13px; margin: 5px 0 0; float: left; width: 100%;}
#error_404 .list-error ul li a {color: #555555; background: url("/images/error/list-p.png") no-repeat scroll 0 0 transparent; padding: 0 0 0 25px; margin: 0 0 0 38px;}
#error_404 .list-error ul li a:hover {color: #FA2398;}
#error_404 .list-error ul li .content-err{width: 87%; float: left; background: none; padding: 0; margin: 0;}
#error_404 .list-error ul li .content-err .error-left {float: left;}
#error_404 .list-error ul li .content-err .error-left .format{text-align: center;}
#error_404 .list-error ul li .content-err .error-right {float: left; width: 325px; padding:5px 10px 10px;}
#error_404 .list-error ul li .content-err .error-right h2 {font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-style: normal; color: #FA2398; display: inline;}
#error_404 .list-error ul li .content-err .error-right h2.normal-err {font-family: Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; color: #555555;}
#error_404 .list-error ul li .content-err .error-right h3 {color: #686868; display: inline; font-family: Arial,Helvetica,sans-serif; font-size: 9px; font-style: normal; list-style-position: inside; list-style-type: none; display: block; padding: 0 0 15px 0;}

#tabs-menu .box-social-heard, ui-state-active{float: right; height: 30px;background: none transparent; border: none;}
#tabs-menu .box-social-heard a{padding: 0;}