/* ----- Structure ----- */

body {
	background: #fff;
	color: #000;
	font: 13px/1.5em arial, helvetica, sans-serif;
}

#header {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #000;
}

#logo {
	
}

#global {
	display: none;
}

#breadcrumbs {
	
}

#content {
	
}

#sidebar {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #000;
	font-size: 12px;
	line-height: 1.5em;
}

#footer {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #000;
	font-size: 11px;
	line-height: 1.5em;
}

/* ----- Global Styles ----- */

p {
	margin: 0.1em 0 1em;
}

ul, ol {
	margin: 0.1em 0 1em 3em;
	padding: 0;
}

ul.blank {
	margin-left: 0;
	list-style: none none;
}

ul ul {
	margin-bottom: 0.5em;
}

h1 {
	margin: 0 0 0.6em;
	padding: 0;
	font: 26px/1.5em arial, helvetica, sans-serif;
}

h2 {
	clear: both;
	margin: 0 0 0.6em;
	padding: 0;
	font-size: 1.25em;
	line-height: 1.5em;
}

h2.emphasis {
	font: 16px/1.5em arial, helvetica, sans-serif;
}

h2.lite, h3.lite {
	color: #69c;
}

h3 {
	clear: both;
	margin: 0 0 0.6em;
	padding: 0;
	font: bold 13px/1.5em arial, helvetica, sans-serif;
}

a {
	color: #06c;
	font-weight: bold;
	text-decoration: none;
}

a img {
	border: 0;
}

img {
	margin: 0 0 0.5em;
}

hr {
	height: 1px;
	margin: 0 67% 1em 0;
	background: #d4d4d4;
	border: 0;
}

#sidebar hr {
	margin: 2.5em 25% 1.5em 0;
	background: #999;
}

sup {
	vertical-align: top;
}

form {
	margin: 0;
	padding: 0;
}

label {
	font-weight: bold;
}

input, select {
	font: 12px/1.5em arial, helvetica, sans-serif;
}

#sidebar select, #sidebar input {
	font-size: 11px;
	line-height: 1.5em;
}

div.left, img.left {
	float: left;
	margin: 0 1em 1em 0;
}

div.right, img.right {
	float: right;
	margin: 0 0 1em 1em;
}

img.border {
	position: absolute;
	left: 0;
	top: 0;
}




.form label {
	font-weight: bold;
}

.form input, .form select {
	margin: 0 0.5em 0.8em 0;
	padding: 3px;
	vertical-align: baseline;
}

.form textarea {
	width: 100%;
	height: 20em;
}

.form input.small, .form select.small {
	width: 60px;
	border: 1px solid #ccc;
}

.form input.medium, .form select.medium {
	width: 160px;
	border: 1px solid #ccc;
}

.form select.medium {
	width: 168px;
}

.form label.line {
	padding-right: 1em;
}

.form label em {
	color: #7897ce;
	font-style: normal;
}

.form .special input {
	float: left;
}

.form .special label {
	font-weight: normal;
}

.form div.line {
	float: left;
	width: 67%;
}

.form div.finish {
	text-align: right;
}

.form div.finish input {
	vertical-align: text-top;
}

.form div.line input, .form div.line select {
	margin-bottom: 0;
}

.form span.note {
	padding-left: 0.5em;
	font: 10px/1.5em arial, helvetica, sans-serif;
}

.form input.check {
	margin: 0 0.5em 0.2em;
	vertical-align: middle;
}

label + input.check {
	margin-left: 1em !important;
}

.radiolist input {
	margin: 0 0.5em 0.2em;
	vertical-align: middle;
}
.radiolist label + input {
	margin-left: 1em !important;
}

.form input.submit {
	margin: 1em 0;
	padding: 0;
}


object:focus {
	outline: none;
}

div.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

div.columns {
	clear: both;
	margin: 0 -20px 1em 0;
}

