/* [ps] ProMOTIONSICKNESS.com
______________________________________________________________________________________________
Fresh Start v.07 Fixed-Width Edition - "Chrome"
(a starter theme for bv commerce 2004)
by cjs. at www.promotionsickness.com
______________________________________________________________________________________________
	__________________________________________________________________________________________	
	THIS MESSAGE MUST REMAIN INTACT:
	This work was created by Cliff Spence at ProMotionSickness.com, but may have been modified
	to fit the design of this website by a third party.  ProMotionSickness.com cannot take
	responsibility for any modified version of this work.  It is licensed under the Creative
	Commons Attribution-ShareAlike License. To view a copy of this license, visit
	http://creativecommons.org/licenses/by-sa/2.0/ or send a letter to:
	Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA.
	__________________________________________________________________________________________	
	There is no support available for this theme, it's offered 'as is', but if you do have
	a problem or find a bug, leave a comment on the Fresh Start v.07 Fixed-Width Edition section of:
	-> http://freshstart.promotionsickness.com <-

	What is BV Commerce 2004? Find out at www.bvsoftware.com
	Best viewed with Firefox (www.getfirefox.com)
	Need some CSS help?  We've compiled a list of the books and references we've found helpful
	at http://freshstart.promotionsickness.com/resources.html
	__________________________________________________________________________________________
	Colors Used In This Theme (From Darkest To Lightest):
		#000, #333, #666, #999, #ccc, #eee, #f5f5f5, #fff
	Special Colors:
		#9f0, #f00, #ffc, #ffb5b5, #ffe
	__________________________________________________________________________________________
	*/


/* Basic Styles
_____________________________________________________________________________________________ */
body {
  background: #dbd2c1;
  margin: 0;
  padding: 0;
  font: 11px Verdana, Arial, Helvetica, Sans-Serif;
  color: #000;
  letter-spacing: normal;
  }
p, tr, td, ul, li {
  font: 11px Verdana, Arial, Helvetica, Sans-Serif;
  }
ul li {
  margin:0;
  list-style-type: square;
  }
h1 {
  padding: 0 0 0 4px;
  margin: 0 22px 20px 0;
  font: bold 12px Arial, Verdana, Helvetica, Sans-Serif;
  color: #666;
  border-bottom: 1px solid #999;
  }
h3 {
  padding: 0 3px;
  margin: 3px;
  font: bold 12px/13px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  }
/*h3:before {
  content: "\00BB \0020";	/* adds a ">>" before H3s, not visible on IE *
  }*/
h4 {
  padding: 5px 0px 5px 25px;
  margin: 0px;
  font: bold 9px Verdana, Arial, Helvetica, Sans-Serif;
  text-transform:uppercase;
  color: #fff;
  text-align: left;
  background: #b6b3aa url(images/flecha-caja.jpg) no-repeat left;
  border: none;
  }
h5, h6 {
  padding: 0;
  margin: 0;
  font: bold 12px/16px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  }
a, a:link, a:visited, a:active {
  text-decoration: underline;
  color: #333;
  font: 11px Verdana, Arial, Helvetica, Sans-Serif;
  }
a:hover {
  text-decoration: none;
  color: #666;
  font: 11px Verdana, Arial, Helvetica, Sans-Serif;
  cursor: pointer;
  }
table td { vertical-align:top; }
img { border: none; }
.hide { display: none; }
option { min-width: 1.5em; }


/* Main Layout
___________________________________________________________________________________________ */
/*	_________________________
	Left-Aligned Container */
/*#container {
  margin: 0;
  padding: 0;
  width: 765px;
  background:#fff;
  }*/

			/* ...or... */

/*	___________________________
	Center-Aligned Container */
table#container {
  display: block;
  position: absolute;
  top: 20px;
  left: 50%;
  margin: 0 0 0 -475px;
  padding: 0;
  width: 950px;
  background:#fff;
  border: none;
  }
/*	____________________
	Pop-up Containers */
#popupContainer {
  width:90%;
  padding:10px;
  margin: 0 3%;
  background: #FFF;
  }
  
 #popupContainer h3 {
  padding: 5px 0px 5px 25px;
  margin: 0px;
  font: bold 9px Verdana, Arial, Helvetica, Sans-Serif;
  text-transform:uppercase;
  color: #fff;
  text-align: left;
  background: #b6b3aa url(images/flecha-caja.jpg) no-repeat left;
  border: none;
}

 #popupContainer input#btnSend{
 	margin-bottom:20px;
}

 #popupContainer td.FormLabel{font-size:11px;}

/*	_______________________
	Pages with a sidebar */
#navcolumn {
  vertical-align: top;
  text-align: left;
  padding: 8px 0 40px 0;
  width: 217px;
  display:block;
  margin: 0 0 0 13px;
  background: #fffcee url(images/sombra-izquierda-largo.jpg) no-repeat top right;
  border-right: none;
  *width:226px;
  }
 
#navcolumn .HomepageBlock {
	padding-left: 20px;
 }
  
#contentcolumn {
  padding:50px 5px 0 0 0;
  margin:0px;
  width:700px;
  *width: 723px;
  vertical-align:top;
  text-align:left;
  }
  
/*	__________________________
	Pages without a sidebar */
#page, #pag {
  padding:80px 5px 0 20px;
  margin:0px;
  background:#fff;
  }
  
/*	________________________________
	Content Section on Every Page */
#maincontent {
  margin:0px;
  padding:5px 10px 10px 10px;    
  text-align: left;  
  }

/* Header
___________________________________________________________________________________________ */
#Header {
  background: #59b1e8;
  padding: 0px;
  margin: 0px 0 0px 0;
  width: 950px;
  height:110px;
  position: relative;
  *height:112px;
  }
#BrandingArea {
  height:110px;
  width:950px;
  background: #fff;
  position: relative;


  *display:block;
  *height: 108px;
  }
  
/*	___________________
	Logo Positioning */
/*#Logo {
  position: absolute;
  top: 24px;
  left: 10px;
  }*/
  
