/* =========================== */
/*  BLACK SHUTTLE WEBSITE      */
/*  VERSIE 1.0.00              */
/*  2008 KW 3                  */
/* =========================== */
/*  © 2008 LuSaneT Group       */
/*  www.lusanet.nl             */
/* =========================== */
/*  Pagina's BS-website        */
/*  includes/pages.css         */
/* =========================== */

/* === HOMEPAGE === */
	.homepagePhotos {
		width: 700px;
		clear: both;
		float: left;
		text-align: center;
	}
	
	.homepagePhotos img {
		margin: 17px;
		border: 2px solid #C00000;
	}
	
	#marquee {
		overflow: hidden;
		clear: both;
		float: none;
		vertical-align: top;
	}
	
	#marquee img {
		margin-right: 10px;
	}
	
	.conspicuous {
		clear: both;
		float: left;
		width: 700px;
		margin-bottom: 20px;
		margin-top: 20px;
		background-color: #BD0000;
		color: #FFFFFF;
		font-weight: bold;
		text-align: center;
		line-height: 24px;
	}
	
/* == CONTACT === */
	.contactTitle {
		clear: none;
		float: left;
		width: 90px;
		padding-bottom: 2px;
		padding-top: 2px;
		font-weight: bold;
	}
	
	.contactValue {
		clear: none;
		float: left;
		width: 200px;
		padding-bottom: 2px;
		padding-top: 2px;
	}
	
/* === PRODUCTEN === */
	#producten {
		clear: both;
		float: none;
		margin: 20px;
	}
	
	#producten .item {
		clear: none;
		float: left;
		width: 150px;
		height: 18px;
		margin: 8px;
		padding-top: 112px;
		background-color: #C00000;
		background-position: 0px 0px;
		background-repeat: no-repeat;
		color: #FFFFFF;
		font-weight: bold;
		text-align: center;
		cursor: pointer;
	}
	#producten .item:hover {
		background-color: #F00000;
	}
	
/* === RACKETS === */
	#rackets {
		clear: both;
		float: none;
		width: 700px;
		margin-top: 20px;
	}

	#rackets .item, #rackets .itemEmpty {
		clear: none;
		float: left;
		width: 150px;
		height: 128px;
		margin-right: 8px;
		margin-bottom: 20px;
		padding-left: 190px;
		border: 1px solid #800000;
		background-position: left top;
		background-repeat: no-repeat;
		cursor: pointer;
		text-align: left;
	}
	
	#rackets .item h2 {
		margin: 0px;
		padding-top: 5px;
		padding-bottom: 10px;
		color: #C00000;
		font-size: 12pt;
		font-weight: bold;
	}
	#rackets .item:hover h2 {
		text-decoration: underline;
	}
	
	#rackets .itemEmpty {
		padding-left: 192px;
		border: 0px;
		cursor: default;
	}
	
/* === KNIGHTTRAINER === */
	#knighttrainer object {
		margin: 30px;
	}
	
/* === RACKETSERIES === */
	#racketseries  {
		clear: both;
		float: none;
		width: 700px;
	}
	
	#racketseries .racket {
		clear: none;
		float: left;
		width: 200px;
		padding-bottom: 15px;
		margin: 15px;
		border: 1px solid #C00000;
		background-image: url('../illustrations/rackets_background.jpg');
		background-position: 0px 500px;
		background-repeat: no-repeat;
	}
	
	#racketseries .racket .name {
		clear: both;
		float: none;
		width: 200px;
		height: 20px;
		background-color: #C00000;
		color: #FFFFFF;
		font-size: 11pt;
		font-weight: bold;
		text-align: center;
	}
	
	#racketseries .racket .image {
		clear: both;
		float: none;
		width: 200px;
		height: 500px;
		margin-bottom: 15px;
		border-bottom: 1px solid #C00000;
		background-color: #FFFFFF;
		background-position: center center;
		background-repeat: no-repeat;
	}
	
	#racketseries .racket .price, .priceBanner {
		clear: both;
		float: right;
		width: 150px;
		margin-right: -20px;
		margin-top: -70px;
		padding-bottom: 25px;
		padding-top: 20px;
		background-color: transparent;
		background-image: url('../images/racketseries_price.gif');
		background-position: 0px 0px;
		background-repeat: no-repeat;
		font-size: 12pt;
		font-weight: bold;
		text-align: center;	
	}
	
	#racketseries .racket .title {
		clear: none;
		float: left;
		width: 85px;
		margin-left: 5px;
		padding-bottom: 2px;
		padding-top: 2px;
		font-weight: bold;
		text-align: left;
	}
	
	#racketseries .racket .value {
		clear: none;
		float: left;
		width: 110px;
		padding-bottom: 2px;
		padding-top: 2px;
		text-align: left;
	}
	