div.two_column {
	float: left;
	width: 310px;
	margin-right: 10px;
	
}

div.three_column {
	float: left;
	width: 250px;
	margin-right: 11px;
	
}

div.special {
	border: 1px solid #000;
	padding: 15px;
}

p.intro {
	margin-bottom: 2em;
	font-size: 14px;
	line-height: 1.5em;
}

p.required {
	color: #7897ce;
}

div.highlight ul, div.special ul, div.materials ul {
	margin-left: 1.3em;
}

table {
	margin: 0.1em 0 1em;
	border: 1px solid #474747;
	border-collapse: collapse;
	font-size: 1em;
}

table th, table td {
	padding: 0 0.5em;
	border: 1px solid #474747;
	text-align: left;
}

table.two_column, table.three_column, table.five_column {
	width: 100%;
}

table.two_column td, table.three_column td, table.five_column td {
	vertical-align: top;
}

table.two_column td {
	width: 50%;
}

table.three_column td {
	width: 33%;
}

table.five_column td {
	width: 20%;
}

table.layout, table.two_column, table.three_column, table.five_column {
	border: 0;
}

table.layout th, table.layout td,
table.two_column th, table.two_column td,
table.three_column th, table.three_column td,
table.five_column th, table.five_column td {
	border: 0;
}

table.cad {
	margin-right: -18px;
	margin-left: -18px;
	border: 0;
	border-collapse: separate;
	border-spacing: 18px;
}

table.cad td {
	width: 266px;
	padding: 0;
	border: 1px solid #E9E9E9;
	vertical-align: top;
}

table.cad td h2 {
	padding: 0.2em 15px 0.2em;
	background: #666;
	color: #fff;
	font-size: 1em;
}

table.cad td img {
	max-width: 266px;
	margin: 0;
}

table.cad td p.download {
	padding: 1em 1em 0;
	border-top: 1px solid #E9E9E9;
}

table.msrp {
	width: 100%;
	margin: 0.1em 0 2em;
	border: 1px solid #d9d9d9;
	font-size: 12px;
	line-height: 1.5em;
}

table.msrp th, table.msrp td {
	border: 0;
}

table.msrp thead {
	border-top: 1px solid #f8f8f8;
	border-right: 1px solid #f8f8f8;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #f8f8f8;
}

table.msrp thead th {
	padding: 10px 15px;
	background: #f8f8f8;
	font-weight: bold;
	text-align: left;
}

table.msrp thead th span {
	padding-left: 20px;
	background: url(/images/arrow_white.gif) 0 0 no-repeat;
}

table.msrp tbody td {
	padding: 2px 15px;
}

table.msrp tbody .even td {
	background: #e9e9e9;
}

table.msrp th.price, table.msrp td.price {
	text-align: right;
}

.small {
	font-size: 0.85em;
	line-height: 1.5em;
}

table.products td, table.casestudies td {
	padding: 0 10px 20px 0;
}

table.products td:last-child, table.casestudies td:last-child {
	padding-right: 0;
	padding-left: 10px;
}

table.products div.product_info {
	float: left;
	width: 180px;
	margin-right: 20px;
}

table.products div.product_image {
	float: right;
	width: 120px;
	text-align: center;
}

table.casestudies div.casestudy_info {
	float: right;
	width: 180px;
}

table.casestudies div.casestudy_image {
	float: left;
	width: 115px;
}

div.faqs dl {
	counter-reset: term;
}

div.faqs dt {
	margin: 0.2em 0;
	color: #06c;
	font-weight: bold;
}

div.faqs dt.rollover {
	cursor: pointer;
}

div.faqs dt.rollover:hover {
	text-decoration: underline;
}

div.faqs dt:before {
	counter-increment: term;
	content: counter(term) ". ";
}

div.faqs dd {
	margin: 0 -10px 1em;
	padding: 5px 10px;
	background: #f7f7f7;
}