/*	___________________
	Logo Replacement */
	/* Want to use one logo for your site, and another for printing?  Here's a trick: the following css
	will hide your site logo and replace it with a different logo as a background image.  The background
	image will show on your site, the store logo will print. This will also allow you to create a hover
	effect since your logo links to the home page. */
#Logo a, #Logo a:hover{ /* Selects the logo link, where your default logo resides, so we can use a new background image as a link. */
  position: absolute; /* This sets the positioning for your logo.  Absolute positioning will allow it to float over everything else in your header so you can put it where you like. */
  top: 0; /* Distance from the top of your header. */
  left: 0px; /* Distance from the left of your header.  You can also use 'right' if you like, depending on your placement. */
/* This will help hide any text or images that might be a part of your logo. */
  /*background: transparent url(images/logo.jpg) no-repeat top left; /* Your new logo image. */
  display: block; /* This is important; it allows us to define a size for the link that our logo sits within. */
  width: 253px; /* The exact width of your new logo image. */
  height: 110px; /* The exact height of your new logo image, obviously. */
  z-index:100;
  }

#HeaderBanner{display:block; width:950px; height:84px; background:#fff url(images/header-pasion.jpg) no-repeat right top; border: none; margin:0; padding:0; float:right; position:relative;}

/*	____________
	Site Menu */
#SiteMenu {
  background: #ffffdd;
  height: 20px;
  border-bottom: 6px solid #dbd2c1;
  }
#SiteMenu ul {
  margin:0;
  padding: 3px 6px 3px 6px;
  white-space:nowrap;
  text-align: left;
  }
#SiteMenu li {
  display: inline;
  list-style-type: none;
  }
#SiteMenu a {
  padding: 0px 4px;
  color: #a2a28c;
  line-height: 13px;
  font: bold 10px Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  }
#SiteMenu a:hover {
  color:#ccc;
  text-decoration: none;
  }

/* Site Menu Icons
___________________________________________________________________________________________ */
/* Here is an example of how you can add icons with a hover effect
   to your site menu for better link recognition. */
/*	_____
	  Up */
#SiteMenu a#Header_LoginStatusControl1_lnkStatus,
#SiteMenu a#Header1_LoginStatusControl1_lnkStatus {
  background: transparent url(FSicons.gif) no-repeat 0px -4px;
  padding-left:20px;
  }
#SiteMenu a#Header_lnkMyAccount,
#SiteMenu a#Header1_lnkMyAccount {
  background: transparent url(FSicons.gif) no-repeat 0px -24px;
  padding-left:20px;
  }
#SiteMenu a#Header_lnkCustomerService,
#SiteMenu a#Header1_lnkCustomerService {
  background: transparent url(FSicons.gif) no-repeat 0px -44px;
  padding-left:20px;
  }
#SiteMenu a#Header_lnkSearch,
#SiteMenu a#Header1_lnkSearch {
  background: transparent url(FSicons.gif) no-repeat 0px -64px;
  padding-left:20px;
  }
#SiteMenu a#Header_lnkCart,
#SiteMenu a#Header1_lnkCart {
  background: transparent url(FSicons.gif) no-repeat 0px -84px;
  padding-left:20px;
  }

/*	_______
	  Down */
#SiteMenu a:hover#Header_LoginStatusControl1_lnkStatus,
#SiteMenu a:hover#Header1_LoginStatusControl1_lnkStatus {
  background: transparent url(FSicons.gif) no-repeat 0px -104px;
  padding-left:20px;
  }
#SiteMenu a:hover#Header_lnkMyAccount,
#SiteMenu a:hover#Header1_lnkMyAccount {
  background: transparent url(FSicons.gif) no-repeat 0px -124px;
  padding-left:20px;
  }
#SiteMenu a:hover#Header_lnkCustomerService,
#SiteMenu a:hover#Header1_lnkCustomerService {
  background: transparent url(FSicons.gif) no-repeat 0px -144px;
  padding-left:20px;
  }
#SiteMenu a:hover#Header_lnkSearch,
#SiteMenu a:hover#Header1_lnkSearch {
  background: transparent url(FSicons.gif) no-repeat 0px -164px;
  padding-left:20px;
  }
#SiteMenu a:hover#Header_lnkCart,
#SiteMenu a:hover#Header1_lnkCart {
  background: transparent url(FSicons.gif) no-repeat 0px -184px;
  padding-left:20px;
  }

/*	________________________
	Link to Shopping Cart */
#ShoppingCartLink a, #ShoppingCartLink a:link, #ShoppingCartLink a:active, #ShoppingCartLink a:visited {
  position: absolute;
  top: 3px;
  right: 140px;
  color:#a2a28c;
  font: bold 10px Verdana, Arial, Helvetica, Sans-Serif;
  padding: 0 0 0px 0;
  }
#ShoppingCartLink a:hover {
  color:#ccc;
  text-decoration: none;
  }

/*	___________
	MiniCart */
#MiniCart {
  position: absolute;
  top: 3px;
  right: 10px;
  color:#a2a28c;
  font: bold 10px Verdana, Arial, Helvetica, Sans-Serif;
  padding: 0;
  }

/* Main Menu
___________________________________________________________________________________________ */
#MainMenu {
  width:950px;
  background: transparent;
  text-align:center;
  }
  
/*	_____________________________
	Top-Banner Categories Menu */
#MenuLevel1, #MenuLevel1 table {
  background: transparent;
  height: 26px;
  /*margin: 0 auto;*/
  background: #529ec9;
  margin-left:120px;
  *margin-left:10px;
  }

/*	______________________________
	Category Top-Banner Tab Images
	(to control spacing, uncomment and adjust this and don't forget to comment out link tabs below) */
/*#MenuLevel1 .MenuItem,
#MenuLevel1 .MenuItemActive {
  padding: 0 8px;
  }*/
  
/*	_____________________________
	Category Top-Banner Tab Links
	(comment out the following if you're using category images, see above)*/
