/*

	Stylesheet for Hegro Belgium

	Media:      screen, projection
	Copyright:  Netlash <http://www.netlash.com>
	Author:     Yoni De Beule <yoni@netlash.com>

*/

body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0; padding: 0; }
ol, ul { list-style: none; }
img { border:0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th { text-align: left; }
a:focus { overflow: hidden; }

body {
	font: 300 12px Arial, sans-serif;
	line-height: 1.5;
	color: #000;
	background: #f4f4f4 url(../images/background.png) repeat-y top center;
}

/*
	Typography and text styles
*/

p {
	padding: 0 0 12px 0;
}

strong, th, thead td, h1, h2, h3, h4 {
	font-weight: 700;
}

h1, h2, h3 {
	line-height: 1.1;
	font-family: Helvetica, Arial, sans-serif;
}

h1 a, h2 a, h3 a, h4 a {
	border: 0;
}

h1 {
	font-size: 24px;
	background: url(../images/hr.png) repeat-x bottom;
	padding: 0 0 6px 0;
	margin: 0 0 22px 0;
	color: #023554;
}

h2 {
	font-size: 24px;
	background: url(../images/hr.png) repeat-x bottom;
	padding: 0 0 6px 0;
	margin: 0 0 22px 0;
	color: #023554;
}

h3 {
	font-size: 14px;
	padding: 0 0 8px 0;
	color: #023554;
	text-transform: uppercase;
}

h4 {
	font-size: 12px;
	padding: 0;
	color: #023554;
	text-transform: uppercase;
}

/* Links */

a { text-decoration: none; border-bottom: 1px solid #a9c5d6; color: #03507f; }
a:link { border-color: #a9c5d6; color: #03507f; }
a:visited { border-color: #a8bdc9; color: #024066; }
a:hover, a:active { border-color: #049dd9; color: #049dd9; }

/* Defaults */

.content ul,
.content ol {
	padding: 0 0 12px 24px;
}

.content li {
	padding-bottom: 6px;
}

.content ul {
	list-style: disc;
}

.content ol {
	list-style-type: decimal;
}

.content ul ul,
.content ol ul,
.content ol ol {
	padding-bottom: 0;
}

.content ol ol {
	list-style: upper-roman;
}

.content ol ol ol {
	list-style: lower-roman;
}

code {
	font-family: Consolas, Monaco, "Courier New", monospace;
	font-size: 12px;
	line-height: 1.15;
}

pre {
	padding: 6px 12px;
	background: #f5f5f5;
	margin: 0 0 12px;
}

p.small, .small, small {
	font-size: 11px;
	line-height: 1.636;
}

p.small {
	padding-bottom: 8px;
}

blockquote, q {
	font-style: italic;
	font-family: Georgia, serif;
}

blockquote {
	padding: 0 0 0 12px;
}

em {
	font-style: italic;
}

sub, sup {
	line-height: 0;
}

hr {
	border: none;
	border-top: 1px solid #ddd;
	padding: 0;
}

div.hr {
	height: 2px;
	background: url(../images/hr.png) repeat-x bottom;
	margin: 0 0 12px 0;
}

	div.hr hr {
		display: none;
	}

table {
	border-top: 1px solid #eee;
	width: 100%;
	margin-bottom: 24px;
	vertical-align: top
}

td, th {
	border-bottom: 1px solid #eee;
	padding: 4px;
	vertical-align: top
}

th {
	font-weight: 700;
	background: #f4f4f4;
}

/* Image classes */

img.alignLeft {
	float: left;
	padding: 0 10px 10px 0;
}

img.alignRight {
	float: right;
	padding: 0 0 10px 10px;
}

a.linkedImage {
	border: 0;
	display: block;
	font-size: 11px;
}

a.linkedImage img {
	display: block;
}

/* Sticky footer */

html, body, #topWrapper {
	height: 100%;
}

body > #topWrapper {
	height: auto;
	min-height: 100%;
}

#topWrapper {
	background: url(../images/sub_header.png) no-repeat top center;
}

	body#home #topWrapper {
		background: url(../images/home_header.png) no-repeat top center;
	}

#content {
	padding-bottom: 130px;
}

#bottomWrapper {
	position: relative;
	margin-top: -90px;
	height: 90px;
	clear: both;
	background: url(../images/footer.png) no-repeat bottom center;
}

/*
	Page structure and layout
*/

.container {
	width: 960px;
	margin: 0 auto;
}

/*
	Header
*/

