/* Pro-Vents */


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: 100%;
	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: 726px;
	margin: 0px 0px 0px 2px;
	padding: 0px;
	display: inline;
}

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

#twoCol #secondaryContent {

}

#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 0px;
	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: 50px;
	margin: 14px 0px 0px 0px;
	padding: 0px 0px 0px 14px;
}

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

#logoSearch h1 {
	width: 285px;
	height: 47px;
	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: 285px;
	height: 47px;
	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 -47px;
}


#searchBox {
	float: left;
	position: absolute;
	left: 750px;
	width: 150px;
	height: 30px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#galleryBox {
	float: left;
	position: absolute;
	width: 480px;
	height: 475px;
	margin: 10px 0 0 120px;
	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 #ececec;
}

#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: 20px 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-about.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#mainNav li.doordesign a {
	width: 117px;
	background-image:url(images/btn-topNav-contact.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: none;
}

#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: 160px;
	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-position: 72px 12px;
	background-repeat: no-repeat;
	padding: 10px 12px 10px 280px;
	border-bottom: 1px solid #ececec;
}

p.copyright {
	padding: 0;
	font-size: 11px;
	line-height: 15px;
	color: #999999;
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 280px;
	width: 100%;
}

.line{
	width:100%;
	margin:0px 0 1px 0px;
	float: left;
	border-bottom: 3px double #ececec;
	border-right: 1px solid #ececec;
}

.line a:hover{
color:#FF9900;
text-decoration:none;
}

.line a{
color:#999999;
text-decoration:none;
}

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

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

#footerNav li {
	float:left;
	list-style: none;
	margin-left: 0px;
	margin-right: 20px;
}

#footerNav li a {
	color: #93a8a1;
	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: 0.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;
	top: 0px;
}

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

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

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

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

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

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

#homeSideNav li.comfort a:hover, #homeSideNav li.comfort a:active,
#homeSideNav li.protection a:hover, #homeSideNav li.protection a:active,
#homeSideNav li.innovative a:hover, #homeSideNav li.innovative a:active,
#homeSideNav li.cool a:hover, #homeSideNav li.cool a:active {
	background-position: 0px -77.5px;
}

#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;
	text-decoration:none;
}


#primaryContent #generalText a.pdfLink {
	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;
}


#primaryContent #generalText a.wordLink {
	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;

}

#authPanel_left {
	width: 165px;
	height: 338px;
	margin: 25px 0 0 5px;
	padding: 0px;
	border-bottom: 1px solid #ececec;
}

#authentic {
	width: 183px;
	height: 375px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	display:block;
	background-image:url(../img/home/lower-right/random2.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: #a1bbe2;
}

#authentic_left {
	width: 165px;
	height: 338px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background-image:url(../img/home/lower-right/random_left.jpg);
	display:block;
	background-position: 0px 0px;
}

#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: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;
}

#topAdLeft {
	width: 165px;
	height: 185px;
	margin: 25px 0px 0px 5px;
	padding: 0px;
}

#topAdLeft 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: 13px;
	letter-spacing: 0.02em;
}

#sideContent #generalSideNav p.heading {
	margin: 0px;
	padding: 4px 4px 4px 14px;
	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;
}

#contactbodyLeftColumn {
	clear: left;
	float: left;
	width: 717px;
	height: 1%;
	margin: 12px 10px 0px 0px;
	padding: 0 0 14px 0;
}

#retailesbodyLeftColumn {
	clear: left;
	float: left;
	width: 717px;
	height: 1%;
	margin: 12px 10px 0px 0px;
	padding: 0 0 14px 0;
}

#retailesbodyLeftColumn p a{
	font-size:12px;
	color:#333333;
	text-decoration:none;
}

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

#contactbodyLeftColumn img#mapImage {
	float: left;
	margin: 0px 80px 0px 160px;
}	

#contactbodyMap img#logoImage{
margin-top:10px;
}

#contactbodyMap a{
	color:#333333;
	text-decoration:none;
}

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


#contactbodyMap {
	float:left;
	width:600px;
	margin:30px 0 0 0;
	padding-left:40px;
} 

#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;
}

#generalSideNav .active {
	display: block;
	color: #54566d;
	background-image:url(images/img-nav-arrow.gif);
	background-position: 0px 6px;
	padding:4px 14px 4px 14px;
	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 0px 0px 0px;
	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;
}

#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 {

}

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: 490px;
	width: 155px;
	margin: 0px;
	padding: 0px 7px 0px 12px;
	font-size: 11px;
	line-height: 1.4;
	color: #5b5f5e;
}

#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/thermographic.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

a#doordesigntool2 {
	display: block;
	width: 165px;
	height: 185px;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	text-indent: -2000px;
	overflow: hidden;
	background-image: url(../images/uploads/thermographic_w.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 0px 0px 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-size: 1.1em;
	color: #666666;
	text-align: left;
	margin: 10px 0px 10px;
	padding: 0px 14px;
}

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 {
	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;
}




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

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

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

#aboutTeam  dd {
	margin: 0px 0px 0px 100px;
	font-style: italic;
}

#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;
}

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

#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: 260px;
	float: left;
}

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

.imgBlock.scs {
	width: 150px;
	height: auto;
	float: right;
	margin: 24px 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;
}
#homeSideNav p.partners {
	position: absolute;
	top: 660px;
	width: 155px;
	margin: 0px;
	padding: 0px 7px 0px 12px;
	font-size: 11px;
	line-height: 1.4;
	color: #5b5f5e;
	border: 0px;
}

#sideContent #3M{
	font-size:11px;
	width: 165px;
	margin: 14px 0 0 5px;
}

a#partners {
	display: block;
	width: 165px;
	height: 60px;
	padding: 35px 0 0 5px;
	font-size: 12px;
	color:#5b5f5e;
	background-image:url(images/3MLogo.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-decoration: none;
	margin: 0;
}


#primaryContent .titles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #495966;
	margin-top:20px;
	margin-bottom:20px;
}
#primaryContent .copy {
	font:12px;
	font-weight:bold;
	color: #495966;
	text-decoration: none;
	margin-top:10px;
	margin-bottom:10px;
}

#primaryContent .test {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #495966;
	text-decoration: none;
	margin-top:40px;
	margin-bottom:10px;
}

#primaryContent .inuse {
margin:10px 0 0 0;
text-align:center;
}

#retailer {
	width:728px;
	padding-top: 20px;
	float: left;
	border-bottom: 1px solid #d8d8d8;
	margin-bottom: 5px;
}

#logo_retailer {
	width:300px;
	float:left;
	text-align:center;
	padding-bottom: 20px;
}

#text_retailer {
	float:right;
	width: 410px;
}

#text_retailer #name{
	font-size:14px;
	font-weight:bold;
	line-height:1.4;
	margin-bottom: 10px;
}

#text_retailer #ret{
	font-size:12px;
	line-height:1.4;
}

#text_retailer #ret a {
	color: #f07901;
	text-decoration: none;

}
#border_retail {
	border-bottom: 1px solid #d8d8d8;
	padding:5px 0 5px 0;
	float: left;
}