/* Colors:
Dark Green: #5a6763
Medium Green: #7b8c87
Light Green: #93a8a1
Orange: #f07901
Dark Gray: #5b5f5e
Light Gray: #f6f6f6 */


body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	background-color: #ffffff;
}

/* Hides from IE-mac \*/
* html .floatholder {height: 1%;}
/* End hide from IE-mac */

#pagecontainer {
	width: 904px;
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #ececec;
}

#header {
	width: auto;
	margin: 0px;
	padding: 0px 0px 11px 0px;
	overflow: hidden;
}

#contentWrapper {
	clear: both;
	width: auto;
	margin: 0px;
	padding: 0px;
	height: 1%;
	border-top: 1px solid #ececec;
}

.colSpacer {
	clear: both;
	width: auto;
	height: 1px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}


#twoCol #contentWrapper {
	background-image:url(images/bkgd-contentWrapper-2col.gif);
	background-position: 0px 0px;
	background-repeat: repeat-y;
}

#threeCol #contentWrapper {
	background-image:url(images/bkgd-contentWrapper-3col.gif);

}

#twoCol #primaryContent {
	float: left;
	width: 728px;
	margin: 0px 0px 0px 176px;
	padding: 0px;
	display: inline;
}

#threeCol #primaryContent {
	float: left;
	width: 534px;
	margin: 0px 0px 0px 176px;
	padding: 0px;
	display: inline;
}

#twoCol #secondaryContent {
	display: none;
}

#threeCol #secondaryContent {
	float: left;
	width: 193px;
	margin: 0px 0px 0px 1px;
	padding: 0px;
	display: inline;
	overflow: hidden;
}

#twoCol #sideContent, #threeCol #sideContent {
	float: left;
	width: 175px;
	margin: 0px 0px 0px -904px;
	padding: 0px;
}

#footer {
	clear: both;
	width: auto;
	min-height: 25px;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #ececec;
}

.clearall {
	clear: both;
}

br.clearall {
	clear: both;
	height: 1px;
	width: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

/*Audience Navigation*/
#audienceNav {
	width: auto;
	height: 20px;
	background-image:url(images/bkgd-audienceNav.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

#audienceNav ul {
	float: right;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#audienceNav li {
	list-style: none;
	float: left;
	margin: 2px 20px 0px 0px;
	padding: 0px;
	font-size: 11px;
	letter-spacing: 0.02em;
	font-weight: normal;
	text-transform: uppercase;
	color: #ffffff;
	display: inline; /* :KLUDGE: REmoves large gaps in IE/Win */
}

#audienceNav li a {
	height: 20px;
	margin: 0px;
	padding: 1px;
	color: #e4e4e4;
	text-decoration: none;
}

#audienceNav li a:hover, #audienceNav li a:active {
	color: #f07901;
	cursor:pointer;
}

/*End Audience Navigation*/

/*Logo and Search*/

#logoSearch {
	width: auto;
	height: 40px;
	margin: 14px 0px 0px 0px;
	padding: 0px 0px 0px 14px;
}

#logoSearch .logo {
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
}

#logoSearch h1 {
	width: 224px;
	height: 37px;
	margin: 0px;
	padding: 0px;
	background-image:url(images/img-logo.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-indent: -5000px;
}

#logoSearch .logo a {
	display: block;
	width: 224px;
	height: 37px;
	margin: 0px;
	padding: 0px;
	background-image:url(images/img-logo.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	overflow: hidden;
}

#logoSearch .logo a:hover, #logoSearch .logo a:active {
	background-position: 0px -37px;
}


#searchBox {
	float: left;
	position: absolute;
	left: 750px;
	width: 150px;
	height: 30px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
#searchBox label {
	width: 46px;
	height: 10px;
	margin: 0px;
	padding: 0px;
	line-height: 1.4;
	font-size: 10px;
	text-transform: uppercase;
	color: #b6c5c0;

}

#searchBox form {
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}

#searchBox input {
	float: left;
	padding: 0px;
	margin: 0px;
}

#searchBox input#searchInput {
	height: 14px;
	width: 100px;
	font-size: 11px;
	background-color: #ffffff;
	padding: 2px 4px;
	margin: 0px;
	color: #666666;
	border: 1px solid #c0d0cb;
}

#searchBox input#searchInput:hover {
	border: 1px solid #f07901;
}

#searchBox input#searchGo {
	position: relative;
	left: 4px;
	top: 4px;
	float: left;
	margin: 0px;
	padding: 0px;
}

/* End Logo and Search*/

/*Main Navigation*/

#mainNav {
	width: auto;
	height: 31px;
	margin: 14px 0px 0px 0px;
	padding-left: 14px;
	overflow: hidden;
}

#mainNav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#mainNav li {
	list-style: none;
	float: left;
	margin: 0px 80px 0px 0px;
	padding: 0px;
	font-size: 9px;
	color: #000000;
}

#mainNav li a {
	display: block;
	height: 31px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	text-indent: -1000px;
}

