/* ==============================================
Site:   Quality Products Northwest, LLC  
Author:   J.R. Peacock (Pilgrim Soul Design)
Last Updated:     2006.03.24

INDEX:
		  I. Global Styles
		 II. Main Layout
		III. Typography
		 IV. Headings
		  V. Breadcrumbs
		 VI. Navigation
		VII. Lists
	    VIII. Dealer List Styles
	      IX. Catalog
	       X. Search 
	      XI. Footer 
	     XII. Support
	    XIII. Misc.
	     XIV. Quotes
	      XV. New Products
================================================= */
/*      GLOBAL STYLES
=================================================================== */
html, body {
		height: 100%;
}
html {
		margin:0;
		padding:0;
		width:100%
		}
body {
		background: #aebfca url(../images/background.gif) repeat-x 0 0;
		color: #000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 76%; /* Set initial font-size for most browsers--other settings in em */
		margin: 0px;
		padding: 0px;
		}
img,
a img 	{
		border: none;
		text-decoration: none;
		}
/* =================================================================END GLOBAL STYLES */
/*      MAIN LAYOUT
=================================================================== */
#text {
		background: url(../images/bgfooterhome2.gif) bottom no-repeat;
		border-left: 1px dotted #9aabbf;
		}
#text img.more  {
		float: left;
		}
#main  {
		background: url(../images/bgfooter.jpg) #fff bottom no-repeat;
		border: 1px none #000;
		position:absolute; 
		top: 219px; left: 176px;
		width: 560px; 
		z-index: 1; 
		}
#phototop  {
		position:absolute; 
		left: 176px; top: 103px;
		width: 560px;		
		}
div#topnav  {
		left:170px; top:82px;
		position:absolute; 
		width: 48px;
		}

div#tabsitemap,
div#tabsearch,
div#tabforum	{
		background: url(../images/qp_toptab_edge.gif) no-repeat top right ;
		font: 0.99em Arial, Helvetica, sans-serif;
		width: 85px;
		letter-spacing: 0.15em;
		margin: 0;
		padding: 0;
		text-align: center;
		}
div#tabsitemap a,
div#tabsearch a,
div#tabforum a {
		background-color: #72869e ;
		display: block;
		margin-right: 18px;
		padding: 0 0 2px 10px;
		text-decoration: none;
		}
div#tabsearch  {
		position:absolute;
		top:0px; left:451px;
		}
div#tabsitemap  {
		position:absolute;
		top:0px; left:550px;
		}
div#tabforum  {
		position:absolute;
		top:0px; left:651px;
		}

div#left  {
		position:absolute;
		top: 0px; left: 0px;  
		width: 168px;
		}
/* =================================================================END MAIN LAYOUT */		
/*      SET MAIN COLORS
=================================================================== */
h1, h2,
div#tabsitemap,
div#tabsearch,
div#tabforum,
div#tabsitemap a,
div#tabsearch a,
div#tabforum a,
#main div.catalog p.prodtitle,
#catalog td.prodtitle {
		color: #fff;
		}
h3, h4 {
		color: #666;
		}
/* ==============================================================END COLORS */
/*     TYPOGRAPHY
============================================================================= */
td, p 	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.0em;
		}
em.times{
		font-family: "Times New Roman", Times, serif;
		font-size: 1.2em;
		font-style: italic;
		}
#main p	{
		margin: 10px 20px;
		}
a:link,
a:visited  {
		background-color: inherit;
		color: #7088A0;
		text-decoration: none;
		}
a:hover  {
		text-decoration: underline;
		}
#main p a:link,
#main p a:visited  {
		font-weight: bold;
		}
#text	{
		background-color: #72869E;
		color: inherit;
		position:absolute;
		top:219px; left:176px;
		width:560px;
		z-index:1;
		}

#text a:link, 
#text a:visited	{
		background-color: inherit;
		color: #F1F0DC;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-decoration: none;
		}
#home #text a:hover	{
		color: #72869E;
		background-color: #F1F0DC;
		}
.small	{
		font-size: 0.75em;
		margin: 0 10%;
		}
