@CHARSET "UTF-8";

html, body {
	background-color: #1C1C1C;
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-family: arial, verdana, sans;
	font-size: 12px;
	color: #cccbcb;
	text-align: center;
	height: 100%;
}

.siteMap { padding: 10px; }
.siteMap ul { margin-left: 20px; padding: 10px 0px; }

img { padding: 0px; margin: 0px; border: 0px; }

body {
	background-image: url(/images/site/bg.gif);
	background-repeat: repeat-x;
}

div#container {
	width: 895px;
	margin: 0 auto;
	padding: 0px 31px;
	text-align: left;
}

/* general classes */
.headerOrange { color: #FF961D; }
.headerRed { color: #e00000; }
.orange { color: #ff7905; }
.bold	{ font-weight: bold; }
.nobr { white-space: nowrap; }
.underline { text-decoration: underline; }
.hide { display: none; }
.show { display: block; }
.left { position: relative; float: left; }
.right { position: relative; float: right; }

.listMessages { display: none; }

a {	color: #cccbcb; cursor: pointer; }

a#discountBanner_left { display: block; float: left; width: 359px; height: 262px; }
a#discountBanner_right { display: block; float: Right; width: 359px; height: 262px; background-position: -359px 0;}
a#homeBanner { display: block; width: 718px; height: 239px; background-position: 0 -239px; }

.btnArrowUp 	{ display: block; width: 17px; height: 18px; background: url(/images/site/shop-buttons.png) -82px -39px; }
.btnArrowLeft 	{ display: block; width: 17px; height: 18px; background: url(/images/site/shop-buttons.png) -48px -39px; }
.btnArrowRight  { display: block; width: 17px; height: 18px; background: url(/images/site/shop-buttons.png) -65px -39px; }

a.backToTop { display: block; text-decoration: none; font-weight: bold; position: absolute; right: 10px; top: 18px; }
.backToTop .text { position: relative; float: left; }
a.backToTop .btnArrowUp { position: relative; float: left; }
/* header */
div#header {
	position: relative;
	height: 187px;
	width: 100%;
}

/* header-logo */
	#header div#rudexLogo {
		background: url(/images/site/logo.gif);
		position: absolute;
		left: 16px;
		top: 24px;
		width: 200px;
		height: 104px;
	}
		#rudexLogo a { display: block; width: 200px; height: 104px; }

/* header main menu */
	#header div#mainMenu { position: absolute; width: 625px; height: 76px; bottom: 36px; left: 228px; }

	#mainMenu ul { position: absolute; list-style-type: none; margin: 0px; padding: 0px; display: block; }
	#mainMenu ul.firstRow { left: 0px; bottom: 0px; z-index: 20; }
	#mainMenu ul.secondRow { left: 79px; bottom: 0px; z-index: 10; }
	#mainMenu li { position: relative; float: left; bottom: 0px;}
	#mainMenu ul.firstRow li { height: 38px; width: 150px; margin: 0px 3px 0px 2px; }
	#mainMenu ul.secondRow li { height: 77px; width: 150px; margin: 0px 1px;}
	#mainMenu a { display: block; background: url(/images/site/buttons.png); }
	#mainMenu a:hover { display: block; background-position: 0px -80px; }
	#mainMenu a span { display: block; font-size: 0px; line-height: 0; width: 150px; height: 38px; background: url(/images/site/buttons.png); }
	#mainMenu li.itemOn a {  background: url(/images/site/buttons.png) 0px -80px; }

	#mainMenu ul.firstRow a { width: 150px; height: 38px; }
	#mainMenu a.cardio span { background-position: -300px 0px; }
	#mainMenu a.krachtsport span { background-position: -300px -40px; }
	#mainMenu a.voeding span { background-position: -300px -80px; }

	#mainMenu ul.secondRow a { width: 150px; height: 77px; }
	#mainMenu a.fietssport span { background-position: -150px 0px; }
	#mainMenu a.accesoires span { background-position: -150px -40px; }
	#mainMenu a.gezondheid span { background-position: -300px -120px; }
	#mainMenu a.diversen span { background-position:   -150px -80px; }
	#mainMenu a.vechtsport span { background-position: -150px -120px; }

/* header shoppingcart*/
	#header div#shoppingCart { position: absolute; width: 385px; height: 39px; top: 0px; left: 343px; }

	#shoppingCart ul { position: absolute; list-style-type: none; margin: 0px; padding: 0px; display: block; }
	#shoppingCart li { position: relative; float: left; }
	#shoppingCart a span.img{ display: block; background: url(/images/site/shop-buttons.png); }
	#shoppingCart a.myShoppingCart span { display: block; background: url(/images/site/shop-buttons.png) 0px 0px; width: 125px; height: 39px; }
	#shoppingCart a.myPayment span { display: block; background: url(/images/site/shop-buttons.png) -272px 0px; width: 112px; height: 39px; }
	#shoppingCart a:hover { text-decoration: none; }
	#shoppingCart a.myCartInfo span.img {
		display: block;
		background-position: -125px 0px;
		padding: 3px 0px 0px 12px;
		width: 135px;
		height: 36px;
		font-weight: bold;
		text-decoration: none;
		cursor: default;
	}

/* header searchBar*/
	#header div#searchBar {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 893px;
		height: 34px;
		border: 1px solid #333;
		border-bottom: 1px solid #464444;
		background: url(/images/site/searchbar.gif) repeat-x;
	}

	ul#topNavigation, ul#bottomNavigation
		{ list-style-type: none; padding: 0px; margin: 12px 7px; }
	#topNavigation a, #bottomNavigation a  {
		display: block;
		position: relative;
		top: -3px;
		font-weight: bold;
		color: #313131;
		text-decoration: underline;
	}
	#topNavigation a.itemOn, #bottomNavigation a.itemOn  { color: #FF961D; }
	#topNavigation li.last, #bottomNavigation li.last { border: none; }
	#topNavigation li, #bottomNavigation li {
		position: relative;
		float: left;
		color: #313131;
		border-right: 1px solid #313131;
		padding: 0px 4px;
		margin: 0px;
		height: 12px;
	}

	#searchBar form {
		background: url(/images/site/searchbar.gif) 0px -34px;
		width: 318px;
		height: 26px;
		position: absolute;
		left: 496px;
		top: 4px;
	}
	#searchBar input.searchInput  {
		position: absolute;
		top: 4px;
		background : none;
		border: none;
		font-family: arial, verdana;
		font-size: 11px;
		font-weight: bold;
		color: #8A8A8A;
		margin: 0px 5px;
		padding: 2px 2px;
		width: 223px;
	}
	#searchBar input.searchSubmit {
		background: none;
		border: none;
		padding: 0px;
		position: absolute;
		cursor: pointer;
		height: 24px;
		width: 76px;
		top: 1px;
		left: 241px;
	}