#mainNav li.catalog a {
	width: 82px;
	background-image:url(images/btn-topnav-catalog.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#mainNav li.authentic a {
	width: 99px;
	background-image: url(images/btn-topNav-authentic.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#mainNav li.doordesign a {
	width: 117px;
	background-image:url(images/btn-topNav-doordesign.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#mainNav li.gallery a {
	width: 74px;
	background-image:url(images/btn-topNav-gallery.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#mainNav li.techinfo a {
	width: 97px;
	background-image:url(images/btn-topNav-techinfo.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#mainNav li.techinfo {
	margin-right: 0px;
}

#mainNav li a:hover, #mainNav li a:active, #mainNav li.selected a {
	background-position: 0px -31px;
}

/*End Main Navigation*/

/*subNav*/

#subNav {
	width: auto;
	height: 1%;
	overflow: hidden;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 14px;
	background-image: url(images/img-nav-arrow.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat;
}

#subNav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#subNav li {
	list-style: none;
	float: left;
	margin: 0px 7px 0px 0px;
	padding: 0px;
	font-size: 11px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #ececec;
	display: inline; /* :KLUDGE: REmoves large gaps in IE/Win */
}

#subNav li a {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #93a8a1;
	text-decoration: none;
	font-size: 10px;
}

#subNav li a:hover, #subNav li a:active {
	color: #f07901;
	text-decoration: underline;
}

#footerSearch {
	height: 48px;
	margin: 0px;
	padding: 0px 0px 0px 175px;
	border-bottom: 1px solid #ececec;
}

#footerSearch #dealerHorz {
	float:left;
	width: 352px;
	height: 38px;
	background-image: url(images/bkgd-dealer-search-horz.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	border-left: 1px solid #ececec;
	margin: 0px 5px 0px 0px;
	padding: 5px 0px 5px 0px;
}

#footerSearch #formHorz {
	position:relative;
	width: 100px;
	height: 20px;
	float:left;
	left: 204px;
	top: 8px;
	z-index: 1;
}

#footerSearch #helpHorz {
	float: left;
	border-left: 1px solid #ececec;
}

#footerSearch #helpHorz img {
	margin: 5px;
}

#footerNav {
	clear: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #93a8a1;
	background-image: url(images/img-colorBar.gif);
	background-position: 72px 12px;
	background-repeat: no-repeat;
	padding: 10px 12px 10px 160px;
	border-bottom: 3px double #ececec;
}

p.copyright {
	padding: 0;
	margin: 10px 20px;
	font-size: 11px;
	line-height: 15px;
	color: #999999;
}


#footerNav p {
	float:left;
	margin: 0px;
	padding:0px;
}

#footerNav ul {
	width: auto;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#footerNav li {
	float:left;
	list-style: none;
	margin-left: 16px;
}

#footerNav li a {
	color: #93a8a1;
	color: #666;
	text-decoration: none;
}

#footerNav li a:hover, #footerNav li a:active {
	color: #f07901;
	text-decoration: underline;
}

#footerNav li a.white,
#footerNav li a.white:hover,
#footerNav li a.white:visited,
#footerNav li a.white:active,
#footerNav li a.white:link {
	color: #ffffff;
	text-decoration: none;
}
#flashBlock {
	width: auto;
	margin: 0px;
	padding: 5px;
	font-size: .9em;
	line-height: 1.4;
	color: #333333;
	border-bottom: 1px solid #ececec;
}


.home {
	height: 375px;
}

#flashBlock p {
	margin: 6px 10px 0px 10px;
	padding: 0px;
	color: #333333;
}
#flashBlock li {
	font-size: .9em;
	margin: 0px 10px 0px 0px;
	padding-bottom: 2px;
}


div#flashBlock> p:first-child  {
	margin-top: 12px;
}

div#flashBlock.tsv3 {
	padding: 0;
	padding-bottom: 30px;
}

#getFlash {
	margin-top: 20px;
	padding: 10px;
	background: #ececec;
}

#getFlash a {
	outline: none;
}

#getFlash h4, #getFlash p {
	height: 1%;
	width: 500px;
	float: left;
}

#getFlash img {
	margin: 45px 0 20px 0;
	outline: none;
}

#homeSideNav {
	width: 175px;
	margin: 0px;
	padding: 0px;
}

#homeSideNav ul {
	list-style: none;
	margin: 0px 0px 14px 0px;
	padding: 0px;
}

#homeSideNav li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#homeSideNav li a {
	display: block;
	width: 175px;
	height: 155px;
	margin: 0px;
	padding: 0px;
	text-indent: -1000px;
}

#homeSideNav li.residential a {
	background-image:url(images/btn-home-sideNav-res.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#homeSideNav li.commercial a {
	background-image:url(images/btn-home-sideNav-com.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#homeSideNav li.residential a:hover, #homeSideNav li.residential a:active,
#homeSideNav li.commercial a:hover, #homeSideNav li.commercial a:active {
	background-position: 0px -155px;
}

#homeSideNav p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px 7px 0px 12px;
	line-height: 1.4;
	color: #8da09a;
}

#primaryContent #generalText a.pdfLink {
	height: 17px;
	line-height: 17px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 24px;
	background: url(images/acrobat.gif) left top no-repeat;
}