.scrolltext	{
		background-color: inherit;
		border-top: #dbeaf5 1px solid;
		color: #dbeaf5;
		font-size: 0.75em;
		margin: 3px;
		padding-top: 3px;
		}
.small3	{
		font-size: 8px;
		}
.blue {
		background-color: inherit;
		color: #56687C;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-decoration: underline;
		}
.orange		{
		background-color: inherit; 
		color: #FFB546; 
		}
.red		{
		background-color: inherit; 
		color: #ff0000;
		}
.underline	{
		text-decoration: underline;
		}
.deadlink	{ 
		background-color: inherit; 
		color: #CCCCCC;
		}
/* ==============================================================END TYPOGRAPHY */		
/*      HEADINGS
=================================================================== */

h1, h2, h3, h4 {
		background-color: inherit;
		}
h2, h3, h4  {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		}		
h1		{
		font-family:"Century Gothic", Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 1.4em;
		letter-spacing: 0.01em;
		margin: 10px 0 2em 10px;
		width: 65%;
		}

h2		{
		font-size: 2em;
		font-weight: bold;
		letter-spacing: .1em;
		margin: 10px;
		}

h3		{
		font-size: 1.2em;
		letter-spacing: .1em;
		font-weight: bold;
		margin: 10px 20px;
		}
h4		{
		font-size: 1em;
		font-weight: normal;
		letter-spacing: .1em;
		margin: 20px ;
		}
hr	{
		border-top: silver 2px dotted;
		height: 0;
		width: 95%;
		}
/* ==============================================================END HEADINGS */
/*      BREADCRUMBS
=================================================================== */
img#breadicon	{
		float: left;
		margin: 0px 5px 0px 0px;
		padding: 0;
		}
.breadcrumbs	{
		background-color: inherit;
		color: #333;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:  0.98em;
		font-weight: normal;
		letter-spacing: .1em;
		padding-top: 4px;
		text-transform:  lowercase;
		}
.trademark  {
		text-transform: none;
		}
div#main .breadcrumbs a:link, div#main .breadcrumbs a:visited {
		background-color: inherit;
		border-bottom: none;
		color: #666;
		font-weight: normal;
		text-decoration: none;
		}
div#main .breadcrumbs a:hover	{
		background-color: inherit; 
		color: #333;
		}
/* ==============================================================END BREADCRUMBS */
/*      NAVIGATION
=================================================================== */
#leftnav	{
		margin: 0;
		padding: 0;
		position: absolute; 
		top:159px; left:2px;  
		width:172px;
		}
#leftnav ul	{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		}
#leftnav a  {
		background-color: #7088A0;
		border-right: 1px solid #FFF;
		color: inherit;
		display: block;
		margin: 0px 0px 0px 8px;
		padding: 2px 3px 2px 3px;
		text-decoration: none;
		width: 141px;
		}
#leftnav a.sublist {
		display: block;
		font-size: 0.945em;
		padding: 2px 0;
		width: 132px;
		}
#leftnav a:link, #leftnav a:visited	{
		background-color: inherit;
		color: #C4D0D9;
		text-decoration: none;
		}
#leftnav a:hover	{
		background-color: inherit;
		border-right: none;
		border-top: 1px solid #FFF;
		border-left: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
		color: #FFB546;
		padding: 1px 3px 1px 3px;
		}
#leftnav a.sublist:link, 
#leftnav a.sublist:visited {
		background-color: inherit;
		color: #C4D0D9;
		padding: 1px 0 0 0;
		font-weight: normal;
		}
#leftnav a.sublist:hover {
		background-color: inherit;
		border-right: 4px solid #FFB546;
		border-top: none;
		border-left: none;
		border-bottom: none;
		color: #FFB546;
		padding: 1px 0 0 0;
		}
#leftnav li.LNdeadlink {
		background-color: #7088A0;
		border-right: 1px solid #FFF;
		color:#666;
		display: block;
		list-style-type: none;
		margin: 0 0 0 8px;
		padding: 2px 3px 2px 3px;
		width: 141px;
		}

