/**
 * Layout.css - Global styles
 * 
 * @author  Webstores <info at webstores dot nl>
 *          Copyright (c) Webstores internet totaalbureau <http://www.webstores.nl/>
 */

/* General */

body {
	margin: 0 0 30px;
	padding: 0;
	background: #E5E5E5 url(../img/body-bg.gif) repeat-x;
	font: 11px Arial, Helvetica, sans-serif;
	color: #333;
}

a {
	color: #0092CC;
}

a:hover {
	color: #333;
}

blockquote {
	margin: 10px 30px;
}

h1, h2, h3, h4, h5, h6 {
	color: #0092CC;
}

h1 .alt, h2 .alt, h3 .alt, h4 .alt, h5 .alt, h6 .alt {
	color: #333;
}

h1 {
	margin: 0 0 10px;
	font-size: 20px;
	text-transform: uppercase;
}

h2 {
	margin: 0 0 4px;
	font-size: 14px;
}

h3 {
	margin: 0 0 2px;
	font-size: 12px;
}

h4 {
	margin: 0;
	font-size: 12px;
}

h5 {
	margin: 0;
	font-size: 11px;
}

h6 {
	margin: 0;
	font-size: 11px;
}

img {
	border: 0;
}

ol, ul {
	margin: 0 0 20px;
	padding: 0 0 0 30px;
	line-height: 160%;
}

p {
	margin: 0 0 20px;
	line-height: 160%;
}


/* Table styles */

table {
	margin: 0 0 20px;
	width: 100%;
}

td {
	padding: 8px;
	border-bottom: 1px solid #E5E5E5;
}

th, thead td {
	padding: 8px;
	background-color: #DDD;
	border-bottom: 1px solid #9E9E9E;
	font-weight: bold;
	text-align: left;
}

table .row-action ul {
	margin: 0;
	padding: 0;
	height: 20px;
	list-style: none;
	white-space: nowrap;
}

table .row-action li {
	display: inline-block;
	margin: 0;
}


/* Form styles */

form ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

form li {
	/*margin: 0 0 10px;*/
	overflow: hidden;
}

form li.indent {
	padding-left: 150px;
}

form li.alt {
	margin: 0;
}

form .options {
	margin: 0 0 20px;
}

fieldset {
	margin: 0 0 20px;
	padding: 0;
	border: 0;
}

legend {
	display: none;
}

input.text {
	margin: 0;
	padding: 4px;
	border: 1px solid #809DB9;
	font: 11px Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

input[type="file"] {
	vertical-align: middle;
}

input.extra-small {
	width: 40px;
}

input.small {
	width: 60px;
}

input.medium {
	width: 125px;
}

input.large {
	width: 200px;
}

input.extra-large {
	width: 275px;
}

input.toggle-value,
input.placeholder {
	color: #999;
}

input.focus {
	color: #333 !important;
}

input.wsv-error,
textarea.wsv-error {
	padding: 3px;
	border-width: 2px;
	border-color: #F00 !important;
}

label.indent {
	display: -moz-inline-box;
	display: inline-block;
	width: 150px;
}

textarea {
	padding: 4px;
	width: 275px;
	height: 150px;
	border: 1px solid #809DB9;
	font: 11px Arial, Helvetica, sans-serif;
	vertical-align: top;
}


/**
 * LAYOUT ELEMENTS
 * ----------------------------------------
 */

#wrapper {
	margin: 0 auto;
	width: 990px;
}

#header {
	position: relative;
	height: 200px;
	z-index: 20;
}

#main {
	padding-bottom: 10px;
	width: 100%;
}

#main.faux-1 {
	background: url(../img/main-faux-1-bg.gif) repeat-y;
}

#main.faux-2 {
	background: url(../img/main-faux-2-bg.gif) repeat-y;
}

#main.faux-3 {
	background: url(../img/main-faux-3-bg.gif) repeat-y;
}

#sidebar {
	margin-right: 10px;
	width: 240px;
}

#content {
	margin-right: 10px;
	width: 490px;
}

#content-span,
#content-wrap {
	width: 740px;
}

#content-full {
	width: 990px;
}

#mediabar {
	width: 240px;
}

#footer {
	padding-bottom: 20px;
	width: 990px;
	background-color: #333;
	overflow: hidden;
}

.column {
	float: left;
}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/**
 * GENERAL CLASSES
 * ----------------------------------------
 */

.accent {
	color: #0092CC;
}

.intro {
	font-size: 14px;
	color: #666;
}

p.date,
span.date {
	font-weight: bold;
	color: #999;
}

.hidden {
	visibility: hidden;
}


/* Sections */

.section {
	margin: 0 0 10px;
	background-color: white;
	border-bottom: 5px solid #0092CC;
}

.section-header {
	margin: 0 0 10px;
	padding: 20px 10px 5px;
	border-bottom: 1px solid #E5E5E5;
	overflow: hidden;
}

.section-header.plain {
	margin-bottom: 0 !important;
	border: 0 !important;
}

* html .section-header {
	height: 25px;
}

.section-header h1,
.section-header h2 {
	float: left;
	margin: 0;
	font-size: 20px;
	text-transform: uppercase;
}

.section-header h1,
#content .section-header h2 {
	color: #0092CC;
}

.section-header h2 {
	color: #CCC;
}

.section-header .more {
	float: right;
	margin-top: 9px;
	padding: 0 8px 0 0;
	background-position: 100% -45px;
	font-size: 10px;
	font-weight: normal;
	text-transform: lowercase;
}

.section-header .more:hover {
	background-position: 100% -95px;
}

.section-body {
	padding: 0 10px;
}

.section-body p {
	margin: 0 0 10px;
}


/* Overviews */

div.overview {
	overflow: hidden;
}

.overview .overview-header {
	padding: 5px 0;
}

.overview .overview-header h2 {
	font-size: 20px;
	text-transform: uppercase;
	color: #999;
}

.overview .last {
	margin: 0 0 10px 0 !important;
}


/* Overview table */

table.overview {
	margin: 0 0 10px;
}

.overview.wsclick tr {
	cursor: pointer;
}

.overview th {
	background: white url(../img/overview-table-header-bg.gif) repeat-x 0 100%;
	border-right: 1px solid #CCC;
	border-bottom: 0;
	font-size: 10px;
	color: #999;
}

.overview th a {
	display: block;
	text-decoration: none;
	color: #999;
}

.overview th a:hover {
	color: #666;
}

.overview td {
	background-color: white;
	border-bottom: 1px solid #E5E5E5;
}

.overview tr:hover td {
	background-color: #F5F5F5;
}

.overview .product-row td {
	color: #0092CC;
}

.overview .position-row td {
	color: #999;
}

.overview .total-row td {
	padding: 12px 8px;
	background-color: #F5F5F5;
	font-size: 12px;
	font-weight: bold;
	color: black;
}

table.overview .sorted,
table.overview .sorted a,
table.overview .sorted a:hover {
	font-weight: bold;
	color: black;
}

table.overview .radio,
table.overview .checkbox,
table.overview .row-action,
table.overview .reminder,
#entity-form .row-action {
	width: 20px;
}

table.overview .photo {
	width: 40px;
}

table.overview .photo .thumb {
	position: relative;
}

table.overview .photo img {
	display: block;
	margin: -1px;
	width: 40px;
	height: 40px;
	border: 1px solid #CCC;
}

table.overview .photo .label {
	position: absolute;
}

table.overview .photo .discount-label {
	top: 22px;
	right: 2px;
	width: 18px;
	height: 18px;
	background-position: 0 0;
}

table.overview .sku {
	width: 50px;
}

table.overview th.colors,
table.overview .delivery,
table.overview .price/*,
table.overview .quantity*/ {
	width: 80px;
}

table.overview ul.colors {
	width: 78px;
}

table.overview .price {
	text-align: right;
}

table.overview .date,
table.overview .total {
	width: 60px;
}

table.overview .ellipsis {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

table.overview .name .ellipsis,
table.overview .ref .ellipsis,
table.overview .status .ellipsis {
	width: 80px;
}

table.overview .descr .ellipsis {
	width: 90px;
}

table.overview .proposition-status {
	width: 120px;
}

table.overview .proposition-status .icon {
	float: left;
	margin: 2px 3px 0 0;
}

table.overview .proposition-status select {
	float: left;
	width: 90px;
	font: 11px Arial, Helvetica, sans-serif;
}

table.overview .condition-name {
	width: 150px;
	font-weight: bold;
}

table.overview .price-factor {
	width: 40px;
}

table.overview .price-factor .text {
	width: 30px;
}


/* Overview table icons/buttons */

table.overview .more,
table.overview .icon,
#entity-form .icon {
	display: block;
	padding: 0;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	vertical-align: middle;
	overflow: hidden;
}

table.overview .more {
	background-position: 0 -1800px;
}

table.overview .more:hover,
table.overview .hover .more {
	background-position: 0 -1850px;
}

table.overview .button,
#proofings .button,
#stock-table .button {
	height: 20px;
	background-position: 0 -640px;
	font-size: 11px;
	color: #666;
}

table.overview .button-inner,
#proofings .button-inner,
#stock-table .button-inner {
	padding-right: 25px;
	height: 20px;
	background-position: 100% -640px;
	line-height: 20px;
}

#proofings .button-inner,
#stock-table .button-inner {
	padding-right: 15px;
}

table.overview tr:hover .button-inner {
	background-color: #F5F5F5;
}

table.overview .button:hover,
table.overview .button:focus,
#proofings .button:hover,
#proofings .button:focus,
#stock-table .button:hover,
#stock-table .button:focus {
	background-position: 0 -660px;
	color: #333;
}

table.overview .button:hover .button-inner,
table.overview .button:focus .button-inner,
#proofings .button:hover .button-inner,
#proofings .button:focus .button-inner,
#stock-table .button:hover .button-inner,
#stock-table .button:focus .button-inner  {
	background-position: 100% -660px;
}


/* Overview table expanded/collapsed styles */

.overview .toggler {
	outline: none;
}

.overview tr.expanded td {
	padding-bottom: 9px;
	background-color: #F5F5F5;
	border: 0;
	font-weight: bold;
	color: #0092CC;
}

.overview tbody.collapsed {
	display: none;
}


/* Overview details */

.overview-details td {
	background-color: #F5F5F5;
	border: 0;
	color: #999;
}

.overview-details tr:hover td {
	background-color: #EEE;
}

.overview-details .indent,
.overview-details .descr {
	background-image: url(../img/overview-table-indent-bg.gif);
	background-repeat: no-repeat;
}

.overview-details .indent {
	background-position: 26px 50%;
}

.overview-details .last td {
	border-bottom: 1px solid #E5E5E5;
}

.overview-details .last .indent {
	background-position: 26px -221px;
}

.overview-details .descr {
	background-position: 100% 18px;
}

.overview-details .comments .ellipsis {
	width: 160px;
}


/* Buttons */

.button {
	display: inline-block;
	margin: 0;
	padding: 0 0 0 10px;
	height: 30px;
	background: url(../img/button-sprite.png) no-repeat;
	border: 0;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	overflow: visible;
	cursor: pointer;
	color: white;
}

.button-inner {
	position: relative;
	display: block;
	padding-right: 35px;
	width: auto !important;
	width: 20px;
	min-width: 20px;
	background: white url(../img/button-sprite.png) no-repeat 100% 0;
	line-height: 30px;
	white-space: nowrap;
}

.button-extra {
	display: inline-block;
	margin-bottom: -3px;
	max-width: 100px;
	font-size: 10px;
	font-weight: normal;
	line-height: normal;
	text-overflow: ellipsis;
	overflow: hidden;
}

.button:hover, .button:focus { background-position: 0 -30px; color: white; }
.button:hover .button-inner, .button:focus .button-inner { background-position: 100% -30px; }

