.right{
	text-align:right;
}

.button {
 font-weight: bold;
 color: #fff !important;
 text-decoration: none;
 font-family: 'Trebuchet MS', sans-serif;
 font-size: 10px;
 overflow: hidden;
 cursor: pointer;
 background: none;
 border: none;
 padding: 0;
 margin: 0;
 display: inline-block;

}

.button:hover {
 color: #999;
 text-decoration: none;
}


.button span, .button i {
 background: transparent url(../img/css/buttons.png) no-repeat 0 0;
 height: 16px;
 line-height: 15px;
 float: left;
}

.icon {
 font-size: 12px;
 padding-left: 21px;
 width: 0;
 height: 21px;
 font-weight: bold;
 text-decoration: none;

 background: transparent url(../img/css/iconen.png) no-repeat 0 0;
 overflow: hidden;
 /*
 display: -moz-inline-block;
 display: -moz-inline-box;
 */

 display: inline-block;
}

/*small*/
.button span { padding: 0 3px 0 10px; background-position: 0 -125px; }
.button i { padding: 0 13px 0 0; background-position: 100% -145px; }
.simple i { padding-right: 7px; background-position: 100% -165px; }
.button:hover span { background-position: 0 -185px; }
.button:hover i { background-position: 100% -205px; }
.simple:hover i { background-position: 100% -225px; }



/*large*/
.large { font-size: 12px; }
.large span, .large i { height: 20px; line-height: 20px; }
.large span { background-position: 0 0px; }
.large i { padding-right: 17px; background-position: 100% -20px; }
.large.simple i { padding-right: 7px; background-position: 100% -40px; }
.large:hover span { background-position: 0 -60px; }
.large:hover i { background-position: 100% -80px; }
.large.simple:hover i { background-position: 100% -100px; }

/*Xtra large*/

.xlarge { font-size: 12px; }
.xlarge span, .xlarge i { height: 25px; line-height: 25px; }
.xlarge span { background-position: 0 0px; }
.xlarge i { padding-right: 17px; background-position: 100% -1210px; }
.xlarge.simple i { padding-right: 7px; background-position: 100% -1235px; }
.xlarge:hover span { background-position: 0 -1260px; }
.xlarge:hover i { background-position: 100% -1285px; }
.xlarge.simple:hover i { background-position: 100% -1310px; }


/* Seperated buttons for all layouts*/
.btnTopNavigation span { background-position: 0 -245px; }
.btnTopNavigation i { background-position: 100% -265px; }
.btnTopNavigation.simple i { background-position: 100% -285px; }
.btnTopNavigation:hover span { background-position: 0 -305px; }
.btnTopNavigation:hover i { background-position: 100% -325px; }
.btnTopNavigation.simple:hover i { background-position: 100% -345px; }

.btnShoppingCart span { background-position: 0 -365px; }
.btnShoppingCart i { background-position: 100% -385px; }
.btnShoppingCart.simple i { background-position: 100% -405px; }
.btnShoppingCart:hover span { background-position: 0 -425px; }
.btnShoppingCart:hover i { background-position: 100% -445px; }
.btnShoppingCart.simple:hover i { background-position: 100% -465px; }

.btnActiveSubNav span { background-position: 0 -485px; }
.btnActiveSubNav i { background-position: 100% -505px; }
.btnActiveSubNav.simple i { background-position: 100% -525px; }
.btnActiveSubNav:hover span { background-position: 0 -545px; }
.btnActiveSubNav:hover i { background-position: 100% -565px; }
.btnActiveSubNav.simple:hover i { background-position: 100% -585px; }

.btnPaginationNext span { background-position: 0 -605px; }
.btnPaginationNext i { background-position: 100% -625px; }
.btnPaginationNext.simple i { background-position: 100% -645px; }
.btnPaginationNext:hover span { background-position: 0 -665px; }
.btnPaginationNext:hover i { background-position: 100% -685px; }
.btnPaginationNext.simple:hover i { background-position: 100% -705px; }

.btnPaginationPrev span { background-position: 0 -725px; padding:0 0 0 17px!important;  }
.btnPaginationPrev i { background-position: 100% -745px;  }
.btnPaginationPrev.simple i { background-position: 100% -765px; }
.btnPaginationPrev:hover span { background-position: 0 -785px; }
.btnPaginationPrev:hover i { background-position: 100% -805px; }
.btnPaginationPrev.simple:hover i { background-position: 100% -825px; }

.btnPromo span { background-position: 0 -845px; }
.btnPromo i { background-position: 100% -865px; }
.btnPromo.simple i { background-position: 100% -885px; }
.btnPromo:hover span { background-position: 0 -905px; }
.btnPromo:hover i { background-position: 100% -925px; }
.btnPromo.simple:hover i { background-position: 100% -945px; }

.btnZoom span { background-position: 0 -965px; }
.btnZoom i { background-position: 100% -985px; }
.btnZoom.simple i { background-position: 100% -1005px; }
.btnZoom:hover span { background-position: 0 -1025px; }
.btnZoom:hover i { background-position: 100% -1045px; }
.btnZoom.simple:hover i { background-position: 100% -1065px; }

.btnContinue span { background-position: 0 -1100px; }
.btnContinue i { background-position: 100% -1120px; }
.btnContinue.simple i { background-position: 100% -1140px; }
.btnContinue:hover span { background-position: 0 -1160px; }
.btnContinue:hover i { background-position: 100% -1180px; }
.btnContinue.simple:hover i { background-position: 100% -1200px; }

