/***********************************************************************
 * buttons
 ***********************************************************************/
.button {
  background: transparent url(buttons/button_grey.png) no-repeat right top;
  display: block;
  float: left;
  height: 50px;
  
  margin-right: 6px;
  padding-right: 10px !important;
  
  display: block;
  border: none;
  cursor: pointer;
  
  text-decoration: none;
  font-size: 18px;
  color: #2C2E31 !important;
  font-family: Helvetica,Arial;
  
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0;
}

.bigButton {
	background-image: url(buttons/button_grey_big.png);
	height: 73px;
}

.bigButtonRed {
	background-image: url(buttons/button_red_big.png);
	height: 73px;
}

.button span, .button a, .button input, .button button {
  background: transparent url(buttons/button_grey.png) no-repeat 0 0;
  display: block;
  height: 35px;
  color: #2C2E31 !important;
  line-height: 24px;
  
  padding: 15px 10px 0 20px;
  display: block;
  border: none;
  cursor: pointer;
  
  text-decoration: none;
  font-size: 18px;
  color: #2C2E31 !important;
  font-family: Helvetica,Arial;
  
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0;
}
.button input {
	padding-top: 6px;
	height: 46px;
}
.button button {
	padding-top: 14px;
	height: 46px;
	padding-left: 7px;
	padding-right: 0px;
}
.button button .icon {
	top: -7px;
}

.bigButton span {
	background-image: url(buttons/button_grey_big.png);
	padding-top: 20px;
	height: 53px;
	line-height: 20px;
}




.button:hover {
	background-position: right -48px; 
	text-decoration: none;
}
.bigButton:hover {
	background-position: right -80px; 
}
.button:hover span, .button:hover a, .button:hover input, .button:hover button {
  background-position: 0 -48px; 
  text-decoration: none;
}
.bigButton:hover span, .bigButton:hover a, .bigButton:hover input, .bigButton:hover button {
  background-position: 0 -80px;
}




.buttonRed, .buttonRed span, .buttonRed a, .buttonRed input, .buttonRed button {
	background-image: url(buttons/button_red.png);
	color: white !important;
}


button {

}
/***********************************************************************
 * counter
 ***********************************************************************/
.cartItems, .lightBoxItems {
	background-color: #2C2E31;
	color: white;
	display: block;
	float: right;
	font-style: normal;
	height: 20px;
	left: 15px;
	margin: 0 10px 0 0;
	padding: 0 0 3px 1px;
	position: relative;
	text-align: center;
	width: 35px;
	font-size: 18px;
	top: 1px;
	line-height: 23px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: 0;
}
.lightBoxItems {
	background-color: white;
	color: #CB1C27;
}

/***********************************************************************
 * icons
 ***********************************************************************/
.icon {
	display: block;
	width: 35px;
	height: 38px;
	float: left;
	
	position: relative;
	top: -12px;
	left: -6px;
	
	-webkit-touch-callout: none;
  	-webkit-user-select: none;
  	-khtml-user-select: none;
 	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
  	outline: 0;
}

.iconSmall {
	width: 23px;
	height: 23px;
	top: 0;
	left: 0;
}

.iconSquared {
	width: 25px;
	height: 25px;
	top: 0;
	left: 0;
}

.bigButton .icon {
	top: -2px;
	margin-right: 5px;
}

/***********************************************************************/
/*search icon*/
.searchIcon {
	background: url(buttons/icons.png) -1px 7px no-repeat;
	width: 30px;
}
.searchIconDark {
	background: url(buttons/icons_dark.png) -1px 7px no-repeat;
	width: 30px;
}
.searchIconSquared {
	background: url(buttons/icons_squared.png) 0px 0px no-repeat;
}
.searchIconWhite {
	background: url("buttons/search.png") no-repeat scroll 5px center transparent;
}