#header {
	height: 98px;
	overflow: hidden;
	padding-bottom: 34px;
}

	body#home #header {
		padding-bottom: 20px;
	}

	/* Logo */

	#header h1, #header h2 {
		width: 180px;
		height: 50px;
		background: none;
		text-indent: -9999px;
		float: left;
		padding: 24px 18px 24px 24px;
		margin: 0;
	}

	#header h1 a, #header h2 a {
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;
		border: 0;
	}

	/* Navigation */

	#navigation {
		float: left;
	}

		#navigation ul {
			float: left;
			padding-top: 53px;
		}

			#navigation li {
				float: left;
				padding-right: 6px;
			}

				#navigation a {
					float: left;
					font-weight: 700;
					text-transform: uppercase;
					color: #fff;
					border: 0;
					font-size: 12px;
					line-height: 18px;
					padding: 4px 6px;
					text-shadow: rgba(0, 0, 0, 0.50) 0 1px;
				}

				#navigation a:link,
				#navigation a:visited {
					color: #fff;
				}

				#navigation a:hover,
				#navigation a:active {
					color: #1f3e60;
					background: #ffff00;
					border-bottom: 1px solid #023859;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					border-radius: 3px;
					-moz-border-radius-bottomright: 5px;
					-moz-border-radius-bottomleft: 5px;
					-webkit-border-bottom-right-radius: 5px;
					-webkit-border-bottom-left-radius: 5px;
					border-bottom-right-radius: 5px;
					border-bottom-left-radius: 5px;
					text-shadow: none;
				}

				#navigation .selected a {
					color: #fff;
					background: #049dd9;
					border-bottom: 1px solid #023859;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					border-radius: 3px;
					-moz-border-radius-bottomright: 5px;
					-moz-border-radius-bottomleft: 5px;
					-webkit-border-bottom-right-radius: 5px;
					-webkit-border-bottom-left-radius: 5px;
					border-bottom-right-radius: 5px;
					border-bottom-left-radius: 5px;
					text-shadow: rgba(0, 0, 0, 0.50) 0 1px;
				}

				#navigation .selected a:link,
				#navigation .selected a:visited {
					color: #fff;
					background: #049dd9;
					text-shadow: rgba(0, 0, 0, 0.50) 0 1px;
				}

				#navigation .selected a:hover,
				#navigation .selected a:active {
					color: #fff;
					background: #049dd9;
					text-shadow: rgba(0, 0, 0, 0.50) 0 1px;
				}

	/* Language */

	#language {
		float: right;
		padding-right: 18px;
	}

		#language ul {
			padding-top: 55px;
			float: left;
		}

			#language li {
				float: left;
				padding-left: 4px;
			}

			#language a {
				float: left;
				font-weight: 700;
				text-transform: uppercase;
				color: #fff;
				border: 0;
				font-size: 11px;
				line-height: 18px;
				padding: 3px 6px;
				text-shadow: rgba(0, 0, 0, 0.50) 0 1px;
			}

			#language a:link,
			#language a:visited {
				color: #fff;
			}

			#language a:hover,
			#language a:active {
				color: #1f3e60;
				background: #ffff00;
				border-bottom: 1px solid #023859;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
				-moz-border-radius-bottomright: 5px;
				-moz-border-radius-bottomleft: 5px;
				-webkit-border-bottom-right-radius: 5px;
				-webkit-border-bottom-left-radius: 5px;
				border-bottom-right-radius: 5px;
				border-bottom-left-radius: 5px;
				text-shadow: none;
			}

			#language .selected a {
				color: #fff;
				background: #049dd9;
				border-bottom: 1px solid #023859;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
				-moz-border-radius-bottomright: 5px;
				-moz-border-radius-bottomleft: 5px;
				-webkit-border-bottom-right-radius: 5px;
				-webkit-border-bottom-left-radius: 5px;
				border-bottom-right-radius: 5px;
				border-bottom-left-radius: 5px;
				text-shadow: rgba(0, 0, 0, 0.50) 0 1px;
			}

			#language .selected a:link,
			#language .selected a:visited {
				color: #fff;
				background: #049dd9;
				text-shadow: rgba(0, 0, 0, 0.50) 0 1px;
			}

			#language .selected a:hover,
			#language .selected a:active {
				color: #fff;
				background: #049dd9;
				text-shadow: rgba(0, 0, 0, 0.50) 0 1px;
			}

