body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	background-image:url(/graphics/bgd-inside2.gif);
	background-repeat:no-repeat;
	margin-top: 0px; /* sean: will comment out for printability */
	/* margin:0px;  /* sean: will add for printability */
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

a:link {
	color: #000000;
}

a:visited {
	color: #444444;
}

a:hover {
	color: #F74000
}

.pagebreak {
	display: none;
}

/* styles the footer text OLD */

.footer {
    font-size: 80%;
    font-weight: normal;
    color: #666666;
}

/* styles the breadcrumb OLD */

.pathLink {  
	font-size: 8pt; 
	font-style: normal; 	
	color: #336699;
	margin-left:9px;
}

pathlink a:link {
	font-size: 8pt; 
	font-style: normal; 	
	color: #336699;
}

pathlink a:visited {
	font-size: 8pt;
	font-style: normal; 	
	color: #336699;
}



a.pathLink:link {
	color: #336699;
}

a.pathLink:visited {
	color: #336699;
}

a.pathLink:hover {
	color: #F74000;
}

/* styles the prompts (name, company, etc) in forms, in catalog and workshop-related requests */

.orderform {
	font-size: 11px;
	font-weight: bold;
}

a.orderform:visited {
	color: #000000;
}

.orderform:link {
	color: #000000;
}

.orderformsm {
	font-size: 11px;
	font-weight: normal;
}

.orderformreq {
	font-size: 11px;
	font-weight: bold;
	color:#FF5308;
}

.orderformpale {
	font-size: 11px;
	font-weight: bold;
	color:#555555;
}

/* styles the title of every page */

.pagetitle {
	font-size: 13.5pt;
	color: #336699;
	font-weight: bold;
	margin-left:9px;

}

/* styles the title of job details pages */

.jobspagetitle {
	font-size: 13pt;
	color: #336699;
	font-weight: bold;
}

/* styles links orange. used in survey link especially. */

a.orangelink {
	color: #F74000;
}

a.orangelink:visited {
	color: #F74000;
}

/* styles text blue. */    /*just added at qd*/

.bluetext {
	color: #336699;
}

/* styles links blue. */

a.bluelink:link {
	color:#336699;
}

a.bluelink:visited {
	color:#336699;
}	

a.bluelink:hover {
	color:#FF5308;
}

/* styles subheads */
p.subheads {
	font-size: 11pt;
	margin-bottom: 5px;
	margin-top: 5px;
	font-weight: bold;
}




/* styles lots of small text */

.bodysmall {
    font-size: 8pt;
    font-weight: normal;
    color : #666666;
}

.bodysmalldark, .bodysmalldark td {
    font-size: 8pt;
    font-weight: normal;
    color : #333333;
}

.bodymedium {
    font-size: 8.5pt;
    font-weight: normal;
    color : #666666;
	margin-top: 0;
}

.bodylarge{
    font-size: 11pt;
    font-weight: normal;
    color : #666666;
}

/* styles footnotes for tables throughout site */

.tablecaption {
	font-size: 0.88em;
	font-weight: normal;
	color: #222222;
	text-decoration: none;
	text-align: left;
	margin-top:0px;
}

.tablecaption li {
	list-style-position: outside;
	margin-left: -12px;
	text-decoration: none;
	text-align: left;
	font-size: 1em;
	margin-top: 2px;
}

a.tablecaption:hover {
	color: #F74000;
	text-decoration: underline;
}

/* styles a blue box for a div, used on /literature/index.html */

.bluebox {
	background-color: #BDD1DF;
	padding: 10px;
	font-size: 8pt;
    font-weight: normal;
    color : #000000;
	text-align:center;
}

/* styles the text within blue boxes at the top of some pdf index pages */

.blueboxsmall {
    font-size: 8pt;
    font-weight: normal;
    color : #000000;
}

a.blueboxsmall:link {
	color: #002454;
}

a.blueboxsmall:visited {
	color: #002454;
}

/* styles the headings on the catalog pdf page */