/***********************************************************************/
/*user icons*/
.userIcon {
	background: url(buttons/icons.png) -1px -33px no-repeat;
	width: 30px;
}
.userAddIcon {
	background: url(buttons/icons.png) -43px -31px no-repeat;
	width: 34px
}
.userDeleteIcon {
	background: url(buttons/icons.png) -84px -31px no-repeat;
	width: 34px
}
.userEditIcon {
	background: url(buttons/icons.png) -164px -31px no-repeat;
	width: 34px
}
.userWarningIcon {
	background: url(buttons/icons.png) -203px -31px no-repeat;
	width: 34px
}
.userSaveIcon {
	background: url(buttons/icons.png) -243px -31px no-repeat;
	width: 34px
}
/*user icon dark*/
.userIconDark {
	background: url(buttons/icons_dark.png) -1px -33px no-repeat;
	width: 30px;
}
.userAddIconDark {
	background: url(buttons/icons_dark.png) -43px -31px no-repeat;
	width: 34px
}
.userDeleteIconDark {
	background: url(buttons/icons_dark.png) -84px -31px no-repeat;
	width: 34px
}
.userEditIconDark {
	background: url(buttons/icons_dark.png) -164px -31px no-repeat;
	width: 34px
}
.userWarningIconDark {
	background: url(buttons/icons_dark.png) -203px -31px no-repeat;
	width: 34px
}
.userSaveIconDark {
	background: url(buttons/icons_dark.png) -243px -31px no-repeat;
	width: 34px
}	
/*smallUserIcons*/
.userIconSmall {
	background: url(buttons/icons_small.png) 1px -24px no-repeat;
}
.userAddIconSmall {
	background: url(buttons/icons_small.png) -28px -24px no-repeat;
}
.userDeleteIconSmall {
	background: url(buttons/icons_small.png) -53px -24px no-repeat;
}
.userEditIconSmall {
	background: url(buttons/icons_small.png) -104px -24px no-repeat;
}
.userWarningIconSmall {
	background: url(buttons/icons_small.png) -130px -24px no-repeat;
}
.userSaveIconSmall {
	background: url(buttons/icons_small.png) -156px -24px no-repeat;
}
/*squared UserIcons*/
.userIconSquared {
	background: url(buttons/icons_squared.png) 0px -27px no-repeat;
}
.userAddIconSquared {
	background: url(buttons/icons_squared.png) -27px -27px no-repeat;
}
.userDeleteIconSquared {
	background: url(buttons/icons_squared.png) -54px -27px no-repeat;
}
.userEditIconSquared {
	background: url(buttons/icons_squared.png) -108px -27px no-repeat;
}
.userWarningIconSquared {
	background: url(buttons/icons_squared.png) -135px -27px no-repeat;
}
.userSaveIconSquared {
	background: url(buttons/icons_squared.png) -162px -27px no-repeat;
}


/***********************************************************************/
/*cart icons*/
.cartIcon {
	background: url(buttons/icons.png) -1px -72px no-repeat;
	width: 34px;
}
.cartAddIcon {
	background: url(buttons/icons.png) -42px -70px no-repeat;
	width: 34px
}
.cartDeleteIcon {
	background: url(buttons/icons.png) -82px -70px no-repeat;
	width: 34px
}
.cartContinueIcon {
	background: url(buttons/icons.png) -122px -70px no-repeat;
	width: 34px
}
.cartEditIcon {
	background: url(buttons/icons.png) -162px -70px no-repeat;
	width: 34px
}
.cartWarningIcon {
	background: url(buttons/icons.png) -201px -70px no-repeat;
	width: 35px
}
.cartSaveIcon {
	background: url(buttons/icons.png) -241px -70px no-repeat;
	width: 36px
}
/*cart icon dark*/
.cartIconDark {
	background: url(buttons/icons_dark.png) -1px -72px no-repeat;
	width: 34px;
}
.cartAddIconDark {
	background: url(buttons/icons_dark.png) -42px -70px no-repeat;
	width: 34px
}
.cartDeleteIconDark {
	background: url(buttons/icons_dark.png) -82px -70px no-repeat;
	width: 34px
}
.cartContinueIconDark {
	background: url(buttons/icons_dark.png) -122px -70px no-repeat;
	width: 34px
}
.cartEditIconDark {
	background: url(buttons/icons_dark.png) -162px -70px no-repeat;
	width: 34px
}
.cartWarningIconDark {
	background: url(buttons/icons_dark.png) -201px -70px no-repeat;
	width: 35px
}
.cartSaveIconDark {
	background: url(buttons/icons_dark.png) -241px -70px no-repeat;
	width: 36px
}
/*smallCartIcons*/
.cartIconSmall {
	background: url(buttons/icons_small.png) 1px -50px no-repeat;
}
.cartAddIconSmall {
	background: url(buttons/icons_small.png) -26px -50px no-repeat;
}
.cartDeleteIconSmall {
	background: url(buttons/icons_small.png) -52px -50px no-repeat;
}
.cartContinueIconSmall {
	background: url(buttons/icons_small.png) -78px -50px no-repeat;
}
.cartEditIconSmall {
	background: url(buttons/icons_small.png) -105px -50px no-repeat;
}
.cartWarningIconSmall {
	background: url(buttons/icons_small.png) -131px -50px no-repeat;
}
.cartSaveIconSmall {
	background: url(buttons/icons_small.png) -157px -50px no-repeat;
}
/*squared CartIcons*/
.cartIconSquared {
	background: url(buttons/icons_squared.png) 0px -54px no-repeat;
}
.cartAddIconSquared {
	background: url(buttons/icons_squared.png) -27px -54px no-repeat;
}
.cartDeleteIconSquared {
	background: url(buttons/icons_squared.png) -54px -54px no-repeat;
}
.cartContinueIconSquared {
	background: url(buttons/icons_squared.png) -81px -54px no-repeat;
}
.cartEditIconSquared {
	background: url(buttons/icons_squared.png) -108px -54px no-repeat;
}
.cartWarningIconSquared {
	background: url(buttons/icons_squared.png) -135px -54px no-repeat;
}
.cartSaveIconSquared {
	background: url(buttons/icons_squared.png) -162px -54px no-repeat;
}


