.support {
	padding-bottom: 30px;
}

a.support-main-link {
	color: inherit;
}
	a.support-main-link:hover {
		text-decoration: none;
	}

h2:after {
	display: none;
}

h3 {
	margin: 11px 0;
}

hr {
	margin: 11px 0;
}

.quick-links ul {
	padding-left: 20px;
}

.categories {
	text-align: center;
}

	.categories a {
		background-color: #444;
		display: block;
		padding: 30px 0;
		margin-bottom: 11px;
	}

	.categories svg {
		width: auto;
		height: 80px;
	}

		.categories svg path {
			fill: white;
		}

.videos img {
	display: block;
	width: 100%;
	height: auto;
}

.videos .read-more-link {
	display: none;
}

.show-all-videos {
	padding: 10px 0 0 0;
}

.breadcrumb {
	margin: 22px 0 11px 0;
}

.sidebar-content {
	background: #f5f5f5;
	border-radius: 4px;
	padding: 5px 15px;
	margin-top: 15px;
}

/* Support sections. */

.support-icon {
	display: block;
	background-repeat: no-repeat;
	margin: 0 auto 1em auto;
}

.support-section-link-box .support-icon { background-image: url(../img/support/support-section-icons-new.png); }

.support-section-link-box .support-icon-accounts { width: 70px; height: 90px; background-position: 0 -10px; }
.support-section-link-box .support-icon-accounts:hover { background-position: 0 100%; }

.support-section-link-box .support-icon-license-authorization { width: 61px; height: 90px; background-position: -72px -10px; }
.support-section-link-box .support-icon-license-authorization:hover { background-position: -72px 100%; }

.support-section-link-box .support-icon-reason { width: 77px; height: 90px; background-position: -135px -10px; }
.support-section-link-box .support-icon-reason:hover { background-position: -135px 100%; }

.support-section-link-box .support-icon-balance { width: 110px; height: 90px; background-position: -214px -10px; }
.support-section-link-box .support-icon-balance:hover { background-position: -214px 100%; }

.support-section-link-box .support-icon-rack-extensions-refills,
.support-section-link-box .support-icon-rack-extensions-refills-shop { width: 73px; height: 90px; background-position: -326px -10px; }
.support-section-link-box .support-icon-rack-extensions-refills:hover,
.support-section-link-box .support-icon-rack-extensions-refills-shop:hover { background-position: -326px 100%; }

.support-section-link-box .support-icon-recycle { width: 83px; height: 90px; background-position: -401px -10px; }
.support-section-link-box .support-icon-recycle:hover { background-position: -401px 100%; }

.support-section-link-box .support-icon-mobile { width: 46px; height: 90px; background-position: -486px -10px; }
.support-section-link-box .support-icon-mobile:hover { background-position: -486px 100%; }

.support-section-link-box .support-icon-software-hardware { width: 54px; height: 90px; background-position: -534px -10px; }
.support-section-link-box .support-icon-software-hardware:hover { background-position: -534px 100%; }

.support-section-link-box .support-icon-payment { width: 91px; height: 90px; background-position: -590px -10px; }
.support-section-link-box .support-icon-payment:hover { background-position: -590px 100%; }

.support-section-link-box .support-icon-shipping-returns { width: 109px; height: 90px; background-position: -683px -10px; }
.support-section-link-box .support-icon-shipping-returns:hover { background-position: -683px 100%; }

.support-section-link-box .support-icon-where-is-my-order { width: 80px; height: 90px; background-position: -794px -10px; }
.support-section-link-box .support-icon-where-is-my-order:hover { background-position: -794px 100%; }

.support-category-inner-box {
	text-align: center;
	padding: 6px;
}

.current-support-category .support-category-inner-box {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #f5f5f5;
}

.support-content-list {
	line-height: 1.5;
	list-style: none;
}
	.support-content-list li:before {
		content: "• ";
		position: absolute;
		margin-left: -1em;
	}

	.support-item-title { text-decoration: none; }

	.support-item-content {
		display: none;
		overflow: hidden; /* Fix height "jump" when toggling with jQuery. */
	}

.support-news-list {
	margin: 0.5em 0 1em 0;
	padding: 0;
	list-style: none;
}
	.support-news-list li { margin-bottom: 1em; }

	.support-news-list p { margin: 0; }

	.support-news-list .date { color: #777; }

.support-product-select-wrapper { display: none; }

	.support-product-select-wrapper.visible { display: block; }

/* Hide Luthman’s phone and fax number on support contact page, since they get
too many confused phone calls. */
.distributor-Sweden .distributor-phone,
.distributor-Sweden .distributor-fax {
    display: none;
}

/* These styles apply to all contact forms. */

/* The label for a form field. */
form label { font-weight: bold; }

	/* The phrase “(required)” in required form fields’ label, if present. */
	form label .required {
		font-weight: normal;
		color: #777;
	}

/* Small extra note accompanying a specific form field. */
form .field-note { font-size: 90%; }

/* Show or hide element depending on if the visitor is logged in or not. */
/* TODO: Might there be some way to figure out the element’s original display
value (e.g. inline, block, etc.)? */
form span.show-if-ph-logged-in { display: none; }
form span.hide-if-ph-logged-in { display: inline; }
form .ph-logged-in span.show-if-ph-logged-in { display: inline; }
form .ph-logged-in span.hide-if-ph-logged-in { display: none; }

form textarea { max-width: 100%; }

/* Always hide the mail sent box, since we will display a thanks page instead. */
.wpcf7-mail-sent-ok { display: none !important; }

.wpcf7-hidden { display: none; }

.form-productname { font-size: 110%; }

.no-licensenumber {
	display: inline-block;
	width: 75%;
}
	.no-licensenumber strong { color: #d7000a; }

select { max-width: 100%; }