#primaryContent #generalText a.wordLink {
	height: 16px;
	line-height: 16px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 24px;
	background-image: url(images/word.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#primaryContent #generalText a.excelLink {
	height: 16px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 24px;
	background-image: url(images/excel.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#authPanel {
	width: 183px;
	height: 375px;
	margin: 0px;
	padding: 5px;
	border-bottom: 1px solid #ececec;

}

div#authentic {
	width: 183px;
	height: 375px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: #a1bbe2;
}

#authentic h3, #authentic p {
	font-size: 10px;
	margin: 0px;
	text-indent: -2000px;
}

#authentic a.title {
	display: block;
	width: 183px;
	height: 110px;
	overflow: hidden;
}

#authentic a.body {
	display: block;
	width: 183px;
	height: 157px;
	overflow: hidden;
}

#authentic #ADlist {
	width: 179px;
	margin: 0px 0px 0px 6px;
	padding: 0px;
}

#authentic #ADlist ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#authentic #ADlist li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#authentic #ADlist li a {
	display: block;
	height: 18px;
	width: 84px;
	margin: 0px;
	padding: 0px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	font-size: 10px;
	text-indent: -2000px;
	overflow: hidden;
}

#authentic #ADlist li a.deco {
	background-image: url(../images/uploads/home-ad-01-deco.gif);
}

#authentic #ADlist li a.euro {
	background-image: url(../images/uploads/home-ad-02-euro.gif);
}

#authentic #ADlist li a.arts {
	background-image: url(../images/uploads/home-ad-03-arts.gif);
}

#authentic #ADlist li a.sw {
	background-image: url(../images/uploads/home-ad-04-sw.gif);
}

#authentic #ADlist li a.col {
	background-image: url(../images/uploads/home-ad-05-col.gif);
}

#authentic #ADlist li a.trad {
	background-image: url(../images/uploads/home-ad-06-trad.gif);
}

#authentic #ADlist li a.farm {
	background-image: url(../images/uploads/home-ad-07-farm.gif);
}

#authentic #ADlist li a.tud {
	background-image: url(../images/uploads/home-ad-08-tud.gif);
}

#authentic #ADlist li a.hc {
	background-image: url(../images/uploads/home-ad-09-hc.gif);
}

#authentic #ADlist li a.tus {
	background-image: url(../images/uploads/home-ad-10-tus.gif);
}

#authentic #ADlist li a.mod {
	background-image: url(../images/uploads/home-ad-11-mod.gif);
}

#authentic #ADlist li a.vic {
	background-image: url(../images/uploads/home-ad-12-vic.gif);
}

#authentic #ADlist li a:hover {
	background-position: 0px -18px;
}



#lowerAdLeft {
	float:left;
	width: 183px;
	height: 185px;
	margin: 0px;
	padding: 5px;
	border-right: 1px solid #ececec;
}

#lowerAdLeft img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#lowerAdCenter {
	float: left;
	width: 330px;
	height: 185px;
	margin: 0px;
	padding: 5px;
}

#lowerAdCenter img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#lowerAdRight {
	width: 183px;
	height: 185px;
	margin: 5px 0px 0px 5px;
	padding: 0px;
}

#lowerAdRight img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#breadcrumbs, .breadcrumbs {
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1;
	margin: 10px 0px 10px 0px;
	padding: 0px 14px 10px 14px;
	background-image:url(images/img-nav-arrow.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ececec;
	color: #999999;
}
.breadcrumbs {
	margin-left:5px;
}

#breadcrumbs a {
	text-decoration: none;
	color: #5b5f5e;
}

#breadcrumbs a:hover, #breadcrumbs a:active {
	text-decoration: underline;
	color: #f07901;
}

#sideContent #generalSideNav {
	width: 175px;
	margin: 18px 0px 14px 0px;
	padding: 0px;
	font-size: 14px;
	letter-spacing: .02em;
}

#sideContent #generalSideNav p.heading {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.1;
	color: #f07901;
}

#sideContent #generalSideNav p.heading a {
	display: block;
	width: auto;
	padding: 4px 14px 4px 14px;
	color: #f07901;
	text-decoration: none;
}

#sideContent #generalSideNav sup {
	font-size: 11px;
	vertical-align:text-top;
}

#sideContent #generalSideNav p.heading a:hover, #sideContent #generalSideNav p.heading a:active {
	background-color: #f7f7f7;
	color: #f07901;
	
}

#sideContent #generalSideNav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#sideContent #generalSideNav li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	line-height: 1.2;
	display: inline; /* :KLUDGE: REmoves large gaps in IE/Win */
}

#sideContent #generalSideNav li a {
	display: block;
	width: auto;
	list-style: none;
	margin: 0px;
	padding: 3px 14px 3px 14px;
	color: #5a6763;
	text-decoration: none;
}

#sideContent #generalSideNav li a:hover, #sideContent #generalSideNav li a:active {
	background-color: #f7f7f7;
	color: #f07901;
	background-image:url(images/img-nav-arrow.gif);
	background-position: 0px 6px;
	background-repeat: no-repeat;
}

#sideContent #generalSideNav li li {
	list-style: none;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	line-height: 1.2;
}

#sideContent #generalSideNav li li a {
	padding: 3px 14px 3px 28px;
}

