.right{
	text-align:right;
}

button {
    position: relative;
    border: 0;
    padding: 0;
    cursor: pointer;
    overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner { border: none;  /* overrides extra padding in Firefox */ }

button span {
    position: relative;
    display: block;
    white-space: nowrap;
}

.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: 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;
}

.true, .false {
    background-position: -120px -60px;
    height: 10px;
    padding-left: 10px;
}

.false { background-position: -350px -60px; }

/*small*/

.button span { 
    padding: 0 10px 0 10px;
    background-position: 0 -125px;
    display:block;
    position:relative;
    white-space:nowrap;
}
.button i { 
    padding: 0 13px 0 0;
    background-position: 100% -145px;
    float: left;
    display: inline-block;
}

.simple i { padding-right: 10px; 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; float: right;}
.large span, .large i { height: 20px; line-height: 20px; }
.large span { background-position: 0 0px; }
.large i { 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% -985px; }
.btnZoom:hover span { background-position: 0 -1025px; }
.btnZoom:hover i { background-position: 100% -1045px; }
.btnZoom.simple:hover i { background-position: 100% -1045px; }

.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; }

.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 -1480px; }
.btnCollection i { background-position: 100% -1500px; }
.btnCollection.simple i { background-position: 100% -1550px; }
.btnCollection:hover span { background-position: 0 -1540px; }
.btnCollection:hover i { background-position: 100% -1560px; }
.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;

}

a.btnCollection { margin-bottom: 10px;}