#MenuLevel1{
	padding-left: 20px;
}
#MenuLevel1 .MenuItem, #MenuLevel1 .MenuItem a {
  font: bold 10px Verdana, Arial, Helvetica, Sans-Serif;
  background: #529ec9;
  color: #fff;
  line-height: 25px;
  text-align: center;
  }
#MenuLevel1 .MenuItem a:hover, #MenuLevel1 .MenuItemActive a:hover {    
  font: bold 10px Verdana, Arial, Helvetica, Sans-Serif;
  background: #529ec9;
  color: #DAA520;
  line-height: 25px;
  text-align: center;
  }
#MenuLevel1 .MenuItemActive, #MenuLevel1 .MenuItemActive a {
  font: bold 10px Verdana, Arial, Helvetica, Sans-Serif;
  background: #529ec9;
  color: #fff;
  line-height: 25px;
  text-align: center;
  }
#MenuLevel1 A, #MenuLevel1 A:Hover {
  font: bold 10px Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration:none;
  line-height: 25px;
  display: block;
  padding: 0 8px;
  white-space:nowrap;
  }

/*	________________________________
	Sub-Category Links Under Tabs */
#MenuLevel2 {
  width:950px;
  height: 1px;
  background: #fff;
  display: none;
  }
#MenuLevel2 Table {
  margin: 0 auto;
  display: none;
  }
#MenuLevel2 .MenuItem {
  padding: 2px 10px 0 10px;
  background:transparent;
  text-align: center;
  }
#MenuLevel2 a {
  font: 11px/16px Verdana, Arial, Helvetica, Sans-Serif;
  color:#fff;
  text-decoration:none;
  white-space:nowrap;
  }
#MenuLevel2 a:hover {
  color:#ccc;
  text-decoration:none;
  white-space:nowrap;
  }

/* Home Page
___________________________________________________________________________________________ */
#PageHome #MainContent, .HomepageBlock {
  padding:0 0 0 0px;
  margin:0px 0 0 0px; /*para todo el contenido que hay dentro de cada columna*/
  }
#HomeTable {
  padding:0;
  margin:26px 0 0 0;
 *margin:0;
 *margin-left:15px;
  width:950px;
  *width:935px;
  }
#HomeColumn1 {
  vertical-align: top;
  text-align: left;
  padding: 8px 0 40px 0;
  width: 217px;
  display: block;
  margin: 0 0 0 13px;
  background: #fffcee url(images/sombra-izquierda-largo.jpg) no-repeat top right;
  border-right: none;
  *width:226px;

  }
#HomeColumn2 {
  vertical-align:top;
  text-align:center;
  padding: 40px 12px 0 0px;
  margin: 0;
  }
#HomeColumn3 {
  vertical-align:top;
  text-align:left;
  padding: 54px 4px 0 4px;
  width: 170px;
  margin: 0 0px 0 0px;
  border-left: 1px solid #E0E0E0;
  background: #e9f2f8;
  }
  
 #HomeColumn3 .HomepageBlock{
	padding-left: 0px;
 }
 
#HomeColumn1 .HomepageBlock{
	padding-left: 13px;
}
 
#HomepageSample1 {
  background: #fff url(FreshStartImage.png) no-repeat 50% 50%;
  height: 180px;
  margin: 0;
  padding: 0;
  }
#HomepageSample2 {
  background: #f5f5f5;
  text-align: left;
  vertical-align: middle;
  margin: 10px 0;
  padding: 5px;
  border: solid 1px #999;
  font: 11px/14px Verdana, Arial, Helvetica, Sans-Serif;
  }

/* Other Menus
___________________________________________________________________________________________ */
#navColumn ul, .CategoryList ul,
#navColumn ul li, .CategoryList ul li {
  padding: 0;
  margin:0;
  list-style-type: none;
  }
  
/*	________________________________________
	Customer Service and My Account Menus */
.NavColumnBlock {
  background: #fffced;
  margin: 40px 0 0 20px;
  width: 150px;
  }
.NavColumnBlockContent {
  padding: 15px 0 0 10px;
  margin: 0 0 6px 0;
  line-height: 1.1em;
  text-align: left;
  background: #fffced;
  border-left: none;
  border-right: none;
  border-bottom: none;
  color: #666;
  }

/*	___________________________________________
	Customer Service & My Account Menu Links */
.NavColumnBlockContent a, .NavColumnBlockContent a:visited, .NavColumnBlockContent a:link {
  font: normal bold 9px/10px  Verdana,  Helvetica, Sans-Serif;
  color: #A0A0A0;
  text-decoration: none;
  text-transform:uppercase;
  list-style-type: none;
  margin: 0 0 0 0px;
  }
.NavColumnBlockContent a:hover {
  font: normal bold 9px/10px  Verdana,  Helvetica, Sans-Serif;
  color: #539ec8;
  }  

/*	_________________________
	Side Bar Menus & Forms */
.CategoryList, .SearchBoxForm, .MailingListSignupForm {
  width:166px;
  padding: 0 0 0 0px;
  }
.CategoryListContent  {
  padding: 10px 20px 5px 25px;
  margin: 0 0 6px 0;
  text-align: left;
  /*text-transform:uppercase;*/
  /*background: url(images/fondo-botones.jpg) no-repeat bottom;*/
  border-left: none;
  border-right: none;
  border-bottom: none;
  }
  .SearchBoxFormContent {
  padding: 10px 20px 15px 15px;
  background: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
  }
.MailingListSignupFormContent {
  padding: 0px 20px 15px 15px;
  background: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
  }
.SearchBoxFormContent .FormInput, .MailingListSignupFormContent .FormInput {
  border: 1px solid #B6B6B6;
  background: #fff;
  color: #666;
  padding-left: 0px;
  font: bold 10px/14px Verdana, Arial, Helvetica, Sans-Serif;
  height: 18px;
  width: 92px;
  }
.MailingListSignupFormContent .FormLabel {
  font: 9px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  display: none;
  }