#sideContent #generalSideNav .seealso {
	margin: 40px 14px 0px 14px;
	padding: 8px 0px 0px 0px;
	line-height: 1.4;
	border-top: 1px solid #ececec;
}

#sideContent #generalSideNav .seealso h3 {
	font-size: 12px;
	font-weight: normal;
	color: #5a6763;
	margin: 0px;
	padding: 0px;
}

#sideContent #generalSideNav .seealso p {
	font-size: 16px;
	font-weight: bold;
	color: #5a6763;
	margin: 0px;
	padding: 0px;
}

#sideContent #generalSideNav .seealso p a {
	text-decoration: none;
	color: #5a6763;
}

#sideContent #generalSideNav .seealso p a:hover, #sideContent #generalSideNav .seealso p a:active {
	text-decoration: underline;
	color: #f07901;
}

#sideContent #generalSideNav li.video a {
	margin-top: 20px;
}

/* Dealer search block */

#dealerSearchVert {
	width: 183px;
	height: 185px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

#dealerSearchBlock {
	float: left;
	width: 183px;
	height: 124px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	background-image: url(images/bkgd-find-dealer.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: #5b6763;
}

#dealerSearchForm {
	position: relative;
	top: 87px;
	left: 7px;
}

#dealerSearchForm img#dealerGo {
	position: relative;
	top: 6px;
	margin: 0px;
	padding: 0px;
}

div#assistanceBlock {
	float: left;
	width: 183px;
	height: 55px;
	margin: 0px;
	padding: 0px;
	background-color: #ee7a01;
}

#assistanceBlock img {
	margin: 0px;
	padding: 0px;
	border: none;
}

.imgLeft {
	float: left;
	margin: 10px 20px 10px 20px;
	padding: 0px;
}

.imgRight {
	float: right;
	margin: 10px 20px 10px 20px;
	padding: 0px;
}

.imgCenter {
	margin: 16px auto 24px auto;
	padding: 0px;
}


.caption {
	font-size: 11px;
	color: #999999;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#primaryContent sup {
	font-size: .75em;
	vertical-align: text-top;
	margin-left: 1px;
}


#primaryContent #catalog ul li, #primaryContent #generalText ul li {
	font-size: .9em;
	line-height: 1.4;
	color: #333333;
	margin-right: 20px;
}

#primaryContent ol li {
	font-size: .9em;
	line-height: 1.4;
	color: #333333;
}
#landingGrid {
	width: auto;
	height: 1%;
	margin: 20px 0px 20px 0px;
	padding: 0px;
	border-top: 1px solid #ececec;
}

#landingGrid.noline {
	border-top: none;
	margin: 0 0 20px 0;
}

div.videobanner {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 0;
}

.videobanner a {
	display: block;
	width: 728px;
	height: 125px;
	background: url(../images/video-banner.jpg) left top no-repeat;
	font-size: 0px;
	text-indent: -5000px;
	outline: none;
	overflow: hidden;
}

#primaryContent #landingGrid a {
	display: block;
	float: left;
	width: 200px;
	height: 90px;
	margin: 0px;
	padding: 20px;
	color: #666666;
	line-height: 1.4;
	text-decoration: none;
	border-right: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
}

#primaryContent #landingGrid a:hover {
	background-color: #f6f6f6;
	color: #f07901;
	text-decoration: none;
	cursor:pointer;
}

	#primaryContent #generalText #landingGrid a:hover {
	text-decoration: none;
}

#primaryContent #landingGrid a.short {
	height: 50px;
}


#primaryContent #landingGrid a.tall {
	height: 130px;
}

#landingGrid .landingTitle {
	display: block;
	width: 200px;
	height: auto;
	margin: 0px 0px 6px 0px;
	padding: 0px;
	font-size: 1em;
	font-weight: bold;

}

#landingGrid .landingDescription {
	display: block;
	width: 200px;
	height: auto;
	clear: left;
	margin: 0px;
	padding: 0px;
	font-size: .85em;
}

.landingTitle sup, .landingDescription sup {
	font-size: .7em;
	vertical-align: text-top;
}

img.white {
	background-color: #ffffff;
}

a#midbanner {
	display: block;
	width: 330px;
	height: 185px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	font-size: 10px;
	text-indent: -2000px;
}

.greenbanner {
	background-image:url(../images/uploads/green-banner.jpg);
}

.glassbanner {
	background-image: url(../images/uploads/resin-banner.jpg);
}

.tsv3banner1 {
	background-image:url(../images/img-njad-01.jpg);
}

.tsv3banner2 {
	background-image:url(../images/img-njad-02.jpg);
}

#homeSideNav p.intro {
	position: absolute;
	top: 540px;
	width: 155px;
	margin: 0px;
	padding: 0px 7px 0px 12px;
	font-size: 11px;
	line-height: 1.4;
	color: #8da09a;
	color: #666;
}

#homeSideNav p.intro sup {
	font-size: 10px;
	vertical-align: text-top;
}