#leftnav li.LNdeadSub {
		background-color: #7088A0;
		border-right: 1px solid #FFF;
		color:#666;
		display: block;
		font-size: 0.945em;
		list-style-type: none;
		margin: 0 0 0 8px;
		padding: 2px 0;
		width: 132px;
		}
#leftnav ul ul	{
		font-weight: normal;
		list-style-type: none;
		margin-left: 15px;
		padding: 0;
		}
#leftnav a.current,
#leftnav a.current:hover	{
		background-color: inherit;
		border-right: none !important;
		border-top: 1px solid #FFF;
		border-left: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
		color: #FFB546 !important;
		font-weight: bold;
		margin-top: 0px;	
		padding: 1px 3px 2px 3px;
		}
#leftnav a.currentsub 	{
		background-color: inherit;
		border-right: 4px solid #FFB546;
		border-top: none;
		border-left: none;
		border-bottom: none;
		color: #FFB546 !important;
		display: block;
		font-weight: bold;
		padding: 0px;
		width: 132px;
		font-size: 0.945em;
		}
#leftnav a.currentsub:hover 	{
		background-color: inherit;
		border-right: 4px solid #FFB546;
		border-top: none;
		border-left: none;
		border-bottom: none;
		color: #FFB546 !important;
		padding: 0;
		}

/* ==============================================================END NAVIGATION */
/*      LISTS
=================================================================== */
ul  {
		list-style-type: square;
		}
ul.homelist  {
		background-color: inherit;
		color: #fff;
		font-family: Verdana, arial, helvetica, sans-serif;
		font-size: 12px;
		}
li.linklist {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		margin-top: 1.2em;
		}
li.linklist a:link	{
		background-color: inherit;
		color: #505060;
		font-weight: normal;
		text-decoration: none;
		}
li.linklist a:visited	{
		background-color: inherit; 
		color: #FFB546;
		text-decoration: underline;
		}
li.linklist a:hover	{
		background-color: inherit; 
		color: #FFB546;
		text-decoration: none;
		}
ul.sitemap {
		font-family: Verdana, arial, helvetica, sans-serif;
		list-style-type: none;
		}
ul.sitemap li	{
		margin: 10px;
		}
ul.sitemap ul li	{
		margin: 2px;	
		}
ul.faqslist {
		padding: 0;
		margin: -4px 40px 0 80px;
		}
ul.faqslist li{
		margin-bottom: 5px;
		}		
ul.faqslistsub {
		list-style-type: none;
		padding: 0;
		margin: 10px 20px 0 66px;
		}
ul.faqslistsub li  {
		margin-bottom: 8px;
		}
/* ==============================================================END LISTS */
/*     DEALER  STYLES
=================================================================== */
div#dealer  {
		background-color: #fff;
		color: inherit;
		margin: 0;
		width: 560px;
		}
#main #dealer a:link,
#main #dealer a:visited,
#main #dealer a:hover  {
		background-color: inherit;
		}
#main #dealer a:link	{
		color: #FFA500;
		font-weight: normal;
		text-decoration: none;
		}
#main #dealer a:visited  {
		color: #666;
		text-decoration: none;
		}
#main #dealer a:hover	{
		color: #57687D;
		}
.salesicon	{   			/* Not currently using in dealer loc's */
		background: #F1F0DC;
		border: 1px solid black;
		color: inherit;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 75%;
		}		
select#dealerloc	{
		border: 1px solid #7088a0;
		color: inherit;
		font: 0.93em Verdana, Arial, Helvetica, sans-serif;
		margin: 0 0 0 20px;
		}		
#dealer p	{
		border-bottom: 1px dotted silver;
		padding-bottom: 15px;
		}	
#dealer h4 {
		background-color: #C4D0D9;
		border: 1px solid #131217;
		color: #131217;
		font-family: "Trebuchet MS","Times New Roman", Times, serif;
		font-size: 1.2em;
		font-variant: small-caps;
		letter-spacing: 4px;
		padding: 12px;
		text-transform: uppercase;
		}
		
