html {
	background: #989791; }
body {
	margin: 0px;
	background: url('images/body.png') repeat-x top;
	font: 11px/1.5em 'Lucida Sans', Arial, Helvetica, sans-serif; }

h1, h2, h3, h4 {
	color: #181818;
	font-weight: bold; }
h1 a, h2 a, h3 a, h4 a {
	color: #181818; }
h1 {
	margin: 0px 0px 15px 0px;
	line-height: 1em;
	font-size: 1.8em; }
h2 {
	margin: 0px 0px 20px 0px;
	padding-bottom: 20px;
	border-bottom: 1px solid #E4E4E4;
	line-height: 1em;
	font-size: 1.5em; }
h3 {
	margin: 0px 0px 15px 0px;
	line-height: 1em;
	font-size: 1.35em; }
h4 {
	margin: 0px 0px 15px 0px;
	line-height: 1em;
	font-size: 1.2em; }
p {
	margin: 0px;
	padding: 0px 0px 1em 0px; }
a {
	color: #0091D5;
	text-decoration: none; }
a:hover {
	text-decoration: underline; }
img {
	border: 0px; }

#page {
	width: 1000px;
	margin: 0px auto; }

/* --- HEADER --- */
#header { }
#navigation {
	height: 30px;
	padding: 0px 20px; }
#navigation ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none; }
#nav {
	height: 30px;
	position: relative;
	top: 0px;
	left: auto;
	z-index: 9999;
	margin: 0; }
#nav a {
	display: block;
	line-height: 30px;
	padding: 0 10px;
	z-index: 100;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff; }
#nav li {
	float: left; }
#nav li ul {
	position: absolute;
	width: 172px;
	left: -999em; }
#nav li ul li {
	background: #000; }
#nav li ul li a {
	line-height: 30px;
	width: 150px; }
#nav li ul ul {
	margin: -26px 0 0 170px; }
#nav li ul ul li a {
	line-height: 30px;
	text-transform: none; }
#nav li ul li ul li a { }
#nav li:hover ul {
	left: auto; }
#nav li:hover ul ul {
	left: -999em; }
#nav li:hover ul, #nav li li:hover ul {
	left: auto; }
#nav li:hover, #nav li.hover {
	position: static; }

#silogo {
	margin: 0px 20px;
	overflow: hidden;
	background: url("/wp-content/uploads/2010/01/logo.png") 0 -10px no-repeat;
	text-indent: -999em; }
#silogo a {
	display: block;
	width: 372px;
	height: 85px; }

/* --- MAIN --- */
#main {
	padding: 10px;
	background: url('images/main.png'); }
#products {
	float: right;
	width: 360px;
	height: 315px; }
#products div.products-box {
	height: 95px;
	margin-bottom: 15px;
	background: #131313; }
#products div.products-box-last {
	margin-bottom: 0px; }
#products p.products-title {
	padding: 30px 20px 0px 0px;
	background: #181818;
	line-height: 25px;
	font-size: 16px;
	font-weight: bold;
	text-align: right; }
#products p.products-title a {
	color: #FFF; }
#products p {
	padding: 0px 20px 0px 0px;
	line-height: 50px;
	text-align: right;
	color: #8C8C8C; }
#products p a {
	color: #8C8C8C; }
#video {
	margin-bottom: -5px; }
#categories {
	height: 201px;
	text-align: center; }
div.category-picture {
	width: 220px;
	height: 150px;
	background: url('images/category-picture.jpg') no-repeat; }