a#doordesigntool {
	display: block;
	width: 183px;
	height: 185px;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	text-indent: -2000px;
	overflow: hidden;
	background-image: url(../images/uploads/door-design-tool.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

dl {
	margin: 6px 0px 6px 36px;
	font-size: .85em;
	line-height: 1.2;
}

h4 + dl {
	margin-top: 16px;
}

dt {
	float: left;
	width: 80px;
	font-weight: bold;
	color: #666666;
}

dd {
	margin: 0px 0px 0px 100px;
}


dl.pr {
	line-height: 1.8;
	padding-bottom: 2em;
}

dl.pr dt {
	width: 140px;
}

dl.pr dd {
	margin: 0px 40px 10px 160px;
}

.firejamb {
	margin: 20px 0px 0px 0px;
	padding: 14px 0px 0px 0px;
	border-top: 1px solid #ececec;
}

.firejamb .leftCol {
	width: 327px;
	float: left;
}

.firejamb .leftCol img {
	border: 1px solid #ececec;
	margin: 0px 0px 6px 0px;
}

.firejamb .rightCol {
	margin: 0px 16px 0px 340px;
}

table.leedtable {
	width: auto;
	margin: 0px 14px 0px 14px;
	border: 1px solid #d8d8d8;
}

table.leedtable caption {
	font-weight: bold;
	font-size: 14px;
	color: #666666;
	text-align: left;
	line-height: 1.3;
	margin: 0;
	padding: 14px 60px 14px 0px;
}

table.leedtable caption sup {
	font-size: 10px;
	vertical-align: text-top;
	margin-left: 3px;
}

table.leedtable th {
	font-size: .75em;
	font-weight: bold;
	color: #333333;
	padding: 6px;
	background-color: #5b6763;
	background-image: url(images/grad-leed-head.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	color: #ffffff;
}

table.leedtable .subhead th {
	text-align: left;
	padding: 8px 6px 8px 6px;
	background-color: #fafbff;
	background-image: url(images/grad-leed-subhead.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-top: 3px double #cccccc;
	color: #333333;
}

table.leedtable td {
	font-size: .75em;
	width: auto;
	color: #333333;
	vertical-align: top;
	padding: 8px 6px 12px 6px;
	background-image: url(images/grad-leed-row.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-right: 1px solid #edf3fe;
}

#primaryContent p.footnote {
	font-size: 10px;
	color: #666666;
	margin: 10px 0px;
}

#specifications a.pdfLink {
	display: block;
	height: 16px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 24px;
	background-image: url(images/acrobat.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#datasheets a {
	text-decoration: none;
	color: #f07901;
}

#datasheets a:hover {
	text-decoration: underline;
}

#datasheets a.pdfLink, #catalog a.pdfLink {
	margin: 0px;
	padding: 0px 0px 0px 24px;
	background-image: url(images/acrobat.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;

}

#primaryContent #datasheets h4 {
	margin: 16px 0px 14px 0px;
	padding: 0px 16px 6px 16px;
	border-bottom: 1px solid #ececec;
}

#datasheets dl {
	margin: 0px 14px 24px 40px;
	font-size: .85em;
	line-height: 1.6;
}

#datasheets dt {
	float: left;
	font-weight: normal;
	color: #666666;
	width: 100px;
}

#datasheets dd {
	margin: 0px 0px 0px 110px;
}

#firetable {
	width: auto;
	padding: 0px 14px;
}

table.firetable {
	width: auto;
	margin: 0px;
	border: 1px solid #d8d8d8;
}

table.firetable caption {
	font-size: 1em;
	color: #666666;
	text-align: left;
	margin: 0px;
	padding: 14px 0px 10px 0px;
}

table.firetable caption sup {
	font-size: 10px;
	vertical-align: text-top;
	margin-left: 3px;
}

table.firetable th {
	text-align: left;
	font-size: .75em;
	font-weight: bold;
	color: #333333;
	padding: 6px;
	background-color: #5b6763;
	background-image: url(images/grad-leed-head.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	color: #ffffff;
}

table.firetable .subhead th {
	padding: 8px 6px 8px 6px;
	background-color: #fafbff;
	background-image: url(images/grad-leed-subhead.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-top: 3px double #cccccc;
	color: #333333;
}

table.firetable td {
	font-size: .8em;
	width: auto;
	color: #333333;
	vertical-align: top;
	padding: 8px 6px 12px 6px;
	background-image: url(images/grad-leed-row.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-right: 1px solid #ececec;
}

table.firetable td.colHeading {
	font-weight: bold;
}

/* Sound door tables*/

#stcTable{
	width: auto;
	padding: 0px 14px;
}

#primaryContent #stcTable h4 {
	margin: 24px -14px 10px -14px;
	padding: 0px 16px 6px 16px;
	border-bottom: 1px solid #ececec;
}


#stcTable table {
	width: auto;
	margin: 0px 0px 14px 0px;
	border: 1px solid #d8d8d8;
}

#stcTable caption {
	font-size: .9em;
	color: #666666;
	text-align: left;
	margin: 0px;
	padding: 14px 0px 10px 0px;
}

#stcTable caption sup {
	font-size: 10px;
	vertical-align: text-top;
	margin-left: 3px;
}

#stcTable th {
	text-align: left;
	font-size: .75em;
	font-weight: bold;
	color: #333333;
	padding: 6px;
	background-color: #5b6763;
	background-image: url(images/grad-leed-head.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	color: #ffffff;
}

