/**
 * Title: Schoenen-MBT.nl
 * Description: This stylesheet defines the default layout of schoenen-mbt.nl
 * Copyright: Pronamic Internet, Vormgeving en Software
 * Company: Pronamic Internet, Vormgeving en Software
 * Author: Remco Tolsma
 * Version: 1.0
 */

body {
	background: #F1EFF0;

	color: #333;

	font: 80% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	margin: 0;
}

/**
 * Headings
 */
h1, h2 {
	font-weight: normal;

	margin-bottom: .25em;
}

h1 {
	font-size: 180%;
}

h2 {
	font-size: 130%;
}

p {
	margin-top: .5em;
}

p.page-navigation {
	font-weight: bold;

	text-align: right;
}

/**
 * Anchors
 */
a {
	color: #98012F;
}

a:hover {
	text-decoration: none;
}

a.view-more-link {
	font-weight: bold;
}

/**
 * Images
 */
a img {
	border: none;
}

/**
 * Tables
 */
table {
	border-collapse: collapse;

	margin-bottom: 1em;

	width: 100%;
}

th, 
td {
	border: 1px solid #FFF;
	border-bottom-color: #D4D4D4;

	padding: 5px;

	text-align: left;
}

thead th {
	background: url("thead-back.gif") repeat-x;
}

tfoot th {
	text-align: right;
}

/**
 * Forms
 */
form {
	margin: 0;
}

label {
	cursor: pointer;

	font-weight: bold;
}

input.text,
textarea,
select {
	border: 1px solid #D4D4D4;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;

	padding: 3px;
}

input.text:focus,
textarea:focus {
	border-color: #333;
}

/* Field */
.field {
	clear: both;
}

.field label {
	display: block;
}

.field .sub-field {
	float: left;

	margin-right: 1em;
}

.field .label {
	display: block;

	font-weight: bold;
}

.field .radio-group input {
	border: none;
}

.field .radio-group label {
	font-weight: normal;

	display: inline;
}

form .error {
	background-color: #F9D1DD;

	border: 1px solid #98012F; 

	clear: both;

	margin-bottom: 1em;
	padding: 8px;
}

form .actions {
	clear: both;
}

/**
 * Buttons / links
 */
.more-info-link,
.order-link,
.view-products-link,
.shop-further-link,
.update-link,
.previous-link,
.next-link,
.search-link,
.more-info-subscribe-link,
.place-order-link,
.pay-link,
.send-link,
.subscribe-link {
	background: transparent no-repeat top left;

	cursor: pointer;

	border: none;

	display: block;

	height: 31px;
}

.order-link.disabled {
	cursor: default;
}

.more-info-link:hover,
.order-link:hover,
.view-products-link:hover,
.shop-further-link:hover,
.update-link:hover,
.previous-link:hover,
.next-link:hover,
.search-link:hover,
.more-info-subscribe-link:hover,
.place-order-link:hover,
.pay-link:hover,
.send-link:hover,
.subscribe-link:hover {
	background-position: bottom left;
}

.more-info-link span,
.order-link span,
.view-products-link span,
.shop-further-link span,
.update-link span,
.previous-link span,
.next-link span,
.search-link span,
.more-info-subscribe-link span,
.place-order-link span,
.pay-link span,
.send-link span,
.subscribe-link span {
	display: none;
}

.more-info-link { width: 95px; background-image: url("buttons/meer-informatie.gif"); }
.order-link { width: 77px; background-image: url("buttons/bestellen.gif"); }
.order-link.disabled { background: url("buttons/bestellen-disabled.gif"); }
.view-products-link { width: 116px; background-image: url("buttons/bekijk-producten.gif"); }
.shop-further-link { width: 105px; background-image: url("buttons/winkel-verder.gif"); }
.update-link { width: 64px; background-image: url("buttons/update.gif"); }
.previous-link { width: 60px; background-image: url("buttons/vorige.gif"); }
.next-link { width: 77px; background-image: url("buttons/volgende.gif"); }
.search-link { width: 65px; background-image: url("buttons/zoeken.gif"); }
.more-info-subscribe-link { width: 197px; background-image: url("buttons/meer-informatie-aanmelden.gif"); }
.place-order-link { width: 120px; background-image: url("buttons/plaats-bestelling.gif"); }
.pay-link { width: 67px; background-image: url("buttons/betalen.gif"); }
.send-link { width: 73px; background-image: url("buttons/verstuur.gif"); }
.subscribe-link { width: 89px; background-image: url("buttons/aanmelden.gif"); }