button.button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	button span {
		margin-top: -1px;
		margin-right: -3px;
	}
}


/* Back buttons */

.button.back {
	padding: 0 0 0 35px;
	background-position: 0 -480px;
}

.back .button-inner {
	padding: 0 10px 0 0;
	background-position: 100% -480px;
}

.button.back:hover,
.button.back:focus {
	background-position: 0 -510px;
}

.back:hover .button-inner,
.back:focus .button-inner {
	background-position: 100% -510px;
}


/* Add buttons */

.button.add {
	background-position: 0 -540px;
}

.add .button-inner {
	background-position: 100% -540px;
}

.button.add:hover,
.button.add:focus {
	background-position: 0 -570px;
}

.add:hover .button-inner,
.add:focus .button-inner {
	background-position: 100% -570px;
}


/* Dim buttons */

.button.dim {
	background-position: 0 -60px;
	color: #666;
}

.dim .button-inner {
	background-position: 100% -60px;
}

.button.dim:hover,
.button.dim:focus {
	background-position: 0 -90px;
	color: #333;
}

.dim:hover .button-inner,
.dim:focus .button-inner {
	background-position: 100% -90px;
}


/* Icons */

.icon {
	display: inline-block;
	padding-left: 20px;
	background: url(../img/icon-sprite.png) no-repeat;
	text-decoration: none;
	line-height: 16px;
	color: #999;
}

a.icon:hover {
	color: #666;
}

.email-icon { background-position: 0 0; }
a.email-icon:hover { background-position: 0 -50px; }
.phone-icon { background-position: 0 -100px; }
a.phone-icon:hover { background-position: 0 -150px; }
.edit-icon { background-position: 0 -1500px; }
a.edit-icon:hover { background-position: 0 -1550px; }
.delete-icon { background-position: 0 -1600px; }
a.delete-icon:hover { background-position: 0 -1650px; }
.hourglass-icon { background-position: 0 -1700px; }
.deny-icon { background-position: 0 -1750px; }
.reminder-icon { background-position: 0 -2400px; }
a.reminder-icon:hover { background-position: 0 -2450px; }
.order-icon { background-position: 0 -2500px; }
a.order-icon:hover { background-position: 0 -2550px; }
.reorder-icon { background-position: 0 -2600px; }
a.reorder-icon:hover { background-position: 0 -2650px; }
.add-icon { background-position: 0 -2700px; }
a.add-icon:hover { background-position: 0 -2750px; }
.remove-icon { background-position: 0 -2800px; }
a.remove-icon:hover { background-position: 0 -2850px; }


/* Arrow links */

.more {
	padding: 0 12px 0 0;
	background: url(../img/arrow-sprite.gif) no-repeat 100% -397px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #999;
}

.more:hover {
	background-position: 100% -447px;
	color: #666;
}

#nav-back {
	padding: 0 0 0 15px;
	background-position: -11px -1095px;
}

#nav-back:hover {
	background-position: -11px -1145px;
}


/* Thumbs */

.thumb {
	position: relative;
	display: block;
}

.thumb img {
	display: block;
}

.zoom {
	position: absolute;
	display: block;
	margin: 0;
	width: 30px;
	height: 30px;
	right: 10px;
	bottom: 10px;
	background: url(../img/zoom-sprite.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

a:hover .zoom {
	background-position: 0 -30px;
}


/* Tabs */

.tabs {
	margin: 0;
	padding: 0;
	height: 30px;
	list-style: none;
}

.tabs li {
	float: left;
	border-right: 1px solid white;
}

.tabs li.last {
	border: 0;
}

.tabs a {
	display: block;
	float: left;
	padding: 0 10px;
	height: 30px;
	background: white url(../img/tab-bg.png) no-repeat 0 100%;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	text-decoration: none;
	outline: none;
	color: #999;
}

.tabs a:hover {
	color: #666;
}

.tabs a span {
	padding-right: 18px;
	background: url(../img/arrow-sprite.gif) 100% -744px no-repeat;
}

.tabs a:hover span {
	background-position: 100% -794px;
}

.tabs .selected a,
.tabs .selected a:hover {
	background: white;
	color: #0092CC;
}

.tabs .selected a span,
.tabs .selected a:hover span {
	background-position: 100% -944px;
}

.tabs .discount-tab a {
	background: #F00;
	color: white;
}

.tabs .discount-tab a span {
	background-position: 100% -694px;
}

.tabs .discount-tab.selected a {
	background: white;
	color: #F00;
}

.tabs .discount-tab.selected a span {
	background-position: 100% -1994px;
}


/* Bubble headers */

.bubble {
	display: block;
	padding: 0 0 10px 10px;
	background: url(../img/bubble-bg.gif) no-repeat;
	font-size: 18px;
	font-weight: bold;
	text-transform: none;
}

.bubble span {
	display: inline-block;
	padding: 0 10px 0 0;
	background: url(../img/bubble-bg.gif) no-repeat 100% 0;
	line-height: 35px;
	color: white;
}


/* Toolbars */

.toolbar {
	margin: 0;
	padding: 10px;
	background-color: #F5F5F5;
	overflow: hidden;
}

ul.toolbar,
.toolbar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.toolbar ul {
	float: right;
}

.toolbar li {
	float: left;
}

ul.toolbar li {
	margin: 0 5px 0 0;
}

.toolbar ul li {
	margin: 0 0 0 5px;
}

.toolbar .icon {
	margin-right: 5px;
}

.toolbar .button-inner {
	background-color: #F5F5F5;
}


/* Loading overlays */

.loading-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: white url(../img/loading.gif) no-repeat 50% 100px;
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/* Product colors */

ul.colors {
	margin: 0;
	padding: 0;
	line-height: normal;
	list-style: none;
	overflow: hidden;
}

ul.colors li {
	float: left;
	margin: 0 1px 1px 0;
	overflow: hidden;
}

ul.colors label img,
ul.colors input {
	margin: 0 3px 0 0;
	vertical-align: middle;
}


/* Express badges */

.express {
	display: block;
	margin: 0;
	font-size: 10px;
	font-weight: bold;
	line-height: 32px;
}

.express span {
	float: left;
	margin-right: 5px;
	width: 32px;
	height: 32px;
	background: url(../img/express-badge-sprite.png) no-repeat;
	text-indent: -9999px;
}

.express-24h { color: #E20A16; }
.express-3d { color: #9DCE09; }
.express-5d { color: #0A96CE; }
.express-8d { color: #F6D308; }

.express-24h span { background-position: 0 0; }
.express-3d span { background-position: 0 -32px; }
.express-5d span { background-position: 0 -64px; }
.express-8d span { background-position: 0 -96px; }


/* Image icons */

img.help,
img.delete {
	vertical-align: middle;
}


/* Stock data tables */

.stock-data {
	margin: 0;
}

.stock-data th,
.stock-data td {
	padding: 2px 0 !important;
	border: 0 !important;
}

.stock-data th {
	width: 65px !important;
	font-weight: normal;
}

.stock-data td {
	font-weight: bold;
	color: #0092CC;
}


/* Labels */

.label {
	display: block;
	margin: 0;
	background: url(../img/label-sprite.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

.discount-label {
	width: 38px;
	height: 38px;
	background-position: 0 -46px;
}


/**
 * HEADER ELEMENTS
 * ----------------------------------------
 */

#navigation-bar {
	position: relative;
	width: 100%;
	height: 40px;
	z-index: 5;
}


/* Languages */

#language-wrap {
	float: right;
	padding: 0 0 0 8px;
	margin-top: 10px;
	height: 20px;
	border-left: 1px solid #666;
}

#language-wrap p {
	float: left;
	margin: 0;
	font-weight: bold;
	color: #999;
}

.languages {
	float: left;
	margin: 0 10px 0 0;
	padding: 4px 8px 4px 0;
	border-right: 1px solid #666;
	list-style: none;
	line-height: 12px;
	overflow: hidden;
}

.languages li {
	float: left;
	margin-left: 5px;
}

.languages a {
	display: block;
}

.languages img {
	display: block;
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.languages a:hover img,
.languages .selected a img {
	opacity: 1;
	filter: alpha(opacity=100);
}


/* Sitemap button */

#sitemap-button {
	display: block;
	float: left;
	width: 23px;
	height: 17px;
	background: url(../img/sitemap-button-sprite.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#sitemap-button:hover {
	background-position: 0 -17px;
}


/* Header inner */

#header .inner {
	height: 100px;
	overflow: hidden;
}


/* Logo */

#logo {
	display: block;
	float: left;
	margin-top: 14px;
	width: 256px;
	height: 45px;
}

#logo img {
	display: block;
}


/* Login */

#login {
	float: right;
	margin-top: 10px;
	padding: 7px 15px 0 20px;
	width: 215px;
	height: 73px;
	background: url(../img/login-bg.png) no-repeat;
}

#login h2 {
	margin: 0 0 3px;
	background: url(../img/icon-sprite.png) no-repeat 100% -1387px;
	font-size: 34px;
	text-transform: lowercase;
	color: #5AB8DE;
}

#login p {
	margin: 0;
	color: #5AB8DE;
}

#login-inner {
	float: left;
	margin: 0 5px 0 0;
	width: 160px;
}

#login-details {
	padding: 5px 0 0 35px;
	width: 175px;
	height: 39px;
	background: url(../img/login-profile-icon.png) no-repeat 0 5px;
}

#login-details p {
	font-weight: bold;
	line-height: normal;
}

#login-name {
	font-size: 14px;
}

#login .toolbar {
	margin: 0 0 0 -5px;
	padding: 5px;
	background: none;
	border-top: 1px solid #0092CC;
}

#login .more {
	margin-right: 4px;
	padding-right: 8px;
	background-position: 100% -195px;
	font-size: 11px;
	font-weight: normal;
	color: #5AB8DE;
}

#login .more:hover {
	background-position: 100% 5px;
	color: white;
}


/* Cart */

#cart {
	float: left;
	margin: -2px 0 0;
	padding: 8px 5px 0;
	width: 40px;
	height: 62px;
	background-color: #2B9AC8;
	text-align: center;
	overflow: hidden;
}

#cart-quantity {
	display: inline-block;
	margin: 0 0 8px !important;
	padding: 10px 0 0;
	width: 30px;
	height: 15px;
	background: url(../img/cart-icon.png) no-repeat;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	color: #6CBFE2;
}

#cart a {
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	line-height: 10px;
	color: #87CBE7;
}

#cart a:hover {
	color: white;
}


/* Product navigation */

#product-navigation {
	margin-top: -30px;
	height: 90px;
	overflow: hidden;
}


/* Product navigation tabs */

#product-navigation-tabs li {
	border-color: #0192CC;
}

#product-navigation-tabs a {
	background: #6CBFE2;
	text-transform: uppercase;
	color: white;
}

#product-navigation-tabs a span {
	background-position: 100% -894px;
}

#product-navigation-tabs a:hover span {
	background-position: 100% -694px;
}

#product-navigation-tabs .selected a,
#product-navigation-tabs .selected a:hover {
	background: white;
	color: #333;
}

#product-navigation-tabs .selected a span,
#product-navigation-tabs .selected a:hover span {
	background-position: 100% -844px;
}


/* Catalog navigation */

#catalog-navigation {
	float: left;
	margin: 0;
	padding: 5px 0;
	width: 990px;
	height: 50px;
	background-color: white;
	list-style: none;
}

#catalog-navigation li {
	float: left;
}

#catalog-navigation a {
	display: block;
	padding: 5px 10px;
	background: url(../img/category-navigation-item-bg.gif) no-repeat 100% 9px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: normal;
	color: #666;
}

#catalog-navigation .last a {
	background: none;
}

#catalog-navigation .selected a {
	color: #0092CC;
}

