
* { margin: 0px; padding: 0px; }
* { font-family: Arial; font-size: 12px; }

ul { list-style-type: none; list-style-position: outside; }
li { list-style-type: none; list-style-position: outside; }

img { border: 0px; }

body { background-image: url(/images/kernel/bg_page_body.gif); background-repeat: repeat-x; background-color: #e8e8e8; }

.infoHolder { width: 80%; margin: 0px auto; }
.infoTitle { color: #000; font-size: 14px; }
.infoTitle strong { color: #000; font-size: 14px; }
.infoInfo { color: #000; font-size: 12px; padding: 15px 0px; }
.infoInfo a { color: #000; font-size: 12px; font-weight: bold; }

.pageHolder { width: 980px; margin: 0px auto; clear: both; }
.leftHolder { width: 234px; float: left; margin: 0px; }
.centerHolder { width: 720px; float: left; margin-left: 15px; } 

.pageTop { width: 980px; height: 0px;  }
.pageMiddle { width: 980px; background: url(images/kernel/bg_page_middle.gif) repeat-y center center;  }
.pageBottom { width: 980px; height: 85px; margin-bottom: 15px; background: url(images/kernel/bg_page_bottom.gif) no-repeat center center; }

/* Caso StrikeGames o EpicaVisual */
.categoryCenterHolder {  width: 710px; margin: 0px auto; background: url(/images/kernel/bg_category_home_middle.gif) repeat-y; }
.categoryCenterTop    { width: 710px; height: 0px; /* line-height: 7px; font-size: 1px; margin: 10px auto 0px auto; background-image: url(/images/kernel/bg_category_center_top.gif); background-repeat: no-repeat; */ }
.categoryCenterMiddle { width: 710px; margin: 0px auto; padding-top: 10px; position: relative; }
.categoryCenterBottom { width: 710px; height: 0px; /* line-height: 7px; font-size: 1px; margin: 0px auto 0px auto; background-image: url(/images/kernel/bg_category_center_bottom.gif); background-repeat: no-repeat; */ }

.categoryCenterTable { width: 710px; margin: 0px auto; }
/* --- */

.listSport { width: 340px; float: left; margin-left: 20px; margin-top: 20px; }
.listSport ul { margin-top: 15px; margin-left: 15px; }
.listSport li { text-indent: 30px; height: 25px; line-height: 25px; background: url(/images/kernel/sport.gif) no-repeat left center; }
.listSport li a { color: #000; text-decoration: none; }
.listSport li a:hover { color: #000; text-decoration: none; }

.categoryGenericHolder { width: 710px; margin: 0px auto; }

.categoryGenericTop { width: 710px; margin: 0px auto;  }
.categoryGenericTop h1 { margin-top: 5px; color: #055fae; font-size: 24px; width: 695px; height: 65px; padding: 15px 0px 0px 15px; background: url(/images/kernel/bg_content_top.gif); }
.categoryGenericTop h1 span { font-size: 20px; color: #bed2e4; }


.categoryGenericTop a { font-size: 14px; font-weight: bold; color: #FFF; text-decoration: none; }
.categoryGenericTop a:hover { font-size: 14px; font-weight: bold; color: #FFF; text-decoration: none; }

.categoryGenericMiddle { width: 560px; margin: 0px auto; }
.categoryGenericMiddle table { margin-top: 200px; }
.categoryGenericBottom { width: 560px; height: 8px; margin: 0px auto; background: url(/images/kernel/bg_category_home_bottom.gif) no-repeat; }


.cssHidden { display: none; }
.cssClear { clear: both; height: 1px; line-height: 1px; font-size: 1px; }

.errorText { text-align: left; color: #FF0000; padding: 10px 10px; }
.msgHighlight { text-align: left; color: #477117; padding: 10px 10px; }

/* Header */
.headerHolder { width: 980px; height: 227px; margin: 0px auto; position: relative; background: url(/images/kernel/bg_header.jpg) no-repeat;  }

.headerLanguage { position: absolute; bottom: 2px; right: 5px; width: 70px; height: 25px; line-height: 25px; }
.headerLogo { position: absolute; top: 0px; left: 0px; }

.headerInfo { color: #045fa8; font-weight: bold; position: absolute; top: 92px; left: 360px; display: inline-block; width: 400px; height: 20px; }
.headerInfo a { color: #045fa8; font-weight: bold; text-decoration: none; }
.headerInfo a:hover { color: #045fa8; font-weight: bold; text-decoration: none; }


.headerInfo2 { color: #fff; font-size: 14px; font-weight: bold; position: absolute; top: 195px; right: 0px; display: inline-block; width: 300px; height: 30px; line-height: 30px; text-align: center; }
.headerInfo2 a { color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; }
.headerInfo2 a:hover { color: #fff; font-weight: bold; text-decoration: none; }

.headerLink { position: absolute; bottom: 32px; left: 200px; width: 475px; height: 39px; line-height: 39px; overflow: hidden; }
.headerLink a { text-align: center; color: #3a3939; font-weight: bold; text-decoration: none; display: inline-block; width: 113px; height: 39px; line-height: 39px; background: url(/images/kernel/bg_header_link.gif) no-repeat 0px 0px; }
.headerLink a:hover { background: url(/images/kernel/bg_header_link.gif) no-repeat 0px -39px; color: #3a3939; font-weight: bold; text-decoration: none; }

/* Footer */

.footerHolder { width: 980px; height: 50px; margin: 0px auto; background: url(/images/kernel/bg_page_footer.gif) no-repeat center center; }

.footerLinks { width: 45%; height: 20px; margin: 10px 20px; float: left; }
.footerLinks a { color: #000000; text-decoration: none; }
.footerLinks a:hover { color: #000000; text-decoration: none; }

.footerBar { width: 70%; height: 50px; line-height: 50px; margin: 0px 15px; float: left; color: #fff }
.footerText { width: 20%; height: 50px; line-height: 50px; margin: 0px 15px; float: right; color: #fff; text-align: right; }
.footerText a { color: #fff; text-decoration: none; }
.footerText a:hover { color: #fff; text-decoration: none; }

/* --- */


.searchAdvancedText { padding: 5px 0px; }
.searchAdvancedText a { color: #000; font-weight: bold; }
.searchAdvancedText a:hover { color: #000; font-weight: bold; }

.searchAdvancedLabel { text-align: right; padding: 0px 5px; }
.searchAdvancedRadio { }
.searchAdvancedSubTitle { padding: 5px; background: #CCC; font-weight: bold; }























/******************   SIDE: CATEGORY CONTENT PRODUCT  **********************/


/* Category Side */
.categorySideHolder { width: 234px; margin: 0px; }
.categorySideHolder h4 { width: 210px; height: 40px; margin: 5px 0px 5px 5px; line-height: 40px; background: #055fae; color: #fff; text-align: right; padding-right: 20px; font-size: 24px; }

.categorySideBottom { height: 20px; }

.categorySideHolder h2 a { padding-left: 25px; }
.categorySideHolder h2 a { display: inline-block; width: 234px; height: 30px; line-height: 30px; color: #000; font-size: 12px; font-weight: normal; background: url(/images/kernel/bg_category_side_item.gif) no-repeat 0px 0px; text-decoration: none; }
.categorySideHolder h2 a:hover { font-size: 12px; font-weight: normal; color: #000; background: url(/images/kernel/bg_category_side_item.gif) no-repeat 0px -30px; }

.categorySideHolder h3 a { padding-left: 25px; }
.categorySideHolder h3 a { display: inline-block; width: 234px; height: 30px; line-height: 30px; color: #000; font-size: 12px; font-weight: normal; background: url(/images/kernel/bg_category_side_item2.gif) no-repeat 0px 0px; text-decoration: none; }
.categorySideHolder h3 a:hover { font-size: 12px; font-weight: normal; color: #000; background: url(/images/kernel/bg_category_side_item2.gif) no-repeat 0px -30px; }


/* --- */

/* Content Side */
.contentSideHolder { width: 234px; margin: 0px; }
.contentSideHolder h4 { }

.contentSideBottom { height: 20px; }

.contentSideHolder  ul { width: 100%; }

.contentSideHolder  li a { display: block; width: 100%; height: 22px; line-height: 22px; text-indent: 40px; color: #000; text-decoration: none; background: url(/images/kernel/bg_content_side_item.gif) no-repeat; } 
.contentSideHolder  li a:hover { color: #fff; text-decoration: none; background: url(/images/kernel/bg_content_side_item.gif) no-repeat 0px -22px; }

/* --- */

/* Product Side */
.productSideHolder { width: 234px; margin: 0px; }
.productSideTop { background-image: url(/images/kernel/bg_product_side_top.gif); background-repeat: no-repeat; height: 35px; }
.productSideTop { font-size: 14px; font-weight: bold; color: #333; line-height: 30px; text-indent: 10px; }
.productSideMiddle { background-image: url(/images/kernel/bg_product_side_middle.gif); background-repeat: repeat-y; }
.productSideBottom { background-image: url(/images/kernel/bg_product_side_bottom.gif); background-repeat: no-repeat; height: 10px; }

.productSideItemHolder { width: 182px; margin: 0px auto; }

.productSideItem a { display: block; width: 180px; height: 15px; line-height: 15px; color: #7b7c7e; text-decoration: none; text-indent: 25px; background: url(/images/kernel/bg_content_side_item_off.gif) no-repeat center center; }
.productSideItem a:hover { color: #e85b21; text-decoration: none; background: url(/images/kernel/bg_content_side_item_on.gif) no-repeat center center; }

hr { width: 170px; height: 0px; border-top: 1px solid #CCC; }

/* --- */

.imagesHomeHolder { width: 350px; height: 270px; float: right; }
.imagesHomeTop { width: 350px; height: 40px; line-height: 40px; text-indent: 50px; font-size: 24px; margin-bottom: 10px; }

.imagesHomeHolder div { margin: 0px auto; text-align: center; }

/* News Side */

.newsHomeHolder { width: 100%; height: 430px; }
.newsHomeTop { width: 710px; height: 40px; }
.newsHomeTop  { font-size: 24px; font-weight: normal; line-height: 40px; text-indent: 50px; }
.newsHomeMiddle { padding-top: 15px; }
.newsHomeBottom { }

.newsHomeItem { width: 165px; margin: 0px auto 10px auto; float: left; margin-right: 15px; }
.newsHomeItem img { border: 1px solid #dedede; }

.newsHomeDate { color: #666; font-weight: bold; }

.newsHomeTitle { height: 45px; color: #005aff; font-weight: bold; text-decoration: none; padding-bottom: 10px; }
.newsHomeTitle a { color: #005aff; font-weight: bold; text-decoration: none; }
.newsHomeTitle a:hover { color: #005aff; font-weight: bold; text-decoration: none; }

.newsHomeResume { height: 90px; color: #666666; font-size: 11px; font-weight: normal; }
.newsHomeButton { width: 145px; height: 30px; margin: 10px auto; line-height: 28px; background: url(/images/kernel/bg_news_button.gif) no-repeat; }
.newsHomeButton a { text-indent: 35px; color: #f6881a; }

.bannerHome { width: 340px; margin: 20px 0px; float: left; }
.bannerHome div { margin-bottom: 10px; }


/* --- */

/* Content Home */

.contentHomeHolder {  width: 350px; height: 270px; float: left; }


.contentHomeItem { padding-top: 10px; }
.contentHomeTop { width: 350px; height: 40px; line-height: 40px; font-size: 24px; text-indent: 50px; margin-bottom: 10px; }
.contentHomeImage { float: left; }
.contentHomeText { float: right; width: 250px; height: 115px; font-size: 12px; color: #333333; }

.contentHomeButton { width: 100%; height: 40px; line-height: 40px; }
.contentHomeButton a { color: #f6881a; text-decoration: none; }
.contentHomeButton a:hover { color: #f6881a; text-decoration: none; }

.contentHomeButton img { vertical-align: middle; }


/* SEARCH */

.searchHolder { width: 235px; height: 35px; line-height: 35px; position: absolute; bottom: 3px; left: 420px; }
.searchHolder a { color: #fff; }
.searchHolder a:hover { color: #fff; }

#spHeader_spSearch_txtSpSearch { width: 135px; height: 16px; line-height: 16px; border: 1px; vertical-align: middle; color: #000; font-size: 10px; }
.searchHolder img { vertical-align: middle; }
.searchHolder input { vertical-align: middle; margin-left: 10px;  }

.searchImage { float: right; margin-left: 5px; }



/* Suscriber */

.suscriberHolder { width: 338px; height: 115px; background: url(/images/kernel/bg_suscriber.gif) no-repeat; }
.suscriberHolder p { width: 90%; margin: 0px auto; padding: 35px 0px 0px 0px; color: #333; }

.suscriberHolder input { display: block; width: 210px; margin: 0px auto; color: #333; }
.suscriberHolder input { margin-left: 15px; }

.suscriberHolder div { clear: both; text-align: right; margin-right: 10px; }

.suscriberHolder a { color: #000; }
.suscriberHolder a:hover { color: #000; }

.suscriberLegal { color: #000; }
.suscriberLegal:hover { color: #000; }

/* --- */

/* Basket Side */

.basketReducedHolder { width: 175px; height: 110px; padding: 60px 10px 0px 15px; background: url(/images/kernel/bg_basket_reduced.gif) no-repeat; }
.basketReducedHolder p { }
.basketReducedInfo { color: #474747; text-align: justify; }
.basketReducedPrice { color: #e2001a; padding: 15px 0px; }

/* --- */

/* Basket Central */
.basket { width: 100%; margin: 0px auto; }

.basketHeadPrice { width: 100px; color: #000; height: 25px; vertical-align: middle; text-align: center; font-weight: bold; }

.basketLineImage { text-align: center; }
.basketLineImage img { }

.basketLineText { width: 250px; font-size: 14px; color: #666; text-align: center; vertical-align: middle; }
.basketLineText a { font-size: 14px; color: #666; text-decoration: none; }
.basketLineText a:hover { font-size: 14px; color: #666; text-decoration: none; }

.basketQuantity { color: #666; vertical-align: middle; text-align: center; padding: 5px; }
.basketQuantity input { width: 25px; vertical-align: middle; text-align: right; }
.basketQuantity img { vertical-align: middle; }

.basketPrice { width: 115px; font-size: 12px; font-weight: bold; vertical-align: middle; text-align: center; }
.basketLinePrice { width: 115px; font-size: 12px; font-weight: bold; vertical-align: middle; text-align: center; }

.basketLine { background-color: #fff; }
.basketTotalPrice { height: 20px; vertical-align: middle; font-size: 12px; font-weight: bold; text-align: right; padding-right: 10px; color: #000; }

.basketTotalSeparator { height: 10px; }

.basketProcess { height: 30px; vertical-align: bottom; text-align: right; }
.basketTotalPriceButton { padding: 10px 5px; }
/* --- */

























/* Product Home */
.productHomeHolder { width: 171px; height: 217px; float: left; margin: 10px 0px 10px 10px; position: relative; background-image: url(/images/kernel/bg_product_browsing_item.gif); background-repeat: no-repeat; }
.productHomeImage { width: 155px; height: 155px; margin: 5px auto; line-height: 155px; text-align: center; }
.productHomeImage img { vertical-align: middle; }


.productHomeHolder h3 { width: 90%; margin: 0px auto; }
.productHomeHolder h3 a { color: #000; text-decoration: none; font-weight: normal; }
.productHomeHolder h3 a:hover { color: #000; text-decoration: none; font-weight: normal; }

.productHomeHolder h4 { width: 90%; margin: 0px auto; }
.productHomeHolder h4 a { color: #000; text-decoration: none; font-weight: normal; }
.productHomeHolder h4 a:hover { color: #000; text-decoration: none; font-weight: normal; }

.productHomePrice { float: left; margin-left: 10px; font-size: 18px; font-weight: bold; color: #e2001a; }
.productHomeButton { float: right; margin-right: 10px; }
.productHomeNew { width: 70px; height: 75px; position: absolute; top: 0px; left: 0px; background: url(/images/kernel/1/bg_product_browsing_new.gif) no-repeat; }
.productHomeOffer { width: 70px; height: 75px; position: absolute; top: 0px; left: 0px; background: url(/images/kernel/1/bg_product_browsing_offer.gif) no-repeat; }

/* --- */

.categoryHomeProductHolder { width: 565px; margin: 0px auto; /* REPEAT */ }
.categoryHomeProductTop { width: 565px; height: 23px; margin: 0px auto; background-image: url(/images/kernel/bg_category_generic_top.gif); background-repeat: no-repeat; background-position: center center; }
.categoryHomeProductTop { text-indent: 15px; font-size: 14px; font-weight: bold; color: #FFF; line-height: 23px; }
.categoryHomeProductTop a { font-size: 14px; font-weight: bold; color: #FFF; text-decoration: none; }
.categoryHomeProductTop a:hover { font-size: 14px; font-weight: bold; color: #FFF; text-decoration: none; }

.categoryHomeProductMiddle { margin-top: 10px; }
.categoryHomeProductBottom { clear: both; }
/* --- */
























/* Category Browsing */
.categoryBrowsingHolder { width: 100%; padding: 10px auto; }
.categoryBrowsingHolder ul { margin: 10px; }
.categoryBrowsingHolder ul li { list-style-type: disc; list-style-position: inside; }

.categoryBrowsingHolder h2 { height: 15px; line-height: 15px; }
.categoryBrowsingHolder h2 a { color: #29a4ea; text-decoration: none; }
.categoryBrowsingHolder h2 a:hover { color: #29a4ea; text-decoration: none; }

/* --- */

/* Pagination Bar */
.paginationBarHolder { width: 100%; height: 20px; margin: 10px auto !important; background-image: url(/images/kernel/bg_pagination.gif); background-repeat: no-repeat; }
.paginationBarText { width: 45%; float: left; font-size: 10px; color: #fff; margin: 4px 0px 0px 10px; }
.paginationBarResume { width: 50%; float: right; margin: 3px 10px 0px 0px; font-size: 10px; text-align: right; color: #000; }
.paginationBarResume a { color: #000; text-decoration: none; }
.paginationBarResume a:hover { color: #000; text-decoration: none; }
.paginationBarNumberSelected { font-weight: bold; }
/* --- */

/* Producto Listado */
.productBrowsingHolder { width: 545px; height: 125px; margin: 0px auto; background-image: url(/images/kernel/bg_product_browsing.jpg); background-repeat: no-repeat; }

.productBrowsingImage { width: 130px; height: 125px; float: left; margin: 5px 0px; text-align: center; }
.productBrowsingImage img { border: 1px solid #DEDEDE; padding: 2px; margin-top: 10px; }

.productBrowsingLeft { width: 400px; height: 125px; float: right; position: relative; margin: 5px 0px 0px 0px;  }

.productBrowsingName { color: #477117; font-weight: bold; font-size: 12px; padding: 10px 0px; }
.productBrowsingName a { color: #477117; font-weight: bold; text-decoration: none;  }
.productBrowsingName a:hover { color: #477117; font-weight: bold; text-decoration: none; }
.productBrowsingDescription { color: #646567; }

.productBrowsingInfo { position: absolute; width: 390px; bottom: 15px; right: 10px; }
.productBrowsingPrice { width: 100px; float: left; height: 30px; line-height: 30px; color: #e75112; font-weight: bold; font-size: 14px; }
.productBrowsingComparer { width: 130px; height: 30px; line-height: 30px; float: left; text-indent: 25px; background-image: url(/images/kernel/bn_product_browsing_comparer.gif); background-repeat: no-repeat; background-position: left center; }
.productBrowsingComparer a { color: #646567; font-size: 10px; text-decoration: none; }
.productBrowsingComparer a:hover { color: #646567; font-size: 10px; text-decoration: none;  }
.productBrowsingButtons { width: 115px; float: left; height: 30px; line-height: 30px; }
.productBrowsingButtons img { }
/* --- */


.categoryItemListPaginationBar { background-color: #545454; height: 25px; margin: 5px auto; }




































.contentListHolder { width: 100%; margin-top: 20px; text-align: center; }
.contentListHolder tr td { height: 170px; font-size: 11px; color: #000; text-decoration: none; }
.contentListHolder tr td a { font-size: 10px; color: #000; text-decoration: none; }
.contentListHolder tr td a:hover { font-size: 10px; color: #000; text-decoration: none; }

.contentListHolder tr td p { width: 165px; padding: 3px 0px;  }


.contentListGenericHolder { width: 100%; }
.contentListGenericHolder tr { background: url(/images/kernel/bg_content_browsing.gif) no-repeat left bottom; }
.contentListGenericHolder tr td { padding: 10px; }
.contentListGenericTitle { font-size: 13px; color: #508fc6 }
.contentListGenericTitle a { font-size: 13px; color: #508fc6; text-decoration: none; }
.contentListGenericTitle a:hover { font-size: 13px; color: #508fc6; text-decoration: none; }

.contentListGenericHolder img { padding: 5px; border: 1px solid #d6d6d6; }

.contentListGenericResume { color: #7f7f7f; text-decoration: none; }
.contentListGenericResume a { font-size: 12px; color: #7f7f7f; text-decoration: none; }
.contentListGenericResume a:hover { font-size: 12px; color: #7f7f7f; text-decoration: none; }
.contentListGenericResume span { color: #ff9934;  }
.contentListGenericResume span a { color: #ff9934;  }
.contentListGenericResume span a:hover { color: #ff9934;  }




.contentListGenericHolder2 { width: 100%; }
.contentListGenericHolder2 tr { background: url(/images/kernel/bg_content_browsing.gif) no-repeat left bottom; }
.contentListGenericHolder2 tr td { padding: 10px; }
.contentListGenericTitle2 { font-size: 13px; color: #508fc6 }
.contentListGenericTitle2 a { font-size: 13px; color: #508fc6; text-decoration: none; }
.contentListGenericTitle2 a:hover { font-size: 13px; color: #508fc6; text-decoration: none; }

.contentListGenericTitle2 span { font-size: 13px; color: #508fc6; font-weight: bold; text-decoration: none; }
.contentListGenericTitle2 span a { font-size: 13px; color: #508fc6; font-weight: bold; text-decoration: none; }
.contentListGenericTitle2 span a:hover { font-size: 13px; color: #508f6c; font-weight: bold; text-decoration: none; }


.contentListGenericResume2 { color: #7f7f7f; text-decoration: none; }
.contentListGenericResume2 a { font-size: 12px; color: #7f7f7f; text-decoration: none; }
.contentListGenericResume2 a:hover { font-size: 12px; color: #7f7f7f; text-decoration: none; }

.contentListGenericResume2 span { color: #ff9934; font-weight: bold; text-decoration: none; }
.contentListGenericResume2 span a { color: #ff9934; font-weight: bold; text-decoration: none; }
.contentListGenericResume2 span a:hover { color: #ff9934; font-weight: bold; text-decoration: none; }

















/******************   CONTACT CONTENT Y PRODUCT **********************/

/* Contact */
.contactHolder { width: 710px; margin: 0px auto;  }
.contactTop { width: 710px; height: 35px; margin: 0px auto; background: url(/images/kernel/bg_category_generic_top.gif) no-repeat center center; text-indent: 15px; line-height: 30px; font-size: 14px; font-weight: bold; color: #fff;  }
.contactTop a { color: #FFF; text-decoration: none;  }
.contactTop a:hover { color: #FFF; text-decoration: underline;  }

.contactButtons { text-align: center; padding: 10px; }
.contactLabel { width: 30%; vertical-align: top; padding-right: 5px;}
.contactTextBox { width: 70%; }
.contactTextBox input { }
.contactTextBox textarea { }
.contactError { margin: 15px 0px; }

.contactMessage { }
.contactMessage a { color: #000; }
.contactMessage a:hover { color: #000; }

/* --- */

/* Content */
.contentHolder { width: 710px; margin: 0px auto;  }
.contentHolder h1 { margin-top: 5px; color: #055fae; font-size: 24px; width: 695px; height: 65px; padding: 15px 0px 0px 15px; background: url(/images/kernel/bg_content_top.gif); }
.contentHolder h1 span { font-size: 20px; color: #bed2e4; }

.contentBack { margin-top: 5px; background: #ecf5fd; height: 40px; line-height: 40px; text-align: right; padding-right: 10px; }
.contentBack a { color: #055ca9; }
.contentBack a:hover { color: #055ca9; }

.contentText { text-align: justify; }
.contentText a { font-weight: bold; }
.contentText a:hover { font-weight: bold; }
.contentText p { padding: 10px 0px; }

.contentImage {  }
.contentImage img { margin: 15px; border: 1px solid #d6d6d6; }
.contentButton { padding: 5px; text-align: right; }
/* --- */

/* Product */
.productHolder { width: 565px; margin: 0px auto; } 

.productHolder h1 { font-size: 12px; font-weight: bold; color: #666; padding-top: 10px; }
.productHolder h2 { font-weight: normal; color: #666; padding-top: 10px; }

.productTop { width: 560px; height: 0px; padding-top: 10px; background: url(/images/kernel/bg_product_top.gif) no-repeat; }
.productMiddle { width: 560px; background: url(/images/kernel/bg_product_middle.gif) repeat-y; position: relative; }
.productBottom { width: 560px; height: 5px; background: url(/images/kernel/bg_product_bottom.gif) no-repeat; }

.productImage { margin: 10px 0px; text-align: center; }
.productImage img {  }
.productImageAux { width: 50px; height: 50px;  float: left; text-align: center; margin-left: 10px; }
.productImageAux img { border: 1px solid #CCC; }

.productLeft { width: 230px; min-height: 310px; float: left; margin: 10px 0px 0px 20px; }
.productRight { width: 275px; min-height: 310px; float: right; margin: 10px 20px 0px 0px; }

.productPrice { color: #e2001a; font-size: 24px; font-weight: bold; }
.productBuy { margin: 20px 20px 0px 0px; text-align: right; } 
.productBuy input { width: 25px; vertical-align: middle; } 
.productBuy img { vertical-align: middle; } 


.productButton { margin: 10px 0px; color: #666; }
.productButton img { vertical-align: middle; }
.productButton a { color: #666; text-decoration: none; }
.productButton a:hover { color: #666; text-decoration: underline; }

.productValoration { width: 250px; height: 50px; position: absolute; bottom: 0px; background: url(/images/kernel/bg_product_valoration.gif) no-repeat; }
.productValorationText { padding: 0px 5px; color: #424141; text-align: center; }
.productValorationStars { }
.productValorationButton { padding: 0px 5px; }

.productNew { width: 70px; height: 75px; position: absolute; top: -10px; left: 11px; background: url(/images/kernel/1/bg_product_browsing_new.gif) no-repeat; }
.productOffer { width: 70px; height: 75px; position: absolute; top: -10px; left: 11px; background: url(/images/kernel/1/bg_product_browsing_offer.gif) no-repeat; }


/* --- */

#productReviews { width: 90%; margin: 10px auto;  }
.productReviewTitle { height: 19px; line-height: 19px; font-weight: bold; }
.productReviewTitle table { display: inline; vertical-align: middle; }
.productReviewTitle span { font-weight: normal; }
.productReviewText { font-size: 10px; padding-bottom: 10px; border-bottom: 1px dotted #c5c5c5; margin-bottom: 7px; }

















/******************   PASOS DE COMPRA **********************/

/* OK */

.orderAddressHolder { width: 95%; margin: 10px auto; text-align: left; border: 1px solid #8c0000; background-color: #fff; }
.orderAddressTop { height: 30px; line-height: 25px; background-color: #8c0000; color: #fff; font-weight: bold; font-size: 12px; text-align: center;  } 
.orderAddressMiddle { min-height: 150px; height: auto !important; height: 125px; }

.orderAddressModify { padding: 7px; text-align: right; }
.orderAddressModify a {  color: #000;  }
.orderAddressModify a:hover {  color: #000;  }

.orderAddressButton { display: block; margin: 10px auto; }
 
/* --- */

/* OK */

.orderPaymentHolder { width: 100%; margin: 10px auto; text-align: left; border: 1px solid #8c0000; background-color: #fff; width: 95% !important; }
.orderPaymentHolder p { height: 30px; line-height: 25px; background-color: #8c0000; color: #fff; font-weight: bold; font-size: 12px; text-align: center;  }

.orderPaymentMiddle { min-height: 125px; height: auto !important; height: 125px; }

.orderPaymentMiddle { padding: 5px 0px; }
.orderPaymentMiddle input { vertical-align: middle; }
.orderPaymentMiddle table { margin-bottom: 10px; }
.orderPaymentMiddle table tr td { padding: 0px 10px !important; }

.orderPaymentMiddle .orderStepText { display: block; padding: 5px 0px; }

.orderPaymentButton { width: 95%; margin: 0px auto; padding: 5px 0px; }

.orderPaymentExplain { padding: 5px 15px; color: #000; }
.orderPaymentExplain a { color: #000; text-decoration: underline; }
.orderPaymentExplain a:hover { color: #000; text-decoration: underline; }

/* --- */


/* OK */

.orderShipMethodHolder { width: 100%; margin: 10px auto; text-align: left; border: 1px solid #8c0000; background-color: #fff; width: 95% !important; }
.orderShipMethodTop { height: 30px; line-height: 25px; background-color: #8c0000; color: #fff; font-weight: bold; font-size: 12px; text-align: center;  } 

.orderShipMethodExplain { padding: 5px 10px; } 

.orderShipMethodMiddle { }
.orderShipMethodButton { width: 95%; margin: 0px auto; padding: 5px 0px; }

.orderShipMethodMiddle { padding: 5px 10px; }
.orderShipMethodMiddle table { margin-bottom: 10px; }
.orderShipMethodMiddle input { vertical-align: middle; }

.orderShipMethodMiddle a { color: #000; text-decoration: underline; }
.orderShipMethodMiddle a:hover { color: #000; text-decoration: underline; }

/* --- */


#presschange { text-align: left; padding: 15px 0px 15px 15px; }
#presschangeship { text-align: left; padding: 15px 0px 15px 15px; }


/* OK 06-12-07 */
.orderRemarksHolder { width: 100%; margin: 10px auto; text-align: left; border: 1px solid #8c0000; background-color: #fff; }
.orderRemarksHolder tr td { padding: 5px 10px; }

.orderRemarksTitle { height: 30px; line-height: 25px; background-color: #8c0000; color: #fff; font-weight: bold; font-size: 12px; text-align: center;  } 

.orderRemarksTextArea { }
.orderRemarksLabel { padding: 10px 0px;  }
.orderRemarksScheduleLabel { text-align: right; }
.orderRemarksScheduleCombo { text-align: left; }
.orderRemarksScheduleCombo select { width: 150px; }

/* END_OK 06-12-07 */

.orderStepTextHighlight { color: #000; }
.orderStepText { color: #333; }

/* Customer Address */
.customerAddressHolder { width: 100%; margin: 10px 0px; }
.customerAddressLabel { padding: 0px 5px; text-align: right !important; width: 30%; }
.customerAddressInput { padding: 0px 5px; text-align: left !important; width: 70%; }
/* END_OK 06-12-07 */


/* Pasos de Compra */

.orderStepOneTable { width: 710px; margin: 0px auto;  }
.orderStepOneTable tr td { width: 50%; vertical-align: top;  }

/* --- */


/* --- */

.osCuponHolder { width: 100%; margin: 10px auto; text-align: left; border: 1px solid #8c0000; background-color: #fff; }
.osCuponTop { height: 30px; line-height: 25px; background-color: #8c0000; color: #fff; font-weight: bold; font-size: 12px; text-align: center;  } 
.osCuponMiddle { margin: 0px auto; }
.osCuponBottom { }

.osCuponLabel { text-align: center; padding: 5px; }
.osCuponInput { text-align: center; padding: 5px;  }

/*---*/
.osBonusHolder { width: 100%; margin: 10px auto; text-align: left; border: 1px solid #8c0000; background-color: #fff; }
.osBonusTitle { height: 30px; line-height: 25px; background-color: #8c0000; color: #fff; font-weight: bold; font-size: 12px; text-align: center;  } 

.osBonusTop { }
.osBonusMiddle { margin: 0px auto; }
.osBonusBottom { }

.osBonusLabel { text-align: center; padding: 5px; }
.osBonusInput { text-align: center; padding: 5px; }
/*---*/
.osBonusTagHolder { width: 100%; margin: 10px auto; text-align: left; border: 1px solid #8c0000; background-color: #fff; }
.osBonusTagTitle { height: 30px; line-height: 25px; background-color: #8c0000; color: #fff; font-weight: bold; font-size: 12px; text-align: center;  } 

.osBonusTagTop { }
.osBonusTagMiddle { margin: 0px auto; }
.osBonusTagBottom { }

.osBonusTagLabel { text-align: center; padding: 5px; }
.osBonusTagInput { text-align: center; padding: 5px; }
.osBonusTagInfo { }
/*---*/

.osShipGiftHolder { width: 100%; margin: 10px auto; text-align: left; border: 1px solid #8c0000; background-color: #fff; }
.osShipGiftTitle { height: 30px; line-height: 25px; background-color: #8c0000; color: #fff; font-weight: bold; font-size: 12px; text-align: center;  } 

.osShipGiftTop { }
.osShipGiftMiddle { }
.osShipGiftBottom { }
	
.osShipGiftRadio { text-align: center; padding-top: 10px; }
.osShipGiftRemarks { padding: 10px; color: #FF0000; }

.osShipGiftText { width: 50%; padding: 15px; text-align: justify; }
.osShipGiftCategory { width: 50%; padding: 15px; }


/* OK */
.osOrderHolder { width: 100%; margin: 10px auto; text-align: left; border: 1px solid #8c0000; background-color: #fff; }
.osOrderTitle { background-color: #5f8117; height: 35px; line-height: 35px; text-indent: 50px; color: #fff; font-weight: bold; font-size: 12px; }

.osOrderTop { }
.osOrderMiddle { }
.osOrderMiddle table { }
.osOrderBottom { }
/* --- */

/* OK TEMPLATE=206 */
.orderResume { }
.orderResumeTop { height: 25px; background-image: url(/images/kernel/bg_order_resume_top.jpg); background-repeat: repeat-x; }
.orderResumeTitle { }
.orderResumeMiddle { }
.orderResumeTable { border: 1px solid #CCC; }
.orderResumeAdvice { display: none; }


#orderDetail { width: 100%; border: 1px solid #CCC; border-collapse: collapse; }

.orderLineHolder { border: 1px solid #DBDBDB; }
.orderLineHeader { background-color: #8c0000; height: 20px; font-weight: bold; }

.orderLineHeaderQuantity { padding: 2px 5px; font-weight: bold; color: #fff; }
.orderLineHeaderProduct { padding: 2px 5px; font-weight: bold;  color: #fff; }
.orderLineHeaderProductPrice { padding: 2px 5px; font-weight: bold; text-align: right; color: #fff; }
.orderLineHeaderPrice { padding: 2px 5px; font-weight: bold; text-align: right; color: #fff; }

.orderLine td { padding: 5px; border: 0px; border-bottom: 1px solid #EEE; background: #fff; }
.orderLine a { color: #000; }
.orderLine a:hover { color: #000; }

.orderTotalLine { padding: 5px; text-align: right; }
.orderTotalText { padding: 2px 5px; font-weight: bold; }
.orderTotalPrice { padding: 2px 5px;  font-weight: bold; }

.orderTotalTotalLine {  }
.orderTotalTotalText { height: 30px; line-height: 25px; background-color: #8c0000; color: #fff; font-weight: bold; font-size: 12px; text-align: center; ; padding: 2px 5px; text-align: right !important; }
.orderTotalTotalPrice { height: 30px; line-height: 25px; background-color: #8c0000; color: #fff; font-weight: bold; font-size: 12px; text-align: center; ; padding: 2px 5px; text-align: right !important; }

.orderLineQuantity { border-bottom: 1px solid #DBDBDB; border-right: 1px solid #DBDBDB; padding: 5px; }
.orderLineProduct { border-bottom: 1px solid #DBDBDB; border-right: 1px solid #DBDBDB; padding: 5px;}
.orderLineProduct a:link { color: #7B7C7E; } 
.orderLineProduct a:hover { color: #7B7C7E; } 
.orderLineProduct a:visited { color: #7B7C7E; } 
.orderLineProductPrice { border-bottom: 1px solid #DBDBDB; border-right: 1px solid #DBDBDB; padding: 2px 10px 2px 0px; text-align: right; }
.orderLinePrice { border-bottom: 1px solid #DBDBDB; border-right: 1px solid #DBDBDB; text-align: right; padding: 2px 10px 2px 0px; }


.orderConfirmHolder { width: 100%; margin: 10px auto; text-align: left; border: 1px solid #8c0000; background-color: #fff; }
.orderConfirmTitle { background-color: #5f8117; height: 35px; line-height: 35px; text-indent: 50px; color: #fff; font-weight: bold; font-size: 12px; }

.orderConfirmTop { }
.orderConfirmMiddle { width: 95%; margin: 0px auto; }
.orderConfirmButton { margin: 0px auto; text-align: center; }

.orderConfirmLabelTitle { text-align: justify; padding: 10px 0px; }
.orderConfirmLabelTitle a { color: #000; font-weight: bold; text-decoration: underline; }
.orderConfirmLabelTitle a:hover { color: #000; font-weight: bold; text-decoration: underline; }



























/* Affiliate Zone */
.affiliateZoneHolder { width: 710px; margin: 0px auto;  }
.affiliateZoneTop { width: 710px; height: 35px; margin: 0px auto; background: url(/images/kernel/bg_category_generic_top.gif) no-repeat center center; text-indent: 15px; line-height: 30px; font-size: 14px; font-weight: bold; color: #fff;  }
.affiliateZoneTop a { color: #FFF; text-decoration: none;  }
.affiliateZoneTop a:hover { color: #FFF; text-decoration: underline;  }

.affiliateZoneBottom {  }

.affiliateZoneLabel { color: #000; font-weight: bold; text-decoration: none; }
.affiliateZoneLabel a { color: #000; font-weight: bold; text-decoration: none; }
.affiliateZoneLabel a:hover { color: #000; text-decoration: underline; }

.affiliateZoneSubTitle { color: #000; font-weight: bold; text-decoration: underline; }
.affiliateZoneSubTitle a { color: #000; font-weight: bold; text-decoration: underline; }
.affiliateZoneSubTitle a:hover { color: #000; text-decoration: underline; }

.affiliateZoneLabel2 { padding: 10px 10px; }

.affiliateZoneText { color: #000; text-align: left;  }
.affiliateZoneText  a { color: #000; font-weight: bold; text-decoration: none; }
.affiliateZoneText  a:hover { color: #000; text-decoration: underline; }
/* -- */

/* Affiliate Remember Password */
.affiliateRememberText { padding: 5px 0px; }
.affiliateRememberLabel { width: 40%; float: left; text-align: right; line-height: 17px; font-weight: bold; }
.affiliateRememberInput { width: 60%; float: right; text-align: left; }
.affiliateRememberInput input { }

.affiliateRememberButton {  }

.affiliateRememberLink { padding: 10px 0px; color: #000; font-weight: bold; text-decoration: none; }
.affiliateRememberLink a { color: #000; font-weight: bold; text-decoration: none; }
.affiliateRememberLink a:hover { color: #000; font-weight: bold; text-decoration: underline; }
.affiliateRememberError { padding: 10px 15px; }

/* Affiliate Change Password */
.affiliateChangePassText { padding: 10px 0px; }
.affiliateChangePassLabel { width: 40%; float: left; text-align: right; line-height: 17px; font-weight: bold; }
.affiliateChangePassInput { width: 60%; float: right; text-align: left; }
.affiliateChangePassInput input { }

.affiliateChangePassButton {  }

.affiliateChangePassLink { padding: 10px 0px; color: #000; font-weight: bold; text-decoration: none; }
.affiliateChangePassLink a { color: #000; font-weight: bold; text-decoration: none; }
.affiliateChangePassLink a:hover { color: #000; font-weight: bold; text-decoration: underline; }
.affiliateChangePassError { padding: 10px 15px; }

/* Affiliate Signin */
.affiliateSigninText { color: #000; text-decoration: none; }
.affiliateSigninText a { color: #000; text-decoration: none; font-weight: bold; }
.affiliateSigninText a:hover { color: #000; text-decoration: underline; font-weight: bold; }

.affiliateSigninText2 {padding: 15px 0px; text-align: justify; }
.affiliateSigninText2 a { color: #000; text-decoration: none; font-weight: bold; }
.affiliateSigninText2 a:hover { color: #000; text-decoration: underline; font-weight: bold; }

.affiliateSigninLabel { color: #000; text-align: right; }
.affiliateSigninLabel a { color: #000; text-decoration: none; }
.affiliateSigninLabel a:hover { color: #000; text-decoration: underline; }
.affiliateSigninInput { }


/* Affiliate Login */
.affiliateLoginHolder { width: 100% !important; margin: 15px auto; }
.affiliateLoginTitle { border-bottom: 1px solid #000000; font-weight: bold; text-align: left; }
.affiliateLoginText { padding: 10px 0px; text-align: left; }
.affiliateLoginLabel { text-align: right; }
.affiliateLoginInput { text-align: left; }
.affiliateLoginButton { text-align: center; padding: 15px 0px; }

.affiliateLoginRememberLink { padding: 15px 0px; text-align: center; }
.affiliateLoginRememberLink a { color: #000000; font-weight: bold; }
.affiliateLoginRememberLink a:hover { color: #000000; font-weight: bold; }

.affiliateLoginRememberLabel { color: #000000; }
.affiliateLoginRememberLabel a { color: #000000; font-weight: bold; }
.affiliateLoginRememberLabel a:hover { color: #000000; font-weight: bold; }

.affiliateLoginLink { padding-top: 50px; }
.affiliateLoginLink a { color: #000000; font-weight: bold; }
.affiliateLoginLink a:hover { color: #000000; font-weight: bold; }

.affiliateRegisterHolder { width: 100% !important; margin: 15px auto; }
.affiliateRegisterTitle { border-bottom: 1px solid #000000; font-weight: bold; text-align: left; }
.affiliateRegisterText { padding: 10px 0px; text-align: left; }
.affiliateRegisterButton { text-align: right; padding-right: 10px; }
















/* FORUM */

.forumHolder { width: 95%; margin: 0px auto; }
.forumHeaderTop { height: 21px; background: #c2c2c2; font-weight: bold; border-right: 1px solid #FFF; text-align: center; }

.forumTitleTop { height: 28px; padding-left: 13px; background-color: #d6e799; border-right: 1px solid #FFF; }
.forumTitleTop { font-weight: bold; color: #000; }

.forumTitle { height: 28px; padding-left: 13px; background: #dbdbdb;  border-right: 1px solid #FFF; }
.forumTitle { font-weight: bold; color: #000; }

.forumItem { font-weight: bold; line-height: 18px; }
.forumItem a { color: #477117; }
.forumItem a:hover { color: #477117; }
.forumDescription { }

.forumInfo { padding: 20px 15px; text-align: justify; }
.forumInfo a { color: #000; font-weight: bold; text-decoration: none; }
.forumInfo a:hover { color: #000; font-weight: bold; text-decoration: underline }

.forumCategory { width: 60%; background: #f5f7f9; padding: 15px; }
.forumLastThread { width: 20%; background: #eef0f2; text-align: center; }
.forumThreadNumber { width: 20%; background: #f5f7f9; font-weight: bold; text-align: center; }

.forumCategoryTop td { background: #dbdbdb; height: 21px; font-weight: bold; color: #000; text-align: center; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF; }
.forumCategoryLine td { border-bottom: 1px solid #FFF; height: 27px; padding: 10px; border-right: 1px solid #FFF; }
.forumCategorySubject { color: #477117; background: #efefef; text-decoration: none; }
.forumCategorySubject a { color: #477117; text-decoration: none; }
.forumCategorySubject a:hover { color: #477117; text-decoration: underline; }
.forumCategoryAuthor { background: #ededed; }
.forumCategoryDate { background: #efefef; }
.forumCategoryReply { background: #ededed; }
.forumCategoryLastAnswers { background: #efefef; }
.forumCategoryReply { background: #ededed; }

.forumCategoryFooter { background: #dbdbdb; height: 21px; padding-left: 11px; }
.forumCategoryFooter { color: #000; font-weight: bold; text-decoration: none; }
.forumCategoryFooter a { color: #000; font-weight: bold; text-decoration: none; }
.forumCategoryFooter a:hover { color: #000; font-weight: bold; text-decoration: underline; }

.forumCategoryFooter2 { background: #efefef; height: 20px; text-align: center; }
.forumCategoryFooter2 { color: #000; font-weight: bold; text-decoration: none; }
.forumCategoryFooter2 a { color: #000; font-weight: bold; text-decoration: none; }
.forumCategoryFooter2 a:hover { color: #000; font-weight: bold; text-decoration: underline; }

.forumRight { padding-right: 11px; border-right: 1px solid #FFF; text-align: right; }

.forumZoneLabel { padding-right: 5px; }

.forumItemTitle { background: #d6dee1; border-top: 2px solid #FFF; border-bottom: 2px solid #FFF; border-right: 1px solid #FFF; height: 21px; font-weight: bold; padding-left: 16px; }
.forumItemTitleFooter { background: #d6dee1; border-top: 2px solid #FFF; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF; height: 21px; font-weight: bold; padding-right: 16px; text-align: right; }
.forumItemSubject { float: left; height: 33px; background: #d6e799; border-right: 1px solid #FFF; padding: 0px 15px; font-weight: bold; }
.forumItemAuthor { background: #efefef; padding: 0px 15px; border-right: 1px solid #FFF; }
.forumItemDate { background: #efefef; border-right: 1px solid #FFF; text-align: center; }
.forumItemMessage { padding: 10px 25px; }
.forumError { text-align: center; color: red; }

.forumCategoryTitle { height: 21px; padding-left: 11px; font-weight: bold; color: #000; text-transform: uppercase; background: #d6e799; border-bottom: 2px solid #FFF; border-right: 1px solid #FFF; }

.formReplyTheme { margin-top: 17px; border: 1px solid #dedede; width: 356px; background: #f5f7f9; }
.forumAnswerTitle { background: #76adbe; padding: 7px; border-bottom: 1px solid #dedede; font-weight: bold; color: #FFF; }
.forumAnswerForm { width: 321px; margin: 0 auto; padding-bottom: 7px; padding-top: 3px; }
.forumAnswerSend { text-align: right !important; position: relative; left: 3px; }

/* ----- */


.comparerShow { width: 100px; float: left; text-align: center; }

.comparativeProductHolderLabel { float: left; width: 170px; text-align: right; }
.comparativeProductHolderLabel table { width: 100%; }
.comparativeProductHolder { float:left; width: 375px;  overflow: auto; }

.comparativeEmpty { margin-top: 100px; color: #000; font-weight: bold; font-size: 14px; text-align: center; }




.productComparative {float:left; width: 230px !important; height: 21px; padding-top:5px; padding-left:25px; background-image:url(/images/bgcomparative.gif); background-repeat:no-repeat; background-position: 0px -4px; }
.productComparative div {float: left; width: 108px; padding-left: 6px; }
.productComparative div a { color: #00669D; }
.productComparative div a:hover { color:#00669D; }


.comparative { float:left; padding-left: 4px; padding-right: 0px; padding-top: 10px width: 100%; }

.comparativeTitle { height: 17px; background-color: #D4D7E6; color: #000000; font-weight: bold; padding-left: 10px; padding-top: 3px; }
.comparativeHolder { float: left; }



.productAttributeLabelComLabel { line-height: 30px; vertical-align: middle; height: 30px; font-weight: bold; text-align: right; color: #000; border-bottom: dashed 1px #C0C0C0; margin-top: 2px; margin-bottom: 2px; }

.productAttributeLabelCom { line-height: 30px; vertical-align: middle; height: 30px; text-align: left; color: #000; font-weight: bold; border-bottom: dashed 1px #C0C0C0; margin-top: 2px; margin-bottom: 2px; }
.productAttributeLabelComName { height: 60px; line-height: 30px; text-align:left; font-weight: bold; color: #295b9a; font-size: 12px; border-bottom: dashed 1px #C0C0C0; margin-top: 2px; margin-bottom: 2px; }
.productAttributeLabelComA { line-height: 30px; vertical-align:middle; height: 30px; text-align: center; color:#000000;  border-bottom: dashed 1px #C0C0C0; margin-top:2px; margin-bottom: 2px; }
.productAttributeLabelComP {line-height: 30px; vertical-align:middle; height: 30px; text-align: CENTER; color: #F07345; font-weight: bold; border-bottom: dashed 1px #C0C0C0; margin-top: 2px; margin-bottom: 2px; }
.productAttributeLabelComN { text-align: center; color:#295B9A; font-weight:bold; margin-top:20px; margin-bottom:2px; height: 130px;}
.productAttributeLabelComN a { color: #295B9A; }
.productAttributeLabelComN a:hover { color: #295B9A; }























































/******************   CUSTOMER ZONE **********************/

/* CUSTOMER ZONE (ASCX) */

.customerZoneHolder { width: 710px; margin: 0px auto;  }

.customerZoneTop { width: 710px; height: 35px; margin: 0px auto; background: url(/images/kernel/bg_category_generic_top.gif) no-repeat center center; text-indent: 15px; line-height: 30px; font-size: 14px; font-weight: bold; color: #fff;  }
.customerZoneTop a { color: #FFF; text-decoration: none;  }
.customerZoneTop a:hover { color: #FFF; text-decoration: underline;  }

.customerZoneBottom { }

.customerZoneLabel { color: #000; font-weight: bold; text-decoration: none; }
.customerZoneLabel a { color: #000; font-weight: bold; text-decoration: none; }
.customerZoneLabel a:hover { color: #000; text-decoration: underline; }

.customerZoneText { color: #000; text-align: left; }
.customerZoneText  a { color: #000; font-weight: bold; text-decoration: none; }
.customerZoneText  a:hover { color: #000; text-decoration: underline; }

/* -- */

/* Customer Remember Pass */
.customerRememberText { padding: 5px 0px; }
.customerRememberLabel { width: 40%; float: left; text-align: right; line-height: 17px; font-weight: bold; }
.customerRememberInput { width: 60%; float: right; text-align: left; padding: 5px 0px; }
.customerRememberInput input { }

.customerRememberButton { width: 100%; clear: both; text-align: center; }

.customerRememberLink { padding: 10px 0px; color: #000; font-weight: bold; text-decoration: none; }
.customerRememberLink a { color: #000; font-weight: bold; text-decoration: none; }
.customerRememberLink a:hover { color: #000; font-weight: bold; text-decoration: underline; }
.customerRememberError { padding: 10px 15px; }
/* --- */

/* Customer Change Pass */
.customerChangePassText { padding: 5px 0px; }
.customerChangePassLabel { width: 40%; float: left; text-align: right; line-height: 17px; font-weight: bold; }
.customerChangePassInput { width: 60%; float: right; text-align: left; }
.customerChangePassInput input { }

.customerChangePassButton { width: 100%; clear: both; text-align: center; }

.customerChangePassLink { padding: 10px 0px; color: #000; font-weight: bold; text-decoration: none; }
.customerChangePassLink a { color: #000; font-weight: bold; text-decoration: none; }
.customerChangePassLink a:hover { color: #000; font-weight: bold; text-decoration: underline; }
.customerChangePassError { padding: 10px 15px; }
/* --- */

/* Customer Review */

.customerReviewLabel { font-weight: bold; padding: 10px 0px 0px 0px; }
.customerReviewInput {}
.customerReviewInput input { margin-right: 5px; }
.customerReviewInput select { margin-right: 5px; }
.customerReviewTable { width: 95%; margin: 0px auto;  }

/* Customer Orders */
.orderList { width: 100% !important; margin: 15px 0px !important; margin-bottom: 10px !important; border-collapse: collapse; }
.orderList tr td { border : 1px solid #DDD; } 
.orderListTop { padding: 5px; border-bottom: 1px dashed #666; color: #333; font-weight: bold; }
.orderListTitle { background-color: #EEE; padding: 5px; font-weight: bold; }
.orderListLine { padding: 5px; }
.orderListLine a { color: #000; font-weight: bold; }
.orderListLine a:hover { color: #000; font-weight: bold; }

.invoiceList { width: 100% !important; margin: 15px 0px !important; margin-bottom: 10px !important; border-collapse: collapse; }
.invoiceList tr td { border : 1px solid #DDD; } 
.invoiceListTop { padding: 5px; border-bottom: 1px dashed #666; color: #333; font-weight: bold; }
.invoiceListTitle { background-color: #EEE; padding: 5px; font-weight: bold; }
.invoiceListLine { padding: 5px; }
.invoiceListLine a { color: #999;}
.invoiceListLine a:hover { color: #999; }

.cuponList { width: 100% !important; margin: 15px auto !important; margin-bottom: 10px !important; border-collapse: collapse; }
.cuponList tr td { border : 1px solid #DDD; } 
.cuponListTop { padding: 5px; border-bottom: 1px dashed #666; color: #333; font-weight: bold; }
.cuponListTitle { background-color: #EEE; padding: 5px; font-weight: bold; }
.cuponListLine { padding: 5px; }
.cuponListLine a { color: #999;}
.cuponListLine a:hover { color: #999; }

.bonusList { width: 100% !important; margin: 15px auto !important; margin-bottom: 30px !important; border-collapse: collapse; }
.bonusList tr td { border : 1px solid #DDD; } 
.bonusListTop { padding: 5px; border-bottom: 1px dashed #666; color: #333; font-weight: bold; }
.bonusListTitle { background-color: #EEE; padding: 5px; font-weight: bold; }
.bonusListLine { padding: 5px; }
.bonusListLine a { color: #999;}
.bonusListLine a:hover { color: #999; }

.bonusListResumeTitle { width: 50%; padding: 3px; text-align: left; }
.bonusListResumeTitleTotal { padding: 3px; font-weight: bold; text-align: left; }
.bonusListResumeLine { width: 50%; padding: 3px; text-align: left; }
.bonusListResumeLineTotal { padding: 3px; font-weight: bold; text-align: left; }
/* --- */

/* Cajita 3 Pasos */
.orderInThreeSteps { margin: 0px auto; width: 100%; height: 110px;  } /* 180x3 + 10x4 */

.orderStepOneImageOn { background-image: url(/images/kernel/step_1_banner_on.jpg); background-repeat: no-repeat; background-position: center center; float: left; width: 170px; margin-left: 10px; }
.orderStepOneImageOff { background-image: url(/images/kernel/step_1_banner_off.jpg); background-repeat: no-repeat; background-position: center center; float: left; width: 170px; margin-left: 10px; }
.orderStepTwoImageOn { background-image: url(/images/kernel/step_2_banner_on.jpg); background-repeat: no-repeat; background-position: center center; float: left; width: 170px; margin-left: 10px; }
.orderStepTwoImageOff { background-image: url(/images/kernel/step_2_banner_off.jpg); background-repeat: no-repeat; background-position: center center; float: left; width: 170px; margin-left: 10px; }
.orderStepThreeImageOn { background-image: url(/images/kernel/step_3_banner_on.jpg); background-repeat: no-repeat; background-position: center center; float: left; width: 170px; margin-left: 10px;}
.orderStepThreeImageOff { background-image: url(/images/kernel/step_3_banner_off.jpg); background-repeat: no-repeat; background-position: center center; float: left; width: 170px; margin-left: 10px;}

.orderStepImageTitleOn { margin: 20px 0px 0px 55px; font-size: 10px; font-weight: bold; color: #000; width: 110px; text-align: justify; }
.orderStepImageTitleOff { margin: 20px 0px 0px 55px; font-size: 10px; font-weight: bold; color: #CCCCCC; width: 110px; text-align: justify;  }
.orderStepImageExplainOn { margin: 5px 0px 0px 55px; font-size: 10px; color: #666; height: 65px; width: 110px; text-align: justify; }
.orderStepImageExplainOff { margin: 5px 0px 0px 55px; font-size: 10px; color: #CCCCCC; height: 65px; width: 110px; text-align: justify; }
/* --- */

/* Izq. y Der. */
.orderStepOneHolder { width: 561px; margin: 0px auto; background-color: #FFF; }
.orderStepOneLeft { width: 95%; margin: 0px auto; margin-bottom: 10px; }
.orderStepOneLeft table { width: 100%; }
.orderStepOneRight { width: 95%; margin: 0px auto; }
.orderStepOneRight table { width: 100%; }
/* --- */

/* Caja Login */
.customerStepOneLogin { }

.customerStepOneLoginTitle { padding: 5px; font-size: 14px; text-align: center; background-color: #8c0000; color: #FFF; font-weight: bold; }
.customerStepOneLoginExplain { text-align: center; padding: 10px 0px;}
.customerStepOneLoginLabel { width: 40%; text-align: right; padding: 0px 5px; font-weight: bold; }
.customerStepOneLoginInput { width: 60%; text-align: left; padding: 0px 5px; }
.customerStepOneLoginInput input { width: 150px; }

.customerStepOneLoginWrong { padding: 10px 0px; text-align: center; color: #FF0000; }

.customerStepOneLoginRememberPass { padding: 10px 0px; text-align: center; text-decoration: none; }
.customerStepOneLoginRememberPass a { color: #000; text-decoration: underline; }
.customerStepOneLoginRememberPass a:hover { color: #000; text-decoration: underline; }

.customerStepOneLoginButton { padding: 5px; text-align: center; }
/* --- */

/* Caja Registro */

.requiredIndicator { color: #FF0000; }

.customerStepOneRegister { }

.customerStepOneRegisterTitle { padding: 5px; font-size: 14px; text-align: center; background-color: #8c0000; color: #FFF; font-weight: bold; }
.customerStepOneRegisterAnonymous { }
.customerStepOneRegisterExplain { padding: 10px; text-align: justify; }
.customerStepOneRegisterRequired { padding: 10px; color: #FF0000; }
.customerStepOneRegisterWrong { padding: 10px; color: #FF0000; }

.customerStepOneRegisterLabel { width: 35%; text-align: right; padding: 0px 5px; font-weight: bold; }
.customerStepOneRegisterInput { width: 65%; text-align: left; } 
.customerStepOneRegisterInput input { width: 180px !important; } 
.customerStepOneRegisterInput select { width: 185px !important; } 

.customerStepOneInfo { padding: 10px 0px; text-align: center; }
.customerStepOneInfo textarea { width: 400px !important; height: 55px; }

.customerStepOneNews { text-align: center; font-weight: bold; } 
.customerStepOneNews table { text-align: center; font-weight: normal; padding: 0px;} 

.customerStepOneRegisterButton { text-align: center; }
.customerStepOneRegisterButton input { margin: 15px; }

.customerStepOneRegisterRequiredFields { padding: 5px 0px; text-align: center;  }
/* -- */




/* PLANTILLA 2: NO HAY DATOS */
.noProductHolder { position: relative; width: 487px; height: 197px; margin: 0px auto; background-image: url(/images/kernel/bg_no_product.gif); background-repeat: no-repeat; background-position: center center;  }
.noProductTitle { position: absolute; width: 360px; height: 40px; top: 40px; left: 90px; }
.noProductTitle { font-weight: bold; }
.noProductText { position: absolute; width: 450px; height: 50px; top: 120px; left: 20px; }
.noProductText { }
.noProductText a { color: #000; font-weight: bold; }
.noProductText a:hover { color: #000; font-weight: bold; }



/* ORDER RECEIPT (ASCX) + TEMPLATE (71) */
.orderReceiptHolder { margin: 0px auto; width: 95%; }
.orderReceiptTitle { padding: 5px; background: #f2f9da; font-weight: bold; }

.orderReceiptLink { padding: 10px 0px 10px 0px; }
.orderReceiptLink a { color: #000; font-weight: bold; text-decoration: none; }
.orderReceiptLink a:hover { color: #000; font-weight: bold; text-decoration: underline; }

.orderReceiptTable { width: 100%; border-collapse: collapse; }
.orderReceiptResume { width: 100%; border-collapse: collapse; background: #fff; }

.orderReceiptPaymentMsg { color: #7B7C7E; }
.orderReceiptGreetings{ padding: 15px 0px 15px 0px; color: #7B7C7E; }



#divFilterHolder { color: #fff; padding: 10px 10px 0px 10px; }
#divFilterHolder a { color: #fff; text-decoration: none; }
#divFilterHolder a:hover { color: #fff; text-decoration: none; }
