*{
			margin:0;
			padding:0;
			text-align: left;
		}
		:focus {
			outline: 0;
		}
		body{
			text-align: center;
			min-width: 1000px;
			background-color: #26211f;
			font-family: Helvetica, Verdana, Geneva, Arial,  sans-serif;
			font-size:12px;
		}
		.bottom {
			position: absolute;
			margin-bottom: 0;
		}
		#homelink {
			position:absolute;
			top:30px;
			width:230px;
			height:50px;
		}

		.wrapper{
			margin:0 auto;
			width: 1000px;
			text-align: left;
			background:#b15c01;
			background-image: url(../images/body-bkgrnd.gif);
		}
		.width{
			width:1000px;
			margin-top:0px;
		}

		.he{
			background: #ff8c00;
			background-image: url(../images/mendota-hdr.jpg);
			background-repeat: no-repeat;
			width: 1000px;
			height: 111px;
		}
		.fine-print {
			font-size: 10px;
		}

		* html .fo,* html .na,* html .r{ height:1%;}

		#fire, #design, #left-col, #left-col3 {
			width:231px;
			float: left;
			clear: left;
			position: relative;
		}
		#fire {
			position: relative;
		}
		#footer {
			position:relative;
			clear: both;
		}
		#design {
			height: 114px;
		}
		.dealer-info {
			left: 140px;
		}
		#left-col h1, #left-col h2, #left-col p, #left-col3 h1, #left-col3 h2, #left-col3 p {
			position: relative;
			text-align: left;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-right: 15px;
			padding-left: 0px;
			margin-left:20px;
			width:200px;
			max-width: 200px;
			line-height: 1;
		}
		#left-container {
			background-color: #b15c01;
		}
		#left-col {
			position: relative;
			text-align: right;
			height: 349px;
			min-height: 349px;
			color: #fff;

		}
		#left-col p{
			line-height: 145%;
			font-size: 13px;
		}
		#left-col a{
			font-weight: bold;
			color: #fff; 
			text-decoration: underline;
			font-size: 13px;
		}
		#left-col a:hover{
			color:#160100;
		}
		#left-col h1, #left-col h2 {
			font-weight: normal;

		}
		#left-col h1 {
			font-size: 26px;
			padding-top:10px;
		}
		#left-col h2 {
			font-size: 14px;
		}
		#left-col3 {
			position: relative;
			text-align: right;
			min-height: 359px;
			color: #fff;

		}
		#left-col3 p{
			line-height: 150%;
			font-size: 14px;
		}
		#left-col3 a{
			font-weight: bold;
			color: #fff; 
			text-decoration: none;
			font-size: 13px;
		}
		#left-col3 a:hover{
			color:#160100;
		}
		#left-col3 h1, #left-col3 h2 {
			font-weight: normal;

		}
		#left-col3 h1 {
			font-size: 28px;
			padding-top:10px;
		}
		#left-col3 h2 {
			font-size: 18px;
		}
		#my-content {
			position: relative;
			float:right;
			width: 769px;
			z-index: 500;
			background-color: #b0742d;
		}
		
		#my-content p.top {
			margin-top: 5;
		}
		
		/* JDR 10/06/09
		.home {
		
			background-color: #311c0e; 
			background-color: #462612;
		}*/
		#my-content.home {
		/* JDR 10/06/09 */
			
			background-color: #482006;
		}


	
		
	#product-header, #fronts-doors-content, #accessories-header, #mendota-header,#specs-header,#johnson-header, #architec-header {
		background-image: url(../images/products-image.jpg);
		background-repeat: no-repeat;
		width: 769px;
		height: 267px;
		display: block;
	}
	#johnson-header {
		background-image: url(../images/About-Us-hdr.jpg);
	}
	#mendota-header {
		background-image: url(../images/mendota-image.jpg);
	}
	#architec-header {
		background-image: url(../images/architect-hdr.jpg);
	}
	#specs-header {
		background-image: url(../images/direct-vent-hdr.jpg);
	}
	#fronts-doors-content {
		background-image: url(../images/fronts-hdr.jpg);
	}
	#accessories-header {
		background-image: url(../images/access-hdr.jpg);
	}
	#product-intro {
		position: absolute;
		left: 327px;
		top: 27px;
		width: 415px;
	}
	#product-intro h1 {
		line-height: 85%;
		color: #ab5704;
		font-weight: normal;
		font-size: 42px;
		letter-spacing: .5px;
		margin-top: 0;
	}
	#product-intro h2 {
		line-height: 95%;
		color: #ab5704;
		font-weight: normal;
		font-size: 30px;
		letter-spacing: .5px;
	}
	#product-intro p {
		color: #e9d1b0;
		font-weight: normal;
		font-size: 14px;
	}
	.product-intro {
		color: #e9d1b0;
		font-weight: bold;
		font-size: 14px;
	}
			.goto {
			color: #d44719;
			font-size: 16px;
			font-weight: bold;
			top:10px;
		}
		#menu {
			font-size: 12px;
			color: #d09366;
			text-align: right;
			float: right;
			margin-top: 4px;
		}
		#menu a {
			color: #d09366;
			text-decoration: none;
		}
		#menu a:hover {
			color: #ffffff;
		}
		#main-menu {
			position: relative;
			top: 53px;
			left: 484px;
			width: 516px;
			z-index: 99;
		}
		
		/* products page */
		#col1, #col2, #col3 {
			position: relative;
			margin-top: 0;
			left: 0;
			margin-bottom: 0;
			margin-right: 0;
			z-index: 5;
			width: 254px;
			float: left;
			height: 455px;
			background-color: #e5cba8;
		}
		
		.colspacer {
			width: 3px;
			height: 455px;
			background-color: #fff;
			float: left;
			margin-top: 0;
			margin-bottom: 0;
			margin-right: 0;
			z-index: 5;
		}
		#colhdr, #colhdr p, #colhdr h1 {
			position: relative;
			margin-top: 5px;
			margin-left: 10px;
			margin-bottom: 5px;
			margin-right: 5px;
			z-index: 10;
		}
		#colhdr h1 {
			position: relative;
			font-weight: normal;
			color: #b0742d;
			font-size: 32px;
			text-align: left;

		}
		#colhdr h2, #col1 h2,#col2 h2,#col3 h2 {
			font-weight: bold;
			color: #b96711;
			font-size: 24px;
			text-align: left;
			padding-left:10px;
			width: 240px;
			text-align: center;
		}
		#colhdr p,#col1 p, #col2 p, #col3 p  {
			position: relative;
			line-height: 125%;
			font-size: 13px;
			font-weight: normal;
			text-align: left;
			left: 10px;
			padding-right: 20px;
		}
		#col1 .col-heading, #col2 .col-heading, #col3 .col-heading{
			font-size: 18px;
			color: #b96711;
		}
		
	#col1 .col-heading a, #col2 .col-heading a, #col3 .col-heading a {
		color: #b96711;
		font-weight: bold;
		font-size: 18px;
		text-decoration: underline;
	}
	#col1 .col-heading a:hover, #col2 .col-heading a:hover {
		color: #462410;
	}

	/* horizontal css for the secondary detail pages */
	.horizontal-content, .specs-content {
		width:769px;
		background-color: #e5cba8;
		margin-bottom: 0;
		margin-right:0;
		float:left;
	}
	.horizontal-content h1, .fronts-doors-content h1  {
		color: #b96711;
		font-weight: bold;
		font-size: 28px;
		letter-spacing: .5px;
	}
	.horizontal-content h2 {
		color: #000;
		font-weight: bold;
		font-size: 20px;
		letter-spacing: .5px;
	}
	.horizontal-content p {
		color: #000;
		font-weight: normal;
		font-size: 14px;
		margin-top:5px;
		width: 440px;
	}
	.horizontal-content .specs-content {
		width: 640px;
	}
	.horizontal-content a {
		color: #b96711;
		font-weight: bold;
		font-size: 14px;
		text-decoration: underlined;
	}
	.horizontal-content a:hover {
		color: #462410;
	}
	.horizontal-content-img {
		float:right;
		margin-bottom: 0;
		margin-right:0;
	}
	.horz-text {
		margin-left:40px;
		margin-top: 10px;
	}
	.horz-text2 {
		margin-left:40px;
		margin-top: 10px;
		width: 640px;
	}
	.horz-text2 p {
		width: 640px;
	}
	.horz-line {
		float: left;
		background-color:#fff;
		height: 2px;
		width: 769px;
		overflow: hidden;
	}