#catalog-navigation li:hover a,
#catalog-navigation li.iehover a {
	background: #0092CC;
	color: white;
}


/* Catalog sub navigation */

#catalog-navigation .subnav {
	position: absolute;
	display: none;
	margin: 0;
	padding: 0;
	width: 240px;
	background-color: #0092CC;
	list-style: none;
}

#catalog-navigation li:hover .subnav,
#catalog-navigation li.iehover .subnav {
	display: block;
}

#catalog-navigation .subnav li {
	float: none;
	border-bottom: 1px solid #6CBFE2;
}

#catalog-navigation .subnav a,
#catalog-navigation li:hover .subnav a,
#catalog-navigation li.iehover .subnav a {
	padding: 7px 10px 7px 22px;
	width: 208px;
	background: url(../img/arrow-sprite.gif) no-repeat -5px -540px;
	font-size: 12px;
	color: #ADDCEF;
}

#catalog-navigation .subnav li:hover a,
#catalog-navigation .subnav li.iehover a {
	background-color: #0082B6;
	background-position: -5px -290px;
	color: white;
}


/* All categories button */

#catalog-navigation #all-categories {
	float: right;
	margin: -5px 0;
}

#catalog-navigation #all-categories a {
	padding: 10px 40px 10px 10px;
	width: 60px;
	height: 40px;
	background: #FF9B05 url(../img/arrow-sprite.gif) no-repeat 80px -970px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FFE1B5;
}

#catalog-navigation #all-categories a:hover,
#catalog-navigation #all-categories:hover a,
#catalog-navigation #all-categories.iehover a {
	background-position: 80px -670px;
	color: white;
}

#catalog-navigation #all-categories .subnav {
	right: 0;
	background-color: #FF9B05;
}

#catalog-navigation #all-categories .subnav li {
	border-color: #FFAF38;
}

#catalog-navigation #all-categories .subnav a,
#catalog-navigation #all-categories:hover .subnav a,
#catalog-navigation #all-categories.iehover .subnav a {
	padding: 7px 10px 7px 22px;
	width: 208px;
	height: auto;
	background-position: -5px -1740px;
	color: #FFE1B5;
}

#catalog-navigation #all-categories .subnav li:hover a,
#catalog-navigation #all-categories .subnav li.iehover a {
	background-color: #FF8003;
	background-position: -5px -290px;
	color: white;
}


/* Search form */

#search {
	position: absolute;
	margin: 0;
	padding: 15px 10px 10px;
	height: auto !important;
	height: 35px;
	width: 970px;
	min-height: 35px;
	background-color: white;
}

#search fieldset {
	margin: 0;
}

#search label {
	font-weight: bold;
	line-height: normal;
	vertical-align: middle;
	color: #666;
}

#search label.indent {
	width: 125px;
}

#search label.alt {
	font-weight: normal;
}

#search .text {
	padding: 3px;
	width: 182px;
	height: 12px;
	font-size: 11px;
}

#search .small {
	width: 40px;
}

#search input.checkbox {
	margin: 0;
	width: 13px;
	height: 13px;
	vertical-align: middle;
}

#search select {
	width: 190px;
	height: 20px;
	font-size: 11px;
	line-height: 16px;
}

#search button {
	margin-right: 10px;
	vertical-align: middle;
}

#search .more {
	vertical-align: middle;
}

#search .close {
	position: absolute;
	display: none;
	top: 10px;
	right: 10px;
	width: 10px;
	height: 10px;
	background: url(../img/delete.png) no-repeat -3px -3px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

#search.advanced-mode .close {
	display: block;
}


/* Quick search */

#search #search-label {
	font-size: 14px;
	font-weight: bold;
	color: #333;
}

#search #search-field {
	margin-right: 10px;
	padding: 6px;
	width: 345px;
	height: auto;
	font-size: 14px;
}


/* Advanced search */

#advanced-search {
	display: none;
}

#search.advanced-mode {
	padding-bottom: 25px;
	background: transparent url(../img/search-bg.png) repeat-x 0 100%;
}

.advanced-mode #advanced-search {
	display: block;
}

#search.advanced-mode button {
	position: absolute;
	margin: 0;
	right: 15px;
	bottom: 25px;
}

#search.advanced-mode .more {
	padding: 0 0 0 12px;
	background-position: 0 -1347px;
}

#search.advanced-mode .more:hover {
	background-position: 0 -1397px;
}

#search .column {
	margin: 15px 15px 0 0;
	padding-right: 15px;
	border-right: 1px solid #CCC;
}

#search .column ul {
	float: left;
}

#search .column li {
	margin: 0 0 10px;
}

#search p.alt {
	margin: 0 0 5px;
	padding-left: 128px;
	font-size: 12px;
	font-weight: bold;
	color: #0092CC;
}

#search #search-category-label {
	padding-left: 18px;
	width: 107px;
	background: url(../img/indent-bg.gif) no-repeat 3px -40px;
}

#search #search-subcategory-label {
	padding-left: 36px;
	width: 89px;
	background: url(../img/indent-bg.gif) no-repeat 21px -40px;
}

#search #properties {
	margin-left: 15px;
	width: 160px;
}

#search #properties li {
	width: 160px;
	vertical-align: middle;
}

#search .property {
	float: left;
	margin-right: 5px;
	width: 48px;
}

#search .property label {
	display: block;
	font-size: 10px;
	font-weight: normal;
	color: #999;
}


/* AZ-index */

#az-index {
	margin: 0;
	padding: 10px;
	width: 970px;
	height: 40px;
	background-color: white;
	list-style: none;
}

#az-index li {
	float: left;
	margin: 0 -2px -5px -1px;
}

#az-index a {
	display: block;
	width: 40px;
	height: 45px;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	color: #999;
}

#az-index a:hover {
	color: #333;
}

#az-index .selected a {
	background: url(../img/az-index-bg.gif) no-repeat;
	color: white;
}


/* Extranet navigation */

#extranet-navigation {
	margin: 0;
	padding: 10px 0;
	width: 990px;
	height: 40px;
	background-color: white;
	list-style: none;
}

#extranet-navigation li {
	float: left;
	border-right: 1px solid #F2F2F2;
}

#extranet-navigation li a {
	display: block;
	padding: 2px 10px 0 35px;
	width: 75px;
	height: 38px;
	background: url(../img/icon-sprite.png) no-repeat 0 100px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #999;
}

#extranet-navigation li a:hover,
#extranet-navigation li.selected a {
	color: #0092CC;
}

#extranet-navigation li span {
	display: block;
}

#extranet-navigation .account a {
	background-position: 10px -1093px;
}

#extranet-navigation .orders a {
	background-position: 10px -493px;
}

#extranet-navigation .proposals a {
	background-position: 10px -643px;
}

#extranet-navigation .proofs a {
	background-position: 10px -793px;
}

#extranet-navigation .stock a {
	background-position: 10px -943px;
}

#extranet-navigation .style a {
	background-position: 10px -1893px;
}

#extranet-navigation .samples a {
	background-position: 10px -2043px;
}

#extranet-navigation .favorites a {
	background-position: 10px -2193px;
}

#extranet-navigation .account a:hover,
#extranet-navigation .account.selected a {
	background-position: 10px -1193px;
}

#extranet-navigation .orders a:hover,
#extranet-navigation .orders.selected a {
	background-position: 10px -593px;
}

#extranet-navigation .proposals a:hover,
#extranet-navigation .proposals.selected a {
	background-position: 10px -743px;
}

#extranet-navigation .proofs a:hover,
#extranet-navigation .proofs.selected a {
	background-position: 10px -893px;
}

#extranet-navigation .stock a:hover,
#extranet-navigation .stock.selected a {
	background-position: 10px -1043px;
}

#extranet-navigation .style a:hover,
#extranet-navigation .style.selected a {
	background-position: 10px -1993px;
}

#extranet-navigation .samples a:hover,
#extranet-navigation .samples.selected a {
	background-position: 10px -2143px;
}

#extranet-navigation .favorites a:hover,
#extranet-navigation .favorites.selected a {
	background-position: 10px -2293px;
}


/**
 * HOMEPAGE ELEMENTS
 * ----------------------------------------
 */

#spotlight {
	margin: 0 10px 10px 0;
	padding: 10px 10px 10px 0;
	width: 730px;
	height: 300px;
}


/* Spotlight items */

#spotlight-items {
	position: relative;
	float: left;
	margin: 0 -25px 0 0;
	padding: 10px 10px 0;
	width: 255px;
	height: 290px;
	z-index: 3;
}

#spotlight-items h2 {
	margin: 0;
	font-size: 38px;
	line-height: 40px;
	text-transform: uppercase;
	letter-spacing: -2px;
	color: #E5E5E5;
}

.cufon-active #spotlight-items h2 {
	height: 40px;
	overflow: hidden;
}

#spotlight-items ul {
	margin: 0 -10px;
	padding: 0;
	width: 275px;
	height: 250px;
	list-style: none;
}

#spotlight-items li a {
	display: block;
	padding: 7px 35px 0 10px;
	width: 230px;
	height: 43px;
	background: url(../img/spotlight-items-sprite.gif) no-repeat;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	outline: none;
	color: #999;
}

#spotlight-items li a:hover {
	color: #333;
}

#spotlight-items .selected a,
#spotlight-items .selected a:hover {
	background-position: 0 -50px;
	color: white;
}

#spotlight-items li a .category {
	display: block;
	font-size: 11px;
	color: #CCC;
}

#spotlight-items li a:hover .category {
	color: #999;
}

#spotlight-items .selected a .category,
#spotlight-items .selected a:hover .category {
	color: white;
}

#spotlight-items li a .title {
	display: block;
	width: 230px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}


/* Spotlight scroller */

#spotlight-scroller {
	margin: 0;
	padding: 0;
	width: 480px;
	height: 300px;
	list-style: none;
	overflow: hidden;
}

#spotlight .jcarousel-container {
	float: left;
	width: 480px;
	height: 300px;
	background-color: #333;
}

#spotlight .jcarousel-clip {
	width: 480px;
	height: 300px;
}

#spotlight .jcarousel-item,
#spotlight .jcarousel-item a,
#spotlight .jcarousel-item img {
	display: block;
	width: 480px;
	height: 300px;
}


/* Product spotlight */

#product-spotlight {
	margin: 0 0 10px 0;
	width: 240px;
	height: 320px;
}

#product-spotlight-tabs a {
	width: 59px;
	text-transform: uppercase;
	overflow: hidden;
}

#product-spotlight-tabs .last a {
	width: 60px;
}

#product-spotlight-containers {
	width: 240px;
	height: 290px;
	overflow: hidden;
}

.product-spotlight-container {
	margin: 0;
	padding: 10px;
	width: 220px;
	height: 270px;
	list-style: none;
	overflow: hidden;
}

.product-spotlight-container li {
	position: relative;
	display: block;
	margin: 0 0 5px;
	width: 220px;
	height: 50px;
	vertical-align: middle;
	overflow: hidden;
}

.product-spotlight-container .thumb {
	float: left;
	margin-right: 10px;
	padding: 4px;
	width: 40px;
	height: 40px;
	border: 1px solid #E5E5E5;
	overflow: hidden;
}

.product-spotlight-container .thumb:hover {
	border-color: #CCC;
}

.product-spotlight-container .product-body {
	float: left;
	padding: 5px 0 0;
	width: 160px;
}

.product-spotlight-container .sku {
	margin: 0 0 2px;
	font-size: 10px;
	font-weight: bold;
	line-height: normal;
	color: #999;
}

.product-spotlight-container .title {
	display: block;
	padding-right: 20px;
	width: 140px;
	background: url(../img/arrow-sprite.gif) no-repeat 100% -396px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	cursor: pointer;
	color: #333;
}

.product-spotlight-container .title:hover {
	background-position: 100% -496px;
}

