body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: small; background: #FFFFFF; color: #000000;}

a { color: #666666; background-color: #FFFFFF; }
a:link {
	color: #FF0000;
	background-color: #FFFFFF;
}
a:visited {
	color: #FF0000;
	background-color: #FFFFFF;
}

/* layout */
#wrap {
	min-width: 500px;
	max-width: 1400px;
	background: #FFFFFF url(img/wrap-bg.gif) repeat-y left;
	color: #000000;
	margin-right: 10px;
	left: auto;
}
#wrap2 { min-width: 200px; max-width: 1400px; background: #FFFFFF url(img/wrap-bg.gif) repeat-y 70%; color: #000000; }
#breadcrumbs { padding-bottom: 15px; font-size: 85%; color: #000000; background-color: #FFFFFF; }	
.symbol { float: right; clear: left; margin-left: 10px; }	
.validation { float: right; clear: left; margin-left: 10px; margin-top: 5px; margin-right: 5px; }	
.validation p { text-align: right; }	
.imprint { float: right; clear: left; margin-left: 10px; margin-top: 5px; margin-right: 5px; }	
.imprint p { text-align: right; }	

#content {
	float: left;
	width: 74%;
	font-size: 95%;
	color: #333333;
	line-height: 1.5em;
	background-color: #FFFFFF;
	margin-top: 20px;
}

#content2, #content4, #content6, #content8, #content10, #content12 {
	float: left;
	width: 48%;
	font-size: 95%;
	color: #333333;
	line-height: 1.5em;
	background-color: #FFFFFF;
}
#content3, #content5, #content7, #content9, #content11, #content13 { float: right; width: 48%; font-size: 95%; color: #333333; line-height: 1.5em; background-color: #FFFFFF; }
#content14, #content16 { float: left; width: 100%; font-size: 95%; color: #333333; line-height: 1.5em; background-color: #FFFFFF; }

#sidebar { float: right; width: 24%; margin-top: 10px; background-repeat: repeat; background-image: url(img/sidebar.gif); margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#footer { clear: both; background: #FFFFFF; color: #000000; border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-top-style: solid; border-top-color: #CCCCCC; }
#footer2 { clear: both; color: #000000; background-color: #FFFFFF; }
#form { left: 0px; top: 0px; }

/* gutters */
#content .gutter { padding: 15px 25px; background: url(img/content-bg.gif) repeat-x top left; }
#sidebar .gutter, #sidebar-2 .gutter { padding: 15px; }
#content2 .gutter, #content3 .gutter, #content4 .gutter, #content5 .gutter, #content6 .gutter, #content7 .gutter, #content8 .gutter, #content9 .gutter, #content10 .gutter, #content11 .gutter, #content12 .gutter, #content13 .gutter { padding: 15px 0px 0px 0px; }
	