.boldblackheader {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

/* styles the 2nd headings on the catalog pdf page */

.boldblueheader {
	font-size: 14px;
	font-weight: bold;
	color: #336699;
}

a.boldblueheader:link {
	color: #336699;
}

a.boldblueheader:visited {
	color: #336699;
}

a.boldblueheader:hover {
	color: #F74000;
}

/* small orange type used on "close this window" and "sign up" buttons, among other things */

.bodysmallorange {
    font-size: 8pt;
    font-weight: normal;
    color : #F74000;
}

a.bodysmallorange {
    color : #F74000;
}


/* styles the list of products on the product category pages */

.catlist {
	font-size: 100%;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.catlist li {
	list-style-type: none;
	padding-bottom: 6px;
}

/* styles the headings on the category pages */

.cathed {

	font-size: 1.35em;
	font-weight: bold;
	color: #000000;
}

/* styles text on category page layers */

.bodysmaller {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
    font-weight: normal;
	line-height:130%
}

/* styles text on ats index pages */

.bodysmallergray {
    font-family:Arial, Helvetica, sans-serif;
	font-size: .85em;
    font-weight: normal;
	line-height:130%;
	color: #666666;
	text-decoration: none;
}

.bodysmallergray a:link, .bodysmallergray a:visited {
	color: #666666;
	text-decoration: none;
}

.bodysmallergray a:hover {
	color: #FF5308;
	text-decoration: underline;
}

/* a list with aa light gray arrow; category pages and "all categories" page, plus video popups */

ul.listbullet {
	margin-bottom:4px;
}

.listbullet li {
	list-style-position: outside;
	list-style-type: none;
	list-style-image: url(/graphics/arrowhead_7px_gray.gif);
	margin-left: -18px;
	padding-left: -18px;
	margin-top: 3px;
	text-align: left;
}

/* a list with aa blue arrow and blue bgd; catalog pages */

ul.bluebullet {
	display:list-item;
}

.bluebullet li {
	list-style-position: outside;
	list-style-type: none;
	list-style-image: url(/graphics/arrowhead_7px_blue.gif);
	margin-left: -18px;
	padding-left: -18px;
	margin-top: 3px;
	text-align: left;
	font-size: 8pt;
    font-weight: normal;
    color : #000000;
}

.bluebullet a:link {
    color: #000000;
}

.bluebullet a:visited {
    color: #000000;
}

/* light gray header on category pages */

.graytitle {
	font-size: 95%;
	color: #777777;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	line-height: 125%;
}

.graytitle a{
	color: #777777;
	text-decoration:none
}

.graytitle a:visited{
	color: #777777;
	text-decoration:none
}

.graytitle a:hover{
	color: #F74000;
}

p.graytitle {
	margin-bottom: -0.05em;
}

/* dark gray header, very small, all caps, used in quikdrive lists */

.boldgray {
	margin-bottom:0px;
	margin-top:0px;
	text-transform:uppercase;
	font-weight:bold;
	color:#888888;
	font-size:95%;
}


/* styles text blue */

#blue {
	color: #336699;
}

a#blue:hover {
	color: #F74000;
}

/* styles text orange */

#orange {

	color: #F74000;
}
a#orange:hover {
	color: #F74000;
	text-decoration: underline;
}

/* styles text gray, as on workshops when workshop is done */

.graytext {
	color: #666666;
}


/* styles text orange, as on workshops in the "notify me" message */

.orangetext {

	color: #F74000;
}

.orangetext a {

	color: #F74000;
}

/*  bold text class  */
 .bolder {
		font-weight: bolder; 
 		}

/*  styles for the special Architectural Products Group pages  */
		
.apgcaption a {
	font-size: .85em;
	text-transform: uppercase;
	color: #FF5308;
	text-decoration:none
}

.apgcaption a:hover {
	text-decoration: underline
}

.apgcaption a:visited {
	color: #FF5308;
}

.apgtype {
	font-size: .85em;
	color: #444444;
	line-height:130%;
}	

/*  styles the Buy Now banner on the Purchase page (DeckTools)  */
.purchase {
width:350px;
height:87px;
background-image: url("../graphics/decktools/toolbox.gif");
background-repeat:no-repeat;
background-position:right;
background-color:#eeeeee;
border-bottom:2px solid #336699;
border-top:2px solid #336699;
text-align:right;
padding:15px 115px 5px 5px;
}



/* BELOW STYLES ARE ALL NEW FOR 2006 LAUNCH*/	
div.newproductheader {
	width:650px;
	height:18px;
	background-color:#eeeeee;
	padding-top:2px;
	padding-bottom:0px;
	padding-right:0px;
	margin-left:67px;
	margin-top: 5px;
	/*text-align:right;*/

}

.newproductheader {
	font-size: 13px;
	font-weight: bold;
	color: #336699;
	margin: 0px 0px 10px;
	padding-left: 6px;
}

.newproductheader a {
	color: #336699;
}

.newproductheader a:visited {
	color: #336699;
}

.correctiondiv {
	width: 718px;
	font-size: 11px;
	color: #000;
	/*background-color:#e1ebe1;*/
	/*background-color:#6ab396;*/
	background-color:#cce2d0;
	margin: 10px 0px 0px 9px;
	padding:2px;
	/*border: 1px solid #b2ccb2;*/
	border: 1px solid #47855f;
}

.correctiondiv table {

}

.correctiondiv td {
	font-size: 11px;
	line-height:125%;
	color: #000;
	vertical-align:middle;
}