/*	_________________________
	Search Button Position (solo el boton)*/ 
#ContentColumn1__ctl1_btnGoSearch,
#ContentColumn3__ctl0_btnGoSearch,
#ContentColumn4__ctl1_btnGoSearch,
#ContentColumn5__ctl1_btnGoSearch,
#ContentColumn1__ctl3_btnGoSearch {
  margin-left: 0px;
  margin-bottom: -4px; /* Adjust as needed. */
  }

/*	_________________________________
	Side Bar Categories Menu Links */
.CategoryListContent ul, .CategoryListContent ul li {
  margin: 0 0 0 0px;
  padding: 0 0 0 0px;
  list-style-type: none;
  }
.CategoryListContent li { margin: 0 0 0 0px; }
.CategoryListContent a,
.CategoryListContent a:link,
.CategoryListContent a:visited {
  display: block;
  color: #A0A0A0;
  padding: 1px 6px 5px 0px;
  text-decoration: none;
  font: normal bold 9px/10px  Verdana,  Helvetica, Sans-Serif;
  }
.CategoryListContent li li a,
.CategoryListContent li li a:link,
.CategoryListContent li li a:visited {
  display: block;
  color: #bba346;
  padding: 1px 6px 5px 0px;
  text-decoration: none;
  font: normal bold 9px/10px  Verdana,  Helvetica, Sans-Serif;
  }
.CategoryListContent .CurrentCategory a,
.CategoryListContent .CurrentCategory a:link,
.CategoryListContent .CurrentCategory a:visited,
.CategoryListContent .CurrentCategory a:hover {
  color: #529ec9;
  font: normal bold 9px/10px  Verdana,  Helvetica, Sans-Serif;
  }
.CategoryListContent .SubCategory a,
.CategoryListContent .SubCategory a:link,
.CategoryListContent .SubCategory a:visited {
  display: block;
  margin: 0px 0 2px 0px;
  color: #bba346;
  padding: 1px 2px 1px 0px;
  text-transform:none;
  text-decoration: none;
  font: normal bold 9px/10px  Verdana,  Helvetica, Sans-Serif;
  }
.CategoryListContent .CurrentCategory .SubCategory a,
.CategoryListContent .CurrentCategory .SubCategory a:link,
.CategoryListContent .CurrentCategory .SubCategory a:visited {
  display: block;
  color: #A0A0A0;
  padding: 1px 2px 1px 18px;
  text-decoration: none;
  font: normal bold 9px/10px  Verdana,  Helvetica, Sans-Serif;
  }
.CategoryListContent a:hover,
.CategoryListContent li li a:hover,
.CategoryListContent .SubCategory a:hover,
.CategoryListContent .CurrentCategory .SubCategory a:hover {
  color: #529ec9;
  font: normal bold 9px/10px  Verdana,  Helvetica, Sans-Serif;
  }

/* Breadcrumbs
___________________________________________________________________________________________ */
#BreadCrumbs {
  margin: 45px 15px 8px 0;
  *margin-top: 0px;
  padding: 5px 5px;    
  font: bold 9px Verdana, Arial, Helvetica, Sans-Serif;
  color: #6699cc;
  text-align: left;
  display:block;
  background: #e9f2f8;
  }
#BreadCrumbs a, #BreadCrumbs a:link, #BreadCrumbs a:visited {
  color: #999;
  font: bold 9px Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  }
#BreadCrumbs a:hover {
  color: #ffcc33;
  font: bold 9px Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  }
.BreadCrumbTrailSpacer {
  font: bold 7px Verdana, Arial, Helvetica, Sans-Serif;
  }
.BreadCrumbTrailNoLink {
  }

/* Category Page
___________________________________________________________________________________________ */
#LayoutTable {
  width:690px;
  }
#Records table {
  border-top: 1px solid #ccc;
  width:583px;
  }
#Records table tr td {
  text-align:center;
  }
#Records table table {
  border:none;
  width:98%;
  }

/*	____________________________________________________
	Category Header (also uses H1 for category title) */
#CategoryBanner {
  margin: 15px 0;
  }
#Description {
  font:10px/11px Verdana, Helvetica, Arial, Tahoma, Sans-Serif;		
  color:#333;
  margin:10px 0;
  }
#RecordsFound, #Pager ,#Sorter , #Sorter TD {
  font: 11px Verdana, Arial, Helvetica, Sans-Serif;
  color:#666;
  margin-bottom: 3px;
  white-space:nowrap;
  }
#Records {
  padding: 5px 0;
  }

/*	_____________________________
	"New" Image Position */
.NewProductBadge {
  position:relative;
  left:-60px;
  top:-128px;
  }

/*	_______________________
	Categories Grid/List */
.SingleCategoryDisplay {
  display: block;
  text-align:center;
  width:180px;
  margin:5px auto;
  vertical-align:top;
  }
.SingleCategoryDisplayname a,
.SingleCategoryDisplayname a:link,
.SingleCategoryDisplayname a:visited,
.ListCategoryDisplay a,
.ListCategoryDisplay a:link,
.ListCategoryDisplay a:visited {
  font: normal 11px/12px Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration:none;
  }
.SingleCategoryDisplayname a:hover,
.ListCategoryDisplay a:hover {
  font: normal 11px/12px Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration:none;
  }

/*	________________
	Products Grid  */
.SingleProductDisplay {
  display: block;
  text-align:center;
  width:180px;
  vertical-align:top;
  padding-left:30px;
  margin: 30px 0 0 0;
  }
.SingleProductDisplayImage {
  padding-bottom:5px;
  }
.SingleProductDisplayName a,
.SingleProductDisplayName a:link,
.SingleProductDisplayName a:visited {
  font: bold 10px Verdana, Arial, Helvetica, Sans-Serif;
  color: #999;
  text-decoration:none;
  }
.SingleProductDisplayName a:hover {
  font: bold 10px Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration:none;
  background-color: #fff;
  color: #999;
  }
