/*
Title:		Standard website style definitions
File: 		inc/style_kb.css
Version: 	v2.02
Author:		Digitalization
Contact:	info@digitalization.nl

Comments:	Custom CSS for KB site divs and text only
*/

body {
	font-family: Tahoma, Arial, Verdana;
	padding: 0px;
	margin: 0px;
}

body, td, p, a, span {
	font-size:		12px;
}

/******* DIVS *******/
#container {
	margin-left: auto;
	margin-right: auto;
	width: 775px;
}

#header {
	background: #a7c855;
	width: 775px;
	height: 137px;
}

div#header_beam {
	background: url(../gfx/header_beam.gif) top left no-repeat;
	width:		775px;
	height: 	5px;
}

#left_logo {
	background: url(../gfx/left_logo.jpg) top left no-repeat;
	width: 315px;
	height: 137px;
	float: left;
}

#sub_header {
	width: 			775px;
	height: 		191px;
	background: 	url(../gfx/sub_header_bg.jpg) no-repeat top left;
}



#sub_header_spacer {
	width: 			775px;
	height: 		4px;
	background: 	url(../gfx/sub_header_spacer.jpg) repeat-x;
}

#content {
	font-size: 		10px;
	width:			775px;
}

#category_menu ul {
	display:			inline;
}

#category_menu ul>li {
	display:			table-cell;
	padding:			2px 6px;
}

#category_menu a {
	color:				black;
}

ul#top_menu {
	float: 				left;
	margin-top:			80px;
}

ul#top_menu li {
	display:			inline;
	list-style-type:	none;
	color:				#fff;
}

ul#top_menu a {
	color:				#fff;
	text-decoration:	none;
	font-weight:		bold;
	font-size:			12px;
}



#footer {
	font-size: 10px;
	width: 775px;
	height: 71px;
	background: #a7c855 url(../gfx/footer_bg.jpg) top left repeat-x;
	text-align: center;
	color: white;
}

#footer p {
	padding-top: 10px;
}

#footer a {
	text-decoration: none;
	color: white;
	padding: 3px;
}

#left_column {
	width: 257px;
	float: left;
}

#middle_column {
	width: 257px;
	float: left;
}

#right_column {
	width: 257px;
	float: left;
}

h1 {
	font-size: 11px;
	color: #4e4e4e;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
}

.hr {
	height: 1px;
	width: 177px;
	margin-left: 20px;
	background: url(../gfx/hr.jpg);
	margin-bottom: 15px;
}

h2 {
	color: #848484;
	padding-top: 0px;
	margin-top: 0px;
	font-size: 11px;
}

table.assortiment {
	margin-left: 20px;
	width: 220px;
}

table td {
	padding-bottom: 5px;
}

.subtext {
	padding-left: 10px;
	margin-top: 0px;
	padding-top: 0px;
	color: #848484;
}

.red {
	color: #c04159;
}

.undertext {
	margin-left: 20px;
	line-height: 1.2em;
}

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

.arrow {
	background: url(../gfx/arrow.jpg) no-repeat;
	width: 29px;
	height: 36px;
	float: left;
	margin-left: 20px;
}

.vr {
	float: left;
	background: url(../gfx/vr.jpg) no-repeat;
	height: 268px;
	width: 1px;
}

div.product_image {
	width:				150px;
	height:				150px;
	border:				0px solid black;
	float:				left;
	margin-right: 		10px;
}

div.product_description {
	width:				372px;
	min-height:			142px;
	background:			#a7c855;
	margin-left:		15px;
	float:				left;
	padding:			4px;
}

div.other_products {
	width:				775px;
	background:			#a7c855;
	padding:			4px;
}

div.shopping_bag_summary {
	text-align: 		right;
	margin-right: 		10px;
	padding:			4px;
	width:				775px;
}

div.colored_box {
	width:				775px;
	padding:			4px;
	background:			#a7c855;

}

/* Table definitions */
tr.legend_row td {
	text-decoration: underline;
	padding-bottom: 10px;
	padding-top: 10px;
}

tr.legend_row td a {
	text-decoration: none;
}

tr.legend_row a:hover {
	text-decoration: underline;
}

tr.data_row td {
	border-top: 1px solid #cccccc;
	padding-bottom: 2px;
	padding-top: 2px;
}

tr.no_data_row td {
	font-style: italic;
}

table.shoppingbag {
	border:			0px;
	width:			775px;
}

tr.header_shoppingbag td {
	font-weight:	bold;
	background:		#a7c855;
	padding:		4px;
}

tr.product_shoppingbag td {
	padding:		4px;
	border-bottom:	1px solid #a7c855;
}

tr.footer_shoppingbag td {
	background:		#a7c855;
	padding:		4px;
}

img.sale_overlay {
	border:			0px;
	padding:		0px;
}

img.sale_overlay2 {
	position:		relative;
	z-index:		10;
	margin-left:	0px;
	left:			0px;
	border:			0px;
	padding:		0px;
}

span.sale_price {
	color:			red;
	font-weight:	bold;
}

span.category_menu a {
	text-decoration:	none;
	color:				#333333;
	font-weight:		bold;
}