/* Mendota about us and contact us css */
	
	
	.mendota-content {
		position: relative;
		margin-top: 0;
		left: 0;
		margin-bottom: 0;
		margin-right: 0;
		z-index: 5;
		width: 769px;
		float: left;
		min-height: 327px;
		height: auto;
		background-color: #e5cba8;
	}
	.mendota-text {
		margin-left:40px;
		margin-top: 20px;
	}
	.mendota-text h1 {
		color: #c56f04;
		font-weight: normal;
		font-size: 48px;
		letter-spacing: .5px;
	}
	.mendota-text h2 {
		color: #c56f04;
		font-size: 18px;
		font-weight: bold;
		letter-spacing: .5px;
	}
	.mendota-text h2.learn {
		font-size: 24px;
	}
	.mendota-text h2.dark {
		color: #462410;
	}
	.mendota-text h3 {
		color: #c56f04;
		font-weight: normal;
		font-size: 14px;
		font-weight: bold;
		letter-spacing: .5px;
	}
	
	.mendota-text p {
		margin-top: 20px;
		width: 680px;
		font-size: 14px;
	}
	.mendota-text .ptight {
		margin-top: 5px;
	}
	.mendota-text .small, .mendota-text .small a, .small {
			font-size:9px;
		}
	.detail-text p {
		margin-top: 20px;
		width: 650px;
		font-size: 14px;
	}
	.mendota-text .mainbody {
		margin-top: 0px;
		width: 700px;
		font-size: 14px;
	}
	.mendota-text a, .mendota-text .mainbody a, #extreme a{
		color: #b96711;
		font-weight: bold;
		font-size: 14px;
		text-decoration: underline;
	}
	.architect {
		margin-top: 10px;
		width: 700px;
		font-size: 14px;
		line-height: 140%;
	}
	.architect a{
		color: #000000;
		font-weight: normal;
		font-size: 14px;
		text-decoration: underline;
	}
	#product-intro a {
		color: #e5cba8;
		font-weight: normal;
		text-decoration: underline;
	}
	#product-intro a:hover{
		color: #b96711;
	}
	.mendota-text a:hover, #extreme a:hover {
		color: #462410;
	}
	.mendota-text #dark-div {
		width: 355px;
		height: 150px;
		backgroundcolor: #462410;
		left: auto;
		right: auto;
	}

