@charset "UTF-8";

/* CSS Document */


/* Created by Butch Page 2008

	color key:
	
		body background: #000000
		main body background: #222222
		header, nav, footer text color: #424242
		
	fonts:
		body: font-family:Arial, Helvetica, sans-serif;
	
*/

/* --css reset-- */

html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre, 
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

body {
	background: #000000;
	color: #ffffff;
	font-size: 95%;
	font-family: Arial, Helvetica, sans-serif;

}

ol, ul {
	list-style: none;

}

/* -- end reset-- */

/* --General Typography-- */

p {
	padding: 5px 0 5px 5px;
	line-height: 1.4em;

}

/* --end General Typography-- */

/* --tool box-- */

.clear {
	clear:both;
}


.colLeft {
	width: 550px;
	float: left;

}

.colRight {
	width: 450px;
	float: right;
	
}

.imgCenter {
	display: block;
	margin: auto;
	width: auto;
	
}

.textCenter {
	text-align: center;

}

.floatRight {
	float: right;

}

.link, .link a {
	color: #ffffff;
	

}

	.link a:hover {
		font-style: italic;
			
	}

.price {
	font-size: large;
	font-weight: bold;

}

#main-content {
	width: 575px;
	float: left;

}	

#sidebar {
	width: 300px;
	float: right;
	margin: 0 30px 0 0;

}

	#sidebar h2 {
		text-align: center;
		
	}
	
	#sidebar #quickContact {
		text-justify: center;
		margin:0 0 20px 80px;

	}
	
	
/* -- page structure -- */

#wrap {
	width: 960px;
	margin: 0 auto;

}

#header {
	margin: 20px 0 0 0;

}

	#header h2, #header h2 a {
		font-size: large;
		color: #ffffff;
		float: left;
		position: relative;
		top: -1px;
		left: 10px;
		text-decoration: none;
	
	}

/* -- main-nav -- */

#main-nav, #main-nav ul {
	float: right;
	position: relative;
	right: 5px;
	top: -1px;
	line-height: 1.5em;
	list-style-type: none;
	list-style-position: outside;

}
		#main-nav a:link, #main-nav a:active, #main-nav a:visited {
		display: block;
		padding: 0 15px;
		color: #ffffff;
		text-decoration: none;
		background-color: #000;
	
	}

	#main-nav a:hover {
		background-color: #000;
		color: #424242;
		font-style: italic;
	
	}
	
	#main-nav li {
		float: left;
		position: relative;
			
	}
	
	#main-nav ul {
		position: absolute;
		width: 12em;
		top: 1.5em;
		left: .4em;
		display: none;
	
	}
	
	#main-nav li ul a {
		width: 10em;
		float: left;
	
	}
	
	#main-nav ul ul {
		top: auto;
	
	}
	
	#main-nav li ul ul {
		left: 12em;
		margin: 0 0 0 10px;
	
	}
	
	#main-nav li:hover ul ul, #main-nav li:hover ul ul ul, #main-nav li:hover ul ul ul ul {
		display: none;
	
	}
	
	#main-nav li:hover ul, #main-nav li li:hover ul, #main-nav li li li:hover ul, #main-nav li li li li:hover ul {
		display: block;
	
	} 
	
	

/* -- main-body -- */

#main-body {
	background: #222222;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

}

	#main-body h1 {
		font-size: x-large;
		text-align: center;
		margin: 0 0 10px 0;
	
	}
	
	#main-body h2 {
		
		margin: 0 0 10px 0;
	
	}
	
/* -- box-inner -- */

#box-inner {
	padding: 20px;

}

/* -- footer -- */

#footer {
	margin: 20px 5px 50px 5px;
	color: #ffffff;
	font-size: 80%;
	
}

	#footer #footer-address {
		float: left;
		margin-top: 29px;
	
	}
	
	#footer #footer-copy {
		float: right;
		
	}
	
/* -- img slider on index page -- */

#slider {
	width: 400px; /* -- need to be same width as pic -- */
	height: 257px; /* -- need to be same height as pic -- */
	position: relative;
	overflow: hidden;
	left: 85px;
	margin: 20px 0;

}

#sliderContent {
	width: 400px; /* -- need to be same as image or wider -- */
	position: absolute;
	top: 0;
	margin-left: 0;
}

.sliderImage {
	float: left;
	position: relative;
	display: none;

}

.sliderImage span {
	position: absolute;
	left: 0;
	font: 14px/15px Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width: 374px;
	background-color: #000;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	color: #fff;
	display: none;
	top: 0;

}


/* --product-box style-- */
	
.featured-product {
	width: 300px;
	height: 150px;
	margin: 10px;
	background: #424242;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	
}	

	.featured-product img {
		float: left;
		width: 125px;
		margin: 20px 10px;
	
	}
	
	#sidebar .featured-product h2 {
		font-size: medium;
		padding: 5px 0 0 15px;
		
	}
	
	.featured-product p {
		line-height:1.2em;
		padding:0 5px 2px 5px;
	
	}
		
#box-inner .brandBox {
	background: #424242;
	width:295px;
	height: 300px;
	float: left;
	margin: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}
	#box-inner .brandBox img {
		padding-top: 10px;
	
	}
					
	#box-inner .brandBox h1 {
		margin: 5px 0 0 0;
		font-size: medium;
	
	}
	
.product-box {
	background: #424242;
	width: 440px;
	height: 300px;
	margin: 10px;
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}	
	
	.product-box h2 {
		text-align: center;
		
	}
	
	.product-box img {
		float: left;
		padding: 10px;
	
	}

.scissor-product-box {
	background: #424242;
	width: 440px;
	height: 200px;
	margin: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;

}	
	
	.scissor-product-box h2 {
		text-align: center;
		
	}
	
	.scissor-product-box img {
		float: left;
		padding: 10px;
	
	}



#parts img {
	padding: 10px;

}

.partsBox {
	background: #424242;
	width: 575px;
	margin: 10px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}

	.partsBox h2{
		padding:10px 0 0 15px;
	
	}
	
	.partsBox p {
		padding: 0 10px; 
	
	}

.sidebarFeature {
	width: 325px;
	background: #424242;
	margin: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;

}

	.sidebarFeature h2 {
		padding: 5px 0 0 0;
	
	}
	
	.sidebarFeature p {
		padding: 0 20px 10px;
	
	}

.attachmentList {
	float: left;
	padding: 10px 20px;

}

#wissSale {
	border-collapse: collapse;
	width: 300px;
	border: 1px solid #666;
	margin: 0 10px;
	
}

	#wissSale th, td {
		padding: 0.5em 1em;
	
	}
	
	#wissSale caption {
		font-size: 1.2em;
		font-weight: bold;
		margin: 1em 0;
	
	}
	
	#wissSale col {
		border-right: 1px solid #ccc;
			
	}
	
	#wissSale col#cut {
		border: none;
	
	}
	
#map {
	width: 500px;
	height: 500px;

}

#announcement {

	width: 550px;
	background-color: red;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px 15px;

}