.SingleProductDisplayPrice,
.SingleProductDisplayPrice a,
.SingleProductDisplayPrice a:link,
.SingleProductDisplayPrice a:visited {
  font: normal bold 11px Verdana, Arial, Helvetica, Sans-Serif;
  color: #dfaf27;
  text-decoration:none;
  }
.SingleProductDisplayPrice a:hover {
  font: normal 11px Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration:none;
  }

/*	________________
	Product Lists */
.ListProductDisplay {
  height: 100%;
  }
.ListProductDisplayName, .ListProductDisplayName td,
.ListCategoryDisplayName, .ListCategoryDisplayName td {
  text-align:left !important;
  }
.ListProductDisplayPrice, .ListProductDisplayPrice td {
  float:right !important;
  text-align:right !important;
  }

/*	__________________________
	Detailed Products Lists */
.DetailProductDisplay {
  margin: 15px;
  text-align:left;
  }
.DetailProductDisplayName td,
.DetailProductDisplayPrice td,
.DetailProductDisplayDescription td,
.DetailProductDisplayControls td {
  text-align:left !important;
  float:left !important;
  }
.DetailProductDisplayName a,
.DetailProductDisplayName a:link,
.DetailProductDisplayName a:visited {
  font: bold 12px Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration:none;
  }
.DetailProductDisplayName a:hover {
  font: bold 12px Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration:none;
  background-color: #eee;
  color: #333;
  }
.DetailProductDisplayPrice a,
.DetailProductDisplayPrice a:link,
.DetailProductDisplayPrice a:visited {
  font: noraml 11px Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration:none;
  }
.DetailProductDisplayPrice a:hover {
  font: noraml 11px Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration:none;
  }
#Records .DetailProductDisplayImage {
  width:120px;
  float:right;
  text-align:right;
  }
 
/*	________________
	Pricing Links */
a .ListPrice,
a:link .ListPrice,
a:visited .ListPrice { color: #999; }
a .SitePriceDiscounted,
a:link .SitePriceDiscounted,
a:visited .SitePriceDiscounted { color: #f00; }
a:hover .ListPrice { color: #666; }
a:hover .SitePriceDiscounted { color: #f00; }
 
/*	_______________________________________
	Side Bar Product & Category Rotators */ 
.HomepageBlock .SingleCategoryDisplay {
  display: block;
  text-align:center;
  width:140px;
  margin:5px auto;
  vertical-align:top;
  }
.HomepageBlock .SingleProductDisplay {
  display: block;
  text-align:center;
  width:140px;
  vertical-align:top;
  border: none;
  padding:5px;
  margin:6px auto;
  }
.HomepageBlock .SingleProductDisplay {
  margin-top: 5px; !important
  }
.HomepageBlock .SingleProductDisplayImage {
  /* height: 64px; */
  padding-bottom:5px;
  }
  
/* Product Page
___________________________________________________________________________________________ */

/*	_________
	Layout */
#ProductPageContainer {
  width:690px;
  }
#ProductPageImageColumn {
  width:175px;
  padding:20px 10px 0 0;
  margin:0px;
  vertical-align:top;
  text-align:center;
  }
#ProductPageContentColumn {
  padding:30px 0 0 10px;
  margin:0;
  vertical-align:top;
  text-align:left;  
  border-left: 1px solid #eee;
  }

/*	_________
	Styles */
#lblSKU { font-size: 10px; color: #666; }
#productdescription {
  padding: 8px 0 0 0;
  font: 11px/12px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  }
#imgZoom, #PrintThisPage, #EmailThisPage { margin: 0 0 2px 0; }
#ProductImage a, #ProductImage a:hover { text-decoration: none; }

/*	_______________________
	Product Controls Box */
#ProductControls {
  margin-top:30px;
  border: 1px solid #999;
  background: #e9f2f8;
  padding: 12px 0 0 12px;
  }

/*	_____________________
	Product Properties */
.ProductPropertyLabel { font: bold 11px Verdana, Arial, Helvetica, Sans-Serif; color:#666; }
#ProductProperties { text-align:left; }
#ProductProperties ul { margin: 5px 0 0 50px; padding: 0; }
#ProductProperties ul li { margin-top:3px; }
#ProductProperties ul ul { margin: 5px 0 0 0; }

/*	________________
	Pricing */
.DiscountText { font: 11px Verdana, Arial, Helvetica, Sans-Serif; color:#333; }
.SitePriceDiscounted,.YouSave,.ListPrice,.SitePrice { font: 11px Verdana, Arial, Helvetica, Sans-Serif; }
.SitePrice, .ListPrice { color:#666; }
.ListPrice { text-decoration:line-through; }
.YouSave { color:#f00; }
.SitePriceDiscounted { color:#333; }

/*	_________________
	Volume Pricing */
#VolumeDiscounts { margin:5px; }
.VolumePricingHeader { background:#999; font: 11px/12px Verdana, Arial, Helvetica, Sans-Serif; color:#FFF; }
.VolumePricingText { font: 11px/12px Verdana, Arial, Helvetica, Sans-Serif; color:#666; }

/*	________________
	Related Items */
.RelatedItemsBlock {
  background: #fff;
  margin: 0;
  padding: 0 0 3px 0;
  background-color: #f5f5f5;
  }
.RelatedItemsBlock H3 {
  padding: 3px;
  margin: 0 0 4px 0;
  font: bold 12px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  text-align: left;
  background-color: #eee;
  }
.RelatedItemsBlockContent {
  padding: 0 9px;
  text-align: center;
  }
.RelatedItemsBlock .SingleProductDisplay {
  border: 1px solid #ccc;
  width:145px;
  margin: 0 0 4px 0;
  background: #fff;
  }
.RelatedItemsBlock .SingleProductDisplayName a,
.RelatedItemsBlock .SingleProductDisplayName a:link,
.RelatedItemsBlock .SingleProductDisplayName a:visited,
.RelatedItemsBlock .SingleProductDisplayName a:hover { font: bold 11px Verdana, Arial, Helvetica, Sans-Serif; }

/*	__________________
	Product Reviews */
#ProductReviews {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  margin: 20px 0;
  padding: 0 0 3px 0;
  }
#ProductReviews H3 {
  padding: 3px;
  margin: 0 0 5px 0;
  font: bold 12px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  background: #eee;
  }
#ProductReviewNew { margin: 10px 0; }
#ProductReviews a,
#ProductReviews a:link,
#ProductReviews a:visited {
  font: 10px Verdana, Arial, Helvetica, Sans-Serif;
  padding: 3px;
  text-decoration: none;
  }
#ProductReviews a:hover {
  font: 10px Verdana, Arial, Helvetica, Sans-Serif;
  padding: 3px;
  }
.ProductReviewRating {
  font: bold 11px Verdana, Arial, Helvetica, Sans-Serif;
  color:#666;
  }
.ProductReview {
  font: 11px Verdana, Arial, Helvetica, Sans-Serif;
  margin: 5px 10px;
  border-left: 2px solid #ccc;
  padding-left: 4px;
  }
.ProductReviewKarma {
  font: 11px Verdana, Arial, Helvetica, Sans-Serif;
  color:#666;
  white-space: nowrap;
  }
#pnlReviewDisplay {
  border: 1px solid #999;
  padding: 5px;
  }
#pnlWriteAReview textarea {
  width: 250px;
  height: 150px;
  }

/* Checkout
___________________________________________________________________________________________ */
#tblItems {
  border: 1px solid #999;
  width:745px;
  margin:5px;
  }