div.navbar_left {
	padding-left: 10px;
	background: url(/images/navbar_left.gif) 0 0 no-repeat;
}

div.navbar_right {
	padding-right: 10px;
	background: url(/images/navbar_right.gif) 100% 0 no-repeat;
}

ul.navbar {
	min-height: 41px;
	margin: 0;
	padding: 3px 8px 0;
	list-style: none;
	background: url(/images/navbar_middle.gif) 0 0 repeat-x;
	font-size: 12px;
	line-height: 1.5em;
}

ul.navbar li {
	float: left;
}

ul.navbar li a {
	display: block;
	padding: 0;
	color: #474747;
	font-weight: normal;
}

ul.navbar li a span {
	display: block;
	padding: 7px 12px 8px;
}

ul.navbar li a:hover, ul.navbar li a.over {
	background: url(/images/navbar_subnav.gif) 100% 0 no-repeat;
	text-decoration: none;
}

ul.navbar li a:hover span, ul.navbar li a.over span {
	background: url(/images/navbar_subnav_left.gif) 0 0 no-repeat;
}

ul.navbar li ul {
	display: none;
	position: absolute;
	margin: 0;
	padding: 5px 12px 10px;
	background: url(/images/subnav_bg.png) 100% 100% no-repeat;
	list-style: none;
}

ul.navbar li ul li {
	float: none;
}

ul.navbar li ul li a {
	background: 0;
	color: #fff;
}

ul.navbar li ul li a:hover {
	background: 0;
	color: #69c;
}

ul.navbar li:hover ul, ul.navbar li ul.over {
	display: block;
}

div.gallery {
	overflow: hidden;
	height: 240px;
	margin: 8px 80px 1em;
	padding: 0 30px 0 80px;
	border: 1px solid #ccc;
	background: url(/images/project-gallery_bg.jpg) 0 0 no-repeat;
}

div.gallery div.info {
	float: right;
	width: 220px;
	margin: 40px 0 0;
}

div.gallery img {
	margin: 0;
}

div.gallery_thumbs {
	position: relative;
	padding: 0 80px;
}

div.gallery_thumbs ul {
	height: 75px;
	margin: 0;
	padding: 25px 29px;
	list-style: none;
}

div.gallery_thumbs ul li {
	float: left;
	margin: 0 9px;
}

div.gallery_thumbs ul li a {
	display: block;
	overflow: hidden;
	width: 100px;
	height: 75px;
	padding: 3px;
	background: url(/images/thumb_bg.gif) 0 0 no-repeat;
}

div.gallery_thumbs ul li a:hover, div.gallery_thumbs ul li a.current {
	background-position: 0 -81px;
}

div.gallery_thumbs .arrow_back, div.gallery_thumbs .arrow_next {
	position: absolute;
	top: 45px;
}

div.gallery_thumbs .arrow_back {
	left: 30px;
}

div.gallery_thumbs .arrow_next {
	right: 30px;
}

div.gallery_thumbs .scroller {
	background: #eaeaeb url(/images/thumbs_bg.gif) 0 0 repeat-x;
	border: 1px solid #ccc;
    width: 680px;
    overflow:hidden;
}

div.gallery_thumbs .scroller_pane {
    width: 35000px;
}

table.dealerproducts {
    
}

table.dealerproducts {
	width: 100%;
}

table.dealerproducts td {
	vertical-align: top;
}

table.dealerproducts {
	border: 0;
}
table.dealerproducts th, table.dealerproducts td {
	border: 0;
}

table.dealers {
	width: 99%;
	border: 0;
}

table.dealers th {
	height: 43px;
	padding: 0 20px 5px;
	background: url(/images/navbar_middle.gif) 0 0 repeat-x;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: bold;
	border: 0;
}

table.dealers thead th.first {
	background: url(/images/navbar_left.gif) 0 0 no-repeat;
	text-align: left;
}