div.category-title a {
	display: block;
	background: #181818;
	border-top: 1px solid #DDD;
	font-size: 15px;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	color: #FFF; }
div.category-title a:hover {
	background: #363933; }
div.category-description {
	padding: 10px;
	background: #181818;
	color: #FFF; }
div.category-description a {
	color: #FFF; }
div.link-box {
	padding: 10px;
	background: #EEE;
	border: 1px dotted #CCC;
	border-bottom: 0px; }
div.link-box-last {
	border-bottom: 1px dotted #CCC; }
div.link-box a {
	color: #181818; }
div.item-box {
	padding: 10px;
	background: #EEE;
	border: 1px dotted #CCC;
	border-bottom: 0px; }
div.item-box-last {
	border-bottom: 1px dotted #CCC; }
div.item-box img {
	float: left;
	border: 1px solid #CCC; }
div.item-box p {
	padding-left: 0; /*60px;*/
}
div.item-box p a {
	color: #181818;
	font-size: 12px;
	font-weight: bold; }
div.item-box p a small {
	font-weight: normal; }
div.item-box p a:hover {
	color: #0091D5; }
div.news-box {
	margin-bottom: 20px;
	padding: 10px;
	background: #EEE;
	border: 1px dotted #CCC; }
div.news-box-last {
	margin-bottom: 0px; }
div.news-box h4 {
	margin-bottom: 5px;
	line-height: 20px; }
div.news-box a {
	color: #181818; }
p.news-date {
	margin-bottom:5px;
	padding-left: 21px;
	background: url('images/icon-date.gif') no-repeat;
	line-height: 16px;
	font-size: 11px;
	color: #666666; }
h3.icon-heart {
	padding-left: 35px;
	background: url('images/icon-heart.gif') no-repeat center left;
	line-height: 25px; }
h3.icon-cart {
	padding-left: 35px;
	background: url('images/icon-cart.png') no-repeat center left;
	line-height: 25px; }
h3.icon-tools {
	padding-left: 35px;
	background: url('images/icon-tools.gif') no-repeat center left;
	line-height: 25px; }
h3.icon-news {
	padding-left: 35px;
	background: url('images/icon-news.gif') no-repeat center left;
	line-height: 25px; }

/* --- FOOTER --- */
#footer {
	padding: 20px;
	text-align: center; }

/* --- COMMON CLASSES --- */
div.container {
	clear: both;
	padding: 20px;
	background-color: #FFF; }
div.gray {
	background: #DDD; }
.col-narrow {
	float: left;
	width: 220px;
	margin-right: 20px; }
.col-medium {
	float: left;
	width: 460px;
	margin-right: 20px; }
.col-medium-small {
	float: left;
	width: 340px;
	margin-right: 20px; }
.col-wide {
	float: left;
	width: 700px;
	margin-right: 20px; }
.col-full {
	float:left;
	width:940px;
}
.col-last {
	margin-right: 0px; }
.clear {
	clear: both; }
.spacer {
	height: 20px; }
img.top {
	margin-bottom: 20px; }
img.bottom {
	margin-top: 20px; }
img.left {
	float: left;
	margin-right: 20px; }
img.right {
	float: right;
	margin-left: 20px; }

#gallery {
	padding: 20px;
	background: #CCC; }
#gallery-content {
	position: relative;
	width: 940px;
	height: 125px;
	overflow: hidden; }
#gallery ul {
	position: absolute;
	margin: 0px;
	padding: 0px;
	overflow: none;
	list-style: none;
	white-space: nowrap; }
#gallery ul.products {
	background: url('images/products.png'); }
#gallery ul.materials {
	background: url('images/materials.png'); }
#gallery ul li {
	display: inline; }
#gallery ul li img {
	background: #CCC; }
#slider {
	padding: 0px 40px;
	background: #181818 url('images/slider.png') no-repeat; }
#bar {
	position: relative;
	width: 900px;
	height: 40px; }
#bar #handle {
	position: absolute;
	cursor: move;
	height: 40px;
	width: 300px;
	top: 0;
	background: #363933;
	z-index: 20; }
#bar span {
	color: #FFF;
	cursor: pointer;
	position: absolute;
	z-index: 30;
	font-size: 15px;
	font-weight: bold;
	line-height: 40px;
	top: 3px; }
#bar .label-a {
	left: 80px; }
#bar .label-b {
	left: 388px; }
#bar .label-c {
	left: 690px; }
ul.pdf li {
	list-style-type: none;
	line-height: 20px;
	padding-left: 20px;
	background: url('images/icon-small-pdf.gif') no-repeat; }
p.center {
	text-align: center; }
.table-title {
	font-size: 13px;
	font-weight: bold; }
.table-header {
	border-top: 1px dotted #CCC;
	padding-top: 10px; }
.accordion {
	border-bottom: 1px dotted #CCC; }
.accordion h3 {
	background: #EEE url('images/accordion.gif') no-repeat right -51px;
	padding: 7px 15px;
	margin: 0px;
	border: 1px dotted #CCC;
	border-bottom: none;
	cursor: pointer; }
.accordion h3.active {
	background-position: right 5px; }
.accordion div {
	padding: 20px 15px 10px;
	border-left: 1px dotted #CCC;
	border-right: 1px dotted #CCC; }
.button {
	background: #EEE;
	color: #181818;
	padding: 5px;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #333; }
.button:hover {
	background: #111;
	color: #FFF;
	padding: 5px;
	text-decoration: none;
	text-transform: uppercase; }
div.center {
	text-align: center; }

#picture-gallery { }
#picture-gallery ul, #picture-gallery li {
	margin: 0;
	padding: 0;
	list-style: none; }
#picture-gallery li {
	width: 941px;
	height: 590px;
	overflow: hidden; }
	.gallery-container .col-wide{height:590px;}
	
	#calc_img input{padding:0 !important;margin:0 !important;}
	
	#price_display_select{float:right;border:solid 2px #BBB;vertical-align:middle;}
#price_display_select th{background:#333;color:white;font-weight:bold;}
#price_display_select td{padding:0 15px;}

#cad_img{width:960px;}
#screen_area.VF{height:700px;}
#screen_area.VF #cad_img{width:920px;}

.screen-row{clear:both;}

#online_retailers{position:absolute;bottom:0;}
#online_retailers h2{margin:0 10px 0 0;padding:0;color:#888;border-bottom:none;text-align:center;}
#online_retailers img{margin-top:20px;}

#map_info{border: solid 2px green;background:#E0FFE4;font-size:14px;line-height:50px;text-align:center;}
#map_info em{font-style:normal; text-decoration:underline;font-weight:bold;}

h3.orientation_title{background:#666;color:white;padding:10px;}

.slider-column .slider-control{position:absolute;left:0;}
.slider-column{height:250px;position:relative;float:left;width:150px;padding-right:20px;}
.slider-column h2{padding-bottom:5px;margin-bottom:15px;}
.slider-column ul{font-size:10px;position:relative;left:25px;padding-left:0;list-style-type:none;}
.labels4{line-height:65px;margin-top:-29px;}
.labels5{line-height:49px;margin-top:-22px;}
.labels10{line-height:22px;margin-top:-10px;}
#lightlevel-controls ul{margin-top:-5px;font-size:11px;}
#lightlevel-controls li{margin-bottom:16px;width:40px;}
#wiz_controls_container{margin-bottom:0;padding-bottom:0;height:370px;}
#wiz_results{padding-top:0;padding-bottom:0;}

#wiz_results_entry{width:200px;float:left;}
#wiz_results_contrast_table{width:100%;padding-top:20px;float:left;}
#wiz_results_description{width:430px;padding-left:20px;float:left;}
input.value_display{position:absolute;bottom:-45px;width:50px;}
.input_label{position:absolute;bottom:-30px;width:40px;text-decoration:underline;color:#999;font-style:italic;}
.slider_labels{position:relative;}

/* tooltip styling */
.tooltip {
display:none;
	height:163px;
	width:300px;
	font-size:11px;
	color:#fff;
z-index:500;
background:url(/images/arrow.jpg) 0 70px no-repeat; padding-left:25px;

}
.tooltip img{width:300px;border:solid 5px black;}

#screen_wizard_nav_right{width: 37px; background: url(/images/scroll_indicator.jpg) repeat-y 0 50px;}
#screen_wizard_nav_left{width: 37px; background: url(/images/scroll_indicator_l.jpg) repeat-y 0 50px;}
#wiz_results .container{padding:0;border-top:dashed 1px #AAA;}
#dimension_area{color:#000;}
#dimension_area input{color:#000;}
#dimension_area input[disabled=''] {color:#000;}
#dimension_area input[disabled] {color:#000;}
#dimension_area input[readonly=''] {color:#000;}
#dimension_area input[readonly] {color:#000;}
#pdfbutton{display:inline;}