.product-spotlight-container .title span {
	display: block;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.product-spotlight-container .label {
	position: absolute;
}

.product-spotlight-container .discount-label {
	top: 28px;
	left: 28px;
	width: 18px;
	height: 18px;
	background-position: 0 0;
}


/* Search cloud */

#search-cloud {
	margin: 0 0 10px 0;
	width: 240px;
	height: 170px;
	overflow: hidden;
}

#search-cloud .section-header {
	padding: 10px 10px 5px;
}

#search-cloud ul {
	margin: 0;
	padding: 0 10px 10px;
	text-align: justify;
	line-height: 20px;
	list-style: none;
}

#search-cloud li {
	display: inline;
	color: #999;
}

#search-cloud a {
	font-size: 12px;
	text-decoration: none;
	color: #999;
}

#search-cloud a:hover {
	color: #333;
}

#search-cloud .scale-2 a {
	font-size: 14px;
}

#search-cloud .scale-3 a {
	font-size: 14px;
	font-weight: bold;
}

#search-cloud .scale-4 a {
	font-size: 16px;
	font-weight: bold;
}


/* Product scrollers */

#product-scrollers {
	margin: 0 10px 10px 0;
	width: 490px;
	height: 200px;
	background: none;
}

#product-scroller-tabs a {
	text-transform: uppercase;
}

#product-scroller-containers {
	width: 490px;
	height: 170px;
	overflow: hidden;
}

.product-scroller-container {
	width: 490px;
	height: 170px;
	background-color: white;
}

.product-scroller-wrapper {
	width: 490px;
	height: 140px;
}

.product-scroller-control {
	display: inline;
	float: left;
	margin: 30px 5px 0;
	width: 20px;
	height: 20px;
	background: url(../img/arrow-sprite.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

.product-scroller-next { background-position: 0 -1800px; }
.product-scroller-next:hover { background-position: 0 -1850px; }
.product-scroller-prev { background-position: 0 -1900px; }
.product-scroller-prev:hover { background-position: 0 -1950px; }

.product-scroller {
	position: relative;
	float: left;
	width: 430px;
	height: 140px;
	overflow: hidden;
}

.product-scroller-content {
	position: absolute;
	width: 9000px;
	height: 140px;
}

.product-scroller .product {
	position: relative;
	float: left;
	width: 70px;
}

.product-scroller .product .thumb {
	padding: 14px;
	width: 40px;
	height: 40px;
	line-height: normal;
}

.product-scroller .product .label {
	top: 57px;
	right: 15px;
}

.product-scroller .product .discount-label {
	width: 18px;
	height: 18px;
	background-position: 0 0;
}


/* Product sliders */

.product-slider {
	padding: 5px 55px 4px;
	width: 380px;
	height: 20px;
	background: url(../img/product-slider-sprite.png) repeat-x;
	border-bottom: 1px solid #B4B4B4;
}

.product-slider-track {
	position: relative;
	width: 100%;
	height: 20px;
}

.product-slider .ui-slider-handle {
	position: absolute;
	display: block;
	margin-left: -50px;
	width: 100px;
	height: 20px;
	background: url(../img/product-slider-sprite.png) no-repeat 0 -30px;
	outline: none;
	cursor: pointer;
}

.product-slider .ui-slider-handle:hover {
	background-position: 0 -50px;
}


/* Quick search */

#quick-search {
	margin: 0 0 10px 0;
	width: 240px;
	height: 199px;
	background-color: #F5F5F5;
	border-bottom: 1px solid #B4B4B4;
}

#quick-search .section-header {
	margin: 0;
	background-color: white;
}

#quick-search h2 {
	color: #0092CC;
}

#quick-search .section-body {
	padding: 10px;
	background-color: white;
}

#quick-search .toolbar {
	border-top: 1px solid #E5E5E5;
}

#quick-search p {
	margin: 0;
}

#quick-search input {
	margin: 0 0 10px;
	width: 210px;
	height: 20px;
	font-size: 14px;
	line-height: 20px;
}


/* Homepage news item */

#news {
	margin: 0 10px 10px 0;
	width: 490px;
	height: 170px;
}

#news .section-header {
	padding: 10px 10px 5px;
}

#news h2 span {
	color: #0092CC;
}

#news .section-body {
	height: 100px;
	padding: 0 10px 10px 10px;
	overflow: hidden;
}

#news .thumb {
	float: left;
	margin: 0 10px 0 0;
	width: 115px;
	height: 90px;
}

#news h3 {
	font-size: 16px;
}

#news h3 a {
	text-decoration: none;
	color: #333;
}

#news h3 a:hover {
	color: black;
}


/* Subsite links */

#subsite-links {
	margin: 0 10px 10px 0;
	width: 240px;
	height: 200px;
}

#subsite-links .section-header,
#quick-search .section-header {
	padding: 7px 10px 0;
	height: 22px;
}

#subsite-links h2,
#quick-search h2 {
	font-size: 14px;
	color: #0092CC;
}

#subsite-links .section-header .more,
#quick-search .section-header .more {
	margin: 3px 0 0;
}

#subsite-links ul {
	margin: 0;
	padding: 0 10px;
	height: 130px;
	border-bottom: 30px solid #F5F5F5;
	list-style: none;
	overflow: hidden;
}

#subsite-links li {
	float: left;
	margin: 0 10px 10px 0;
}

#subsite-links .last {
	margin: 0 0 10px 0;
}

#subsite-links li a,
#subsite-links a img {
	display: block;
}


/* Extranet menu */

#extranet-menu {
	padding: 20px 10px 0;
	width: 220px;
	height: 300px;
}

#extranet-menu h2 {
	margin: 0 0 15px;
	font-size: 38px;
	line-height: 40px;
	text-transform: uppercase;
	letter-spacing: -2px;
	color: #E5E5E5;
}

.cufon-active #extranet-menu h2 {
	height: 40px;
	overflow: hidden;
}

#extranet-menu ul {
	margin: 0;
	padding: 0;
	line-height: normal;
	list-style: none;
}

#extranet-menu li {
	float: left;
	margin: 0 5px 5px 0;
}

#extranet-menu li.last {
	float: left;
	margin: 0 0 5px 0;
}

#extranet-menu li a {
	display: block;
	padding: 10px 5px;
	width: 60px;
	height: 55px;
	background: url(../img/extranet-menu-item-bg.png) repeat-x;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	color: #999;
}

#extranet-menu li a:hover {
	background-position: 0 -75px;
	color: #FFF;
}

#extranet-menu li .icon {
	display: block;
	margin: 0 auto 8px;
	padding: 0;
	width: 20px;
	height: 20px;
}

#extranet-menu .account .icon {
	background-position: 0 -1150px;
}

#extranet-menu .orders .icon {
	background-position: 0 -550px;
}

#extranet-menu .proposals .icon {
	background-position: 0 -700px;
}

#extranet-menu .proofs .icon {
	background-position: 0 -850px;
}

#extranet-menu .stock .icon {
	background-position: 0 -1000px;
}

#extranet-menu .style .icon {
	background-position: 0 -1950px;
}

#extranet-menu .samples .icon {
	background-position: 0 -2100px;
}

#extranet-menu .favorites .icon {
	background-position: 0 -2250px;
}


/**
 * CONTENT ELEMENTS
 * ----------------------------------------
 */

#breadcrumbs {
	margin: 0;
	padding: 5px 0 5px 12px;
	width: 978px;
	background: #E5E5E5 url(../img/arrow-sprite.gif) no-repeat -15px -391px;
	list-style: none;
	overflow: hidden;
}

#breadcrumbs li {
	float: left;
	margin-right: 5px;
	padding-right: 10px;
	background: url(../img/arrow-sprite.gif) no-repeat 100% -44px;
}

#breadcrumbs .last {
	margin: 0;
	padding: 0;
	background: none;
}

#breadcrumbs a {
	font-weight: bold;
	text-decoration: none;
	color: #999;
}

#breadcrumbs a:hover {
	color: #666;
}


/* Message */

#flash-message {
	margin: 0 0 10px;
	padding: 5px 10px;
	/*background: url(../img/icon-sprite.png) no-repeat 0 100px;*/
	font-size: 14px;
	font-weight: bold;
	list-style-position: inside;
	color: white;
}

#flash-message.success {
	background-color: #66CC00;
}

#flash-message.error {
	background-color: #C00;
}

#flash-message.info {
	background-color: #5AAECF;
}

#flash-message.notice {
	background-color: #FFA500;
}

/* Content header */

#content-header {
	margin: 0 0 10px;
	padding: 20px 10px 5px;
	background-color: white;
}

#content-span #content-header {
	width: 720px;
}

#content-full #content-header {
	width: 970px;
}

#content-header h1 {
	margin: 0;
}

#content-header p.sub {
	margin: 0 0 8px;
	font-weight: bold;
	color: #999;
}

#content-header .toolbar {
	margin: 0 -10px;
	padding: 10px 10px 5px;
	width: 720px;
	background-color: #F5F5F5;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #B4B4B4;
}


/* Content sections/section-headers */

#content .section,
#content-span .section {
	padding: 0 10px;
}

#content .section-header,
#content-span .section-header {
	margin: 0 -10px 10px;
}

#content .section,
#content .section-header {
	width: 470px;
}

#content-span .section,
#content-span .section-header {
	width: 720px;
}


/* Service toolbar/small toolbars */

#service-toolbar {
	margin: 0 -10px;
	height: 20px;
	border-top: 1px solid #E5E5E5;
	clear: both;
}

#service-toolbar ul,
.dealer .toolbar ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

#service-toolbar li,
.dealer .toolbar li {
	float: left;
	margin-left: 5px;
}

#service-toolbar .button,
.dealer .toolbar .button {
	height: 20px;
	background-position: 0 -300px;
	font-size: 11px;
}

#service-toolbar .button-inner,
.dealer .toolbar .button-inner {
	padding-right: 25px;
	height: 20px;
	background-position: 100% -300px;
	line-height: 20px;
}

#service-toolbar .button:hover, #service-toolbar .button:focus,
.dealer .toolbar .button:hover, .dealer .toolbar .button:focus { background-position: 0 -320px; }
#service-toolbar .button:hover .button-inner, #service-toolbar .button:focus .button-inner,
.dealer .toolbar .button:hover .button-inner, .dealer .toolbar .button:focus .button-inner { background-position: 100% -320px; }


/* Related items */

.related {
	margin: 0 -10px;
	padding-bottom: 30px;
}

.related h2 {
	margin: 0;
	padding: 20px 10px 5px;
	border-bottom: 1px solid #0092CC;
	font-size: 16px;
	text-transform: uppercase;
	color: #0092CC;
}

.related table {
	margin: 0;
}

.related td {
	padding: 10px;
}

.related .hover td {
	cursor: pointer;
	color: #0092CC;
}

.related .date {
	width: 60px;
}

.related .filetype {
	padding-right: 0;
	width: 16px;
}

.related .row-action {
	width: 80px;
	text-align: right;
}

.related a {
	text-decoration: none;
	color: #333;
}

.related a:hover,
.related .hover a {
	color: #0092CC;
}

.related a.more {
	padding-right: 15px;
	font-size: 11px;
	font-weight: normal;
	background-position: 100% -1648px;
	color: #333;
}

.related a.more:hover,
.related .hover .more {
	background-position: 100% -1698px;
	color: #0092CC;
}

.related td.more {
	width: 8px;
	background-position: -2px -1637px;
}

.related .hover td.more {
	background-position: -2px -1687px;
}


/* Articles */

.article {
	margin: 0 0 20px;
	width: 100%;
	overflow: hidden;
}

.article .thumb {
	float: left;
	margin: 22px 10px 0 0;
	width: 115px;
	height: 90px;
}

