@font-face {
	font-family: AvantGardeMedium;
	src: url('../fonts/avantgarde_medium.ttf');
}

@font-face {
	font-family: AvantGardeMediumBold;
	src: url('../fonts/avantgarde_medium_bold.ttf');
	font-weight: bold;
}

.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	margin: 0 5px 0 0;
	background: url("../images/icons/icon_checkboxes.png") no-repeat;
	display: block;
	float: left;
}
.radio {
	background: url("../images/icons/icon_radiobuttons.png") no-repeat;
}
.select {
	position: absolute;
	width: 420px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 40px;
	padding: 6px 5px 5px 5px;
	color: #BD9E67;
	font: bold 19px/27px AvantGardeMediumBold, Arial, sans-serif;
	background: url("../images/icons/icon_selects.png") no-repeat;
	overflow: hidden;
}

/*	GENERAL
	------------------------ */
html {font: normal 16px/24px AvantGardeMedium, Arial, sans-serif;background-color:#FFFFFF;padding:0;color:#000000}
.grid_8 {margin-right: 0px;}
.container_20 {width:950px;margin:0 auto 0;border:none;overflow:visible}
.container_20 .grid_16{width:950px}
.container_20 .grid_20{width:950px}
.container_20 .grid_8{width:430px;padding-left:45px}
h1 {color:#BD9E67;text-transform:uppercase;font: bold 40px/40px AvantGardeMediumBold, Arial, sans-serif;margin:0px 0px 40px 0px}
h2 {color:#BD9E67;text-transform:uppercase;font: bold 20px/20px AvantGardeMediumBold, Arial, sans-serif;margin:0px 0px 20px 0px}
h3 {color:#000000;margin:15px 0px 0px 0px;font: bold 50px/50px AvantGardeMediumBold, Arial, sans-serif;}
h4 {color:#BD9E67;font: bold 28px/28px AvantGardeMediumBold, Arial, sans-serif;}
h5 {font: bold 20px/20px AvantGardeMediumBold, Arial, sans-serif;color:#BD9E67;text-transform:uppercase}
h6 {font: normal 40px/40px AvantGardeMedium, Arial, sans-serif;color:#DEDEDE;letter-spacing:10px;margin-bottom:20px}
p {margin:0}
a {color:#BD9E67;-webkit-transition: color 0.3s ease-out}
a.grey {color:#8E8E8E}
a.grey:hover {color:#000000;text-decoration:none}

/*	HEADLINES
	------------------------ */
h2 {margin: 0px 0px 12px 0px}

/*	FORM SYSTEM
	------------------------ */
.supportrequest label {width:auto; text-align: left; margin-left: 0px;margin-top: 1px;margin-right:15px;font-weight:normal}
.supportrequest .requiredfields {margin-left:0px;padding-top: 15px;color:#B3B3B3}
#center.supportrequest form div.textarea textarea {margin-left: 0px;width:420px;height:150px}
#center.supportrequest form input.buttons {position: absolute;right:-5px;bottom:-12px;width:295px;text-align: center;}
#content .supportrequest {margin: 0; width: 430px;}
.supportrequest p {font-size:14px;}
.supportrequest form div {width:223px;float:left;margin-bottom:0px}
#content .supportrequest .inner_container {border: none;border-left: 1px solid #CCCCCC; background-color:#FFFFFF;padding:0; padding-left:44px;width:410px}

/*	FORM ELEMENTS
	------------------------ */
label {font-weight:normal;}
input {float:left;background:#000000;border:none;color:#BD9E67;height:31px;padding:5px;font: bold 19px/27px AvantGardeMediumBold, Arial, sans-serif;}
input:hover {color:#FFFFFF}
input[type=text], input.text, textarea, select {-webkit-appearance: none;margin:0px 17px 20px 0px;width:196px;height:31px;background-color:#000000;border:none;color: #BD9E67;font-size:19px}
input[type=text]:hover, input[type=password]:hover {color:#FFFFFF}
input[type=radio] {width:20px;height:22px}
input.last {margin-right:0px}
select {-webkit-appearance: none;margin:0px 17px 20px 0px;background:#000000;border:none;color:#BD9E67;height:41px;padding:5px;font: bold 19px/27px AvantGardeMediumBold, Arial, sans-serif;text-transform:uppercase}
select:hover {color:#FFFFFF}
option:hover {color:#FFFFFF}
textarea {font: normal 16px/24px AvantGardeMediumBold, Arial, sans-serif;}

/* Inline validation */
input[type=text].instyle_error, input[type=password].instyle_error, select.instyle_error, input.instyle_error {background-color:#E3001B;color:#FFFFFF;border:none}
input[type=text].instyle_success, input[type=password].instyle_success {background:#000000;color:#BD9E67;border:none}
select.instyle_error {border-color:#E3001B}

/*	HEADER
	------------------------ */
#header {height:82px;background-color:#000000}
#header #logo a {background: url(../images/logo_deli.jpg) no-repeat;width: 322px;height: 45px;margin: 20px 0 0 23px}

/*	LANGUAGE AND CURRENCY
	------------------------ */
#topbar {position: absolute; right: 200px; top: 33px}
#topbar a { font: bold 12px/12px AvantGardeMediumBold, Arial, sans-serif }
#topbar a:hover { color:#FFFFFF;-webkit-transition: color 0.3s ease-out;text-decoration:none }

/*	SHOPNAVIGATION
	Account, Notes, Basket
	------------------------ */
#shopnavi .newbasket {width:auto;position: absolute; right: 240px;top:35px;margin:0}
#shopnavi .display {width: auto;margin: 0;color:#BD9E67;font-size:12px}
#shopnavi .display .top {margin-top: 0px;}
#shopnavi .display a {color:#BD9E67;margin-right:20px;font: bold 12px/12px AvantGardeMediumBold, Arial, sans-serif}
#shopnavi .display a:hover {color:#FFFFFF;text-decoration:none}
#shopnavi .ajax_basket_container {border: none;background: none; width: auto; margin-right: 20px}
#shopnavi .ajax_basket_container .ajax_basket {background: none;padding: 0px 0px 0 0px;-webkit-transition: color 0.3s ease-out}
#shopnavi .ajax_basket_container .ajax_basket:hover {color:#FFFFFF;text-decoration:none}

/*	AJAX BASKET
	------------------------ */
.ajax_basket_container .ajax_basket {color: #BD9E67;font: bold 12px/12px AvantGardeMediumBold, Arial, sans-serif}

/* Ajax basket result */ 
.ajax_basket_result {top: 82px !important;right:170px !important;padding: 20px 30px 20px 30px;width: 500px;border: none;background:#BD9E67;font: bold 12px/18px AvantGardeMediumBold, Arial, sans-serif;}
.inner_cart {padding: 20px 30px 20px 30px;border: none;background:#BD9E67;font: bold 12px/18px AvantGardeMediumBold, Arial, sans-serif}
.inner_cart div {padding: 0px}
.inner_cart div {background:#BD9E67}
.inner_cart .thumbnail {width: 75px;height:75px;float:left}
.inner_cart span {color:#FFFFFF;font-size:12px}
.inner_cart span.title {margin: 0;padding-left:95px;width:165px}
.inner_cart .price {color:#000000;font-size:12px;position:absolute; right:0px; top:0px;}
.inner_cart span.title a {color:#FFFFFF}
.inner_cart span.title a:hover {color:#000000;text-decoration:none}
a.checkout:hover {text-decoration:none}
span.frontend_checkout_ajax_cart {text-transform:uppercase}

/*	CONTENT CENTER
	------------------------ */
#content {margin-top:50px;overflow:visible}
#center {margin: 0}
#content .account {margin:0}
#content .custom {width: 613px;margin:0}
#content .cat_text h1, #content .custom h1 {color: #BD9E67;text-transform:uppercase;font: bold 40px/40px AvantGardeMediumBold, Arial, sans-serif;margin:0px 0px 40px 0px}
#content .account .cat_text {width:430px;padding-right:45px;float:left;background:none}
.required_fields {border:none;padding: 0px;color:#B3B3B3;background: #FFFFFF;font-weight:normal}
#content .cat_text .inner_container {border: none;padding: 0;}
.account .logout {font: bold 20px/20px AvantGardeMediumBold, Arial, sans-serif;color:#B3B3B3;position:absolute;top:10px;right:0px}

/*	ARTICLE DETAIL
	------------------------ */
#basketButton, #registerbutton {width:305px;height:41px;background: url(../images/buttons/button_right-large.jpg) no-repeat;font-size:19px;color:#000000;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;-webkit-transition: color 0.3s ease-out}
#basketButton:hover, #registerbutton:hover {color:#FFFFFF}

/* General */
#content #detail {width:950px;margin: 0}
#buybox {width:296px;margin-right: 0px;}
#detail .wrapper {margin-left: 5px;width: 950px;}
#detail h1 {color:#BD9E67;font-size: 34px;line-height:51px;font-weight:bold}

/* Images*/
#detailbox #img img {display: inline;margin:0px 0px 0px 0px}

/* Article details middle */
.article_details_price{margin-bottom: 0px;}

/* Configurator */
#buybox #basketButton {background:url(../images/buttons/button_right-large.jpg) right center repeat-x;color:#000000;width:296px;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;font:bold 20px/30px AvantGardeMediumBold, Arial, sans-serif;text-transform:uppercase}
#buybox #basketButton:hover {color:#FFFFFF}

/* Description */
#description h1 {color:#BD9E67;font-size: 34px;line-height:51px;font-weight:bold}
#description h2 {color:#BD9E67;font-size: 18px;font-weight:bold;margin:20px 0px 0px 0px;text-transform:uppercase;line-height:24px}

/* Detailinfo */
#detail #detailinfo {background: #FFFFFF;padding-left:0px}
#detail #detailinfo #tabs {width: 950px;padding: 0;margin:0;overflow: visible}
#detail #detailinfo .inner_tabs {border: none;width:950px;overflow: visible}
#detail #detailinfo #description {padding-right: 40px;width:614px;line-height:24px;float:left;color:#000000}
#detail #detailinfo .tax_attention {font-size: 11px;color:#000000}

/*	ARTICLE DETAILS
	------------------------ */
.deliverable1 {color: #000000;}

/*	FAUX COLUMNS
	------------------------ */
#content .inner {width: 950px;overflow:visible}
#content .inner .line {position:relative;left:-23px;width:997px;height:30px;margin-top:50px;margin-bottom:50px}

/*	GENERAL LISTING
	------------------------ */
div.listing {width:950px;}
.artbox {border: none;margin: 0px 0px 0px 0px}
.artbox .inner {padding:0}

/*	REGISTER PAGE
	------------------------ */
#content .inner #center.register {margin-left:0px;width:950px;}

/* New register */
.register label {width: 50px;}
.register .street {width:295px;}
.register .number {width: 97px;margin-right:0px}
.register .zipcode {width: 97px;}
.register .city {width:295px;margin-right:0px}

.register .alt_shipping {margin-left: 0px;}
.register .check label, .register .salutation span label, .register .privacy label {margin: 0px 0 0 5px;}

/*	LOGIN AND REGISTER
	------------------------ */
.register .personal_settings, .register .shipping_address, .register .payment_method, .register .company_informations {border:none; background-color: #FFFFFF;width:430px;padding-right:44px;float:left}
.register .alternative_shipping {border:none; background-color: #FFFFFF;width:430px;padding-left:44px;float:left}
.register .payment_method .method {border-bottom: none}

/*	ORDER PROCESS
	------------------------ */
div.agb_accept label.chklabel {color:#000000;font-size: 16px; line-height: 16px;font-weight:normal; margin:3px 0 0 0}
.additional_footer .comment, .additional_footer .agb  {background-color: #FFFFFF;border: none}
.additional_footer .more_info {border: none}
#content #payment {border: none}

/*	BASKET PAGE
	------------------------ */
/* Confirm additional footer */
.additional_footer .comment, .additional_footer .more_info, .additional_footer .agb {padding: 0;float:left}
.additional_footer .comment label {display: block;width:220px}
.additional_footer .comment textarea {width:308px;height: 150px;margin: 0;float:left}
.additional_footer .actions {width: 305px;}

/*	USER ACCOUNT
	------------------------ */
.account .email {width: 419px;}
.account .password {width: 196px;}

/* Select */
.account #userinformations .inner_container  {height: auto;padding:0;float:left}

/*	3 COL LISTING
	------------------------ */
#listing-3col .artbox {width: 474px;height:474px}
#listing-3col .artbox .inner {height: 474px;width: 474px}
#listing-3col .artbox .inner a {font: bold 20px/20px AvantGardeMediumBold, Arial, sans-serif;}

/*	FOOTER
	------------------------ */
#footer {border: none;background: none;padding: 0}
#footer a {color:#BD9E67;font-weight: bold;;font: bold 12px/12px AvantGardeMediumBold, Arial, sans-serif}
#footer a:hover {color:#000000;text-decoration:none}

/*	MODAL BOX
	------------------------ */
.modal {border: none;top: 82px;left:auto;right:auto;width: 490px;background: #BD9E67}
.modal h2 {width:auto;font: normal 20px/30px AvantGardeMediumBold, Arial, sans-serif;color:#FFFFFF;letter-spacing: normal}
.modal p {font: normal 16px/24px AvantGardeMedium, Arial, sans-serif;color:#000000}

/*	ONE PAGE CHECKOUT
	------------------------ */
div.ajax_login_form fieldset {background: none;padding: 0px 29px 0px 29px}
div.ajax_login_form .lostpassword {margin-left: 223px;padding-top:3px;font-size: 16px;text-decoration: none;line-height: 20px;color:#000000}
div.ajax_login_form .lostpassword:hover {color:#FFFFFF}
div.ajax_login_form input#checkout_button {width: 296px;margin-left: 80px;text-align:center}
div.ajax_login_form .existing_customer {background-color:transparent;border:none;border-bottom:1px solid #987A56}
div.ajax_login_form .new_customer {border-bottom:1px solid #987A56}
div.ajax_login_form .new_customer, div.ajax_login_form .existing_customer, div.ajax_login_form .guest_customer {padding: 29px 0px 29px 0px}
div.ajax_login_form .new_customer h2, div.ajax_login_form .existing_customer h2, div.ajax_login_form .logout h2 {width: auto; font: normal 20px/30px AvantGardeMediumBold, Arial, sans-serif;}
#lostPassword {display: none}

/*	BUTTONKIT
	------------------------ */
/* General */
.button-right {background:url(../images/buttons/button_right-large.jpg) right center repeat-x;color:#000000 !important;font:bold 20px/30px AvantGardeMediumBold, Arial, sans-serif;text-transform:uppercase}
.button-middle {background:url(../images/buttons/button_middle-large.jpg) center center repeat-x;color:#BD9E67 !important;font: bold 20px/30px AvantGardeMediumBold, Arial, sans-serif}

/* Styles */
.button-middle, .button-right {width: 296px;padding:0;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.button-middle:hover {color:#FFFFFF !important;text-decoration:none}
a.button-right {height:31px;padding-top:9px}
.button-right:hover {color:#FFFFFF !important;text-decoration:none}

/* Modifier */
input.button-right,input.button-middle {text-align:center;-webkit-transition: color 0.3s ease-out}

/*	FINISHED
	------------------------ */
#content .finish {margin-left: 0px;}

/*	RESPONSE ELEMENTS
	------------------------ */
.error, .success {padding:0}
.error {background:#FFFFFF;color:#E30018;border:none}
.instyle_success {background:#000000;color:#BD9E67;border:none}
.success {background:#FFFFFF;border:none;text-align:left}

/* Tables */
table, tbody {border: none;width: 100% !important;margin:0}
table tbody tr td, table tbody tr th {border:none}
table th {color: #B3B3B3;font-weight:normal;padding:0px 50px 8px 0px}
table td {color: #000000;padding:20px 50px 20px 0px}

/*	ISOTOPE
	------------------------ */
/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}
​

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}