#stcTable .subhead th {
	padding: 8px 6px 8px 6px;
	background-color: #fafbff;
	background-image: url(images/grad-leed-subhead.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-top: 3px double #cccccc;
	color: #333333;
}

#stcTable td {
	font-size: .8em;
	width: auto;
	color: #333333;
	vertical-align: top;
	padding: 8px 6px 12px 6px;
	background-image: url(images/grad-leed-row.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-right: 1px solid #ececec;
}


table.stcClass {
	width: auto;
	border-collapse:collapse;
	font-size: .85em;
}

table.stcClass caption {
	font-size: .9em;
	color: #666666;
	margin: 0px;
	padding: 14px 0px 10px 0px;
}


table.stcClass th, table.stcClass td {
	border: 1px solid #ececec;
	border-collapse:collapse;
	margin: 0px;
	padding: 6px;
	text-align: left;
}

table.stcClass tr.yellowRow td {
	background-color: #fffdda;
	border: 1px solid #d8d8d8;
}

table.stcClass tr.blueRow td {
	background-color: #dae6ff;
	border: 1px solid #d8d8d8;
}

table.stcClass th.noBorder, table.stcClass td.noBorder, table.stcClass tr.yellowRow td.noBorder, table.stcClass tr.blueRow td.noBorder {
	border: none;
}

table.stcClass td.nowrap {
	white-space: nowrap;
}

.fig1 {
	float: left;
	width: 284px;
	margin: 20px 40px 20px 14px;
}

.stcInset {
	width: auto;
	padding: 0px 26px 0px 320px;
}

#forms dl {
	margin: 8px 16px 24px 16px;
	font-size: .85em;
	line-height: 1.4;
}

#forms dt {
	float: left;
	width: 180px;
	font-weight: bold;
	color: #666666;
}

#forms dd {
	margin: 0px 0px 6px 200px;
}

#generalSideNav p.intro {
	position: absolute;
	top: 500px;
	width: 155px;
	margin: 0px;
	padding: 20px 14px 0px 14px;
	font-size: 11px;
	line-height: 1.4;
	color: #8da09a;
}

#generalSideNav p.intro sup {
	font-size: 10px;
	vertical-align: text-top;
}

#comPortfolio {
	width: 183px;
	height: 375px;
	margin: 0px;
	padding: 5px;
	border-bottom: 1px solid #ececec;
}

#comPortfolio a {
	display: block;
	width: 183px;
	height: 375px;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	font-size: 10px;
	text-indent: -2000px;
	overflow: hidden;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

/* Contact form */

#contactForm {
	font-size: 1em;
}

#contactForm fieldset {
	width: auto;
	margin: 0px 0px 16px 0px;
	padding: 10px 0px 10px 60px;
	border: none;
	border-top: 1px solid #ececec;
}

#contactForm legend {
	font-weight: bold;
	font-size: 1em;
	color: #666666;
	margin: 0px 0px 10px -24px;
	padding: 0px 10px 0px 10px;
}

#primaryContent #contactForm p {
	margin: 0px;
	padding: 0px;
	line-height: 1.3;
}

#contactForm .radiocolumn {
	float: left;
	width: 180px;
	margin-right: 10px;
	white-space: nowrap;
}

#contactForm .contactInfo p {
}

#contactForm .contactInfo label {
	float: left;
	width: 80px;
	white-space: nowrap;
}

#contactForm .contactInfo input, #contactForm .contactInfo textarea {
	float: left;
	margin-left: 10px;
	margin-bottom: 6px;
	width: 240px;
	border: 1px solid #999999;
	padding: 2px;
	outline: none;
}

#contactForm .contactInfo .state select {
	float: left;
	width: 80px;
	margin-left: 10px;
	border: 1px solid #999999;
	padding: 2px;
	outline: none;
}

#contactForm .contactInfo .zip label {
	float: left;
	width: 20px;
	clear: none;
	margin-left: 25px;
}

#contactForm .contactInfo .zip input {
	float: left;
	width: 100px;
	margin-left: 15px;
	border: 1px solid #999999;
	padding: 2px;
}

#contactForm .contactInfo p {
	clear: left;
}


#contactForm .submit {
	border-top: 1px solid #ececec;
	padding: 16px 0px 0px 60px;
}

#contactForm input.button {
	margin-right: 10px;
}

#contactForm textarea.comments {
	width: 350px;
	height: 140px;
}

#contactForm .required {
	color: #c26300;
}

#contactForm p.required {
	width: 340px;
	font-size: .75em;
	text-align: right;

}

#contactForm .radio, #contactForm .checkbox {
	border: none;
} 

/* end contect form */

/* Mods for dealersearch */

#dealerSearch {
	font-size: 1em;
}

#dealerSearch a {
	color: #f07901;
	text-decoration: none;
}

#dealerSearch a:link, #dealerSearch a:visited {
	color: #f07901;
	text-decoration: none;
}

#dealerSearch a:hover, #dealerSearch a:active {
	color: #f07901;
	text-decoration: none;
}