.article-body {
	float: left;
	width: 345px;
}

.article-body .date {
	margin: 0 0 2px;
}

.article-body h2 {
	margin: 0 0 5px;
	font-size: 16px;
}

.article-body h2 a {
	text-decoration: none;
}

.article-body p {
	margin: 0 0 10px;
}


/* Products */

.product {
	position: relative;
	display: block;
	padding: 10px;
	width: 95px;
	background-color: white;
	text-decoration: none;
}

.overview .product {
	float: left;
	margin: 0 10px 10px 0;
}

.product .thumb {
	margin: 0 0 5px;
	width: 93px;
	height: 93px;
	border: 1px solid #E5E5E5;
	text-align: center;
	line-height: 93px;
	overflow: hidden;
}

.product .thumb:hover {
	border-color: #CCC;
}

.product .thumb img {
	display: inline;
	vertical-align: middle;
}

.product .sku {
	margin: 0;
	font-size: 10px;
	font-weight: bold;
	color: #999;
}

.product h2 {
	margin: 0;
	height: 30px;
	font-size: 12px;
	overflow: hidden;
    margin-bottom: 10px;
}

.product h2 a {
	display: block;
	padding-right: 10px;
	height: 30px;
	background: url(../img/arrow-sprite.gif) no-repeat 100% -381px;
	text-decoration: none;
	color: #333;
}

.product h2 a:hover {
	background-position: 100% -481px;
}

.product .label {
	position: absolute;
}

.product-properties {
	margin: 10px -10px -10px;
	padding: 10px;
	border-top: 1px solid #E5E5E5;
	overflow: hidden;
}

.product-properties .express {
	float: left;
	margin-right: 10px;
}

.product-properties .colors {
	float: left;
	background: url(../img/colors-bg.gif) repeat;
}

.product-properties .colors li {
	height: 12px;
}


/* Column view products */

.column-view .product .label {
	top: 73px;
	right: 14px;
	width: 28px;
	height: 28px;
	background-position: 0 -18px;
}

.column-view .product-properties {
	height: 45px;
}

.column-view .express {
	width: 32px;
	text-align: center;
	line-height: normal;
}

.column-view .express span {
	margin: 0;
}

.column-view .colors {
	width: 52px;
	height: 39px;
}


/* Photo view products */

.photo-view .product {
	width: 220px;
}

.photo-view .product .thumb {
	width: 218px;
	height: 168px;
	line-height: 168px;
}

.photo-view .product h2 {
	height: auto;
}

.photo-view .product h2 a {
	height: auto;
	background-position: 100% -397px;
}

.photo-view .product h2 a:hover {
	background-position: 100% -497px;
}

.photo-view .product .label {
	top: 136px;
	right: 17px;
}

.photo-view .product-properties {
	height: 32px;
}

.photo-view .colors {
	float: right;
	width: 104px;
	height: 26px;
}


/* FAQ */

.accordion {
	margin: 10px -10px 30px;
	padding: 0;
	line-height: normal;
	list-style: none;
}

.accordion li {
	border-bottom: 1px solid #E5E5E5;
}

.accordion .expanded {
	margin-top: -1px;
	padding-top: 10px;
	border-top: 1px solid #0092CC;
	border-bottom: 1px solid #0092CC;
}

.accordion h3 {
	margin: 0;
	font-weight: normal;
}

.accordion .expanded h3 {
	font-size: 16px;
}

.accordion .toggler {
	display: block;
	padding: 7px 10px 7px 25px;
	background: url(../img/arrow-sprite.gif) no-repeat -5px -88px;
	text-decoration: none;
	line-height: normal;
	outline: none;
	color: #666;
}

.accordion .toggler:hover {
	background-position: -5px -138px;
	color: #333;
}

.accordion .expanded .toggler {
	font-weight: bold;
	background-position: -2px -935px;
	color: #0092CC;
}

.accordion .expanded .toggler:hover {
	background-position: -2px -835px;
	color: #333;
}

.accordion .answer {
	padding: 0 10px 10px 25px;
}

.accordion p {
	margin: 0 0 10px;
}

.accordion .toolbar {
	width: 470px;
	border-top: 1px solid #E5E5E5;
}

.accordion .toolbar p {
	margin: 0;
}

.accordion .toolbar .button {
	float: right;
}

.accordion .collapsed .answer,
.accordion .collapsed .toolbar {
	display: none;
}

.accordion .button { background-position: 0 -60px; color: #666; }
.accordion .button-inner { background-color: #F5F5F5; background-position: 100% -60px; }
.accordion .button:hover, .accordion .button:focus { background-position: 0 -90px; color: #333; }
.accordion .button:hover .button-inner, .accordion .button:focus .button-inner { background-position: 100% -90px; }


/* Employees */

#employees {
	margin: 0;
}

#employees .overview {
	width: 720px;
}

.employee {
	padding: 9px;
	width: 335px;
	height: 80px;
	border: 1px solid #E5E5E5;
}

.overview .employee {
	float: left;
	margin: 0 10px 10px 0;
}

.employee .thumb {
	float: left;
	margin-right: 10px;
	width: 50px;
	height: 50px;
}

.employee .inner {
	float: left;
	width: 275px;
}

.employee h2 {
	margin: 0;
	font-size: 16px;
}

.employee p {
	margin: 0;
}

.employee .n {
	display: none;
}

.employee .role {
	margin-bottom: 8px;
	font-size: 10px;
	font-weight: bold;
	line-height: normal;
	color: #333;
}

.employee .icon {
	margin-bottom: 3px;
}


/* Reference overview */

.reference {
	display: block;
	padding: 10px;
	width: 220px;
	background-color: white;
	border-bottom: 5px solid #0092CC;
	text-decoration: none;
}

.overview .reference {
	float: left;
	margin: 0 10px 10px 0;
}

.reference .thumb {
	margin: 0 0 10px;
	width: 218px;
	height: 168px;
	border: 1px solid #E5E5E5;
	text-align: center;
	line-height: 168px;
}

.reference:hover .thumb {
	border-color: #CCC;
}

.reference .thumb img {
	display: inline;
	vertical-align: middle;
}

.reference .more {
	margin: 0;
	background-position: 100% -447px;
	color: #666;
}

.reference:hover .more {
	background-position: 100% -497px;
	color: #333;
}


/* Reference detail */

#reference-visual .section-header {
	margin: 0;
	border: 0;
}

#reference-visual .inner {
	position: relative;
	width: 740px;
	height: 280px;
}

#reference-visual img {
	display: block;
}

#reference-visual blockquote {
	position: absolute;
	margin: 0;
	padding: 20px;
	top: 0;
	left: 0;
	width: 450px;
	font-size: 24px;
	color: white;
}

#reference-visual blockquote p {
	margin: 0;
}

#reference-visual blockquote cite {
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
}

#reference-logo {
	position: absolute;
	padding-left: 20px;
	top: -20px;
	right: 0;
	width: 240px;
	height: 160px;
	background: url(../img/reference-logo-bg.gif) no-repeat;
	text-align: center;
	line-height: 160px;
}

#reference-logo img {
	display: inline;
	vertical-align: middle;
}


/* Reference info */

#reference-info .section-header {
	margin: 0;
}

#reference-info .section-header h2 {
	color: #0092CC;
}

#reference-info table {
	margin: 0;
	width: 240px;
}

#reference-info th,
#reference-info td {
	padding: 7px 10px;
	background-color: #333;
	border-color: #404040;
	font-weight: bold;
	vertical-align: top;
}

#reference-info th {
	color: #999;
}

#reference-info td {
	color: white;
}

#reference-info .more {
	display: block;
}


/* Dealers */

#dealers {
	margin: 0;
	padding: 0 10px 10px;
	width: 970px;
	border: 0;
	overflow: hidden;
}

#dealers .section-header {
	margin: 0 -10px;
	border: 0;
}

#dealers .column {
	position: relative;
	padding: 0 10px;
	width: 210px;
	height: 480px;
	background-color: #0092CC;
}

#dealers .column h2 {
	margin: 0 -10px 10px;
	padding: 20px 10px 5px;
	border-bottom: 1px solid #33A8D6;
	font-size: 20px;
	text-transform: uppercase;
	color: white;
}


/* Dealer form */

#dealer-form {
	margin: 0 10px 0 0;
}

#dealer-form p {
	margin: 0 0 10px;
	font-weight: bold;
	color: white;
}

#dealer-form ul {
	margin: 0 -10px 10px;
	width: 230px;
}

#dealer-form li {
	margin: 0;
	padding: 0 10px 10px;
	width: 210px;
	border-bottom: 1px solid #33A8D6;
}

#dealer-form input {
	margin: 0 7px 0 0;
	width: 93px;
	height: 20px;
	border-color: #0082B6;
	font-size: 14px;
	line-height: 20px;
	vertical-align: middle;
}

#dealer-form .disclaimer {
	font-size: 10px;
	font-weight: normal;
	color: #9FD6EB;
}

#dealer-form .button { background-position: 0 -120px; vertical-align: middle; }
#dealer-form .button-inner { width: 52px !important; background-color: #0092CC; background-position: 100% -120px; }
#dealer-form .button:hover, #dealer-form .button:focus { background-position: 0 -150px; }
#dealer-form .button:hover .button-inner, #dealer-form .button:focus .button-inner { background-position: 100% -150px; }


/* Dealer map */

#dealers #dealer-map {
	margin: 0 10px 0 0;
	padding: 0;
	width: 488px;
	height: 478px;
	background-color: white;
	border: 1px solid #0092CC;
}

#dealer-map p {
	margin: 220px 0 0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #0092CC;
}


/* Dealer results */

#dealer-results p {
	font-size: 14px;
	font-weight: bold;
	color: #53B7DF;
}

.dealer {
	margin: 0 0 10px;
	padding: 0 10px;
	width: 190px;
	background-color: #B3DFF0;
}

.dealer.active {
	background-color: white;
}

.dealer h3 {
	margin: 0 -10px;
	padding: 20px 10px 5px;
	border-bottom: 1px solid #E5E5E5;
	font-size: 14px;
}

.dealer table {
	margin: 0 -10px;
	width: 210px;
}

.dealer th,
.dealer td {
	padding: 7px 10px;
	background: transparent;
	border-color: #E5E5E5;
}

.dealer th {
	width: 60px;
	color: #666;
}

.dealer td {
	padding-left: 0;
	color: #999;
}

.dealer .toolbar {
	margin: 0 -10px;
	width: 190px;
	background-color: #ACD8E9;
}

.dealer.active .toolbar {
	background-color: #F5F5F5;
}

.dealer .toolbar .button-inner {
	background-color: #ACD8E9;
}

.dealer.active .toolbar .button-inner {
	background-color: #F5F5F5;
}


/* View settings */

#view-settings {
	height: 46px;
}

#view-settings p {
	float: left;
	margin: 0;
	line-height: 40px;
	color: #666;
}

#view-types {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

#view-types li {
	float: left;
	margin-left: 10px;
	line-height: 40px;
}

#view-types a {
	padding-left: 16px;
	background: url(../img/icon-sprite.png) no-repeat;
	font-weight: bold;
	text-decoration: none;
	color: #999;
}

#view-types a:hover,
#view-types .selected a {
	color: black;
}

a#list-view { background-position: 0 -198px; }
a#list-view:hover, .selected #list-view { background-position: 0 -248px; }
a#column-view { background-position: 0 -298px; }
a#column-view:hover, .selected #column-view { background-position: 0 -348px; }
a#photo-view { background-position: 0 -398px; }
a#photo-view:hover, .selected #photo-view { background-position: 0 -448px; }


/* Product filters */

#product-filter-form {
	margin: 0 -10px;
	padding: 10px 10px 5px;
	width: 720px;
	background-color: #F5F5F5;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #B4B4B4;
}