/***********************************************************************/
/*lightbox icons*/
.lightboxIcon {
	background: url(buttons/icons_dark.png) -6px -111px no-repeat;
	width: 21px;
}
.lightboxAddIcon {
	background: url(buttons/icons.png) -47px -110px no-repeat;
	width: 30px
}
.lightboxDeleteIcon {
	background: url(buttons/icons.png) -86px -110px no-repeat;
	width: 34px
}
.lightboxEditIcon {
	background: url(buttons/icons.png) -166px -110px no-repeat;
	width: 34px
}
.lightboxWarningIcon {
	background: url(buttons/icons.png) -205px -110px no-repeat;
	width: 32px
}
.lightboxSaveIcon {
	background: url(buttons/icons.png) -245px -110px no-repeat;
	width: 36px
}
.lightboxSortIcon {
	background: url(images/sort-icon.png) 7px no-repeat;
}

/*dark lightbox icons*/
.lightboxIconDark {
	background: url(buttons/icons_dark.png) -6px -111px no-repeat;
	width: 21px;
}
.lightboxAddIconDark {
	background: url(buttons/icons_dark.png) -47px -110px no-repeat;
	width: 30px
}
.lightboxDeleteIconDark {
	background: url(buttons/icons_dark.png) -86px -110px no-repeat;
	width: 34px
}
.lightboxEditIconDark {
	background: url(buttons/icons_dark.png) -166px -110px no-repeat;
	width: 34px
}
.lightboxWarningIconDark {
	background: url(buttons/icons_dark.png) -205px -110px no-repeat;
	width: 32px
}
.lightboxSaveIconDark {
	background: url(buttons/icons_dark.png) -245px -110px no-repeat;
	width: 36px
}

/*white lightbox icons*/
.lightboxIconWhite {
	background: url(buttons/lightbox_white.png) 0px 8px no-repeat;
	width: 30px;
}

/*smallLightboxIcons*/
.lightboxIconSmall {
	background: url(buttons/icons_small.png) 1px -77px no-repeat;
}
.lightboxAddIconSmall {
	background: url(buttons/icons_small.png) -27px -77px no-repeat;
}
.lightboxDeleteIconSmall {
	background: url(buttons/icons_small.png) -52px -77px no-repeat;
}
.lightboxEditIconSmall {
	background: url(buttons/icons_small.png) -105px -77px no-repeat;
}
.lightboxWarningIconSmall {
	background: url(buttons/icons_small.png) -131px -77px no-repeat;
}
.lightboxSaveIconSmall {
	background: url(buttons/icons_small.png) -157px -77px no-repeat;
}

/*squared LightboxIcons*/
.lightboxIconSquared {
	background: url(buttons/icons_squared.png) 0px -81px no-repeat;
}
.lightboxAddIconSquared {
	background: url(buttons/icons_squared.png) -27px -81px no-repeat;
}
.lightboxDeleteIconSquared {
	background: url(buttons/icons_squared.png) -54px -81px no-repeat;
}
.lightboxEditIconSquared {
	background: url(buttons/icons_squared.png) -108px -81px no-repeat;
}
.lightboxWarningIconSquared {
	background: url(buttons/icons_squared.png) -135px -81px no-repeat;
}
.lightboxSaveIconSquared {
	background: url(buttons/icons_squared.png) -162px -81px no-repeat;
}
.lightboxSortIconSquared {
	background: url(images/sort-icon-button.png) no-repeat;
}


/***********************************************************************
 * user detail extra links
 ***********************************************************************/
.userDetailLink {
	clear: both;
	padding: 5px 0 5px 36px;
	border-bottom: 1px solid #A0A0A0;
	display: block;
	float: none;
	width: 160px;
	color: #2C2E31;
	margin: 0 0 3px 0;
}
.userDetailLink.last {
	border: 0;
}
.userDetailLink:hover {
	text-decoration: none;
	color: #CB1C27;
}

.userDataIcon {
	background: url(buttons/userDetailIcons1.png) 5px center no-repeat;
}
.accountDataIcon {
	background: url(buttons/userDetailIcons2.png) 5px center no-repeat;
}
.manageLightboxIcon {
	background: url(buttons/userDetailIcons3.png) 5px center no-repeat;
}
.logoutIcon {
	background: url(buttons/userDetailIcons4.png) 5px center no-repeat;
}

/***********************************************************************
 * Button extras
 ***********************************************************************/
.lightboxButton {
	position: relative;
	top: -4px;
	width: 180px;
}

.cartButton {
	width: 150px;
}
.printDialogIcon {
	background:url(images/print-icon.png) 7px center no-repeat;
}
.printDialogIconSmall {
	background:url(images/print-icon_s.png) 6px center no-repeat;
}
.backDialogIconSmall {
	background:url(buttons/overview19.png) 6px center no-repeat;
}
.shopDialogIconSmall {
	background:url(buttons/cart-icon_s.png) 6px center no-repeat;
}