@charset "utf-8";
/* CSS Botones OS Commerce */

a.button-os {
    /* Sliding right image */
    background: transparent url(/templates/base/images/botones/button-right.gif) no-repeat scroll top right; 
display: block;
float: left;
height: 32px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 5px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}



a.button-os span {
/* Background left image */ 
background: transparent url(/templates/base/images/botones/button-left.gif) no-repeat; 
display: block;
line-height: 13px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 7px 4px 5px 10px;
color:#FFFFFF;
} 



a.button-os:hover span{
text-decoration:underline;
}












button.button-os { 
  border:0; 
  cursor:pointer; 
  font-weight:bold; 
  padding:0 0 0 0; 
  text-align:center; 
  font-family: Arial, Helvetica, sans-serif;
  color:#fff;
  
}

button.button-os span { 
  position:relative; 
  display:block;
  white-space:nowrap; 
  padding:0 10px 0 13px; 
  color:#fff;
}

button.button-os { 
  width:auto; 
  overflow:visible; 
  color:#fff;
}
button.button-os span { 
  margin-top:1px; 
  color:#fff;
}


/*blue buttons*/
button.button-os { 
  background:url(/templates/base/images/botones/button-right.gif) right 2px no-repeat; 
  font-size:1.1em;
  color:#fff;
}
button.button-os span { 
  height:25px; 
  line-height:25px;
  background:url(/templates/base/images/botones/button-left.gif) left no-repeat;
  color:#fff; 
}
button.button-os:hover {
	background:url(/templates/base/images/botones/button-right.gif) right 2px no-repeat; 
}
button.button-os:hover span {
	background:url(/templates/base/images/botones/button-left.gif) left no-repeat; 
	  text-decoration: underline;
}




button.button-os-update-cart { 
  background-image:url(/templates/base/images/botones/button-right-verde.gif); 
}

button:hover.button-os-update-cart { 
   background-image:url(/templates/base/images/botones/button-right-verde.gif); 
}

button.button-os-update-cart span { 
  background-image:url(/templates/base/images/botones/button-left-verde.gif);

}

button:hover.button-os-update-cart span { 
  background-image:url(/templates/base/images/botones/button-left-verde.gif); 
}





a.button-os-checkout { 
  background-image:url(/templates/base/images/botones/button-right-rojo.gif); 
}

a:hover.button-os-checkout { 
   background-image:url(/templates/base/images/botones/button-right-rojo.gif); 
}

a.button-os-checkout span { 
  background-image:url(/templates/base/images/botones/button-left-rojo.gif);

}

a:hover.button-os-checkout span { 
  background-image:url(/templates/base/images/botones/button-left-rojo.gif); 
}




/* Botón doble */
a.button-os-doble {
	background: transparent url(/templates/base/images/botones/button-right-doble.gif) no-repeat scroll right top;
	color: #fff;
	cursor: pointer;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	height: 41px;
	padding-right: 4px;
	text-decoration: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align:center;
}

a.button-os-doble span {
	background: transparent url(/templates/base/images/botones/button-left-doble.gif) no-repeat scroll 0 0;
	display: block;
	height: 41px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 13px;
	color:#fff;
}

a:hover.button-os-doble {
	background-image: url(/templates/base/images/botones/button-right-doble.gif);
	color: #fff;
	text-decoration: none;
}

a:hover.button-os-doble span {
	background-image: url(/templates/base/images/botones/button-left-doble.gif);
	color:#fff;
	text-decoration:underline;
}