#product-filter-label {
	float: left;
	margin: 0 10px 0 0;
	padding-left: 16px;
	width: 60px;
	background: url(../img/indent-bg.gif) no-repeat 0 -33px;
	font-weight: bold;
	line-height: normal;
	color: #666;
}

#product-filters {
	float: left;
	margin: 0;
	padding: 0;
	width: 630px;
	list-style: none;
}

#product-filters .filter {
	position: relative;
	float: left;
	margin: 0 5px 5px 0;
	overflow: visible;
}

#product-filters .active {
	z-index: 5;
}

#product-filters .button {
	display: block;
	float: left;
	background-position: 0 -240px;
	outline: none;
	color: #666;
}

#product-filters .button-inner {
	padding-right: 30px;
	background-color: #F5F5F5;
	background-position: 100% -240px;
}

#product-filters .button:hover,
#product-filters .active {
	background-position: 0 -270px;
	color: white;
}

#product-filters .button:hover .button-inner,
#product-filters .active .button-inner {
	background-position: 100% -270px;
}

#product-filters .button-extra {
	color: #999;
}

#product-filters .button:hover .button-extra,
#product-filters .active .button-extra {
	color: #ADDCEF;
}

#product-filters .text {
	padding: 6px;
	height: 16px;
	border-color: #CCC;
	font-size: 12px;
	line-height: 16px;
}


/* Filter menus */

.filter-menu {
	position: absolute;
	padding: 5px 8px 17px;
	width: 238px;
	top: 25px;
	lefT: -7px;
	background: url(../img/filter-menu-bg.png) no-repeat 0 100%;
}

.filter-menu li {
	margin: 0 0 5px;
	padding: 0 10px 5px;
	border-bottom: 1px solid #26A2D3;
}

.filter-menu input {
	vertical-align: middle;
}

.filter-menu label {
	vertical-align: middle;
	color: white;
}


/* Pagination */

.pagination {
	padding: 10px;
	height: 20px;
	background-color: white;
	overflow: hidden;
}

.pagination-control {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	background: url(../img/arrow-sprite.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#pagination-prev { background-position: 0 -1900px; }
#pagination-prev:hover { background-position: 0 -1950px; }
#pagination-next { background-position: 0 -1800px; }
#pagination-next:hover { background-position: 0 -1850px; }

.pagination ol {
	float: left;
	margin: 0 10px;
	padding: 0;
	width: 660px;
	text-align: center;
	list-style: none;
}

.pagination li {
	display: inline;
}

.pagination li a {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../img/pagination-sprite.gif) no-repeat;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
	color: #999;
}

.pagination li a:hover,
.pagination .selected a {
	background-position: 0 -20px;
	color: white;
}


/* Product page */

#product-page {
	position: absolute;
	margin: 0;
	padding: 10px 10px 15px;
	width: 90px;
	top: 0;
	right: 0;
	background-color: #CCC;
	font-size: 12px;
	font-weight: bold;
	color: white;
}

#product-page span {
	display: block;
	margin-top: 8px;
	font-size: 36px;
}


/* Product gallery */

#product-gallery {
	margin: 0 0 10px;
	width: 740px;
	height: 370px;
}


/* Product gallery tabs */

#product-gallery-tabs {
	height: 40px;
}

#product-gallery-tabs a {
	height: 40px;
	line-height: 40px;
}

#product-gallery-tabs img {
	display: block;
	margin: 10px 0;
	border: 1px solid white;
}


/* Product gallery body */

#product-gallery-body {
	position: relative;
	padding: 10px 0 10px 10px;
	width: 730px;
	height: 310px;
	background-color: white;
}

#product-gallery-image {
	display: block;
	width: 468px;
	height: 308px;
	border: 1px solid #E5E5E5;
}

#product-gallery-image img {
	display: block;
}

#product-gallery-body .label {
	position: absolute;
}

#product-gallery-body .label {
	bottom: 18px;
	left: 434px
}


/* Product details */

#product-content {
	margin: 0 0 10px;
	width: 740px;
	overflow: hidden;
}

#product-details-content {
	width: 490px;
}

#product-details-content .section {
	margin: 0;
	padding: 20px 10px 10px;
}

#product-details-content .specs-table {
	margin: 0 -10px 20px;
	width: 490px;
	border-top: 1px solid #E5E5E5;
}

#product-details-content .specs-table th,
#product-details-content .specs-table td {
	background-color: white;
	border-bottom: 1px solid #E5E5E5;
}

#product-details-content .specs-table th {
	width: 110px;
}


/* Stock table */

#stock-table th,
#stock-table td {
	vertical-align: top;
	height: 60px;
}

#stock-table .color img {
	margin-right: 5px;
	vertical-align: middle;
}

#stock-table .stock-data th,
#stock-table .stock-data td {
	height: auto;
}

#stock-table .order .button {
	background-position: 0 -680px;
	color: white;
}

#stock-table .order .button-inner {
	background-position: 100% -680px;
}

#stock-table .order .button:hover {
	background-position: 0 -700px;
}

#stock-table .order .button:hover .button-inner {
	background-position: 100% -700px;
}


/* Reminders */

#reminder-table {
	margin: 0 -10px 20px;
}

#reminder-amount {
	width: 30px;
}


/* Reminder form */

.reminder-form {
	margin: 0;
}

.reminder-form .row {
	margin: 0;
}

.reminder-form input,
.reminder-form select,
.reminder-form button {
	font-size: 11px;
	vertical-align: middle;
}

.reminder-form .text {
	padding: 3px 3px 2px;
	width: 20px;
	height: 10px;
	line-height: 10px;
}

.reminder-form .delete-icon {
	display: inline-block !important;
}


/* A-Z index letter */

#letter {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	width: 240px;
	background: black url(../img/letter-bg.gif) repeat-x;
	font-size: 200px;
	text-align: center;
	line-height: 240px;
	color: white;
}

#letter span {
	display: none;
}


/* A-Z index lists */

.az-list {
	margin: 0 10px 0 0;
	padding: 10px;
	width: 220px;
	background-color: white;
	list-style: none;
}

.az-list.last {
	margin: 0;
}

.az-list a {
	display: block;
	padding: 4px 0;
	width: 220px;
	background: url(../img/arrow-sprite.gif) no-repeat 100% -39px;
	font-weight: bold;
	text-decoration: none;
	color: #999;
}

.az-list a:hover {
	background-position: 100% -89px;
	color: #666;
}


/* Sitemap */

#sitemap {
	margin: 0 0 20px;
	padding: 0 0 0 20px;
	font-size: 12px;
	line-height: 200%;
	list-style: none;
}

#sitemap li {
	font-weight: bold;
}

#sitemap ul {
	margin: 0 0 10px 10px;
	padding: 0 0 0 10px;
	border-left: 1px solid #CCC;
	line-height: 200%;
	list-style: none;
}

#sitemap ul li {
	font-weight: normal;
}

#sitemap a {
	text-decoration: none;
}


/**
 * EXTRANET ELEMENTS
 * ----------------------------------------
 */

#checkout-progress {
	margin: 0;
	padding: 1px;
	height: 3px;
	background-color: white;
	border: 1px solid #DCDCDC;
	list-style: none;
}

#checkout-progress li {
	float: left;
	padding-top: 8px;
	width: 179px;
	color: #AFAFAF;
}

#checkout-progress li.selected {
	padding-top: 5px;
	border-top: 3px solid #666;
	color: #333;
}

#checkout-progress a {
	display: block;
	width: 179px;
	text-decoration: none;
	color: #666;
}

#checkout-progress a:hover {
	color: black;
}


/* checkout item */

#checkout-item {
	margin: 0 -10px;
	padding: 10px;
	width: 720px;
	border-top: 1px solid #E5E5E5;
	overflow: hidden;
}

#checkout-item .thumb {
	width: 93px;
	height: 93px;
	border: 1px solid #E5E5E5;
	text-align: center;
	line-height: 93px;
	overflow: hidden;
}

#checkout-item #item-thumb {
	float: left;
	margin: 0 20px 0 0;
}

#checkout-item .thumb img {
	display: inline;
	vertical-align: middle;
}

#checkout-item .thumb .zoom {
	right: 5px;
	bottom: 5px;
	width: 15px;
	height: 15px;
	background-position: 0 -60px;
}

#checkout-item .thumb:hover .zoom {
	background-position: 0 -75px;
}

#checkout-item .item-body {
	float: left;
	width: 605px;
}


/* Multiple checkout items */

#checkout-item table {
	margin: 0 -10px 20px;
	width: auto;
	border-spacing: 10px 0 !important;
}

#checkout-item th,
#checkout-item td {
	width: 95px;
	color: #666;
}

#checkout-item th {
	padding: 0;
	background: none;
	border: 0;
}

#checkout-item th.total {
	display: none;
}

#checkout-item td {
	padding: 8px 0;
}

#checkout-item .thumbs td {
	padding: 5px 0;
	border: 0;
}

#checkout-item td.total {
	font-weight: bold;
	color: #0092CC;
}


/* Checkout form */

#checkout-form table.overview {
	margin: 0 -10px 10px;
	width: 740px;
	border-top: 1px solid #E5E5E5;
}

#checkout-form .accordion table.overview {
	margin: 0;
}

#checkout-form .intro {
	margin: 0 0 10px;
}

#checkout-form .toolbar {
	margin: 0 -10px;
	width: 720px;
}

#checkout-form .toolbar a.button {
	float: left;
}

#checkout-form .toolbar ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

#checkout-form .toolbar li {
	float: left;
	margin: 0 0 0 10px;
}


/* Checkout table */

.checkout-table {
	margin: 0 -10px;
	width: 740px;
	border-top: 1px solid #E5E5E5;
}

.checkout-table th,
.checkout-table td,
#entity-form th,
#entity-form td {
	padding: 10px;
	background: transparent;
	border-bottom: 1px solid #E5E5E5;
	vertical-align: top;
}

.checkout-table th,
#entity-form th {
	width: 150px;
}

.checkout-table .sub th,
.checkout-table .sub td {
	background-color: #F5F5F5;
}

.checkout-table .thumb:hover {
	border-color: #CCC;
}

.checkout-table .thumb img {
	display: inline;
	vertical-align: middle;
}

.checkout-table th label {
	/*line-height: 24px;*/
	vertical-align: middle;
	white-space: nowrap;
}

.checkout-table input.text {
	width: 200px;
}

.checkout-table #postcode {
	width: 50px;
}

.checkout-table select {
	vertical-align: middle;
}

.checkout-table input.quantity {
	width: 50px;
}

/*#quantities input.quantity {
	margin: 0 15px 0 0;
}*/

.checkout-table img.help,
.checkout-table img.delete,
.checkout-table a.delete,
#entity-form img.help {
	margin-left: 5px;
	vertical-align: middle;
}

.checkout-table img.delete {
	cursor: pointer;
}

.checkout-table li {
	margin: 0;
}

.checkout-table .button.add {
	height: 20px;
	background-position: 0 -600px;
	font-size: 11px;
	color: #666;
}

.checkout-table .add .button-inner {
	padding-right: 25px;
	height: 20px;
	background-position: 100% -600px;
	line-height: 20px;
}

.checkout-table .add:hover, .checkout-table .add:focus { background-position: 0 -620px; color: #333; }
.checkout-table .add:hover .button-inner, .checkout-table .add:focus .button-inner { background-position: 100% -620px; }


/* Multicolor colors */

#multicolor-colors li {
	margin: 0 15px 0 0;
}


/* Quantity tables */

.quantity-table {
	margin: 0;
	width: auto;
}

#quantities .quantity-table {
	float: left;
	margin: 0 10px 0 0;
}

.quantity-table td {
	padding: 10px 10px 10px;
	background-color: #F2F2F2;
	border: 0;
	vertical-align: middle;
}