/* ==============================================================END DEALER */
/*     CATALOG STYLES
=================================================================== */
#catalogmain td p,
#catalogmain td ul,
#catalog td ul.specs,
.catalog td ul.specs,
#catalog p,
.catalog p{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
#catalogmain td.catheader,
#catalog td.prodtitle,
.catalog td.prodtitle {
		font-family: Arial, Helvetica, sans-serif;
		}
#catalogmain {
		text-align: left;
		vertical-align: top;
		width: 98%;
		}
#catalogmain td	{
		border: 1px solid #666666;
		}
#catalogmain td p {
		font-size: 1.0em;
		font-size/**/:/**/ 0.9em;  /* IE5x Size Hack  */
		margin: 8px 12px;
		padding: 0;
		}
#catalogmain td.catheader  {
		background: #666;
		color: white;
		font-size: 1.1em;
		font-size/**/:/**/ 1.3em;  /* IE5x Size Hack  */
		font-weight: bold;
		padding: 6px;
		text-align: center;
		vertical-align: middle;
		}
#catalogmain td.catheader a:link, 
#catalogmain td.catheader a:visited {
		background-color: inherit;
		color: #fff;
		text-decoration: none;
		}
#catalogmain td.catheader a:hover {
		background-color: inherit;
		border-bottom: none;
		color: #CCC;
		text-decoration: none;
		}
#catalogmain td.catleft	{ /*/*/
		border-top: none;
		border-right: none;
		border-left: 1px solid #666;
		border-bottom: 1px solid #666;/* */
		}
#catalogmain td.catright	{ /*/*/
		border-top: none;
		border-right: 1px solid #666;
		border-left: 1px solid #666;
		border-bottom: 1px solid #666;/* */
		}
#catalogmain td ul	{
		font-size: 0.7em;
		font-size/**/:/**/ 0.9em;  /* IE5x Size Hack  */
		list-style-type: none;
		margin-top: 0;
		margin-left: 25px;
		padding-left: 0;
		}
#catalogmain td ul li	{
		padding: 1px 0;
		}
#catalogmain td ul a:link, 
#catalogmain td ul a:visited {
		background-color: inherit;
		color: #666;
		font-weight: normal;
		margin: 0px;
		padding: 0px;
		text-decoration: none;
		}
#catalogmain td ul a:hover {
		background-color: inherit;
		color: #72869E;
		text-decoration: underline;
		}
/* ================================catalogtest */
div.catalog {
		border: 1px solid #666;
		font-size: 0.9em;
		margin: 5px 10px;
		padding:0; 
		}
#main div.catalog p.prodtitle	{
		background-color:#999;
		font-size: 1.18em;
		font-weight: bold;
		margin:0; 
		padding:2px;
		text-align: center;
		}
#main div.catalog ul.specs {
		list-style-type: square;
		margin-left: 20px;
		padding-left: 20px;
		}
/* =============================ENDcatalogtest */
#catalog {
		border: 1px solid #666666;
		margin: 0px 0px 13px 0px;
		width: 98%;
		}
#catalog p {
		font-size: 0.7em;
		margin-left: 10px;
		}
#catalog td.prodtitle	{
		background-color: #999;
		border-right: none;
		border-top: none;
		font-size: 12px;
		font-weight: bold;
		padding: 2px;
		text-align: center;
		}
#catalog td ul.specs,
div.newproducts ul.specs {
		font-size: 0.8em;
		list-style-type: square;
		margin-left: 20px;
		padding-left: 20px;
		}
#catalog td	{
		border-right: 1px solid #666;
		border-top: 1px solid #666;
		vertical-align: top;
		}
#catalog td.catprodspecs	{
		border-right: none;
		border-bottom: 6px solid #999;
		}
#catalog td.catproddesc	{
		border-bottom: 6px solid #999;
		}

/* ==============================================================END CATALOG */
/*     SEARCH 
=================================================================== */
div#search {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		padding: 0 20px;
		}
div#subcontent  {
		background-color: #fff; 
		border: 1px solid #FFA500; 
		color: inherit;
		padding: 8px;
		width: 255px; 
		}
/* ==============================================================END SEARCH */
/*     FOOTER 
=================================================================== */
#footer,
#footer p  {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 0.97em !important;
		width: 560px;
		text-align: center;
		}