/*
	Content
*/

	/* Subnavigation */

	#subNavigation {
		width: 192px;
		overflow: hidden;
	}

	#subNavigation ul {
		padding: 12px;
		width: 168px;
		background: #034f7e;
		background: -webkit-gradient(linear, left top, left bottom, from(#1d6998), to(#034f7e));
		background-image: -moz-linear-gradient(top, #1d6998, #034f7e);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#1d6998, endColorstr=#034f7e, GradientType=0);
		border-bottom: 1px solid #d7d7d7;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}

		#subNavigation li {
			width: 168px;
		}

			#subNavigation a {
				width: 144px;
				display: block;
				color: #fff;
				border: 0;
				font-size: 11px;
				font-weight: 700;
				line-height: 18px;
				padding: 2px 12px;
				margin-bottom: 1px;
				text-shadow: rgba(0, 0, 0, 0.50) 0 1px;
			}

			#subNavigation a:link,
			#subNavigation a:visited {
				color: #fff;
			}

			#subNavigation a:hover,
			#subNavigation a:active {
				color: #1f3e60;
				background: #ffff00;
				border-bottom: 1px solid #023554;
				margin-bottom: 0;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
				-moz-border-radius-bottomright: 5px;
				-moz-border-radius-bottomleft: 5px;
				-webkit-border-bottom-right-radius: 5px;
				-webkit-border-bottom-left-radius: 5px;
				border-bottom-right-radius: 5px;
				border-bottom-left-radius: 5px;
				text-shadow: none;
			}

			#subNavigation li.selected {
				background: #049dd9;
				border-bottom: 1px solid #023554;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
				-moz-border-radius-bottomright: 5px;
				-moz-border-radius-bottomleft: 5px;
				-webkit-border-bottom-right-radius: 5px;
				-webkit-border-bottom-left-radius: 5px;
				border-bottom-right-radius: 5px;
				border-bottom-left-radius: 5px;
			}

			#subNavigation li.selected a {
				margin-bottom: 0;
			}

			#subNavigation li.selected a:link,
			#subNavigation li.selected a:visited {
				margin-bottom: 0;
			}

			#subNavigation li.selected a:hover,
			#subNavigation li.selected a:active {
				color: #fff;
				background: none;
				border-bottom: none;
				margin-bottom: 0;
				text-shadow: rgba(0, 0, 0, 0.50) 0 1px;
			}

				#subNavigation ul ul {
					width: 138px;
					padding: 2px 12px 4px 18px;
					border: 0;
					background: none;
					filter: none;
				}

					#subNavigation li.selected li {
						width: 138px;
					}

						#subNavigation li.selected li a {
							width: 126px;
							border: 0;
							padding: 2px 6px;
							margin-bottom: 1px;
							color: #fff;
							text-shadow: rgba(0, 0, 0, 0.50) 0 1px;
						}

						#subNavigation li.selected li a:link,
						#subNavigation li.selected li a:visited {
							color: #fff;
							margin-bottom: 1px;
							text-shadow: rgba(0, 0, 0, 0.50) 0 1px;
						}

						#subNavigation li.selected li a:hover,
						#subNavigation li.selected li a:active {
							color: #fff;
							margin-bottom: 1px;
							background: #165e89;
							-moz-border-radius: 3px;
							-webkit-border-radius: 3px;
							border-radius: 3px;
							text-shadow: rgba(0, 0, 0, 0.50) 0 1px;
						}

					#subNavigation li.selected li.selected {
						border: 0;
						background: #165e89;
						-moz-border-radius: 3px;
						-webkit-border-radius: 3px;
						border-radius: 3px;
					}

	/* Module */

	.mod {
		padding-bottom: 12px;
	}

	/* Boxes */

	p.noteBox {
		font-size: 11px;
		line-height: 18px;
		background: #fefe3f url(../images/icon_note.png) no-repeat 16px 12px;
		padding: 12px 12px 10px 46px;
		margin-bottom: 12px;
		border: 1px solid #ddd;
		border-bottom: 2px solid #ddd;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}

	p.downloadBox {
		font-size: 11px;
		line-height: 18px;
		background: #fff url(../images/icon_download.png) no-repeat 16px 12px;
		padding: 12px 12px 10px 46px;
		margin-bottom: 12px;
		border: 1px solid #ddd;
		border-bottom: 2px solid #ddd;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}

	/* Sidebar */

	#sideBar p {
		font-size: 11px;
		line-height: 18px;
	}
	#sideBar .extra {
		padding: 12px 12px 0 12px;
		margin-bottom: 12px;
		border: 1px solid #ddd;
		border-bottom: 2px solid #ddd;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}	

	/* Buttons */

	a.button {
		font-size: 11px;
		font-weight: 700;
		float: left;
		line-height: 20px;
		padding: 0 6px;
		color: #fff;
		background: #049dd9;
		border-bottom: 1px solid #d6d6d6;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}

	a.button:link,
	a.button:visited {
		color: #fff;
		background: #049dd9;
		border-bottom: 1px solid #d6d6d6;
	}

	a.button:hover,
	a.button:active {
		color: #1f3e60;
		background: #ffff00;
		border-bottom: 1px solid #d6d6d6;
	}

	/* Home intro */

	#homeIntro {
		height: 166px;
		overflow: hidden;
		color: #fff;
		position: relative;
		margin-bottom: 34px;
	}

		#homeIntro h3 {
			color: #78aed0;
			font-size: 10px;
			line-height: 14px;
			padding-bottom: 16px;
		}

		#homeIntro a {
			color: #fff;
			border-color: #57798d;
		}

		#homeIntro a:link,
		#homeIntro a:visited {
			color: #fff;
			border-color: #57798d;
		}

		#homeIntro a:hover,
		#homeIntro a:active {
			color: #fff;
			border-color: #fff;
		}

		#homeIntro a.button {
			color: #165e89;
			background: #fff;
			border-bottom: 1px solid #072d44;
			position: absolute;
			bottom: 16px;
		}

		#homeIntro a.button:link,
		#homeIntro a.button:visited {
			color: #165e89;
			background: #fff;
			border-bottom: 2px solid #072d44;
		}

		#homeIntro a.button:hover,
		#homeIntro a.button:active {
			color: #1f3e60;
			background: #ffff00;
			border-bottom: 2px solid #072d44;
		}

		#homeIntroAbout {
			float: left;
			width: 636px;
			padding: 0 36px 0 24px;
		}

			#homeIntroAbout p {
				font-size: 18px;
				line-height: 28px;
			}

		#homeIntroContact {
			float: left;
			width: 204px;
			padding: 0 60px 0 0;
		}

	/* Product list */

	ul.productList {
		width: 426px;
		padding-bottom: 12px;
	}

	#main ul.productList {
		width: 468px;
	}

		.productList li {
			float: left;
			width: 201px;
			height: 72px;
			overflow: hidden;
			padding: 0 12px 24px 0;
		}

		#main .productList li {
			width: 222px;
		}

			.productList .thumbWrapper {
				float: left;
				width: 72px;
				padding-right: 6px;
			}

				.productList .thumbWrapper a {
					display: block;
					border: 0;
				}

					.productList .thumbWrapper img {
						display: block;
						width: 72px;
						height: auto;
					}

			.productList .infoWrapper {
				float: left;
				width: 123px;
			}

				.productList .infoWrapper a {
					display: block;
				}

				.productList .infoWrapper p a {
					color: #999;
					border: 0;
				}

				.productList .infoWrapper p a:link,
				.productList .infoWrapper p a:visited {
					color: #999;
				}

				.productList .infoWrapper p a:hover,
				.productList .infoWrapper p a:active {
					color: #999;
				}
