/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

html, body {
	height: 100%; /* belangrijk */
}

body {
  font-family: Verdana,arial,sans-serif;
  font-size: 12px;
  background: #888 url(images/bizzare/bizzare_back.jpg) top center fixed;
  margin: 0;
}

img {
	image-rendering: -moz-crisp-edges !important;
    image-rendering: -o-crisp-edges  !important;
    image-rendering: -webkit-optimize-contrast !important;
    -ms-interpolation-mode: nearest-neighbor !important;
}

#body-container {
    border-left: 15px solid #000;
    border-right: 15px solid #000;
    color: #000;
    width: 850px;
    margin: 0 auto;
    text-align: center;
  
    min-height:100%;
    height:auto !important;
    height:100%;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #09c;
  font-weight: bold;
  text-decoration: underline;
}

.header {
	background-color: #ccc;
}

.content {
	background-color: #ccc;
}

form {
	display: inline;
}

/********** HEADER **********/

#header {
  background: #888 url('images/bizzare/header05.jpg') bottom center no-repeat;
  width: 850px;
  margin: auto;
  height: 200px;
  text-align: left;
  /*position: fixed;*/
}

/********** LANGUAGE BOX **********/

#header #language {
	position: relative;
}

#header #language .header {
	display: none;
}

#header #language .content {
	position: absolute;
	top: -29px;
	right: -39px;
	width: 24px;
}

#header #language .content .infoBoxContents {
	background-color: #888;
}

#header #language .content img {
	margin-bottom: 5px;
}

/********** SEARCH **********/

#header #search {
	position: relative;
	z-index: 1;
}

#header #search .header {
	display: none;
}

#header #search .content {
	background: transparent;
	position: absolute;
	width: 300px;
	top: 120px;
}

#header #search .infoBoxContents {
	background: transparent;
}

/********** REVIEWSBOX ***********/

.infoBoxHeading a{
	color: #fff;
}

.infoBoxHeading a:hover {
	color: #09c;
}

/********** MAIN **********/

#main {
  width: 850px;
  margin: auto;
  text-align: left;
}

	#main .header_image img {
		border: 2px solid #000;
	}
	
	#main .warning_message {
		font-size: 12px;
		font-weight: bold;
	}

#shop {
	width: 650px;
	border: 5px solid #000;
	font-size: 12px;
}

	#shop table {
		font-size: 12px;
	}

	#shop td {
		vertical-align: top;
		text-align: left;
	}

	#shop .left {
		width: 210px;
	}
	
	#shop .right {
		width: 350px;
	}

	#shop a {
		border: 3px solid #333;
		display: block;
	}
	
		#shop .left a {
			width: 210px;
		}
		
		#shop .right a {
			width: 360px;
			margin-left: 20px;
		}
		
		#shop #newsflash td {
			height: 250px;
			border-bottom: 5px solid #000;
		}
		
			#shop #newsflash td #youtube {
				margin: 10px 0 0 10px;
			}
		
		#shop #extra_open {
			margin-bottom: 10px;
			height: 250px;
			width: 320px;
		}
		
			#shop #extra_open span.header {
				font-size: 16px;
				font-weight: bold;
				color: #fff;
				background-color: transparent;
			}
			
			#shop #extra_open li {
				list-style-type: none;
				margin-left: 10px;
				margin-bottom: 3px;
				float: left;
				clear: left;
				color: #fff;
			}
				#shop #extra_open li span {
					float: left;
					width: 150px;
				}
	
		
		#shop #top_right {
			padding-top: 20px;
		}
		
		#shop #center_left {
			padding-left: 5px;
			width: 290px;
		}
		
		#shop #bottom_right {
			padding-top: 20px;
		}
	
		#shop a:hover {
			border: 3px solid #fff;
		}

#product_main {
	border: 10px solid #000;
}

#product {
	border: 3px solid #333;
}

#product #product_image a {
	float: right;
	display: block;
	border: 3px solid #333;
}

#product #product_image a:hover {
	border: 3px solid #fff;
}

#product #product_image a img {
	padding: 0;
	margin: 0;
}

#product_description {
	
}

#product_details {
	
}

/********** MENU **********/

#menu {
  	float: left;
	margin-left: 25px;
	width: 125px;
}

#menu #new,
#menu #special,
#menu #search,
#menu #cart,
#menu #whatisthis,
#menu #orderhistory,
#menu #bestsellers,
#menu #tellafriend,
#menu #currencies,
#menu #manufacturerbox {
	border: 1px solid #aaa;
	margin: 5px 0;
}

/*********** new products box in the menu **********/

#menu #new #new_product {
	display: block;
	border: 3px solid #fff;
	float:left;
	margin-left: 5px;
}

#menu #new a#new_product:hover {
	border: 3px solid #888;
}

#new_products {
	border: 5px solid #000;
}
/*********** new products box in the main content **********/
#content .new_product {
	display: block;
	border: 3px solid #000;
}

#content a.new_product:hover {
	border: 3px solid #fff;
}

/********** category pictures in the main content **********/

#categories {
	border: 5px solid #000;
}

#categories td{
	border: 3px solid #000;
	background-color: #fff;
}

/********** pictures in the review box **********/
#review_box td.review_image {
	border: 3px solid #000;
	background-color: #fff;
}

/********** CONTENT **********/

#content {
	margin-left: 175px;
	width: 650px;
}

#content .infoBoxContents td {
	background-color: #888;
}

#content tr.payment_option_row {
	height: 50px;
}

/* review image */

#content #review_image img {
	border: 3px solid #000;
}

/********** Product listing **********/