#primaryContent #dealerSearch p {
	font-size: .85em;
	line-height: 1.4;
	margin: 0px 0px 6px 0px;
	padding: 0px 16px 6px 16px;
}

#dealerSearch fieldset {
	width: auto;
	margin: 0px 0px 16px 0px;
	padding: 10px 0px 10px 60px;
	border: none;
	border-top: 1px solid #ececec;
}

#dealerSearch legend {
	font-weight: bold;
	font-size: 1em;
	color: #666666;
	margin: 0px 0px 10px -24px;
	padding: 0px 10px 0px 10px;
}

#primaryContent #dealerSearch fieldset p {
	margin: 0px;
	padding: 0px;
	line-height: 1.3;
}

#dealerSearch .zip label, #dealerSearch .state label {
	float: left;
	width: 80px;
	white-space: nowrap;
}

#dealerSearch .distance label {
	float: left;
	width: 110px;
	white-space: nowrap;
}

#dealerSearch .zip input, #dealerSearch .state input, #dealerSearch .state select {
	float: left;
	margin-left: 10px;
	margin-bottom: 6px;
	width: 100px;
	border: 1px solid #999999;
	padding: 2px;
}

 #dealerSearch .distance select {
	float: left;
	width: 150px;
	margin-left: 10px;
	margin-bottom: 6px;
}

#dealerSearch .contactInfo .zip input {
	float: left;
	width: 100px;
	margin-left: 15px;
}

#dealerSearch p {
	clear: left;
}

#dealerSearch .submit {
	border-top: 1px solid #ececec;
	padding: 16px 0px 0px 60px;
}

#dealerSearch input.button {
	margin-right: 10px;
}


#dealerSearch .radio input {
	border: none;
} 


#dealerSearch .dealerlist {
	font-size: .9em;
	width: auto;
	margin: 0 auto;
	margin-bottom: 10px;
	vertical-align: top;
}

#primaryContent #dealerSearch .dealerlist p {
	margin: 0px;
	padding: 0px;
	line-height: 1.4;
	clear: none;
}

#dealerSearch p.dealercontact {
	margin-top: 6px;
}

#dealerSearch .dealeritem {
	border-top: 1px solid #ececec;
	padding: 14px 30px;
}

#dealerSearch .dealeritem.TruStile {
	background: #ffffff url(images/bg-dealer-result.gif) top left repeat-x;
	border: 2px solid #f07901;
	margin: 2px 0px;
}


#dealerSearch .dealerdistance {
	width: 110px;
	float: left;
}

#dealerSearch .dealerdetail {
	width: 240px;
	float: left;
	margin-bottom: 11px;
}

#dealerSearch .dealertype {
	width: 120px;
	float: left;
}

#dealerSearch .dealerdisplay {
	font-size: 1.15em;
	font-weight: bold;
	color: #333333;
	margin: 0 0 6px 0px;
}

#dealerSearch .dealerdisplay img {
	margin: 0 5px -10px 0;
}

#dealerSearch .dealerfooter {
	border-top: 1px solid #ececec;
	vertical-align: top;
	padding: 11px 25px 25px 25px;
}

#dealerSearch .dealerfooter p.dealernewsearch {
	width: 335px;
	float: left;
}

#dealerSearch .dealerfooter p.dealerxionetics {
	width: 140px;
	float: left;
}

#dealerSearch .dealererror {
	margin-left: 40px;
	margin-right: 40px;
	font-style:italic;
	color: #666666;
}

#primaryContent #pr p {
	margin-bottom: 1em;
}

.prAbout {
	width: auto;
	border: 1px solid #ececec;
	padding: 6px;
	margin: 16px;
}

#prmasthead {
	width: auto;
	padding: 0;
	margin: 2em 1.2em;
	font-size: .85em;
	line-height: 1.4;
	color: #333333;
}

.prcontact {
	width: 350px;
	float: left;
}

.prdate {
	width: 260px;
	float: right;
}

.imgBlock.scs {
	width: 150px;
	height: auto;
	float: right;
	margin: 6px 20px 0 12px;
	text-align: center;
}

.imgBlock a img {
	border: 1px solid #ffffff;
}

.imgBlock.right {
	margin: 0 30px 14px 20px;
	float: right;
}

.imgBlock.left {
	margin: 0 30px 14px 20px;
	float: left;
}

.imgBlock.right a .caption, .imgBlock.left a .caption {
	border: none;
}

.imgBlock.right img, .imgBlock.left img {
	background: #ffffff;
	border: 1px solid #d8d8d8;
	padding: 4px;
}

#primaryContent #generalText p a {
	margin: 0;
	padding: 0;
}

p.right {
	text-align: right;
}

/* tooltips for dealer locator */

a.tt {
    position: relative;
    z-index: 24;
    color: #666666;
    text-decoration: none;
}

a.tt img {
	border: none;
}

a.tt span{ 
	display: none;
	font-size: .95em;
	font-weight:normal;
 }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ 
	z-index:25;
	color: #aaaaff;
	background: none;
}

a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:-14px;
	padding: 10px 0 0 0;
	width:251px;
	color: #666666;
    text-align: left;