/**
 * Other
 */
.clear {
	clear: both;

	display: block;
}

.fraction {
	letter-spacing: -0.1em;

	white-space: nowrap;
}

.required-indicator {
	color: #98012F;
}

.note {
	color: red;
}

/**
 * sIFR
 */
.sIFR-flash {
	display: block;
}

/**
 * Top
 */
#top-wrap {
	background: #E1E1E1 url("top/back.gif") repeat-x bottom;

	/* margin-top: -75px; */

	padding-bottom: 2px;
}

#top {
	margin: 0 auto;
	padding: 10px 0;

	position: relative;

	width: 900px;
}

/* Hook */
#top-hook {
	background: url("top/handler-down.gif") no-repeat top left;

	cursor: pointer;

	position: absolute;

	bottom: -26px;
	right: 20px;

	width: 162px;
	height: 26px;
}

#top-hook:hover {
	background-position: bottom left;
}

#top-hook.open { background-image: url("top/handler-up.gif"); }

/* Anchors */
#top a {
	color: #333;

	text-decoration: none;
}

#top a:hover {
	text-decoration: underline;
}

/* Specific sections */
#promoter {
	float: left;

	width: 250px;
}

#promoter strong {
	font-size: 175%;
	font-weight: normal;
}

#post-data, 
#digital-data,
#advertising {
	background: url("top/separator.gif") no-repeat left center;

	float: left;

	line-height: 1.75;

	padding-left: 11px;
}

#post-data { width: 190px; }
#digital-data { width: 250px; }
#advertising { width: 170px; }

/**
 * Container
 */
#container-wrap {
	background: #FFF url("container-back.gif") repeat-x;

	min-height: 500px;
}

#container {
	margin: 0 auto;
	padding: 20px 0;

	width: 900px;
}

/**
 * Company name
 */
#company-name {
	float: left;

	margin: 0 20px 20px 20px;
}

#company-name a {
	background: url("logo.gif") no-repeat;

	display: block;

	float: left;

	width: 188px;
	height: 51px;
}

#company-name a span {
	display: none;
}

/**
 * Slogan
 */
#slogan {
	float: left;

	font-size: 90%;

	margin: 0;
	padding: 20px 0;
}

/**
 * Main menu
 */
#main-menu {
	background: #F2F0F1 url("main-menu/back.gif") repeat-x bottom;

	border: 1px solid #D6D6D6;
	border-bottom: none;
}

#main-menu ul {
	list-style: none;

	margin: 0;
	padding: 0;
}

#main-menu li {
	float: left;
}

#main-menu a {
	background-repeat: no-repeat;
	background-position: left top;

	color: #333;

	display: block;

	padding: 5px 10px;

	text-decoration: none;
}

#main-menu a.active, 
#main-menu a:hover {
	background-position: left bottom;

	color: #98012F;
}

#main-menu li:hover ul {
	left: auto;
}

/* Specific items */
#main-menu #menu-item-home,
#main-menu #menu-item-aanbiedingen,
#main-menu #menu-item-collectie,
#main-menu #menu-item-nieuws,
#main-menu #menu-item-belangrijk,
#main-menu #menu-item-introductieles,
#main-menu #menu-item-over-mbt, 
#main-menu #menu-item-over-meindertsma, 
#main-menu #menu-item-contact {
	height: 31px;

	padding: 0;
}

#menu-item-home { width: 53px; background-image: url("main-menu/home.gif"); }
#menu-item-home span { display: none; }

#menu-item-aanbiedingen {  width: 95px; background-image: url("main-menu/aanbiedingen.gif"); }
#menu-item-aanbiedingen span { display: none; }

#menu-item-collectie {  width: 68px; background-image: url("main-menu/collectie.gif"); }
#menu-item-collectie span { display: none; }

#menu-item-nieuws { width: 62px; background-image: url("main-menu/nieuws.gif"); }
#menu-item-nieuws span { display: none; }

#menu-item-belangrijk { width: 76px; background-image: url("main-menu/belangrijk.gif"); }
#menu-item-belangrijk span { display: none; }

#menu-item-introductieles { width: 95px; background-image: url("main-menu/introductieles.gif"); }
#menu-item-introductieles span { display: none; }