/* product spec table */
.tabletext { font-size: 100%; padding: 3px; text-align: left; background-position: left; border: 1px solid #000000; background-color: #FFFFFF; width: 100%; margin-bottom: 10px; color: #000000; }
.tabletext td { padding-left: 2px; }

.m40 { background-color: #663300; color: #FFFFFF; }
.m50 { background-color: #FFFFCC; color: #000000; }
.m60 { background-color: #009900; color: #FFFFFF; }
.m100 { background-color: #CCCCCC; color: #000000; }
.m120 { background-color: #000000; color: #FFFFFF; }
.m200 { background-color: #FF0000; color: #FFFFFF; }
.m300 { background-color: #FFCC00; color: #000000; }
.m400 { background-color: #FFFF33; color: #000000; }
.m800 { background-color: #FFFFFF; color: #000000; }
.m1500 { background-color: #00cccc; color: #FFFFFF; }
.m1800 { background-color: #0099FF; color: #FFFFFF; }
.m6000 { background-color: #cc9933; color: #FFFFFF; }
.r800 { background-color: #FFFFFF; color: #000000; }
.r1800 { background-color: #3333FF; color: #FFFFFF; }
.r12000 { background-color: #FF9900; color: #FFFFFF; }
.r2000 { background-color: #FF0000; color: #FFFFFF; }
.g666 { background-color: #666666; color: #FFFFFF; }
.g999 { background-color: #999999; color: #FFFFFF; }

.table_top { font-size: 120%; font-weight: bold; background-color: #99ccff; border-top: 0px #000000; border-right: 0px #000000; border-bottom: 2px solid #000000; border-left: 0px #000000; color: #000000; }
.alt { background-color: #CCCCCC; color: #000000; }
.introdirectlinks { margin-top: 5px; }
.table_top_small { font-size: 100%; font-weight: bold; background-color: #99ccff; border-top: 0px #000000; border-right: 0px #000000; border-bottom: 2px solid #000000; border-left: 0px #000000; color: #000000; }
.tabletextsmall { font-size: 85%; }

/* product lists tables */
.productlist { margin: 0 0 10px 0; font-size: 85%; line-height: 1.5em; color: #333333; border-top: 1px solid #666666; border-right: 1px solid #666666; border-bottom: 0px none; border-left: 1px solid #666666; background-color: #FFFFFF; }
.productlist h3 { margin: 0; padding: 5px 10px; font-size: 150%; font-weight: bold; color: #000000; background-color: #99ccff; }
.productlist p { font-size: 100%; font-weight: bolder; text-transform: uppercase; border-bottom: 1px solid #666666; text-indent: 10px; margin: 0px; padding: 5px 0px 0px; background-color: #CCCCCC; color: #000000; }
.productlist ul { padding: 0px; margin: 0px; }
.productlist li { list-style: none; background: #FFFFFF; border-bottom: 1px solid #666666; padding: 5px 10px; margin: 0px; color: #000000; }

/* header */
#header { border-bottom: 3px solid #FFCC00; margin: 0; padding: 0; } 
#header p { margin: 0px; padding: 0px; } 
#header h1 {
	margin: 0;
	padding: 25px 25px 25px 170px;
	font-size: 500%;
	color: #FF0000;
	background: #FFFFFF url(img/dkhtop.gif) no-repeat left top;
	text-transform: uppercase;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
}
#header2 { border-bottom: 3px solid #FFFFFF; background: #FFFFFF; padding: 0px; color: #000000; }
#header2 h1 { margin: 0; padding: 0; font-size: 300%; color: #000000; font-weight: bold; line-height: normal; background-color: #FFFFFF; } 
#content2 h1, #content3 h1, #content4 h1, #content5 h1, #content6 h1, #content7 h1, #content8 h1, #content9 h1, #content10 h1, #content11 h1, #content12 h1, #content13 h1 { margin: 0; padding: 0 0 10px; font-size: 200%; color: #000000; font-weight: bold; line-height: normal; background-color: #FFFFFF; } 
#productlist { clear: left; float: right; margin-left: 10px; } 
.telno { font-size: 120%; line-height: normal; font-weight: bold; color: #000000; background-color: #FFFFFF; text-align: right; }
 
#header h4 { border-bottom: 3px solid #FFCC00; margin: 0; padding: 0; } 
#header p { margin: 0px; padding: 0px; } 
#header h4 {
	margin: 0;
	padding: 25px 25px 25px 170px;
	font-size: 300%;
	color: #FF0000;
	text-transform: uppercase;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
	background-color: #FFFFFF;
	background-image: url(img/dkhtop1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "Albertus Extra Bold";
	
}
#header h5 {
	background-image: url(img/dkglass.gif);
	font-size: 500%;
	font-style: normal;
	font-weight: bolder;
	background-repeat: no-repeat;
	background-position: left top;
}



/* dkhmenu */

#nav { 
float: left; 
width: 98%; 
margin: 0; 
padding: 10px 25px 0 25px; 
} 

#nav a { 
background: #99CCFF ; 
}

/* content */ 
.fronttext { font-size: 200%; font-weight: bold; line-height: normal; } 
.leadtext { font-size: 120%; line-height: normal; font-weight: bold; color: #000000; background-color: #FFFFFF; } 
#content h2 { margin: 0 0 1em 0; padding: 0; font-size: 300%; color: #000000; font-weight: bold; line-height: normal; background-color: #FFFFFF; }

/* fullwidth large picture feature */ 
dl.feature { margin: 15px 0; padding: 15px; border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC; } 
dl.feature:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
dl.feature dt { margin: 0 0 .5em 0; font-size: 140%; color: #000000; background-color: #FFFFFF; } 
dl.feature dt img { float: left; margin: 0 15px 0 0; padding: 0 4px 4px 0; background: url(img/photo-frame.gif) no-repeat bottom right; } 
dl.feature dd { margin-left: 94px; font-size: 90%; line-height: 1.5em; color: #666666; background-color: #FFFFFF; } 
.pics { margin-bottom: 10px; background-color: #FFFFFF; color: #666666; text-align: center; } 
.feature ul { padding-left: 20px; } 
.feature ul li { list-style-position: outside; list-style-type: decimal; } 
.bulletlist ul { padding-left: 0px; font-weight: normal; margin-right: 0px; } 
.bulletlist li { background-color: #FFFFFF; background-image: url(img/li-bullet.gif); background-repeat: no-repeat; background-position: 0px 3px; margin-left: 0px; padding-left: 20px; list-style-type: none; color: #666666; }

/* full width top picture feature */
dl.topfeature { margin: 0px 0px 15px; padding: 0px; border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC; } 
dl.topfeature:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
dl.topfeature dt { background-position: center top; margin-top: 15px; } 
dl.topfeature dd { margin: 0px 0px 0.5em 0; font-size: 140%; color: #000000; background-color: #FFFFFF; padding: 0px; } 
dl.topfeature dt img { float: none; margin: 0 0 30px; padding: 0 4px 4px 0; background: url(img/photo-frame.gif) no-repeat bottom right; clear: both; } 
dl.topfeature dd p { background-color: #FFFFFF; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 70%; color: #666666; line-height: normal; }

/* four across pictures without borders - see floor grinding guides */
dl.topfeature3 { margin: 0px 0px 15px; padding: 0px; border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC; } 
dl.topfeature3:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
dl.topfeature3 dt { background-position: center top; margin-top: 15px; } 
dl.topfeature3 dd { margin: 0px 0px 0.5em 0; font-size: 140%; color: #000000; background-color: #FFFFFF; padding: 0px; } 
dl.topfeature3 dd p { background-color: #FFFFFF; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 70%; color: #666666; line-height: normal; }

/* two column feature - mainly intro pages  - see floor grinding guides intro*/ 
.feature2tabletext { font-size: 100%; padding: 3px; text-align: left; background-position: left; border: 1px solid #CCCCCC; background-color: #FFFFFF; width: 100%; color: #000000; } 
.feature2tabletext td { padding-left: 2px; } 
.feature2table_top { font-size: 120%; font-weight: bold; background-color: #99ccff; border-top: 0px #666666; border-right: 0px #666666; border-bottom: 2px solid #666666; border-left: 0px #666666; color: #000000; } 
dl.feature2 { margin: 15px 0; padding: 15px; border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC; } 
dl.feature2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
dl.feature2 dt { margin: 0 0 .5em 0; font-size: 140%; color: #000000; background-color: #FFFFFF; } 
dl.feature2 dt img { float: left; margin: 0px 15px 0px 0px; padding: 0px 4px 4px 0px; background: url(img/photo-frame.gif) no-repeat bottom right; } 
dl.feature2 dd { margin-left: 69px; font-size: 90%; line-height: 1.5em; color: #666666; background-color: #FFFFFF; } 
.feature2table{ font-size: 90%; color: #000000; border-top: 1px dotted #CCCCCC; width: 100%; background-color: #FFFFFF; } 
.feature2table td { margin: 0px; padding: 0px 0px 0px 1px; }

/* two column feature - without dropshadow  - see latest news*/ 
.feature3tabletext { font-size: 100%; padding: 3px; text-align: left; background-position: left; border: 1px solid #CCCCCC; background-color: #FFFFFF; width: 100%; color: #000000; } 
.feature3tabletext td { padding-left: 2px; } 
.feature3table_top { font-size: 120%; font-weight: bold; background-color: #99ccff; border-top: 0px #666666; border-right: 0px #666666; border-bottom: 2px solid #666666; border-left: 0px #666666; color: #000000; } 
dl.feature3 { margin: 15px 0; padding: 15px; border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC; } 
dl.feature3:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
dl.feature3 dt { margin: 0 0 .5em 0; font-size: 140%; color: #000000; background-color: #FFFFFF; } 
dl.feature3 dt img { float: left; margin: 0px 15px 0px 0px; padding: 0px 4px 4px 0px; } 
dl.feature3 dd { margin-left: 69px; font-size: 90%; line-height: 1.5em; color: #666666; background-color: #FFFFFF; } 
.feature3table{ font-size: 90%; color: #000000; border-top: 1px dotted #CCCCCC; width: 100%; background-color: #FFFFFF; } 
.feature3table td { margin: 0px; padding: 0px 0px 0px 1px; }

/* infobox */
.message { margin: 10px 0px 1px; padding: 0px 0px 1px; font-size: 85%; color: #333333; background: #FFFFFF; } 
.message h3 { margin: 0px; padding: 5px 10px 0px; font-size: 140%; font-weight: normal; color: #000000; background-color: #FFFFFF; } 
.message p { padding: 0px 10px 5px; line-height: 1.5em; margin: 0px; }

/* search */
.search { margin: 0px 0px 1px; padding: 0px 0px 1px; font-size: 85%; color: #333333; background: #99ccff; }
		
/* topbox */
.topbox { margin: 10px 0 10px; padding: 10px 0 12px; font-size: 85%; line-height: 1.5em; color: #333333; background-color: #FFFFFF; } 
.topbox h3 { margin: 0; padding: 5px 10px; font-size: 120%; font-weight: bold; color: #000000; text-transform: uppercase; background-color: #FFFFFF; } 
.topbox li { margin: 0 0 0 12px; padding: 0 0 0 18px; list-style: none; background: #FFFFFF url(img/li-bullet.gif) no-repeat 0 3px; color: #000000; }
.topbox ul { margin: 0 20px 0 0; font-weight: normal; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #99ccff; padding: 0px 0px 10px; }
.topbox ul.topboxnorule { margin: 0 20px 0 0; font-weight: normal; padding: 0px; border-bottom-width: 1px; border-bottom-style: none; border-bottom-color: #FFFFFF; }
	
/* flexproductbox */
.flexbox { margin: 0 0 10px 0px; padding: 0 0 10px; font-size: 85%; line-height: 1.5em; color: #000000; border-top: 0px solid; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; background-color: #FFFFFF; clear: left; }
.flexbox li { margin: 0; padding: 5px 10px 0px; font-weight: normal; color: #999999; font-size: 100%; background-color: #FFFFFF; list-style-image: none; list-style-type: none;line-height: 10px; }
.flexbox li a { margin: 0; padding: 0; list-style-image: none; list-style-type: none; color: #333333; background-color: #FFFFFF; }
.flexbox ul { margin: 0; padding: 0; font-weight: bold; text-transform: uppercase; }
		
/* footer */
#footer p { margin: 0; padding: 15px; font-size: 85%; color: #333333; background-color: #FFFFFF; }
#footer2 p { margin: 0; padding: 0px; font-size: 85%; color: #333333; background-color: #FFFFFF; }
	
/*  IE fixes */
#content, #content2, #content3, #content4, #content5, #content6, #content7, #content8, #content9, #content10, #content11, #content12, #content13, #content14, #content16, #sidebar, #sidebar2 {
	height: 1%;
	top: auto;
}
.topfeature { display: inline-table; clear: right; }
.feature { display: inline-table; clear: right; }
.feature2 { display: inline-table; }
.topfeature3 { display: inline-table; clear: right; }

/* Hides from IE/Mac \*/
* html .feature { height: 1%; }
.topfeature { display: block; }
.topfeature3 { display: block; }
.feature { display: block; }
* html .feature2 { height: 1%; }
.feature2 { display: block; }
#footer { height: 1%; }
#footer2 { height: 1%; }
/* End hide from IE/Mac */
#wrap #header h7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	font-weight: bolder;
	text-transform: uppercase;
	color: #FF0000;
}
.topfeature5 {
	display: inline-table;
	clear: right;
}
.topfeature5 {
	display: block;
}
#header h6 {
	margin: 0;
	padding: 25px 25px 25px 170px;
	font-size: 300%;
	text-transform: uppercase;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
	background-color: #FFFFFF;
	background-image: url(img/dkhtop1-temp.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header h3 {
	background-image: url(img/dkstone.gif);
	font-size: 500%;
	font-style: normal;
	font-weight: bolder;
	background-repeat: no-repeat;
	background-position: left top;
}
#header3 {
	border-bottom: 3px solid #FFCC00;
	margin: 0;
	padding: 0;
}
#header3 h1 {
	border-bottom: 3px solid #FFCC00;
	margin: 0;
	padding: 0;
	font-size: 500%;
	font-style: normal;
	background-image: url(img/dkhead.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header3 h2 {
	border-bottom: 3px solid #FFCC00;
	margin: 0;
	padding: 0;
	font-size: 500%;
	font-style: normal;
	background-image: url(img/dkstone.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header3 h3 {
	border-bottom: 3px solid #FFCC00;
	margin: 0;
	padding: 0;
	font-size: 500%;
	font-style: normal;
	background-image: url(img/dkcomp.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header3 h4 {
	border-bottom: 3px solid #FFCC00;
	margin: 0;
	padding: 0;
	font-size: 500%;
	font-style: normal;
	background-image: url(img/dkflex.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header3 h5 {
	border-bottom: 3px solid #FFCC00;
	margin: 0;
	padding: 0;
	font-size: 500%;
	font-style: normal;
	background-image: url(img/dkglass.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header3 h6 {
	border-bottom: 3px solid #FFCC00;
	margin: 0;
	padding: 0;
	font-size: 500%;
	font-style: normal;
	background-image: url(img/dkfloor.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header4 {
	border-bottom: 3px solid #FFCC00;
	margin: 0;
	padding: 0;
}
#header4 h1 {
	border-bottom: 3px solid #FFCC00;
	margin: 0;
	padding: 0;
	font-size: 500%;
	font-style: normal;
	background-image: url(img/dkengin.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header4 h2 {
	border-bottom: 3px solid #FFCC00;
	margin: 0;
	padding: 0;
	font-size: 500%;
	font-style: normal;
	background-image: url(img/dktob.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header4 h3 {
	border-bottom: 3px solid #FFCC00;
	margin: 0;
	padding: 0;
	font-size: 500%;
	font-style: normal;
	background-image: url(img/dkexhib.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header4 h4 {
	border-bottom: 3px solid #FFCC00;
	margin: 0;
	padding: 0;
	font-size: 500%;
	font-style: normal;
	background-image: url(img/dkspec.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header4 h5 {
	border-bottom: 3px solid #FFCC00;
	margin: 0;
	padding: 0;
	font-size: 500%;
	font-style: normal;
	background-image: url(img/dkhead%202.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.m200large {
	background-color: #FF0000;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bolder;
}
.offers {
	background-color: #00FF00;
	color: #000000;
	font-weight: bold;
}