/* dealer login */
.dealer-login-text  {
		margin-left:40px;
		margin-top: 20px;
		font-size: 16px;
		font-weight: bold;
	}
/* video page */
	#video-header {
		background-image: url(../images/video-image.jpg);
		background-repeat: no-repeat;
		width: 769px;
		height: 267px;
		display: block;
	}
	#video {
		position: absolute;
		top:0;
		left:0;
		background-color: #5b2308;
		width: 320px;
		height: 260px;
	}
	#spacer10px {
		position: absolute;
		top: 10px;
		left: 0;
	}	
/* model pages */	
	#model-main-image {
		top: 0;
		left: 0;
		float: left;
		padding:0;
		margin:0;
		width: 406px;
		height: 515px;
		background-color: #fff;
		overflow: hidden;
	}
	#model-vert-line {
		top:0;
		width:2px;
		float:right;
	}
	#model-content {
		top:0;
		width:363px;
		height:316px;
		background-color:#dab483;
		float:right;
	}
	.model-text {
		margin-top:14px;
		margin-left: 20px;
		width:335px;
	}
	.model-text li {
		list-style-position: outside;
		list-style-type: disc;
		margin-left: 25px;
		font-size: 14px;
		margin-top: 5px;
	}
	.model-text a{
			font-weight: bold;
			color: #000; 
			text-decoration: underline;
			font-size: 18px;
		}
	.model-text a:hover{
		color:#160100;
	}
	.model-text p{
		font-size: 14px;
		margin-top:5px;
		width: 160px;
	}
	.model-text h3 {
		font-size: 17px;
		margin-bottom: 0;
	}
	.model-text h2 {
		font-size: 18px;
		margin-bottom: 0;
	}
	#model-content2 {
		top:0;
		width:363px;
		height:197px;
		background-color:#c88f42;
		float:right;
	}
	
	.model-text2 {
		margin-top:10px;
		margin-left: 20px;
		width:335px;
	}
	.model-text2 li {
		list-style-position: outside;
		list-style-type: disc;
		margin-left: 25px;
		font-size: 14px;
		margin-top: 5px;
	}
	.model-text2 a{
			font-weight: bold;
			color: #000; 
			text-decoration: underline;
			font-size: 12px;
		}
	.model-text2 a:hover{
		color:#160100;
	}
	.model-text2 p{
		font-size: 12px;
		margin-top:5px;
		width: 160px;
	}
	.model-text2 h3 {
		font-size: 17px;
		margin-bottom: 0;
	}
	.model-text2 h2 {
		font-size: 18px;
		margin-bottom: 0;
	}
	
	
	#model-content3 {
		top:0;
		width:769px;
		height:113px;
		background-color:#160100;
		float: right;
	}
	#model-horz-line1 {
		top:0;
		width:363px;
		height:2px;
		background-color:#fff;
		float:right;
		overflow: hidden;
	}
	#remote {
		position: relative;
		top:15px;
		left:10px;
		font-size: 16px;
		color: #d36f11;
		float: left;
		margin-right:50px;
	}
	#remote3, #remote3-2 {
		position: relative;
		top:28px;
		left:10px;
		font-size: 16px;
		color: #d36f11;
		float: left;
		margin-right:50px;
	}
	#remote3-2 {
		left: -5px;
	}
	#remote3line {
		position: relative;
		top:28px;
		left:-20px;
		font-size: 16px;
		color: #d36f11;
		float: left;
		margin-right:50px;
	}
	#warranty {
		position: relative;
		top:28px;
		left:-3px;
		font-size: 16px;
		color: #d36f11;
		float:left;
		margin-right:50px;
	}
	#vesta {
		position: relative;
		top:10px;
		left:10px;
		font-size: 16px;
		color: #d36f11;
		float:left;
		margin-right:0;
	}