/*
	Footer
*/

	#footer {
		position: relative;
		padding: 36px 24px 0 24px;
	}

		#footer ul {
			float: right;
		}

			#footer li {
				float: left;
				color: #b2d1e4;
				text-transform: uppercase;
				font-size: 11px;
				padding-left: 12px;
			}

			#footer li.firstChild {
				position: absolute;
				left: 12px;
			}

				#footer li a {
					font-size: 10px;
					color: #fff;
					border-color: #598097;
				}

				#footer li a:link,
				#footer li a:visited {
					color: #fff;
					border-color: #598097;
				}

				#footer li a:hover,
				#footer li a:active {
					color: #fff;
					border-color: #fff;
				}

/*
	Column system
*/

#subNavigationCol {
	float: left;
	width: 192px;
	min-height: 12px;
	height: auto !important;
	height: 12px;
	padding-right: 36px;
}

#leftCol {
	float: left;
	width: 414px;
	padding: 0 36px;
	overflow: hidden;
}

#rightCol {
	float: left;
	width: 414px;
	padding: 0 60px 0 0;
	overflow: hidden;
}

#wideMain {
	float: left;
	width: 672px;
	padding-right: 60px;
	overflow: hidden;
}

	#main {
		float: left;
		width: 468px;
		padding-right: 36px;
		overflow: hidden;
	}

	#sideBar {
		float: left;
		width: 168px;
		overflow: hidden;
	}

/*
	Dialog boxes
*/