.quantity-table .last td {
	padding: 10px;
}

.quantity-table .total td {
	padding: 10px;
}

.quantity-table td.color {
	padding: 10px 0 10px 10px;
}

.quantity-table td.active {
	width: 10px;
}

.quantity-table td.color {
	width: 18px;
}

.quantity-table input,
.quantity-table img {
	margin: 0;
	vertical-align: middle;
}

.quantity-table .total td {
	background-color: #D9D9D9;
	font-weight: bold;
}


/* Quantity controls */

#quantity-controls {
	float: left;
}

#quantity-controls li {
	float: left;
	margin: 0 5px 0 0;
}

#quantity-controls .icon {
	display: block;
	padding: 0;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}


/* Position table */

#position-table h2 {
	margin: 0 0 10px;
	font-size: 16px;
}

#position-table select {
	width: 140px;
}

#position-table input.color-input,
#position-table input.pms-input,
#position-table #font {
	width: 100px;
}

#position-table #print-text {
	width: 260px;
}

#position-table #print-width,
#position-table #print-height,
#position-table #print-diameter {
	width: 50px;
}

#position-table input.color-input,
#position-table #print-text,
#position-table #print-width,
#position-table #print-height,
#position-table #print-diameter {
	margin-right: 20px;
}

#positions-toolbar {
	background: transparent;
}


/* Position options */

.position-options p {
	margin: 0 0 10px;
	line-height: normal;
}

.default-positions {
	margin-right: 20px;
	width: 140px;
}

.other-positions {
	margin-right: 10px;
	width: 420px;
}

.position-options ul {
	overflow: hidden;
}

.position-options li {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	width: 128px;
	height: 108px;
	background-color: #F2F2F2;
	border: 1px solid #CCC;
}

.position-options .thumb {
	height: 70px;
	background-color: white;
	text-align: center;
	line-height: 70px;
}

.position-options .zoom {
	width: 10px;
	height: 10px;
	right: 5px;
	bottom: 5px;
	background-image: url(../img/zoom-small-sprite.png);
}

.position-options a:hover .zoom {
	background-position: 0 -10px;
}

.position-options .position-caption {
	margin: 0;
	padding: 5px;
	line-height: normal;
	overflow: hidden;
}

.position-caption input {
	float: left;
	margin: 0 5px 0 0;
	vertical-align: middle;
}

.position-caption label {
	vertical-align: middle;
	color: #666;
}


/* Order details */

#order-details,
#order-products,
#proof-details {
	border: 0;
}

#order-details .section-header h2,
#order-products .section-header h2,
#proof-details .section-header h2 {
	color: #0092CC;
}


/* Order/proof info */

#order-info,
#proof-info {
	margin: 0 10px 0 -10px;
	width: 340px;
	border: 0;
}

#order-info .section-header,
#proof-info .section-header {
	margin: 0;
	width: 320px;
}

#order-info th,
#proof-info th {
	vertical-align: top;
}

#order-info th,
#proof-info th {
	background-color: transparent;
	border-color: #E5E5E5;
}

#proof-info textarea {
	width: 220px;
	height: 100px;
}

#reply-file {
	width: 220px;
}


/* Proofing */

#proofings {
	margin: 0 -10px 0 0;
	width: 390px;
	border: 0;
}

#proofings .section-header {
	margin: 0;
	width: 370px;
}

#proofings .proof-preview td {
	padding: 0;
}

#proofings .filetype {
	padding: 8px 0 8px 8px;
}

#proofings .row-action {
	padding: 8px 5px 8px 0;
}

#proofings .status {
	padding: 8px 0 8px 0;
}

#proofings .status .icon {
	display: block;
	padding: 0;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;
}

#proofings .date {
	font-style: italic;
	color: #CCC;
}

#proofings object {
	vertical-align: middle;
}


/* Order products */

#order-products .section-header {
	margin: 0 -10px;
}

#order-products .overview {
	margin: 0 -10px;
	width: 740px;
}


/* Entity form */

#entity-form .section-header {
	margin-bottom: 0;
}

#entity-form .section-header h2 {
	color: #0092CC;
}

#entity-form .row {
	margin: 0;
	padding: 10px;
	min-height: 24px;
	border-bottom: 1px solid #E5E5E5;
}

#entity-form label.indent {
	width: 100px;
}

#entity-form input.text {
	width: 200px;
}

#entity-form .entity-info {
	margin: 0 -10px;
	width: 740px;
}

#entity-form .column.entity-info {
	margin: 0 10px 10px -10px;
}

#entity-form .entity-options {
	margin: 0 -10px 10px 0;
}

#entity-form .column {
	width: 365px;
}

#entity-form .toolbar {
	margin: 0 -10px;
	width: 720px;
	clear: both;
}


/* Entity form tables */

#entity-form table {
	margin: 0 -10px;
	width: 740px;
}


/* Entity form specific elements */

#style-salutation {
	margin: 0 0 10px;
	font-weight: bold;
}

#entity-form #style-salutation {
	margin: 0;
}

#style-salutation .mark {
	display: block;
	color: #999;
}


/* Style elements */

.style-thumb {
	margin: 10px 0;
	padding: 10px;
	width: 360px;
	border: 1px solid #E5E5E5;
}


/* Proposal body / address details */

#proposal-body,
#address-details {
	margin: 0 0 20px;
}

#proposal-body .column,
#address-details .column {
	margin: 0 10px 0 0;
	width: 355px;
}

#proposal-body .last,
#address-details .last {
	margin: 0;
}

#address-details .section-header {
	width: 355px;
}

#proposal-body textarea {
	width: 345px;
}


/* Advanced proposal accordion */

#advanced-proposal {
	margin: 0 -10px 10px;
	border-top: 1px solid #E5E5E5;
}

#advanced-proposal li {
	background-color: #F5F5F5;
}

#advanced-proposal .collapsed table.overview {
	display: none;
}

#advanced-proposal .expanded {
	border-bottom: 0;
	border-color: #E5E5E5;
}


/**
 * SIDEBAR/MEDIABAR ELEMENTS
 * ----------------------------------------
 */

#sidebar .thumb,
#mediabar .thumb {
	margin: 0 0 10px;
	width: 240px;
	height: 170px;
}


/* Menu */

#menu {
	width: 240px;
	border: 0;
}

#menu .section-header {
	margin: 0;
	border: 0;
}

#menu h2 {
	color: #0092CC;
}

#menu ul {
	margin: 0;
	padding: 0;
	width: 240px;
	background-color: #0092CC;
	list-style: none;
}

#menu li {
	border-bottom: 1px solid #6CBFE2;
}

#menu .has-sub.selected {
	border: 0;
}

#menu a {
	display: block;
	padding: 7px 10px 7px 22px;
	width: 208px;
	background: url(../img/arrow-sprite.gif) no-repeat -5px -540px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: normal;
	color: #ADDCEF;
}

#menu a:hover,
#menu .selected a {
	background-color: #0082B6;
	background-position: -5px -290px;
	color: white;
}

#menu .has-sub.selected a {
	background-position: -3px -687px;
}


/* Menu subnav */

#menu .subnav {
	display: none;
	padding: 10px 0;
	background-color: white;
	border-top: 1px solid #6CBFE2;
}

#menu .selected .subnav {
	display: block;
}

#menu .subnav li {
	border: 0;
}

#menu .subnav a {
	padding: 3px 10px 3px 22px;
	background: none;
	font-size: 11px;
	color: #999;
}

#menu .subnav a:hover,
#menu .subnav .selected a {
	background: url(../img/arrow-sprite.gif) no-repeat -7px -242px;
	color: #0092CC;
}


/* Menu sub subnav */

#menu .subsubnav {
	display: none;
	background-color: white;
}

#menu .subnav .selected .subsubnav {
	display: block;
}

#menu .subsubnav a,
#menu .selected .subsubnav a {
	padding-left: 34px;
	width: 196px;
	background-position: 0 100px;
	font-weight: normal;
	color: #999;
}

#menu .subsubnav a:hover,
#menu .subsubnav .selected a {
	background-position: 5px -242px;
	color: #0092CC;
}


/* Subscribe */

#subscribe {
	border: 0;
}

#subscribe p {
	font-weight: bold;
	color: #666;
}


/* Dealer search */

#dealer-search {
	width: 240px;
	border-bottom: 1px solid #B4B4B4;
}

#dealer-search p {
	line-height: 20px;
	color: #666;
}

#dealer-search .toolbar {
	border-top: 1px solid #E5E5E5;
}

#dealer-country-select {
	margin: 0 0 10px;
	width: 100%;
}

#dealer-search input {
	margin: -1px 7px -1px 0;
	width: 103px;
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	vertical-align: middle;
}

#dealer-search .wsv-error {
	padding: 3px;
	border-width: 2px;
	border-color: #F00 !important;
}

#dealer-search .button { background-position: 0 -120px; vertical-align: middle; }
#dealer-search .button-inner { width: 52px !important; background-position: 100% -120px; }
#dealer-search .button:hover, #dealer-search .button:focus { background-position: 0 -150px; }
#dealer-search .button:hover .button-inner, #dealer-search .button:focus .button-inner { background-position: 100% -150px; }


/* Twitter */

#twitter {
	position: relative;
	margin: 0 10px 10px 0;
	width: 240px;
	height: 170px;
}

#twitter .section-header {
	padding: 10px 10px 5px;
}

#twitter .section-header h2 {
	width: 85px;
	height: 25px;
	background: url(../img/twitter-sprite.png) no-repeat 0 2px;
	text-indent: -9999px;
	overflow: hidden;
}

#twitter .section-body {
	position: relative;
	height: 70px;
}

#twitter .section-body:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 25px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top: 6px solid #FFF;
	border-bottom: 0;
	z-index: 1;
}

#twitter p {
	color: #666;
}

#twitter .toolbar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 220px;
	background: #F5F5F5 url(../img/twitter-sprite.png) no-repeat 10px -28px;
}

#twitter .toolbar .button {
	float: right;
}


/* YouTube players */

.player {
	border: 0;
}

.player .section-header {
	margin: 0;
	border: 0;
}

.player p {
	margin: 0 0 10px;
	font-size: 12px;
	color: #999;
}

.player-placeholder {
	width: 240px;
	height: 170px;
	background-color: #111;
}

.player-placeholder div {
	padding: 10px;
}

.player-duration {
	float: left;
	margin: 4px 10px;
	width: 168px;
	height: 5px;
	background-color: white;
	border: 1px solid white;
}

.player-elapsed {
	height: 5px;
	background-color: #0092CC;
	font-size: 5px;
}

.player-controls {
	padding: 10px;
	height: 15px;
	background-color: #333;
	overflow: hidden;
}

.player-control {
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	background: url(../img/player-sprite.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}

.player-play { background-position: 0 0; }
.player-play:hover { background-position: 0 -15px; }
.playing .player-play { background-position: -15px 0; }
.playing .player-play:hover { background-position: -15px -15px; }
.player-mute { background-position: -30px 0; }
.player-mute:hover { background-position: -30px -15px; }
.muted .player-mute { background-position: -45px 0; }
.muted .player-mute:hover { background-position: -45px -15px; }


/* Employee */

#employee {
	width: 240px;
	border-bottom: 1px solid #B4B4B4;
}

#employee .vcard {
	padding: 10px;
	width: 220px;
	overflow: hidden;
}

#employee .thumb {
	float: left;
	margin: 0 10px 0 0;
	width: 50px;
	height: 50px;
}

#employee-toolbar {
	width: 220px;
	border-top: 1px solid #E5E5E5;
}