#menu-item-over-mbt { width: 74px; background-image: url("main-menu/over-mbt.gif"); }
#menu-item-over-mbt span { display: none; }

#menu-item-over-meindertsma { width: 121px; background-image: url("main-menu/over-meindertsma.gif"); }
#menu-item-over-meindertsma span { display: none; }

#menu-item-contact { width: 63px; background-image: url("main-menu/contact.gif"); }
#menu-item-contact span { display: none; }

/* Sub menu */
#main-menu ul ul {
	position: absolute;
	left: -999em;

	width: 12em;

	z-index: 1000;
}

#main-menu ul ul li {
	border: none;

	float: none;
}

#main-menu ul ul a {
	background-position: left top;

	border: none;
}

#main-menu ul ul a:hover {
	background-position: left bottom;
}

/* Specific items */
#menu-category-3 a, 
#menu-category-4 a, 
#menu-category-5 a, 
#menu-category-6 a {
	height: 26px;
	width: 102px;

	padding: 0;
}

#menu-category-3 a { background-image: url("main-menu/categories/athletic.png"); }
#menu-category-3 a span { display: none; }

#menu-category-4 a { background-image: url("main-menu/categories/casual.png"); }
#menu-category-4 a span { display: none; }

#menu-category-5 a { background-image: url("main-menu/categories/sandalen.png"); }
#menu-category-5 a span { display: none; }

#menu-category-6 a { background-image: url("main-menu/categories/professional.png"); }
#menu-category-6 a span { display: none; }

/**
 * Main
 */
#main {
	float: left;

	width: 650px;
}

/* Headings */
#main h1 {
	color: #98012F;
}

/**
 * Banners
 */
#banners {
	position: relative;

	height: 230px;
}

#banners p {
	margin: 0;
}

#banners img {
	display: block;

	position: absolute;

	top: 0;
	left: 0;
}

/* Banners list */
#banners-list {
/*	background: url("opacity-50.png");*/

	float: left;

	list-style: none;

	margin: 0;

	position: absolute;

	bottom: 0;
	left: 0;
	right: 0;

	padding: 4px 3px 3px 3px;
}

#banners-list li {
	float: left;
}

#banners-list .page-link {
	display: none;
}

#banners-list .banner-link {
	background-repeat: no-repeat;

	color: #333;

	display: block;

	width: 10px;
	height: 20px;

	padding: 0 5px;

	text-decoration: none;
}

#banners-list .banner-link:hover, 
#banners-list .active .banner-link {
	background-position: left bottom;

	color: #98012F;
}

#banners-list .banner-link:focus {
	outline: none;
}

#no-1 span, #no-2 span, #no-3 span, #no-4 span, #no-5 span, #no-6 span, #no-7 span, #no-8 span, #no-9 span {
	display: none;
}

#no-1 { background-image: url("impression/1.png"); }
#no-1 { background-image: url("impression/1.png"); }
#no-2 { background-image: url("impression/2.png"); }
#no-3 { background-image: url("impression/3.png"); }
#no-4 { background-image: url("impression/4.png"); }
#no-5 { background-image: url("impression/5.png"); }
#no-6 { background-image: url("impression/6.png"); }
#no-7 { background-image: url("impression/7.png"); }
#no-8 { background-image: url("impression/8.png"); }
#no-9 { background-image: url("impression/9.png"); }

/**
 * Content
 */
#content {
	margin: 20px 0;
	padding-right: 20px;
}

/* Forms */
#content .actions, 
#content .field {
	float: left;

	clear: both;

	float: left;

	padding: 8px 0;

	width: 100%;
}

#content .field {
	border-bottom: 1px solid #D4D4D4;
}

#content .field input,
#content .field textarea,
#content .field select {
	margin-bottom: 8px;
}

/**
 * Content 1
 */
#content-1 {
	float: left;

	width: 300px;
}

/**
 * Content 2
 */
#content-2 {
	float: right;

	width: 300px;
}

/**
 * Extra 
 */
#extra {
	float: right;

	width: 250px;
}

/**
 * Categories list
 */
.categories-list {
	font-size: 130%;

	list-style: none;

	margin-left: 0;
	padding-left: 0;
}

.categories-list li {
	float: left;

	margin-right: 10px;

	width: 150px;
}

.categories-list li.fourth {
	margin-right: 0;
}

.categories-list img {
	display: block;

	width: 150px;
	height: 75px;
}