.dialogBox {
 	padding: 10px;
 	margin-bottom: 10px;
 	background: #f4f4f4;
 	color: #666;
 }

.dialogSucces {
	background: #e4f0d8;
	color: #2c5301;
}

.dialogError {
	background: #fbe3e4;
	color: #8a1f11;
}

.dialogNotice {
	background: #fff6bf;
	color: #514721;
}

/* Pagination */

.pagination-wrap {
	width: 100%;
	overflow: hidden;
}

.pagination {
	float: left;
	position: relative;
	left: 50%;
}

.pagination ul {
	padding: 18px 0;
	overflow: hidden;
	position: relative;
	left: -50%;
}

.pagination li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	text-decoration: none;
	padding: 0;
	line-height: 15px;
	font-size: 12px;
	text-align: center;
}

.pagination li span {
	float: left;
	display: block;
	padding: 4px 5px;
	color: #ccc;
	min-width: 12px;
}

.pagination li.currentpage span {
	font-weight: 700;
	color: #000;
}

.pagination li.selected span {
	padding: 4px 5px;
	font-weight: 700;
	color: #000;
}

.pagination li a:link,
.pagination li a:visited {
	float: left;
	display: block;
	padding: 3px 4px;
	border: 1px solid #ddd;
	text-decoration: none;
	min-width: 12px;
}

li.ellipsis {
	margin: 0;
}

li.ellipsis span {
	color: #000;
}

.pagination li a:hover,
.pagination li a:active {
	background: #eee;
	border: 1px solid #bbb;
	color: #000;
}

.nextpage, .previouspage {
	font-size: 11px;
}

.pagination li.nextpage {
	margin-left: 10px;
}

.pagination li.previouspage {
	margin-right: 15px;
}

/* Forms */

label {
	font-size: 12px;
	font-family: Arial, sans-serif;
	display: block;
	padding: 4px 0;
}

input.input-text, input.inputText, input.text, input.input-password, input.inputPassword, input.password, textarea {
	font-size: 12px;
	font-family: Arial, sans-serif;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#fff));
	color: #999;
	border: 1px solid #ddd;
	padding: 3px;
	margin: 0;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

textarea {
	line-height: 1.5;
}

input:focus, textarea:focus {
	border-color: #999;
	background: #fff;
	color: #000;
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
	outline: none;
	border-color: rgba(4,157,217,.75);
	box-shadow: 0 0 6px rgba(4,157,217,.66);
	-moz-box-shadow: 0 0 6px rgba(4,157,217,.66);
	-webkit-box-shadow: 0 0 6px rgba(4,157,217,.66);
}

input.input-submit, input.inputSubmit, input.submit, button {
	font-size: 12px;
	font-family: Arial, sans-serif;
	color: #333;
	background: #f4f4f4;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	border: 1px solid #ccc;
	padding: 4px;
	cursor: pointer;
	overflow: visible;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

input.input-submit:hover, input.inputSubmit:hover, input.submit:hover, button:hover {
	background: #f4f4f4;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
	border: 1px solid #aaa;
}

input.input-submit:active, input.inputSubmit:active, input.submit:active, button:active {
	background: #e8e8e8;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff));
	border: 1px solid #aaa;
}

select, option {
	font-family: Arial, sans-serif;
	font-size: 12px;
}

input.inputCheckbox {
	float: left;
	margin: 3px 6px 3px 0;
}

form p.floatLeft {
	padding-right: 10px;
}

form p {
	padding-bottom: 6px;
}

.form-error, .formError {
	padding: 4px;
	margin: 3px 0;
	background: #fbe3e4;
	color: #8a1f11;
	display: block;
}

.form-success, .formSuccess {
	padding: 4px;
	margin: 3px 0;
	background: #e4f0d8;
	color: #2c5301;
	display: block;
}

/* Center anything */

.centerWidthlessWrap {
	width: 100%;
	overflow: hidden;
}

.centerWidthless {
	float: left;
	position: relative;
	left: 50%;
}

.centerWidthlessInner {
	position: relative;
	left: -50%;
}

/* General purpose classes */

.hidden { display: none; }
.block { display: block; }

.floatLeft { float: left; }
.floatRight { float: right; }

.noPadding { padding: 0; }
.paddingBottom { padding-bottom: 12px; }

.mute { color: #666; }

.clear { clear: both; }

/* Guillotine bug */

.guillotineBugFix {
	display: none;
}

/* Clearfix */

.clearfix:after, #header:after, #homeIntro:after, #content:after, #footer:after, .productList li:after, ul.productList:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}