/*	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;*/
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(images/bubble2.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 10px; 
	background: url(images/bubble_filler2.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(images/bubble2.gif) no-repeat bottom;
}


#trufacts {
	padding: 0 20px;
	margin: 1.5em 0 0 0;
}

#generalText #trufacts p,
#generalText #trufacts h3,
#generalText #trufacts h4 {
	line-height: 1.6;
}

#primaryContent #generalText #trufacts p {
	margin: 1em 0;
}

#generalText #trufacts h3 {
	border-top: 1px solid #ececec;
	clear: both;
	margin: 1em 0 .8em 0;
	padding-top: .6em;
}

#primaryContent #generalText #trufacts h4 {
	font-size: 1.0em;
	font-style: italic;
	font-weight: normal;
	color: #999999;
	margin: .8em 0 .8em 0;
}

#trufacts img {
	background: #ffffff;
	border: none;
}

#trufacts a img {
	border: none;
}


/*#trufacts img.leftimg {
	float: left;
	margin: 0 12px 12px 0;
	padding: 4px;
	border: 1px solid #d8d8d8;
}

#trufacts img.rightimg {
	float: right;
	margin: 0 0 12px 12px;
	padding: 4px;
	border: 1px solid #d8d8d8;
}

#trufacts fieldset {
	background: #f7f7f7;
	border: 1px solid #d8d8d8;
}

#trufacts legend {
	font-size: .9em;
	color: #666666;
}
*/
#trufacts table.articleImage {
	margin: 10px 0px 20px 0px;
}

#trufacts #article .caption {
	font-size: 10px;
	text-align:center;
	margin-top: 6px;
	}
	
#trufacts #imgleft {
	float:left;
	margin: 6px 14px 14px 0px;
	
}

#trufacts #imgright {
	float:right;
	margin: 6px 0px 14px 14px;
}

#trufacts #imgleft img, #trufacts #imgright img {
	padding: 4px;
	border: 1px solid #b2b2b2;
	background-color: #ffffff;
}

#trufacts #article fieldset {
	background: #f7f7f7;
	border: 1px solid #d8d8d8;
	padding: 10px;
	margin: 0 0 14px 0;
}

#trufacts #article legend {
	font-size: .9em;
	font-weight: bold;
	color: #5e5e5e;
	padding-bottom: 10px;
}

#trufacts #article fieldset #imgleft, #trufacts #article fieldset #imgright {
	margin-top: 0px;
	padding-top: 0px;
}

#trufacts #article fieldset p{
	margin-right: 10px;
}


#trufacts sup {
	font-size: 60%;
	vertical-align: top;
}

#trufacts p.alert {
	font-style: italic;
	color:#990000;
}

#trufacts hr {
	height: 1px;
	margin: 0px 14px 6px 14px;
	color: #ececec;
}

#newshome {
	width: 420px;
	float: left;
}

#subscribe {
	width: 250px;
	float: right;
	background: #f7f7f7;
	border: 1px solid #d8d8d8;
	margin-right: 20px;
}

#subscribe form {
	margin: 0;
	padding: 0;
}

#subscribe label {
	margin: 0;
	padding: 0;
	font-size: .8em;
	font-weight: bold;
	color: #666666;
}

#subscribe input.textfield {
	width: 190px;
	border: 1px solid #d8d8d8;
	padding: 4px 8px;
	margin-top: 4px;
}

#subscribe input.submitButton {
	margin: 10px 0 15px 65px;
}

#generalText #newshome h5 {
	font-weight: bold;
	color: #333333;
	margin: 1em 0 .6em 0;
}

#generalText #newshome ol {
	margin: 0 0 .75em 0;
}

p.transitions, p.transitions a {
	font-size: .5em;
	margin: 0;
	padding: 0;
	text-indent: -5000px;
	outline: none
}

#footerlinks {
	margin: 1.5em;
	font-size: .85em;
	line-height: 1;
}

#footerlinks a, #footerlinks a:link, #footerlinks a:visited {
	text-decoration: none;
	color: #666;
}

#footerlinks a:hover, #footerlinks a:active {color: #f07901;}

#footerlinks p {
	margin: 0 0 .4em 0;
	font-size: 12px;
}

#footerlinks ul, #footerlinks ul {
	margin: 0;
	padding: 0;
}

#footerlinks ul, #footerlinks li {
	margin: 0 0 .4em 0;
	list-style: none;
	font-size: 12px;
}

#footerlinks div.column {
	float: left;
	margin-left:30px;
}

#footerlinks .last a {padding-left: 24px;}

a.facebook {
	display: block;
	height: 16px;
	line-height: 16px;
	background: url(images/facebook.png) 0 0 no-repeat;}

a.twitter {
	display: block;
	height: 16px;
	line-height: 16px;
	background: url(images/twitter.png) 0 0 no-repeat;}

#lightboxCaption {
	width:300px;
}

.hidden {
	font-size: 1px;
	text-indent: -5000px;
	overflow: hidden;
	outline: none;
}

#TOH {
	position: absolute;
	top: 608px;
	left: 10px;
}

#primaryContent sup.frac {
	font-size: .7em;
	vertical-align: 40%;
}
#primaryContent sub.frac {
	font-size: .7em;
	vertical-align: bottom;
}