#CheckoutTable {
  width:745px;
  }
.Header {
  padding: 3px;
  margin: 0;
  font: bold 11px Verdana, Arial, Helvetica, Sans-Serif;
  color: #fff;
  background: #999;
  }
.CheckoutDescription {
  font: 12px/14px Verdana, Arial, Helvetica, Sans-Serif;
  }

/*	_________________
	Checkout Steps */
#CheckoutSteps {
  padding:5px;
  background: #fff;
  margin:0;
  }
.CheckoutStep {
  padding-right:20px;
  }
.CheckoutStep a, 
.CheckoutStep a:link, 
.CheckoutStep a:visited {
  font: 12px/14px Verdana, Arial, Helvetica, Sans-Serif;
  color:#999;
  white-space:nowrap;
  text-decoration:none;
  }
.CheckoutStep a:hover {
  font: 12px/14px Verdana, Arial, Helvetica, Sans-Serif;
  color:#666;
  white-space:nowrap;
  text-decoration:none;
  }
.CheckoutStep .CheckoutStepCurrent, 
.CheckoutStep a:link.CheckoutStepCurrent, 
.CheckoutStep a:visited.CheckoutStepCurrent, 
.CheckoutStep a:hover.CheckoutStepCurrent {
  font: bold 12px/14px Verdana, Arial, Helvetica, Sans-Serif;
  color:#666;
  white-space:nowrap;
  text-decoration:none;
  }

/*	_____________________
	Shopping Cart Page */
#CartTitle {
  width:100%;
  }
#lblcart {
  font: bold 10px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  }
table#CartContainer {
  width:870px;
  padding: 0px 0 0 0;
  margin:0 0;
  }
table#CartContainer tr td {
  vertical-align:middle;
  }
#CartItemBlock {
  padding:0px;
  margin:0px;
  }
#CartItemBlock Table {
  margin:0px;
  width:880px;
  border-right: 1px solid #999;
  border-left: 1px solid #999;
  border-top: 1px solid #999;
  border-bottom: none;
  }
#CartUpdateBlock {
  width:500px;
  background:#fff;
  margin:0px;
  text-align:center;
  vertical-align:middle;
  }
#CartTotalBlock {
  border-bottom: double 3px #999;
  border-right: solid 1px #999;
  border-left: solid 1px #999;
  width:25%;
  margin:0px;
  padding:5px;
  text-align:center;
  vertical-align:middle;
  }
#lblSubTotal {
  font: bold 14px Arial, Verdana, Helvetica, Sans-Serif;
  }
#CartCheckoutButtons {
  width:770px;
  text-align:right;
  margin-top:10px
  }
.CartItem,
.CartAlternateItem {
  padding: 5px;
  font: 11px/14px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  text-align: left;
  border-bottom:1px solid #999;  
  }
.CartItem { background: #fff; }
.CartAlternateItem { background: #f5f5f5; }
.CartItem a,
.CartItem a:link,
.CartItem a:visited,
.CartAlternateItem a,
.CartAlternateItem a:link,
.CartAlternateItem a:visited {
  color: #666;
  text-decoration: none;
  font-weight: bold;
  }
.CartItem a:hover,
.CartAlternateItem a:hover {
  color: #333;
  text-decoration: none;
  font-weight: bold;
  }

/*	________________________
	Shipping Methods List */
#ShipMethodsList {
  border-left: 3px solid #ccc;
  margin-left: 8px;
  }

/*	__________________
	Checkout Styles */
#AddressBookPanel {
  width:735px;
  margin:0;  
  }
#AddressList td {
  border: 3px double #ccc;
  padding: 5px;
  }
#AddressList td:hover {
  background: #ffc;
  }
.ContentBox {
  margin: 3px 0px 5px 20px;  
  text-align:left;
  background:#ffe;
  border: solid 1px #999;
  padding:10px;
  }
#CheckoutTotals {
  text-align:center;
  background:#f5f5f5;
  border-left: 1px solid #999;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  padding:5px;
  margin: 0;
  width: 172px;
  }
#lblGrandTotal {
  border-top: 1px solid #ccc;
  }
#PlaceOrderCell {
  padding:0px;
  margin: 0;
  text-align:center;
  background:#fff;
  clear:both;
  padding-top:30px;
  *padding-top:0;
  }
.ControlArea {
  border: 1px solid #999;
  background: #f5f5f5;
  padding:5px;
  margin-top:5px;
  }
#CheckoutPayment {
  background:#f5f5f5;
  border: 1px solid #999;
  padding:5px;
  margin: 0;
  text-align:left;
  width: 172px;
  }