.correctionbold {
	color: #234f40;
}

.correctiontext {
	color: #47855f;
}

.standardwidthdiv {
	margin-left:67px;
	width:650px;
	display: block;
	clear: both;
}

.widediv {

	margin-left:67px;
	width:771px;

}

.pagediv {
	clear:both;
	display:block; /* sean added 7/7/06 */
	width:663px;
	margin-left:68px;
	margin-top:0px;
	/*margin-top: 10px;   /* not sure this is accurate: doesn't work in Firefox b/c of float issues */
	padding-top:25px;	/* don't know where this comes from; sean reinstated 7/7/06  */
	text-indent:0em;
}

/* new page title in div instead of table*/

div.pagetitlenew {
	width:740px;
	padding-top:30px;
	margin-left:9px;
	padding-left:0px;
	/*margin-bottom: 25px;  /* not sure this is accurate: doesn't work in Firefox b/c of float issues */
	margin-bottom: 0px;  /*sean added 7/7/06 */
/*	padding-bottom: 10px;	/*don't know where this comes from; sean reinstated 7/7/06 */
	padding-bottom: 0px;
	clear:both;	/*sean added 7/7/06 */
	float:none; /*sean added 7/7/06 */
}

.pagetitlenew p {
	font-size: 13.5pt;
	color: #336699;
	font-weight: bold;
	float:left;
	margin-left:0px;
	padding-left:0px;
	margin-top:0px;
	margin-bottom:0px;
}


div#printhead {
	display:none
}

div#printfooter {
	display:none
}

/* styles the footer text */

div.footernew {
	width:750px;
	margin-left:0px;
	margin-top:15px;
	padding-left:0px;
	clear:both; /* sean added 7/7/06 */
}

div.footernew p {
    font-size: 80%;
    font-weight: normal;
    color: #666666;
}

/* styles the breadcrumb for new css (div instead of table) */

div.pathLinknew {  
	margin-left:9px;
	padding-top:25px;  /* sean edited 7/7/06 */
	font-size: 8pt;
	color: #336699;
	margin-top:0px;  /* sean edited 7/7/06 */
	margin-bottom: 0px;  /*sean added 7/7/06 */
	padding-bottom:0px;  /*sean added 7/7/06 */
	clear:both; /*sean added 7/7/06 */
	float:none; /*sean added 7/7/06 */
}

a.pathLinknew:link {
	color: #336699;
}

a.pathLinknew:visited {
	color: #336699;
}

a.pathLinknew:hover {
	color: #F74000;
}

/* print links etc*/

div.buttons {
	float:right;
	text-align:left;
	margin-right:15px;

}

.buttons a:link {
	color:#336699;
	font-size:11px;
	text-decoration:none;
}

.buttons a:visited {
	color:#336699;
	font-size:11px;
	text-decoration:none;
}

.buttons a:hover {
	color:#FF5308;
	font-size:11px;	
	text-decoration:underline;
}

.columnhead {
	font-size: 8pt;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}

.inputbox {
	float:left;
	font-size:10px;
	vertical-align:top; 
	margin-top:9px; 
}

.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
	text-transform: uppercase;
	color: #476C8B;
	letter-spacing: .05em;
}


.thinborder {
	border: 1px #DDDDDD solid;
	border-collapse:collapse;
}

.thinborder th {
	border: 1px #DDDDDD solid;
	padding:4px;
	background-color:#EEEEEE;
}

.thinborder td {
	border: 1px #DDDDDD solid;
	padding:4px;
}


.codes table {
	border: 1px #DDDDDD solid;
	border-collapse:collapse;
}

.codes table td {
	border: 1px #DDDDDD solid;
	padding:4px;
}

.smallcode {
	font-size: 11px;
}

td.legacy a:link {
	 color:#FFFFFF;
	 font-size: .8em;
	 font-weight:normal;
	 letter-spacing:.1em;
	 text-decoration:none;
}

td.legacy a:visited {
	 color:#FFFFFF;
	 text-decoration:none;
}

td.legacy a:hover {
	 color:#333333;
	 text-decoration:underline;
}

.relcat_cat {
	font-size:11px; 
	color:#666666;
}

.pdf {
	color:#444444;
	font-size:10px;
}


.faqhed {
	font-size:14px;
	font-weight:bold;
	background-color:#eeeeee;
	padding:3px;
}

.discontinued, a.discontinued:link, a.discontinued:hover, a.discontinued:visited {
text-decoration:none; 
border-bottom:none; 
text-transform:none; 
font-variant:small-caps; 
font-size:11px; 
color:#D96C00;
}

.hovertext {
  display:none; 
  background-color:#CCCCCC;
}

.printonly {
	display:none;
	visibility:hidden;	
}