/* main */
div#main {
	clear: both;
	position: relative;
	float: left;
	background: url(/images/site/main-bg.gif) repeat-y;
	width: 895px;
	padding: 0px 1px;
	left: 0px;
	height: 100%;
}

	/* left bar */
	div#leftBar {
		position: relative;
		float: left;
		top: 0px;
		left: 0px;
		width: 170px;
		height: 100%;
	}

	#leftBar ul { list-style-type: none; padding: 0px; margin: 0px; }

	#leftBar div#logos {
		width: 169px;
		height: 64px;
		background: url(/images/site/leftbar-logos.gif);
		margin-top: 20px;
		margin-bottom: 226px;
	}

	#leftBar .menuHeader { display: block; padding-top: 15px; font-weight: normal; font-size: 18px;}
	#leftBar div.shopSubMenu,
		#leftBar div.aboutMenu { margin-left: 10px; }
	#leftBar div.shopSubMenu li { padding: 0px; margin: 0px;}
	#leftBar div.shopSubMenu a, #leftBar div.aboutMenu a { text-decoration: underline; }
	#leftBar div.shopSubMenu li.itemOn a,
	   #leftBar div.shopSubMenu a.itemOn { color: #FF961D; }

	#leftBar div.shopSubMenu ul ul ul {
		margin-left: 10px;
	}