#product_overview tr.productListing-even td,
#product_overview tr.productListing-odd td{
	border-bottom: 3px solid #000;
}

tr.productListing-even td .product_image ,
tr.productListing-odd td .product_image {
	border: 3px solid #000;
	display: block;
	float: left;
	margin-top: -12px;
}

tr.productListing-even td a.product_image:hover ,
tr.productListing-odd td a.product_image:hover {
	border: 3px solid #888;
}

/* contact us */

#contact_us img {
	float: right;
	border: 3px solid #000;
}

#contact_us label {
	float: left;
	width: 100px;
}

#contact_us input {
	width: 180px;
}

#contact_us textarea {
	width: 180px;
	height: 202px;
}

/********** FOOTER ***********/

#footer {
	position: relative;
	background: url('images/bizzare/footer3.jpg') top center no-repeat;
  	clear: both;
  	width: 850px;
	height: 100px;
  	margin: auto;
    padding-top:11px;
    text-align: left;
}

#footer #date {
	font-size: 9px;
    font-weight: bold;
	position: absolute;
}

#footer #date {
	left: 50px;
}

#footer #info {
	text-align: center;
	margin: 20px auto;
	font-size: 9px;
}

#footer #info a{
	font-size: 11px;
	font-weight: bold;
}

#footer #info li {
	display: inline;
	list-style: none;
	margin: 0 5px;
}

#footer #copyright {
	text-align: center;
	margin: 10px auto;
	font-size: 9px;
	
}

/********** EXTRA IMAGES *********/

#extra_images {
	background-color: #888;
	border-left: 10px solid #000;
	border-right: 10px solid #000;
	border-bottom: 10px solid #000;
}

	#extra_images .infoBoxContents {
		background-color: #888;
		border:3px solid #333333;
	}
	
	#extra_images .infoBoxContents a {
		background-color: #888;
		display: block;
		border:3px solid #333333;
		width: 116px;
	}
	
	#extra_images .infoBoxContents a:hover {
		border:3px solid #fff;
	}

/********** REST **********/

tr.headerNavigation {
  background: #000;
  height: 15px;
}

td.headerNavigation {
  font-family: Verdana, arial, sans-serif;
  font-size: 10px;
  background: #000;
  color: #fff;
  font-weight : bold;
}

a.headerNavigation {
  color: #fff;
}

a.headerNavigation:hover {
  color: #fff;
}

tr.headerError {
  background: #f00;
}

td.headerError {
  font-family: Tahoma, Verdana, arial, sans-serif;
  font-size: 12px;
  background: #f00;
  color: #fff;
  font-weight : bold;
  text-align : center;
}

tr.headerInfo {
  background: #0f0;
}

td.headerInfo {
  font-family: Tahoma, Verdana, arial, sans-serif;
  font-size: 12px;
  background: #0f0;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

td.footer {
  font-family: Verdana, arial, sans-serif;

}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, arial, sans-serif;
  font-size: 10px;
}


#menu td.infoBoxHeading {
  font-family:Verdana,arial,sans-serif;
  font-size:10px;
  font-weight:bold;
  background: #000;
  color: #ffffff;
  text-align: center;
}

tr.infoBox, span.infoBox {
  font-family: Verdana, arial, sans-serif;
  font-size: 10px;
}

tr.accountHistory-odd, tr.addressBook-odd, tr.alsoPurchased-odd, tr.payment-odd, tr.productListing-odd, tr.productReviews-odd, tr.upcomingProducts-odd, tr.shippingOptions-odd {
  background: #f8f8f9;
}

tr.accountHistory-even, tr.addressBook-even, tr.alsoPurchased-even, tr.payment-even, tr.productListing-even, tr.productReviews-even, tr.upcomingProducts-even, tr.shippingOptions-even {
  background: #f8f8f9;
}

table.productListing {
  border: 5px;
  border-style: solid;
  border-color: #000;
}

.productListing-heading {
  font-family: Verdana, arial, sans-serif;
  font-size: 10px;
  background: #000;
  color: #FFFFFF;
  font-weight: bold;
}

td.productListing-data {
  font-family: Verdana, arial, sans-serif;
  font-size: 10px;
}

a.pageResults {
  color: #0000FF;
}

a.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

td.pageHeading, DIV.pageHeading {
  font-family: Verdana, arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #000;
}

tr.subBar {
  background: #f4f7fd;
}

td.subBar {
  font-family: Verdana, arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

td.main, P.main {
  font-family: Verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

td.smallText, span.smallText, P.smallText {
  font-family: Verdana, arial, sans-serif;
  font-size: 10px;
}

td.accountCategory {
  font-family: Verdana, arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

td.fieldKey {
  font-family: Verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

td.fieldValue {
  font-family: Verdana, arial, sans-serif;
  font-size: 12px;
}

td.tableHeading {
  font-family: Verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

span.newItemInCart {
  font-family: Verdana, arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RaDIO, SELECT {
  font-family: Verdana, arial, sans-serif;
  font-size: 11px;
}

textarea {
  width: 100%;
  font-family: Verdana, arial, sans-serif;
  font-size: 11px;
}

span.greetUser {
  font-family: Verdana, arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

table.formarea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

td.formareaTitle {
  font-family: Tahoma, Verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

span.markProductOutOfStock {
  font-family: Tahoma, Verdana, arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

span.productSpecialPrice {
  font-family: Verdana, arial, sans-serif;
  color: #ff0000;
}

span.errorText {
  font-family: Verdana, arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, arial, sans-serif; font-size: 10px; color: #ff0000; }