table.dealers thead th.last {
	background: url(/images/navbar_right.gif) 100% 0 no-repeat;
}

table.dealers tbody td {
	padding: 8px 20px;
	background: #f8f8f8;
	border-top: 1px solid #fff;
	border-right: 0;
	border-bottom: 1px solid #fff;
	border-left: 0;
	font-size: 11px;
	line-height: 1.5em;
	vertical-align: top;
}

table.dealers tbody tr.even td {
	background: #e0e0e0;
	border-right: 0px solid #e0e0e0;
	border-left: 0px solid #e0e0e0;
}

table.dealers tbody td.stocking, table.dealers tbody td.distance, table.dealers tbody td.special_order {
	text-align: center;
}

table.dealers tbody td.stocking {
	font-weight: bold;
}

table.dealers tbody td.details {
	padding: 0;
	background: #fff;
	border: 1px solid #d9d9d9;
}

table.dealers tbody td.details table {
	width: 100%;
	margin: 0;
	border: 0;
}

table.dealers tbody td.details th, table.dealers tbody td.details td {
	padding: 0 20px;
	background: 0;
	border: 0;
}

table.dealers tbody td.details th {
	height: auto;
	padding: 7px 20px;
	text-align: left;
	white-space: nowrap;
}

table.dealers tbody td.details th:nth-child(2n), table.dealers tbody td.details td:nth-child(2n) {
	background: #fbfbfb;
}

table.dealers tbody td.details tr:last-child td {
	padding-bottom: 14px;
}

div.intro_info, div.main_image, div.installation {
	float: left;
	width: 400px;
	margin-bottom: 1em;
}

div.intro_image, div.main_info, div.materials {
	float: right;
	width: 250px;
	margin-bottom: 1em;
}

div.intro_image, div.main_image {
	text-align: center;
}

div.section {
	margin: 0 0 1em;
	padding: 0 15px;
	border: 1px solid #e9e9e9;
}

div.section h2 {
	margin: 0 -15px 1em;
	padding: 0.2em 15px 0.2em;
	font-size: 1em;
}

div.section img {
	margin: 0 -15px 1em;
}

div.section a img {
	display: block;
	margin-bottom: 0.2em;
	border-bottom: 1px solid #e9e9e9;
}

div.section h2 + a {
	display: block;
	margin-top: -1em;
	padding-bottom: 0.2em;
}

div.highlight {
	margin: 0.1em -15px 1em;
	padding: 0.75em 15px 0.25em;
	background: #ecf0f8;
}

ul.blocks {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.blocks li {
	float: left;
	width: 150px;
	margin: 10px 20px;
}

span.lite {
	font-weight: normal;
}

div.select {
	font-size: 0.9em;
	line-height: 1.5em;
}

div.select a.select {
	display: block;
	padding: 2px 10px;
	margin: 0.1em 0 1em;
	border: 1px solid #999;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	background: #fff;
	color: #474747;
	font-weight: normal;
	cursor: pointer;
}

div.select a.select:hover {
	text-decoration: none;
}

div.select ul.select {
	position: absolute;
	overflow: auto;
	z-index: 999;
	height: 12em;
	margin: -1em 0 1em;
	padding: 5px 10px;
	border-color: #999;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	background: #fff;
	list-style: none;
}

div.select ul.select li {
	margin-bottom: 0.4em;
}

/* ----- Header ----- */

#breadcrumbs {
	font-size: 11px;
}

#breadcrumbs a {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}


/* ----- Navigation ----- */

#nav {
	display: none;
}

/* ----- Footer ----- */

#footer .company {
	float: left;
}

#footer .company span {
	display: block;
}

#footer .made {
	float: right;
	padding-right: 24px;
	background: url(/images/flag_usa.gif) 100% 50% no-repeat;
	text-transform: uppercase;
}


.sIFR-replaced object {
	display: none;
}

div.border_small, img.rounded {
	display: none;
}