/* info pages */
	#info-header {
		background-image: url(../images/products-image.jpg);
		background-repeat: no-repeat;
		width: 769px;
		height: 267px;
		display: block;
	}
	#info-learn-header {
		background-image: url(../images/learn-about-gas-fireplaces.jpg);
		background-repeat: no-repeat;
		width: 769px;
		height: 267px;
		display: block;
	}
	#info-start-header {
		background-image: url(../images/get-started-gas-fireplace.jpg);
		background-repeat: no-repeat;
		width: 769px;
		height: 267px;
		display: block;
	}
	#info-faq-header {
		background-image: url(../images/video-image.jpg);
		background-repeat: no-repeat;
		width: 769px;
		height: 267px;
		display: block;
	}
	#info-support-header {
		background-image: url(../images/fronts-hdr2.jpg);
		background-repeat: no-repeat;
		width: 769px;
		height: 267px;
		display: block;
	}
	#info-register-header {
		background-image: url(../images/direct-vent-hdr.jpg);
		background-repeat: no-repeat;
		width: 769px;
		height: 267px;
		display: block;
	}
	#info-manuals-header {
		background-image: url(../images/products-image.jpg);
		background-repeat: no-repeat;
		width: 769px;
		height: 267px;
		display: block;
	}
	#info-warranty-header {
		background-image: url(../images/warranty-hdr.jpg);
		background-repeat: no-repeat;
		width: 769px;
		height: 267px;
		display: block;
	}
	#info-extreme-header {
		background-image: url(../images/extreme-image.jpg);
		background-repeat: no-repeat;
		width: 769px;
		height: 267px;
		display: block;
	}
	
/* home page 
   JDR 10/06/09
	.home-text {
		margin-left:40px;
		margin-top: 20px;
		color: #000;
		/* JDR 10/06/09 
		background-color: #311c0e;
	}*/
	.home-text {
		padding-left:40px;
		padding-top: 20px;
		margin-left: 0;
		color: #000;
		/* JDR 10/06/09 */
		background-color: #b0742d;
	}
	.home-text h1 {
		color: #462410;
		font-weight: normal;
		font-size: 36px;
		letter-spacing: .5px;
	}
	.home-text p {
		margin-top: 20px;
		width: 650px;
		font-size: 14px;
	}
	.find-a-dealer {
		color:#462410;
		line-height: 95%;
		font-weight: normal;
		font-size: 42px;
		letter-spacing: .5px;
	}
/* Fronts and Doors */
	#fronts-doors {
		position: relative;
		float:right;
		width: 769px;
		z-index: 500;
		background-color: #e1cba6;
	}
	.fronts-doors-content {
		position: relative;
		left: 30px;
	}
	.fronts-doors-content p {
		color: #000;
		font-weight: normal;
		font-size: 14px;
		margin-top:5px;
		width: 700px;
	}
	.fd-table {
		position:relative;
		left: 15px;
		margin-top: 0;
		margin-left: 0;
		margin right: 0;
		valign: top;
		text-align: top;
	}
	.fd-table-td {
		padding-left: 15px;
	}
	#detail-content {
		top:0;
		width:563px;
		height:316px;
		background-color:#dab483;
		float:right;
	}		
	  
	  
	   a.srollover {
          display: block;
          width: 22px;
          height: 22px;
          background: url("close.gif") 0 0 no-repeat;
          text-decoration: none;
      }
       a:hover.srollover {
          background-position: -22px 0;
      }

	td {
		font-size: 14px;
	}
	.required {
		color: red;
		font-size: 16px;
	}
	.acc-text-center20, .acc-text-center33, .acc-text-center50 {
		text-align: center;
		width: 20%;
	}
	.acc-text-center33 {
		width: 33%;
	}
	.acc-text-center50 {
		width: 50%;
	}
	.faq-text2 {
		width:620px;
	}
	.faq-text a {
		line-height: 135%;
		width: 600px;
		color: #462410;
	}
	.faq-text a:hover {
		color: #b96711;
	}
	.faqul {
		position: relative;
		left:35px;
	}
	.grey, .small a {
		color: #c0c0c0;;
	}
	#nfi-logo {
	position: relative;
	left:350px;
	top: -170px;
	height: 200px;
	}
	.font12 {
		font-size: 12px;
		}