.discount span { background-position: 0 -1100px;  width:190px;}
.discount i { background-position: 100% -1140px; }
.discount.simple i { background-position: 100% -1140px; }
.discount:hover span { background-position: 0 -1100px; }
.discount:hover i { background-position: 100% -1140px; }
.discount.simple:hover i { background-position: 100% -1140px; }


.btnCheckoutNext span { background-position: 0 -1230px; }
.btnCheckoutNext i { background-position: 100% -1260px; }
.btnCheckoutNext:hover span { background-position: 0 -1290px; }
.btnCheckoutNext:hover i { background-position: 100% -1320px; }

.btnCheckoutPrev span { background-position: 0 -1360px; padding:0 0 0 20px!important; }
.btnCheckoutPrev i { background-position: 100% -1390px; }
.btnCheckoutPrev:hover span { background-position: 0 -1420px; }
.btnCheckoutPrev:hover i { background-position: 100% -1450px; }

.btnCollection span { background-position: 0 -1510px; }
.btnCollection i { background-position: 100% -1530px; }
.btnCollection.simple i { background-position: 100% -1550px; }
.btnCollection:hover span { background-position: 0 -1570px; }
.btnCollection:hover i { background-position: 100% -1590px; }
.btnCollection.simple:hover i { background-position: 100% -1610px; }


/*SUBMIT BUTTONS*/
.btnXLarge{ 
	background: transparent url(../img/css/buttons.png) no-repeat 0 -1650px;
 	color:#fff;
 	font-size: 15px;
 	line-height:20px;
 	background-repeat:no-repeat;
 	border:0px;
 	cursor:pointer;
	text-align:left;
    margin-bottom:0px;
    padding:0 0 8px 20px !important;
    height:25px;
    overflow:hidden;
    outline: none;
}
.btnLarge{ 
	background: transparent url(../img/css/buttons.png) no-repeat 0 -1720px;
 	color:#fff;
 	font-size: 11px!important;
 	line-height:15px;
 	background-repeat:no-repeat;
 	border:0px !important;
 	cursor:pointer;
	text-align:left;
	padding:0 0 2px 8px !important;
    margin-bottom:0px;
    height:20px;
     outline: none;
}

.btnSmall{ 
	background: transparent url(../img/css/buttons.png) no-repeat 0 -1775px;
 	color:#fff;
 	font-size: 11px;
 	line-height:12px;
 	background-repeat:no-repeat;
 	border:0px!important;
 	cursor:pointer;
	padding-left:10px !important;
	padding:0 0 2px 8px !important;
	text-align:left;
    height:16px;
     outline: none;
}

.btnOrder{	width:180px!important;  }
.btnOrder:hover{ background: transparent url(../img/css/buttons.png) no-repeat 0 -1680px; }

.btnSend{ width:80px!important;  }
.btnSend:hover{  background: transparent url(../img/css/buttons.png) no-repeat 0 -1740px; }

.btnSearch{ width:60px!important;  }
.btnSearch:hover{  background: transparent url(../img/css/buttons.png) no-repeat 0 -1795px; }

.btnSendPromo{ float:right; width:65px!important;  background: transparent url(../img/css/buttons.png) no-repeat 0 -1835px;}
.btnSendPromo:hover{  background: transparent url(../img/css/buttons.png) no-repeat 0 -1855px;}


/*end of submit buttons*/


.close { background-position: -345px 5px; }
.close:hover { background-position: -345px -25px; }
.large.close { background-position: -180px 0; }
.large.close:hover { background-position: -180px -30px; }
.light.large.close { background-position: -180px -60px; }
.light.large.close:hover { background-position: -180px 0 }


.refresh { background-position: -380px 0; }
.refresh:hover { background-position: -380px -30px; }
.crop { background-position: 0 0; }
.crop:hover { background-position: 0 -30px; }
.jump { background-position: -316px 4px; }
.jump:hover { background-position: -316px -26px; }
.plus { background-position: -275px 5px; }
.plus:hover { background-position: -275px -25px; }
.pencil { background-position: -25px 4px; }
.pencil:hover { background-position: -25px -26px; }
.back { background-position: -58px 2px; }
.back:hover { background-position: -58px -28px; }
.forward { background-position: -88px 2px; }
.forward:hover { background-position: -88px -28px; }
.back.arrow { background-position: -115px 5px; }
.back.arrow:hover { background-position: -115px -25px; }
.forward.arrow { background-position: -145px 5px; }
.forward.arrow:hover { background-position: -145px -25px; }
.small.back { background-position: -214px 6px; }
.small.back:hover { background-position: -214px -24px; }
.small.forward { background-position: -244px 6px; }
.small.forward:hover { background-position: -244px -24px; }
.add{ background-position: 0px -60px; }
.add:hover { background-position: 0px -90px;  }
.subtract{ background-position: -30px -60px; }
.subtract:hover { background-position: -30px -90px; }
.pdf{ background-position: -30px -60px; }


.roundedPrev { background-position: -27px -85px;}
.roundedPrev:hover { background-position: 3px -85px; }
.roundedNext { background-position: -57px -85px; }
.roundedNext:hover { background-position: -87px -85px;}

.buttonTransparent{
	background: transparent;
	border:0px!important;
	font-family: 'Trebuchet MS', sans-serif;
	color:#fff;
	font-size:10px!important;
	width:auto;
	cursor: pointer;
	margin: 0px -2px!important; 
	padding: 0px;
	line-height: 13px!important; 
	
}