/* === BAGS === */
	#bags  {
		clear: both;
		float: none;
		width: 700px;
	}
	
	#bags .bag {
		clear: none;
		float: left;
		width: 550px;
		margin: 15px;
		margin-left: 75px;
		border: 1px solid #C00000;
		background-image: url('../illustrations/rackets_background.jpg');
		background-position: 0px 250px;
		background-repeat: repeat-x;
	}
	
	#bags .bag p {
		padding: 5px;
		text-align: left;
	}
	
	#bags .bag .image {
		clear: both;
		float: none;
		width: 550px;
		height: 250px;
		border-bottom: 1px solid #C00000;
		background-color: #FFFFFF;
		background-position: center center;
		background-repeat: no-repeat;
	}
	
	#bags .bag .price {
		clear: both;
		float: right;
		width: 150px;
		margin-right: -20px;
		margin-top: -55px;
		padding-bottom: 25px;
		padding-top: 20px;
		background-color: transparent;
		background-image: url('../images/racketseries_price.gif');
		background-position: 0px 0px;
		background-repeat: no-repeat;
		font-size: 12pt;
		font-weight: bold;
		text-align: center;	
	}

/* === INFORMATIE === */
	.infoArticleTitle {
		color: #C00000;
		font-style: italic;
	}
	
/* === ACCESOIRES ==== */
	#accessoires {
		clear: both;
		float: none;
		width: 700px;
	}
	
	#accessoires .accessoire {
		clear: none;
		float: left;
		width: 300px;
		border: 1px solid #C00000;
		margin: 22px;
	}
	
	#accessoires .accessoire ul {
		padding-left: 25px;
		padding-right: 5px;
		list-style-type: square; 
	}
	#accessoires .accessoire li {
		padding-bottom: 4px;
	}
	
	#accessoires .accessoire .name {
		clear: both;
		float: none;
		width: 300px;
		height: 20px;
		background-color: #C00000;
		color: #FFFFFF;
		font-size: 11pt;
		font-weight: bold;
		text-align: center;	
	}
	
	#accessoires .accessoire .image {
		clear: both;
		float: none;
		width: 300px;
		height: 150px;
		border-bottom: 1px solid #C00000;
		background-color: #FFFFFF;
		background-position: center center;
		background-repeat: no-repeat;
	}
	
	#accessoires .accessoire .description {
		clear: both;
		float: left;
		width: 300px;
		background-image: url('../illustrations/rackets_background.jpg');
		background-position: 0px 0px;
		background-repeat: repeat-x;
	}
	
	#accessoires .accessoire .price {
		clear: both;
		float: right;
		width: 150px;
		margin-right: -20px;
		margin-top: -65px;
		padding-bottom: 25px;
		padding-top: 20px;
		background-color: transparent;
		background-image: url('../images/racketseries_price.gif');
		background-position: 0px 0px;
		background-repeat: no-repeat;
		font-size: 12pt;
		font-weight: bold;
		text-align: center;	
	}
	
/* === VERENIGINGEN === */	
	.verenigingenActies {
		clear: both;
		float: left;
		width: 650px;
		margin: 20px;
		padding: 10px;
		border: 2px solid #C00000;
		background-color: #A0A0A0;
	}
	
	.verenigingenBalloon {
		clear: both;
		float: right;
		width: 150px;
		margin-right: -20px;
		margin-top: -55px;
		padding-bottom: 40px;
		padding-left: 25px;
		padding-top: 30px;
		padding-right: 25px;
		background-color: transparent;
		background-image: url('../images/verenigingen_actie.gif');
		background-position: 0px 0px;
		background-repeat: no-repeat;
		font-size: 11pt;
		font-weight: bold;
		text-align: center;	
	}