html, body {margin: 0; border: 0; padding: 0; width: 100%; height: 100%; text-align: center; font-family: arial; color: #FFF; background: url(../gfx/frontend/bgWebsite.jpg) repeat-x; background-color: #000; font-size: 12px;}

img {border: 0;}

fieldset {margin: 0px; padding: 0px; border: 0px solid #FFF;}

p {margin: 0 80px 0 15px; padding: 0; color: #FFF; font-size: 11px;}

h1 {margin: 0 0 20px 15px; padding: 0; font-size: 14px; color: #FFF;}
h2 {margin: 0 0 3px; padding: 0; font-size: 16px; font-weight: bold; font-style: italic; color: white;}
h3 {margin: 0; padding: 0; font-size: 14px; font-weight: normal; color: white;}

.special {color: #a8d414;}
.clearIt {margin: 0px; padding: 0px; height: 30px; font-size: 0px; line-height: 0px; clear: both;}
.bold {font-weight: bold;}

.container {margin: 0 auto; padding: 0; width: 960px; position: relative; border: 1px solid white;}
	.top {margin: 0; padding: 0; background: url(../gfx/frontend/header.jpg) no-repeat; text-align: left; position: relative;}
		.top .informationBar {margin: 0; padding: 0; list-style-type: none; font-size: 11px; position: absolute; top: 64px; right: 8px;}
			.informationBar li {margin: 0; padding: 0; width: 176px; position: relative;}
			.informationBar a {margin: 0; padding: 2px 0 0 10px; background: url(../gfx/frontend/bgNav.jpg) repeat-x; text-decoration: none; color: #000; display: block; height: 18px; width: 176px;}
			.informationBar .header {margin: 0; padding: 2px 0 0 10px; height: 18px; width: 176px; background: url(../gfx/frontend/bgNavhead.jpg) repeat-x; color: white;}
	.header {}
		.header img {top: 7px; left: 38px; position: relative;}
		.tabs {margin: 0; padding: 0; list-style-type: none; position: absolute; left: 468px; top: 0px; right: 0px;}
			.tabs li {margin: 0; padding: 0; width: 163px; height: 30px; float: left; cursor: pointer;}
			.tabs .bikesexclusive {margin: 0; padding: 0; background: url(../gfx/frontend/tab_bikesexclusive.png) no-repeat;}
			.tabs .theboatshop {margin: 0; padding: 0; background: url(../gfx/frontend/tab_theboatshop.png) no-repeat;}
			.tabs .massagetafelshop {margin: 0; padding: 0; background: url(../gfx/frontend/tab_massagetafelshop.png) no-repeat;}
	.navigation {margin: 0; padding: 0; list-style-type: none; position: relative; width: 960px; height: 31px; background: url(../gfx/frontend/navbar.jpg) repeat-x;}
		.navigation li {padding: 0px; float: left; border-right: 1px solid #000; position: relative}
		.navigation li.first {padding-left: 40px; background: url(../gfx/frontend/house.png) no-repeat;}
		.navigation li.last {border-right: none;}
		.navigation a {padding: 7px 8px 9px 8px; margin: 0; color: #ffffff; text-decoration: none; font-size: 11px; display: block;}
		.navigation a:hover {background: url(../gfx/frontend/bgNavOver.jpg) }
		.navigation a.active {background: url(../gfx/frontend/bgNavOver.jpg) }
		.plus {margin: 0; padding: 0; color: #5a5a5a; font-family: "Trebuchet MS"; font-size: 24px; position: absolute; top: -1px; right: 4px;}
	.offers {margin: 0; padding: 0; height: 320px; position: relative; background: url(../gfx/frontend/bgOffers.jpg) no-repeat;}
		.categoriecontainer {margin: 0; padding: 0; position: relative; top: 20px; left: 16px; width: 190px;}
			.categoriecontainer ul {margin: 0; padding: 0; list-style-type: none; font-size: 11px;}
				.categoriecontainer li {margin: 0; padding: 0; width: 176px; position: relative;}
				.categoriecontainer a {margin: 0; padding: 2px 0 0 10px; background: url(../gfx/frontend/bgNav.jpg) repeat-x; text-decoration: none; color: #000; display: block; height: 18px; width: 176px;}
				.categoriecontainer .header {margin: 0; padding: 2px 0 0 10px; height: 18px; width: 176px; background: url(../gfx/frontend/bgNavhead.jpg) repeat-x; color: white;}
				.categoriecontainer .carthead {margin: 0; padding: 2px 0 0 10px; height: 18px; width: 176px; background: url(../gfx/frontend/carthead.jpg) no-repeat; color: white;}
				.categoriecontainer a.checkout {padding: 2px 0 0 60px; margin: 10px 0 0 0; color: #bf292a; font-size: 12px; width: 126px; height: 18px;}
				.categoriecontainer a.cartli, .categoriecontainer a.cartli:hover {margin: 0; padding: 2px 0 0 10px; background: url(../gfx/frontend/bgNav.jpg) repeat-x; text-decoration: none; color: #000; display: block; height: 18px; width: 176px;}
				.categoriecontainer a.total, .categoriecontainer a.total:hover {padding: 6px 0 6px 10px; color: #fff; font-size: 12px; background: url();}
				.categoriecontainer a.subcategory {background: url(); background-color: #262626; color: #fff;}
				.categoriecontainer a:hover {background: url(../gfx/frontend/bgNavhead.jpg) repeat-x; color: white;}
				.categoriecontainer a.deleteItem {width: 16px; z-index: 90; position: absolute; top: 0px; right: 1px;}
				.categoriecontainer a.deleteItem:hover {background: none}

		.offercontainer {margin: 0; padding: 0; position: absolute; top: 18px; left: 530px; width: 420px;}
			.offer {margin: 0 0 20px 0; padding: 4px 8px 8px 8px; background: url(../gfx/frontend/bgOffer.png) no-repeat; width: 406px; height: 64px; font-size: 11px; color: white;}
			.offer img {margin: 0 10px 0 0; float: left;}
			.offer p {margin: 0;}
			.offerprice {margin: 3px 0 2px 0; padding: 0; font-size: 14px; font-weight: bold; color: red; display: block;}
	.colorbar {margin: 0; padding: 0; background: url(../gfx/frontend/colorbar.jpg); width: 961px; height: 5px;}
	.content {margin: 0 0 0 0; padding: 0; background-color: #000;}
		.content p {margin: 0 0 20px 0; padding: 0px;}
		.leftcolumn {margin: 0; padding: 0; width: 260px; float: left;}
		.rightcolumn {margin: 0 0 0 260px; padding: 40px 0 20px 0; color: white;}
			.rightcolumn a {color: #FFF; text-decoration: underline;}
		.rightcolumn h1 {margin: 20px 0 20px 0; padding: 0; font-size: 20px;}
		#productDetails {margin: 0; padding: 0px;}
			#imagecontainer {margin:0; padding: 0; width: 300px; height: 300px; float: left;}
			#productSpecContainer {margin: 0; padding: 0 20px; width: 300px; height: 300px; float: left; background: #262626; position: relative;}
				#productSpecs {margin: 0; padding: 0; width: 380px; }
				#productSpecs label {width: 100px; display: block; float: left;}
				#productSpecs H3 {margin: 50px 0 0 0; font-size: 14px; font-weight: bold;}
					#orderSpecs {margin: 20px 0; padding: 0; font-size: 12px;}
						#orderSpecs select {margin: 0 0 12px 0; width: 160px;}
				#productPrice {margin: 0; padding: 0; width: 132px; height: 127px; background: url(../gfx/frontend/ster.png) no-repeat; font-size: 12px; position: absolute; top: -36px; right: -50px; color: #000;}
					.actionPriceContainer {margin: 50px 0; text-align: center;}
					.actionPrice {margin: 0; padding: 0; font-size: 18px; font-weight: bold; color: #CC0000}
					.euroCent {margin: 0; padding: 2px; font-size: 12px; vertical-align:top; color: #CC0000}
				.importantButton {margin: 10px 0 0 0; padding: 5px 0 0 8px; color: #cc0000; text-decoration: none; font-size: 13px; font-weight: bold; width: 200px; height: 31px; background: url(../gfx/frontend/orderButton.jpg) no-repeat; display: block;}
				.importantPrintButton {margin: 12px 0 0 0; padding: 5px 0 0 8px;color: #CC0000; text-decoration: none; font-size: 13px; font-weight: bold;  width: 200px; height: 31px; background: url(../gfx/frontend/orderButton.jpg) no-repeat; display: block;}
				.importantButton:hover { text-decoration: underline;}
				.importantPrintButton:hover { text-decoration: underline;}
		.productProps {margin: 0; padding: 20px; width: 600px; background: #262626;}
			.productPropsContent p {}
			.productProps h2 {margin: 0 0 10px 0; padding: 0;}
			.infoButton {margin: 10px 0 0 0; padding: 5px 0 0 8px; color: #cc0000; text-decoration: none; font-size: 13px; font-weight: bold; width: 200px; height: 31px; background: url(../gfx/frontend/orderButton.jpg) no-repeat; display: block;}
			
		.overviewProduct {margin: 20px 0; padding: 20px; width: 600px; background: #161616;}
			.overviewProduct h2 {margin: 0 0 10px 0; padding: 0;}
		
		.offerlist {margin: 0; padding: 0; list-style-type: none; left: 6px; top: 32px; position: relative;}
			.offerlist li {margin: 14px 16px 14px 0; padding: 10px 5px 0 5px; width: 282px; height: 160px; background-color: #262626; float: left; position: relative; color: white;}
				.contentoffer {margin: 0px; border: 0; padding: 0; position: absolute; top: 8px; left: 4px; height: 160px;}
				.contentoffer a {margin: 0; text-decoration: none; color: white; display: block;}
				.contentoffer a:hover {text-decoration: underline;}
				.contentoffer span {font-size: 12px;}
				.contentoffer p {margin: 16px 0 0 0; padding: 0; font-size: 11px;}
				.productInfo {height: 100px; overflow: hidden;}
				.contentoffer img {margin: 8px 6px 0 0; float: left; border: 1px solid #3eba7b;}
				.contentoffer .star {border: none; position: absolute; top: -66px; left: 194px;}
				.contentoffer .startext {margin: 0; padding: 0; display: block; position: absolute; top: -12px; left: 238px; color: #000; font-weight: bold; width: 100%;}
				.contentoffer .starprice {margin: 0; padding: 0; display: block; position: absolute; top: 2px; left: 226px; color: #ff0000; font-weight: bold; font-size: 17px; width: 65px; text-align: center;}
				.contentoffer .moreinfo {position: absolute ; left: 160px; bottom: 12px; width: 100px}
	
	.checkOut {margin: 40px 20px 20px 20px; color: #FFF; font-size: 12px;}
		.checkOut h1 {margin: 20px 0 20px; font-size: 18px;}
		.checkOut h2 {margin: 0px 0 10px; font-size: 14px;}
			.checkOut ul {margin: 0; padding: 0px; list-style-type: none;}
				.checkOut li {margin: 4px 0; padding: 0px;}
				.checkOut select {margin-right: 20px;}
				.checkOut li a {color: #FFF; font-size: 12px; text-decoration: none;}
				.checkOut li a:hover {color: #FFF; font-size: 12px; text-decoration: underline;}
		#orderDetails {margin: 0px; padding: 20px; background: #262626}
		.priceShoppingcart {float: right; display: block;}
			.deletItem {float: right; }
		.iconCard {margin: 0px 200px 0px 12px; float: right;}
		.priceText {text-align: right; padding: 0 200px 0 0; display: block}
		a.steps1 {float: left; text-align: center;}
		a.steps2 {float: right; margin-right: 190px; text-align: center;}
		a.steps3 {float: right; margin-right: 244px; text-align: center;}
		
	#orderForm {margin: 20px 0 0 0; widht: 500px;}
		.formrow {margin: 4px 0;}
		.formrow label {width: 260px; float: left; display: block;}
		.formrow .long {width: 360px;}
		.formrow select {width: 364px;}
		.validationerror {color: #CC0000;}
		
	.minHeight {width: 1px; height: 240px; float: left; }
	
	.productDetailsContent {padding: 20px;}