#InstructionsField {
  background: #fff;
  border: 1px solid #ccc;
  width: 100%;
  padding:3px;
  margin: 3px 0;
  }
#OrderItemPreview table {
  width: 98%;
  }
#OrderItemPreview table table {
  width: 100%;
  }
#ShipToMultipleAddressesButton { margin: 5px; }
  
/* Misc Visual Styles
___________________________________________________________________________________________ */
.BVText, .CartText {
  font: 11px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  }
.BVSmallText {
  font: 10px Verdana, Arial, Helvetica, Sans-Serif;
  color:#666;
  }
a#LoginControl1_lnkForgotPassword { text-decoration: none; }
#btnUpdateTotals { background-color: #ffc; }
#PackageList a,
#CheckoutPayment a {
  text-decoration: none;
  font-weight: bold;
  }
.BVText .Stories {
  text-align: justify;
  }
.Item {
  padding: 5px;
  background: #fff;
  font: 11px/14px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  text-align: left;
  }
.AlternateItem {
  padding: 5px;
  background: #eee;
  font: 11px/14px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  text-align: left;
  }
.FormTable {
  margin: 3px 5px;
  }
.contentcell {
  width: 360px;
  background: #f5f5f5;
  border: 3px solid #eee;
  }
.FormInput, #inKeyword {
  border: #999 1px solid;
  background: #fff;
  color: #666;
  padding-left: 2px;
  font: bold 10px/14px Verdana, Arial, Helvetica, Sans-Serif;
  height: 18px;
  }
.ContentCell .FormInput, .ContentCell .FormInputError { width: 200px; }
.FormInput:focus { background: #ffc; } /* changes color of focused input box */
#btnSearch { margin: -2px 0 0 3px; } /* fixes alignment of search button on search page */
.FormInputError {
  border: #999 1px solid;
  background: #ffb5b5;
  color: #333;
  padding-left: 2px;
  font: bold 10px/14px Verdana, Arial, Helvetica, Sans-Serif;
  height: 18px;
  }
.formlabel {
  font: 12px Verdana, Arial, Helvetica, Sans-Serif;
  color: #333;  
  letter-spacing: normal;  
  }
.CheckoutDescription span.FormLabel label {
  background: #ffc;
  padding:2px;
  }
span.FormLabel label:before { 
  content: "\00AB \0020";	/* adds a "<<", not visible on IE */
  }
.FormLabelStrong {
  font: bold 12px/14px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;  
  letter-spacing: normal;  
  }
span#lblAddress { font: normal 14px/16px Arial, Verdana, Helvetica, Sans-Serif; }
.indent {  
  margin-left:20px;
  }
.Padded {
  margin:10px;
  }
#dlPolicy, #dlPolicy a, #dlPolicy a:hover {
  font: 12px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  }
.text {
  font: 10px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  padding-bottom: 8px;
  }
select {
  color: #333;
  }
a#lnkMyAccount, a:link#lnkMyAccount , a:visited#lnkMyAccount {
  font: bold 12px Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  }
a:hover#lnkMyAccount {
  color: #9f0;
  text-decoration: none;
  }

/* Various Messages
___________________________________________________________________________________________ */
.ErrorMessage, .ErrorMessage UL {
  display: block;
  background: transparent;
  font: 10px/12px Verdana, Arial, Helvetica, Sans-Serif;
  color: #f00;
  }
.SuccessMessage {
  display: block;
  background:#fff;
  padding: 3px;
  margin-bottom:20px;
  color: #333;
  font: 11px/14px Verdana, Arial, Helvetica, Sans-Serif;
  text-align: center;
  }
.WebPageMessage {
  border:solid 1px #f00;
  background:#fff;
  padding:0;
  margin:0;
  }
.WebPageMessageError, .WebPageMessageWarning, .WebPageMessageInformation, .WebPageMessageQuestion, .WebPageMessageOK {
  padding: 5px;
  background-position: 5px 5px;
  background-repeat: no-repeat;
  }
.WebPageMessage .Message {
  font: 10px Verdana, Arial, Helvetica, Sans-Serif;
  padding: 0 0 0 40px;
  height:30px;
  margin:0;
  color:#333;
  }
.WebPageMessageError { background-image: url(MessageERROR.gif); }
.WebPageMessageWarning { background-image: url(MessageWARNING.gif); }
.WebPageMessageInformation { background-image: url(MessageINFO.gif); }
.WebPageMessageQuestion { background-image: url(MessageQUESTION.gif); }
.WebPageMessageOK { background-image: url(MessageOK.gif); }
  
/* Footer
___________________________________________________________________________________________ */
#footer {
  font: 10px Verdana, Arial, Helvetica, Sans-Serif;
  clear: both;
  margin: 0px 0 0 0;
  width: 950px;
  color: #fff;
  padding: 8px 0 0 0;
  text-align: center;
  background: #529ec9;
  border: none;
  }
#footermenu a {
  padding-left:4px;
  padding-right:4px;
  color: #529ec9;
  font: 10px Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  display: none;
  }
#footermenu a:hover {
  color:#529ec9;
  text-decoration: none;
  display: none;
  }
#footercustommenu {
  padding: 4px 8px;
  }
#copyright {
  font: bold 10px Verdana, Arial, Helvetica, Sans-Serif;
  position: relative;
  top: 0px;
  background: #dbd2c1;
  color: #fff;
  display: block;
  padding: 3px;
  text-align: center;
  }