#text #footer	{
		clear: both;
		}
#footer p  {
		margin: 0 0 2.3em 0; 
		padding: 1em 0 0 0;
		}
#text #footer p {
		background-color: inherit;
		color: #fff;
		}
#main #footer p {
		background-color: inherit;
		color: #666;
		}
#footer ul  {
		list-style-type: none;
		margin: 3em 0 0 0;
		padding: 0;
		}
#footer ul li  {
		display: inline;
		}
#main #footer a,
#main #footer li a  {
		background-color: inherit;
		color: #506074;
		text-decoration: none;
		}
#main #footer a:hover	{
		background-color: inherit;
		color: #72869A;
		}
#text #footer a:link, 
#text #footer a:visited,
#text #footer a:hover  { background-color: transparent}
/* ==============================================================END FOOTER */
/*     SUPPORT 
=================================================================== */
ul.supportlist	{
		margin-top: 10px;
		}
li.suplistmain {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.90em;
		list-style-type: square;
		}
li.suplistmain a:link, li.suplistmain a:visited	{
		background-color: inherit;
		color: #666;
		text-decoration: none;
		font-weight: bold;
		}
li.suplistmain a:hover	{
		background-color: inherit; color: #FFB546;
		}
ul.supportlist ul	{
		list-style-type: none;
		}
/* ==============================================================END SUPPORT */
/*     MISC. 
=================================================================== */
		
div#main p a.topofpage	{
		font-size: 9px;
		/*/*/font-size: 80%;/* */
		}
div#main p.indent {
		margin: 20px 50px;
		}
div#main .indentleft  {
		margin: 0 35px 0 45px;
}

img.flag	{
		margin: 0 12px 0 80px;
		padding: 4px;
		float: left;
		}
img.testimonials	{
		float: right;
		margin-left: 12px;
		margin-bottom: 10px;
		}
img.testimonials-L	{
		float: left;
		margin-right: 12px;
		margin-bottom: 10px;
		}
img.install {
		border: 1px solid #7088a0; 
		margin: 13px;
		}
.floatright  {
		float: right;
		}
.floatleft  {
		float: left;
		}
a:link img.tradeshow,
a:visited img.tradeshow  {
		margin: 0 0 0 22px;
		padding: 5px;
		border: 2px solid #c4d0d9;
		}
a:hover img.tradeshow  {
		border: 2px solid #7088a0;
		}

/* ==============================================================END MISC. */
/*     QUOTES 
=================================================================== */
blockquote.withquote {
		background:#fff url(../images/quote.gif) no-repeat top left;
		border-bottom: 1px dotted #666;
		color:#666;
		font-size: 0.96em;
		font-style:italic;
		margin:0 30px;
		padding:0 0 20px 10px;
		text-align:justify;
		} 

p.withunquote {
		background:#fff url(../images/unquote.gif) no-repeat bottom right;
		color: inherit;
		padding-right:15px;
		clear: both;
		}
.quoteref,
.quoteref a:link,
.quoteref a:visited	{
		margin-left:30px;
		font:bold 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
		}
.quoteref em {
		font-weight:normal;
		font-size:0.96em;
		}

/* ==============================================================END QUOTES */
/*     NEW PRODUCTS 
=================================================================== */

.new {
		background-color: #ffffcc;
		border: 1px dotted #666;
		color: #000;
		font-style: italic;
		font-weight: normal;
		padding: 2px;
		}
div.newproducts {
		border: 1px solid #333;
		margin: 20px;
		padding: 8px;
		}
div.newproducts p {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 0.95em;
		}
div.newproducts h4 {
		display: inline;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.98em;
		margin: 0;
		padding: 0;
		}
div.newproducts h4 a:link,
div.newproducts h4 a:visited {
		background-color: inherit;
		color: #666;
		text-decoration: none;
		}
div.newproducts h4 a:hover {
		background: #ffffcc;
		color: inherit;
		}
.partsfloat  {
		background-color: inherit;
		color: #57687D;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 0.98em;
		}
select#newproducts {
		margin: 0 0 0 20px;
		font-size: 0.95em;
		border: 1px solid #ccc;
		}