#employee-toolbar .button { background-position: 0 -60px; color: #666; }
#employee-toolbar .button-inner { width: 175px !important; background-color: #F5F5F5; background-position: 100% -60px; }
#employee-toolbar .button:hover, #employee-toolbar .button:focus { background-position: 0 -90px; color: #333; }
#employee-toolbar .button:hover .button-inner, #employee-toolbar .button:focus .button-inner { background-position: 100% -90px; }


/* Vcards */

.vcard .thumb {
	float: left;
	margin: 0 10px 0 0;
	width: 50px;
	height: 50px;
}

.vcard .inner {
	float: left;
	width: 160px;
}

.vcard p {
	margin: 0;
	line-height: normal;
}

.vcard .fn {
	font-size: 14px;
	font-weight: bold;
	color: #0092CC;
}

.vcard .n {
	display: none;
}

.vcard .role {
	font-size: 10px;
	font-weight: bold;
}

.vcard .toolbar {
	margin-top: 5px;
	padding: 0;
	background: none;
	border: 0;
}


/* Testimonials */

blockquote.section {
	padding: 10px 10px 0;
	width: 220px;
	border: 0;
}

blockquote.section p {
	margin: 0 0 10px;
	font-style: italic;
}

blockquote.section cite {
	display: block;
	margin: 0 -10px;
	padding: 15px 10px;
	background: #F5F5F5 url(../img/testimonial-cite-bg.gif) no-repeat;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
}


/* Dealer actions */

#dealer-actions {
	position: relative;
	margin: 0 0 40px;
	padding: 20px 10px 5px;
	width: 220px;
	top: 30px;
}

#dealer-actions h2 {
	position: absolute;
	margin: 0;
	top: -30px;
	left: 5px;
}

#dealer-actions ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#dealer-actions li {
	margin: 0 0 5px;
}

#dealer-actions .button { background-position: 0 -60px; color: #666; }
#dealer-actions .button-inner { width: 175px !important; background-position: 100% -60px; }
#dealer-actions .button:hover, #dealer-actions .button:focus { background-position: 0 -90px; color: #333; }
#dealer-actions .button:hover .button-inner, #dealer-actions .button:focus .button-inner { background-position: 100% -90px; }


/* Extranet actions */

#extranet-actions {
	background-color: #0192CC;
	border: 0;
}

#extranet-actions .section-header {
	padding: 7px 10px 3px;
	border-color: #5AB8DE;
}

#extranet-actions h2 {
	background: url(../img/extranet-actions-header-bg.gif) no-repeat 200px 10px;
	font-size: 34px;
	text-transform: lowercase;
	color: #5AB8DE;
}

#extranet-actions ul {
	margin: 0;
	padding: 0 10px 5px;
	list-style: none;
}

#extranet-actions li {
	margin: 0 0 5px;
}

#extranet-actions .button { background-position: 0 -120px; }
#extranet-actions .button-inner { width: 175px !important; background-color: #0192CC; background-position: 100% -120px; }
#extranet-actions .button:hover, #extranet-actions .button:focus { background-position: 0 -150px; }
#extranet-actions .button:hover .button-inner, #extranet-actions .button:focus .button-inner { background-position: 100% -150px; }

#extranet-actions .alt { background-position: 0 -180px; }
#extranet-actions .alt .button-inner { width: 175px !important; background-color: #0192CC; background-position: 100% -180px; }
#extranet-actions .alt:hover, #extranet-actions .alt:focus { background-position: 0 -210px; }
#extranet-actions .alt:hover .button-inner, #extranet-actions .alt:focus .button-inner { background-position: 100% -210px; }


/* More articles */

#more-articles {
	background: none;
	border: 0;
}

#more-articles .section-header {
	margin: 0 0 5px;
	padding: 0 10px;
	border: 0;
}

#more-articles h2 {
	font-size: 20px;
	text-transform: uppercase;
	color: #999999;
}

#more-articles ul {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
}

#more-articles li {
	margin: 0 0 1px;
}

#more-articles ul a {
	display: block;
	padding: 2px 10px;
	background: #F2F2F2 url(../img/arrow-sprite.gif) no-repeat 212px -42px;
	font-weight: bold;
	text-decoration: none;
	color: #999;
}

#more-articles ul a:hover {
	background-color: white;
	background-position: 212px -92px;
	color: #666;
}


/**
 * FOOTER ELEMENTS
 * ----------------------------------------
 */

#footer .column {
	padding: 0 10px;
	width: 220px;
}

#footer .header {
	margin: 0 -10px 10px;
	padding: 20px 10px 8px;
	width: 220px;
	border-bottom: 1px solid #666;
}

#footer #info {
	margin: 0 10px;
	width: 470px;
}

#footer #info .header {
	margin: 0 -20px 10px;
	padding: 20px 20px 8px;
	width: 470px;
}

#footer h2 {
	margin: 0;
	font-size: 14px;
	text-transform: uppercase;
	color: #666;
}

#footer h2 span {
	color: #999;
}

#footer p {
	margin: 0;
	font-weight: bold;
	color: #666;
}

#footer .alt {
	color: #999;
}

#footer .vcard p {
	font-size: 10px;
}

#footer .vcard .fn {
	display: none;
}


/* Service navigation */

#service-navigation {
	margin: 0;
	padding: 0;
	list-style: none;
}

#service-navigation li {
	display: inline;
	color: #666;
}

#service-navigation li a {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #666;
}

#service-navigation li a:hover {
	color: white;
}


/**
 * SHADOWBOX WINDOWS
 * ----------------------------------------
 */

.modal {
	margin: 0;
	background: #E5E5E5;
}

#modal-wrapper {
	width: 550px;
}

#modal-header {
	padding: 30px 10px 10px;
	width: 530px;
	background-color: #0092CC;
}

#modal-header h1 {
	margin: 0;
	font-size: 32px;
	color: white;
}

#modal-body {
	width: 550px;
	background-color: white;
	overflow: hidden;
}

#modal-footer {
	padding: 10px;
	width: 530px;
	background-color: #D5D5D5;
}

#modal-footer p {
	margin: 0;
}

#modal-footer a {
	color: #333;
}

#modal-footer a:hover {
	color: black;
}


/* Shadowbox modal forms */

.modal-form {
	margin: 0;
}

.modal-form li {
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #E5E5E5;
}

.modal-form li.indent {
	padding: 10px 10px 10px 163px;
}

.modal-form li.last {
	border: 0;
}

.modal-form label {
	font-size: 14px;
	font-weight: bold;
}

.modal-form .text {
	width: 360px;
	height: 20px;
	font-size: 14px;
	line-height: 20px;
}

.modal-form textarea {
	width: 360px;
	font-size: 14px;
}

.modal-form .button {
	vertical-align: middle;
}


/* Extranet shadowbox */

#extranet-modal #modal-wrapper {
	height: 375px;
}

#extranet-modal #modal-header {
	padding: 60px 10px 0 10px;
	height: 80px;
	background: #0092CC url(../img/extranet-login.gif) no-repeat 515px 10px;
}

#extranet-modal h1 {
	width: 217px;
	height: 64px;
	background: url(../img/extranet-login-header.gif) no-repeat;
	text-indent: -9999px;
}

#extranet-modal #modal-body {
	height: 160px;
}

#extranet-modal #modal-footer {
	padding: 10px 10px 10px 163px;
	width: 377px;
	height: 55px;
	background: #D5D5D5 url(../img/extranet-register.gif) no-repeat 115px 10px;
}

#extranet-login-lost {
	margin-left: 10px;
	vertical-align: middle;
	color: #999;
}

#extranet-login-lost:hover {
	color: #333;
}


/* Tell-a-friend shadowbox */

#taf-modal #modal-wrapper {
	height: 520px;
}

#taf-form {
	height: 437px;
	border-bottom: 5px solid #D5D5D5;
}

#taf-form li.indent {
	padding: 10px 10px 10px 193px;
}

#taf-form label {
	width: 180px;
}

#taf-form .text {
	width: 330px;
}

#taf-form textarea {
	width: 330px;
}


/**
 * SECTION SPECIFIC
 * ----------------------------------------
 */

.section-home .section {
	float: left;
	border: 0;
}

.section-home #dealer-search {
	float: left;
	margin: 0 10px 0 0;
}

.section-home #dealer-search .section-header {
	padding: 10px 10px 5px;
}

.section-home #dealer-search .section-body {
	height: 67px;
}


/* Catalog section */

.section-catalog #content-header,
.section-checkout #content-header,
.section-order #content-header,
.section-proposition #content-header,
.section-extranet #content-header {
	padding: 20px 10px 0;
}


/* Product detail */

.section-product #content-header {
	position: relative;
	padding: 95px 10px 10px 10px;
	height: 37px;
	border-bottom: 1px solid #B4B4B4;
}

.section-product #content-header h1 {
	margin: 0;
	font-size: 30px;
	color: #333;
}

.section-product #content-header h2 {
	position: absolute;
	margin: 0;
	top: 75px;
	left: 10px;
	font-size: 20px;
}

.section-product #nav-back {
	position: absolute;
	top: 106px;
	right: 30px;
	background-position: -11px -1093px;
	font-size: 14px;
}

.section-product #nav-back:hover {
	background-position: -11px -1143px;
}


/* Checkout */

.section-checkout #content-header .sub {
	margin: 0 0 8px;
}

.section-checkout #content-header .toolbar,
.section-order #content-header .toolbar,
.section-extranet #content-header .toolbar {
	padding: 10px;
	height: 30px;
}

.section-checkout .section-header h2 {
	color: #0092CC;
}


/* Account */

.section-account #content-header .toolbar {
	height: 30px;
}


/**
 * SHADOWBOX
 * ----------------------------------------
 */

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:32px;height:32px;top:50%;margin-top:-16px;width:100%;text-align:center;color:#333;}
#sb-loading-inner span{background:url(../img/loading.gif) no-repeat;padding-left:42px;display:inline-block;}
#sb-body,#sb-loading{background-color:white;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../img/shadowbox/close.png);}
#sb-nav-next{background-image:url(../img/shadowbox/next.png);}
#sb-nav-previous{background-image:url(../img/shadowbox/previous.png);}
#sb-nav-play{background-image:url(../img/shadowbox/play.png);}
#sb-nav-pause{background-image:url(../img/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}


/**
 * JQZOOM
 * ----------------------------------------
 */

div.jqZoomTitle {
	z-index: 5000;
	text-align: center;
	font-size: 11px;
	font-family: Tahoma;
	height: 16px;
	padding-top: 2px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	color: #FFF;
	background: #999;
}

.jqZoomPup {
	overflow: hidden;
	background-color: #FFF;
	-moz-opacity: 0.6;
	opacity: 0.6;
	filter: alpha(opacity=60);
	z-index: 10;
	border-color: #c4c4c4;
	border-style: solid;
	cursor: crosshair;
}

.jqZoomPup img {
	border: 0px;
}

.preload {
	-moz-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity=80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
	text-decoration: none;
	border: 1px solid #CCC;
	background-color: white;
	padding: 8px;
	text-align: center;
	background-image: url(../img/zoomloader.gif);
	background-repeat: no-repeat;
	background-position: 43px 30px;
	width: 90px;
	* width: 100px;
	height: 43px;
	*height: 55px;
	z-index: 10;
	position: absolute;
	top: 3px;
	left: 3px;
}

.jqZoomWindow {
	border: 1px solid #E5E5E5;
	background-color: #FFF;
}


/**
 * JCAROUSEL
 * ----------------------------------------
 */

.jcarousel-container {
	position: relative;
}

.jcarousel-clip {
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 2;
}

.jcarousel-list {
	position: relative;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 1;
}

.jcarousel-list li,
.jcarousel-item {
	float: left;
	width: 75px;
	height: 75px;
	list-style: none;
}

.jcarousel-next {
	display: none;
	z-index: 3;
}

.jcarousel-prev {
	display: none;
	z-index: 3;
}