.categories-list a {
	color: #333;

	cursor: pointer;

	display: block;

	text-decoration: none;
}

.categories-list .name {
	background-repeat: no-repeat;
	background-position: 10px 10px;

	border: 1px solid #EAEAEA;

	display: block;

	padding: 10px;
}

.categories-list a:hover {
	background-color: #F9F9F9;

	color: #98012F;
}

.categories-list a:hover .name {
	background-position: 10px -101px;
}

#category-3 .name, 
#category-4 .name, 
#category-5 .name, 
#category-6 .name {
	height: 35px;
}

#category-3 .name { background-image: url("categories/sport.gif"); }
#category-3 .name span { display: none; }

#category-4 .name { background-image: url("categories/vrije-tijd.gif"); }
#category-4 .name span { display: none; }

#category-5 .name { background-image: url("categories/sandalen.gif"); }
#category-5 .name span { display: none; }

#category-6 .name { background-image: url("categories/professioneel.gif"); }
#category-6 .name span { display: none; }

/**
 * News
 */
.news {
	
}

.news .news-item {
	background: url("dot.gif") repeat-x bottom;

	margin-bottom: 1em;

	padding-bottom: 15px;
}

.news .news-item h2 {
	margin: 0;
}

.news .news-item p {
	margin: 0;
}

.news .news-item .date {
	color: #666;

	font-size: 90%;

	margin: 0;
}

/**
 * Subscribe block
 */
.subscribe-block {
	display: inline;
}

.subscribe-block img {
	display: block;

	margin-right: 25px;

	float: right;
}

.subscribe-block .more-info-subscribe-link {
	clear: right;

	float: right;
}

/**
 * Shopping bag
 */
#shopping-bag {
	background: #075A49 url("shopping-bag-back.gif") no-repeat bottom left;

	color: #FFF;

	margin-bottom: 20px;
	margin-left: 1px;

	min-height: 190px;

	padding: 20px;
}

#shopping-bag .navigation {
	margin: 3.25em 5px 0 5px;
}

#shopping-bag .navigation .view-products-link,
#shopping-bag .navigation .order-link {
	float: left;
}

#shopping-bag h1 {
	margin: 0;
}

#shopping-bag a {
	color: #FFF;
}

/* Buttons */
#shopping-bag .order-link { background-image: url("buttons/bestellen-boodschappentas.gif"); }

/**
 * Search form
 */
#search-form {
	margin: 20px 0;
}

#search-form label {
	display: none;
}

#search-form input.text {
	float: left;

	margin: 1px .5em 1px 1px;
	padding: 5px;
}

/**
 * Product
 */
.product .product-hook {
	background: transparent no-repeat center center;

	display: block;

	position: absolute;

	top: 5px;
	right: 5px;

	width: 70px;
	height: 70px;
}

.product.sold-out .product-hook { background-image: url("tags/uitverkocht.png"); }
.product.sale .product-hook { background-image: url("tags/opruiming.png"); }
.product.offer .product-hook { background-image: url("tags/aanbieding.png"); }
.product.not-in-stock .product-hook { background-image: url("tags/niet-op-voorraad.png"); }

.product.sold-out .product-hook,
.product.sale .product-hook,
.product.offer .product-hook,
.product.not-in-stock .product-hook {
	visibility: visible;
}

/* Target gender */
.product .gender {
	background: url("genders/male-female.gif") no-repeat right top;

	display: block;

	width: 28px;
	height: 19px;
}

.product .gender .name {
	display: none;
}

.product .male {
	background-image: url("genders/male.gif");
}

.product .female {
	background-image: url("genders/female.gif");
}

/**
 * Products overview
 */
.products-overview {
	margin-right: -20px;
}

/* Product */
.products-overview .product {
	border: 1px solid #D5D5D5;

	float: left;

	margin: 0 20px 20px 0;

	width: 190px;
}

/* Info */
.products-overview .product .info {
	padding: 10px 9px;
}

.products-overview .product h2 {
	margin: 0;

	height: 50px;
}

.products-overview .product p {
	margin: .25em 0;
}

/* Price */
.products-overview .product .price {
	color: #98012F;

	float: left;

	font-weight: bold;
}

/* Target gender */
.products-overview .product .gender {
	float: right;
}

/* Image */
.products-overview .product .image {
	border-bottom: 1px solid #D5D5D5;

	margin: 0;

	position: relative;
}