/* breadcrumbs */
	#main div#breadcrumbs {
		position: relative;
		float: left;
		left: 5px;
		margin-top: 4px;
		height: 20px;
		width: 713px;
		font-size: 11px;
		font-weight: bold;
		color: #ff7805;
	}
		#breadcrumbs a {	font-size: 11px; font-weight: bold; text-decoration: underline; }

	/* main content */
	#main div#content {
		position: relative;
		height: auto !important;
		height: 1px;
		float: left;
		width: 718px;
		background: #373636;
		border-right: #3A3939;
		margin-left: 4px;
	}

		#content h1.pageTitle { margin: 0px; color: #ff7805; font-size: 30px; padding: 5px 0px 10px 10px;}
		#content div.block { width: 708px; height: 100%; }
		#content div.separator { height: 1px; width: 674px; margin-left: 14px; background: #4B4B4B;}
		#content h2.title {
			margin-left: 14px;
			width: 674px;
			color: #ff7805;
			font-size: 12px;
			font-weight: bold;
			padding: 12px 0px 12px 0px;
		}

	#main div#productsBar {
		position: relative;
		float: right;
		margin: 5px 0px 0px 0px;
		width: 718px;
		height: 181px;
		right: 2px;
	}

	div.productsbarContainer { position: relative; width: 345px; height: 140px; overflow: hidden; }

	div#slideshow { position: absolute; height: 140px; white-space: nowrap; }

	a.slideScrollLeft, a.slideScrollRight {
		position: absolute; display: block; width: 17px; height: 18px; top: 12px; margin-left: 10px; background: #fff;
	}
	a.slideScrollLeft  { left: 250px; background:transparent url(/images/site/shop-buttons.png) repeat scroll -48px -39px; }
	a.slideScrollRight { left: 280px; background:transparent url(/images/site/shop-buttons.png) repeat scroll -65px -39px; }

		#productsBar div#recentProducts,
		  #productsBar div#relatedProducts {
			position: relative;
			float: left;
			width: 345px;
			height: 170px;
			padding: 5px;
		}

			.productsBarProduct { position: relative; float: left; margin-right: 4px; margin-top: 3px; }
			.productsBarLink {
				display: block;
				position: absolute;
				width: 97px;
				height: 18px;
				text-decoration: none;
				padding-right: 15px;
				padding-top: 1px;
				bottom: -22px;
				font-weight: bold;
				font-size: 14px;
				background: #1c1c1c;
			}
			.productsBarLink:hover { text-decoration: none; }
			.productsBarLink span { display: block; position: relative; float: right;}
			#recentProducts div.shopImage,
				#relatedProducts div.shopImage { width: 102px; height: 102px; padding: 5px; background: #fff; }
			#recentProducts .image,
				#relatedProducts .image	 { display: block; width: 102px; height: 102px; }
			#recentProducts div.productRowLast,
				#relatedProducts div.productRowLast{ margin-bottom:0; margin-right:0; }

		#productsBar div#recentProducts {
			background: #373636;
			border-right: 1px solid #2A2A2A;
			border-bottom: 1px solid #212121;
		}
			#recentProducts .lastVisitedProduct {
				position: relative;
				float: left;
				width: 112px;
				height: 112px;
			}
		#productsBar div#relatedProducts {
			left: 6px;
			background: #5D5C5C;
			border-right: 1px solid #424242;
			border-bottom: 1px solid #292929;
		}

		#productsBar .productsBarTitle {
			width: 328px;
			height: 20px;
			background: url(/images/site/titlebars.gif);
			font-weight: bold;
			font-size: 17px;
			color: #fff;
			padding: 6px 8px;
		}
		#relatedProducts .gradientBG { color: #ff7805; background: #373636; }

div#footer {
	clear: both;
	position: relative;
	margin: 0px 0px 10px 0px;
	top: 3px;
	border: 1px solid #333;
	border-bottom: 1px solid #252525;
	bottom: 0px;
	height: 76px;
	width: 893px;
}

	#footer div#footerBar {
		position: absolute;
		top: 0px;
		width: 893px;
		height: 34px;
		background: url(/images/site/searchbar.gif) repeat-x;
	}

		#footerBar ul#bottomNavigation { list-style-type: none; padding: 0px; margin: 8px auto; width: 380px; }

	#footer div#footerContent {
		background: url(/images/site/footer-bg.gif) repeat-x;
		position: absolute;
		bottom: 0px;
		width: 893px;
		height: 39px;
		padding-top: 10px;
		border-bottom: 1px solid #292929;
		text-align: center;
	}

		  ul#serviceMenu { list-style-type: none; margin: 0px; padding: 0px; }
			#serviceMenu li { display: inline; }
			#serviceMenu a { color: #ff7905; text-decoration: underline; padding: 0px 5px; border-right: 1px solid #ff7905;}
			#serviceMenu li.last a { border: none; }

/* global buttons */
span.buttonRight {
	background: url(/images/site/buttons.png);
}

form#contactForm table { width: 356px; }
form#contactForm textarea { height: 100px; }
form#contactForm input.submit {
	background:transparent url(/images/site/shop-buttons.png) no-repeat scroll -183px -39px;
	font-weight: bold;
	font-family: arial,verdana;
	border: 0px;
	width: 95px;
	height: 25px;
	text-align: left;
	vertical-align: text-top;
	padding: 0px;
	padding-left: 2px;
	color: #fff;
}