/************** ESTILO LIBRO PROMO *******************/
div.BothContainer{position:relative; display:block; width:456px; margin:0 0 25px 0; padding:20px 0 0 10px;}
div.BookTitle{position:absolute; left: 90px; top:14px; background:#FFFFFF; padding:0 5px; font: normal bold 13px/13px Arial, Helvetica, sans-serif; color:#b6b6b6;}
div.BookContainer{position:absolute; left:2px; top:10px;}
div.BookTitle strong{color:#e4c662;}
span.TopBorder{display:block; width:472px; background:url(images/PromoBoxTop.gif) no-repeat top right; text-align:left; padding:0; margin:0;}
span.TextDescription{display:block; width:472px; background:url(images/PromoBoxBottom.gif) no-repeat bottom right; font:normal bold 10px/12px Verdana, Arial, Helvetica, sans-serif; text-align:left; margin:-15px 0 0 0; *margin:0; padding:0; color:#69C;}
span.TextDescription p{padding:5px 10px 10px 80px;}
/**************** FIN LIBRO PROMO ********************/
/********* LISTA DE LIBROS *************/

div.Lista{text-align:center; width:186px; background:#e9f2f7;}
div.Lista h4, h4.links {background:#69C url(images/flecha-caja-azul.jpg) no-repeat left;}
div.Lista img{padding:15px 0 5px 0;}
span.precio, div.Lista ol li, div.Lista h1{font: normal bold 12px/12px Arial, Helvetica, sans-serif; color:#b6b6b6; text-decoration:none;}
div.Lista .SingleProductDisplayName, div.Lista .SingleProductDisplayName a, div.Lista .SingleProductDisplayName a:hover, div.Lista ol li a, div.Lista ol li a:visited, div.Lista ol li a:hover {font: normal bold 12px/12px Arial, Helvetica, sans-serif; color:#999; text-decoration:none; margin:2px 0; border:none;}
div.Lista ol{display: block; text-align:left; margin-left:-10px; *margin-left:30px; }
div.Lista ol li{font: normal bold 12px/12px Arial, Helvetica, sans-serif; color:#999; text-decoration:none; margin:2px 0; border:none}
div.Lista a, div.Lista a:visited, div.Lista a:hover{text-decoration: none;}
div.Lista ol li a:hover, div.Lista a:hover{color:#69C;}

/******** FIN LISTA DE LIBROS ********/
/*********** LISTADO PDF ********/
table#Pdflist{font:normal normal 14px/14px Arial, Helvetica, sans-serif; color:#595957;}
table#Pdflist a, table#Pdflist a:hover{font:normal bold 12px/12px Arial, Helvetica, sans-serif; color:#67a1c2;}
table#Pdflist td{width:50%;}
li.pdfDoc{background:url(images/icon_pdf.jpg) center left no-repeat; list-style: none; padding:5px 0 5px 25px; margin:2px 10px 2px 0;}
li.pdfDoc a{text-decoration:none;}
div.pdfImg{position:absolute; right:0;bottom:-1px; *top:-34px;}
/******** FIN LISTADO PDF ********/
/*********** PODCAST PLANILLA ********/
div.CustomPlanilla{width:604px; display:block; font:normal normal 11px/13px Arial, Helvetica, sans-serif; color:#595957; padding:10px 36px;}
div.CustomPlanilla a, div.CustomPlanilla a:hover{font-weight:bold; color:#67a1c2;}
span.Planilla{color:#deba28; font: normal bold 13px/13px Arial, Helvetica, sans-serif;}
p.PlanillaLinks{display:block; text-align:center; margin:37px auto; font: normal normal 12px/12px Arial, Helvetica, sans-serif; color:#67a1c2; margin-bottom:65px;}
p.PlanillaLinks a, p.PlanillaLinks a:hover{font-weight:bold; padding: 0 11px; text-decoration:underline; color:#67a1c2;}
table#Podcast{font:normal normal 14px/14px Arial, Helvetica, sans-serif; color:#595957;}
table#Podcast a, table#Podcast a:hover{font:normal bold 12px/12px Arial, Helvetica, sans-serif; color:#67a1c2;}
div.PodDiv{display:block; position:relative; font:normal bold 13px/13px Arial, Helvetica, sans-serif; color:#666666; border-bottom:solid 1px #999999; padding-bottom:5px; margin-bottom:10px;}
div.PodImg{position:absolute; right:0;bottom:-1px; *top:-27px;}

/**************************************/
td#HomeColumn1 div.HomepageBlock div a img#MainImage, td#navcolumn div.HomepageBlock div a img#MainImage{display:block; margin-left: 20px;}
td#HomeColumn1 div.HomepageBlock div span.BVText, td#navcolumn div.HomepageBlock div span.BVText{display:block; text-align:center; font:normal normal 11px/12px Arial; color:#43819a; text-decoration: underline; margin: 0 15px 16px -13px;}
td#HomeColumn1 div.HomepageBlock table, td#navcolumn div.HomepageBlock table{margin-left:-7px; text-align:center;}
.HomepageBlock .SingleCategoryDisplayName { text-transform:uppercase;}

#Form1{z-index:0;}

.jqmWindow {
background:url(/images/backgroundModal.png) !important;
height:100%;
position:fixed;
top:0px !important;
width:100%;
display: none;
z-index:4000;
}

.jqmOverlay { background: transparent; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#jqmClose {background:transparent url(/colorbox/images/controls.png) no-repeat scroll -42px 1px;
cursor:pointer;
display:block;
float:right;
height:20px;
position:relative;
right:0;
width:38px;}
#jqmClose:hover{background:url(/colorbox/images/controls.png) no-repeat -42px -24px;}

#videoContent{
background:#FFFFFF none repeat scroll 0 0;
border:2px solid #000000;
display:block;
height:320px;
left:50%;
margin-left:-177px;
margin-top:-160px;
padding:0px;
position:absolute;
top:50%;
width:354px;
}

#videoContent iframe{
border:medium none;
height:290px;
margin-left:15px;
margin-top:0px;
overflow:hidden;
position:relative;
width:328px;}


#ecatalogContent{
background:#FFFFFF none repeat scroll 0 0;
border:2px solid #000000;
display:block;
height:600px;
left:50%;
margin-left:-413px;
margin-top:-300px;
padding:10px 15px;
position:absolute;
top:50%;
width:826px;
}

#ecatalogContent iframe{border:medium none;
height:590px;
overflow:hidden;
width:100%;}