/*
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:		13px;
	line-height:    18px;
}

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

#header {
	width: 775px;
	height: 100px;
	background:	#a7c855	url(../gfx/header.jpg) no-repeat;
}

#header_shop {
	width: 775px;
	height: 100px;
	background:	#a7c855	url(../gfx/header_shop.jpg) no-repeat;
}

#sub_header {
	width: 			775px;
	height: 		191px;
}

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

#cat_menu {
	width: 346px;
	height: 191px;
	float: right;
	text-align: center;
}

#cat_menu ul {
	margin-top: 		20px;
	margin-bottom: 		5px;
}

#cat_menu ul li {
	list-style-type: 	none;
	margin:				0px;
	padding:			0px;
	height:				11px;
	color:				#fff;
}

#cat_menu a{
	text-decoration: 	none;
	text-transform:		uppercase;
	font-size:			10px;
	color:				#fff;
	font-weight:		bold;
}

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

#content {
	width:				735px;
	padding:			20px;
	padding-top:		0px;
}

div#content_shop {
	width:				560px;
	margin-left:		10px;
	float:				right;
	padding:			10px;
}

div#menu_shop {
	width:				175px;
	background:			#a7c855;
	float:				left;
	height:				500px;
}

ul#category_menu {
	margin:				0px;
	margin-top:			4px;
}

ul#category_menu li {
	list-style-type:	none;
	display:			inline;
	padding:			0px 6px;
	font-size:			11px;
}

ul#category_menu a {
	font-weight:		bold;
	color:				#333333;
	text-decoration:	none;
	font-size:			11px;
	line-height:		17px;
}

ul#gender_menu {
	margin:				0px;
	margin-top:			2px;
	float:				left;
}

ul#gender_menu li {
	list-style-type:	none;
	display:			inline;
	padding:			0px 6px;
	font-size:			11px;
}

ul#gender_menu a {
	font-weight:		bold;
	color:				#333333;
	text-decoration:	none;
	font-size:			11px;
	line-height:		17px;
}

ul#brand_menu {
	margin:				10px 0px 0px 10px;
}

ul#brand_menu li {
	list-style-type: 	none;
}

ul#brand_menu li a {
	text-decoration:	none;
 	color:				#fff;
 	font-weight:		bold;
 	font-size:			11px;
}

div#top_menu_container {
	width:				775px;
	height:				30px;
	background:			#a7c855;
}

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

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;
	margin-top:	5px;
}

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

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

#left_column {
	padding-left:	10px;
	padding-right:	10px;
	width: 235px;
	float: left;
}

#middle_column {
	padding-left:	10px;
	padding-right:	10px;
	width: 235px;
	float: left;
}

#right_column {
	padding-left:	10px;
	padding-right:	10px;
	width: 235px;
	float: left;
}

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

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

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

table.assortiment {
	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:				357px;
	min-height:			142px;
	background:			#a7c855;
	margin-left:		15px;
	float:				left;
	padding:			4px;
}

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

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

div.colored_box {
	width:				560px;
	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:			560px;
}

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.gender_menu a {
	font-weight:	bold;
	color:			#333333;
	text-decoration:	none;
	font-size:			10px;
}