.products-overview .product .image a {
	display: block;
}

/* Navigation */
.products-overview .product .navigation {
	clear: both;
}

.products-overview .product .navigation .more-info-link,
.products-overview .product .navigation .order-link {
	float: left;
}

.products-overview .product .order-link { background-image: url("buttons/bestellen-producten.gif"); }
.products-overview .product .order-link.disabled { background-image: url("buttons/bestellen-producten-disabled.gif"); }

/**
 * Product overview
 */
.product-overview {

}

.product-overview .images {
	float: left;

	width: 302px;
}

.product-overview .images a {
	display: block;
}

.product-overview .images img {
	border: 1px solid #D4D4D4;

	display: block;
}

/* Main image */
.product-overview .image {
	margin: 0 0 12px 0;

	position: relative;
}

/* Images list */
.product-overview .images ul {
	list-style: none;

	margin: 0;
	padding: 0;
}

.product-overview .images li {
	float: left;

	margin: 0 12px 12px 0;
}

.product-overview .images li.last-child {
	margin-right: 0;
}

/* Extra */
.product-overview .images .extra-image {
	display: none;
}

/* Info */
.product-overview .info {
	float: right;

	width: 300px;
}

.product-overview .info h1 {
	margin-bottom: 0;
}

.product-overview .product .number {
	color: #999;

	margin-top: 0;
}

/* Price */
.product-overview .product .price {
	float: left;

	font-size: 150%;

	margin: 3px 0;
}

/* Order info */
.product-overview .order-info {
	background: #EDEDED;

	padding: 5px;
}

.product-overview .order-link {
	float: right;
}

.product-overview .product .order-link { background-image: url("buttons/bestellen-product.gif"); }
.product-overview .product .order-link.disabled { background-image: url("buttons/bestellen-product-disabled.gif"); }

/**
 * Order navigation
 */
.order-navigation {
	
}

.order-navigation .previous {
	float: left;
}

.order-navigation .next {
	float: right;
}

.order-navigation .update-link,
.order-navigation .next-link {
	float: left;

	margin-left: 1em;
}

/** 
 * Order form
 */
.order-form {
	
}

/* Person information */
.order-form .order-person-information {
	float: left;

	width: 50%;
}

.order-form .order-methods {
	float: left;

	width: 50%;
}

.order-form .agree-conditions {
	float: left;

	margin: 10px 0;

	width: 100%;
}

/**
 * Payment methods list
 */
.payment-methods-list,
.shipping-methods-list {
	list-style: none;

	margin: 0;
	padding: 0;
}

.payment-methods-list input,
.shipping-methods-list input {
	float: left;

	margin-left: -20px;
}

.payment-methods-list li,
.shipping-methods-list li {
	margin: 1em 0;
	padding-left: 80px;
}

.payment-methods-list li.payment-method-ideal {
	background: url("i-deal-logo.gif") no-repeat;

	min-height: 50px;
}

.payment-methods-list label,
.shipping-methods-list label {
	cursor: pointer;

	font-weight: bold;
}

/**
 * Pagination
 */
.pagination {
	
}

.pagination a {
	color: #333;

	font-weight: bold;

	text-decoration: none;
}

.pagination a:hover {
	text-decoration: underline;
}

.pagination a.disabled {
	cursor: default;

	font-weight: normal;

	margin: 0 .25em;
}

.pagination a.disabled:hover {
	text-decoration: none;
}

/**
 * Contact form
 */
#contact-form {
	
}

#contact-form .field {
	border-bottom: none;

	padding: 0;
}

#contact-form input.text,
#contact-form textarea {
	width: 291px;
}

/**
 * Contact info
 */
#contact-info {
	margin-top: 0;
}

#contact-info a {
	color: #000;
}

/**
 * Bottom
 */
#bottom-wrap {
	background: url("bottom-back.gif") repeat-x;

	border-top: 1px solid #9F9F9F;
}

#bottom {
	font-size: 90%;

	margin: 0 auto;
	padding: 10px 0 20px 0;

	width: 900px;
}

/* Anchors */
#bottom a {
	color: #333;
}

/**
 * Bottom 1
 */
#bottom-1 {
	float: left;
}

/**
 * Bottom 2
 */
#bottom-2 {
	float: right;
}

/**
 * Developer
 */
#developer {
	color: #888;
}

#developer a {
	color: #888;
}