body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	/*background-image:url(/graphics/bgd-inside2011.gif);*/
	background-image:url(/graphics/bgd-inside2011-intl.gif);
	background-repeat:no-repeat !important;
	margin-top: 0px  !important; /* 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;
}

ul.list_with_space li, ol.list_with_space li { margin-top:7px; }


/* 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;
	line-height:14px;
}

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

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

.graytext a{
	color: #666666;
}

.graytext a:visited{
	color: #666666;
}

.graytext a:hover, .graytext a:active{
	color: #333333;
}

/* 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;
}

p.indent {
	 text-indent:-30px; 
	 margin-left:30px;
}

/* 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;
	width: 124px;
}

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

h4 { font-size:15px; }

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

#topnav {
	height:88px;	
}















/* Google SIte Search stuff */
#cse {
	clear:both;
	width:650px;
	margin:0px;
	padding:0px;
	border:1px solid #aaaaaa;
	background-color:#ffffff;
	overflow:hidden;
}

#cse-wrapper {
	background-color:#eeeeee;
	z-index:99999;
	position:absolute;
	width:703px;
	display:none;
	padding:15px 20px;
	top: 115px;
	left:3px;
}

.cse-wrapper-front {
	left:18px !important;
	top: 115px  !important;
}

#cse-search-form { 
	width: 210px !important; 
	margin:7px 0 0 3px !important;
	float:left;
	vertical-align:top;
	margin-top:0px;
	padding-top:0px;
	height:25px !important;
}
.gsc-search-box {
	vertical-align:top;
	margin-top:0px;
	padding-top:0px;
}

td.gsc-search-button {
	text-align:left !important;
	margin:0 !important;	
	width:76px !important;
	background-color:transparent !important;
	padding:0px !important;
}

.gsc-clear-button {
	display:block;
	visibility:hidden;	
}
.closesearchresults {
	width:137px;
	position:relative !important;
	margin:0 0 0 500px;
	background-color:#aaaaaa;
	color:#ffffff;
	padding:3px 0px 3px 14px;
	font-weight:bold;
	font-size:11px;
	cursor: pointer;
}


.gsc-control-cse {
    font-family: Arial, sans-serif;
    border-color: #ffffff;
    background-color: #ffffff;
  }


input.gsc-search-button {
	background-image:url(/Templates/images/search-sm.gif);
	background-repeat:no-repeat;
	border:none;
	border-width:0 !important;
	display:block;
	font-size:0;
	height:18px !important;
	padding-top:17px;
	margin-bottom:0px;
	width:45px;
   	border:none !important;
    background-color: #ffffff !important;
}


td.gsc-input {
	width:129px !important;
	margin:0 !important;
	padding:0 5px 0 0 !important;
	text-align:left !important;
	vertical-align: top !important;
  }
input.gsc-input, .gsc-input input {
    background: none repeat scroll 0% 0% white !important;
	width:124px !important;
	color: #999999 !important;
	font-family:Arial, Helvetica, sans-serif !important;
	margin:0 !important;
	padding:1px !important;
    border-color: #cccccc !important;
  }



  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #E9E9E9;
    background-color: #E9E9E9;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-top-color: #FF9900;
    border-left-color: #E9E9E9;
    border-right-color: #E9E9E9;
    background-color: #FFFFFF;
  }
  .gsc-tabsArea {
    border-color: #E9E9E9;
  }
  .gsc-webResult.gsc-result,
  .gsc-results .gsc-imageResult {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result:hover,
  .gsc-imageResult:hover {
    border-color: #FFFFFF;
    background-color: #cccccc;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b,
  .gs-imageResult a.gs-title:link,
  .gs-imageResult a.gs-title:link b {
    color: #336699;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b,
  .gs-imageResult a.gs-title:visited,
  .gs-imageResult a.gs-title:visited b {
    color: #663399;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b,
  .gs-imageResult a.gs-title:hover,
  .gs-imageResult a.gs-title:hover b {
    color: #0000FF;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b,
  .gs-imageResult a.gs-title:active,
  .gs-imageResult a.gs-title:active b {
    color: #0000FF;
  }
  .gsc-cursor-page {
    color: #336699;
  }
  a.gsc-trailing-more-results:link {
    color: #336699;
  }
  .gs-webResult .gs-snippet,
  .gs-imageResult .gs-snippet {
    color: #000000;
  }
  .gs-webResult div.gs-visibleUrl,
  .gs-imageResult div.gs-visibleUrl {
    color: #666666;
  }
  .gs-webResult div.gs-visibleUrl-short {
    color: #666666;
  }
  .gs-webResult div.gs-visibleUrl-short {
    display: none;
  }
  .gs-webResult div.gs-visibleUrl-long {
    display: block;
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: #E9E9E9;
    background-color: #FFFFFF;
    color: #336699;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: #FF9900;
    background-color: #FFFFFF;
    color: #663399;
  }
  .gs-promotion {
    border-color: #ffffff !important;
    background-color: #FFFFFF;
  }
  .gs-promotion a.gs-title:link,
  .gs-promotion a.gs-title:link *,
  .gs-promotion .gs-snippet a:link {
    color: #3366ff;
  }
  .gs-promotion a.gs-title:visited,
  .gs-promotion a.gs-title:visited *,
  .gs-promotion .gs-snippet a:visited {
    color: #663399;
  }
  .gs-promotion a.gs-title:hover,
  .gs-promotion a.gs-title:hover *,
  .gs-promotion .gs-snippet a:hover {
    color: #0000FF;
  }
  .gs-promotion a.gs-title:active,
  .gs-promotion a.gs-title:active *,
  .gs-promotion .gs-snippet a:active {
    color: #0000FF;
  }
  .gs-promotion .gs-snippet,
  .gs-promotion .gs-title .gs-promotion-title-right,
  .gs-promotion .gs-title .gs-promotion-title-right *  {
    color: #000000;
  }
  .gs-promotion .gs-visibleUrl,
  .gs-promotion .gs-visibleUrl-short {
    color: #999999;
  }
  


  
.pHabitatpadding {			/* Habitat Page Alignment and Padding - added by Prashanth 8/10/11 */
	padding-right: 15px;
	text-align: justify;	 
}









/* International Bar */

.intl-top {
	width: 754px;
	height: 20px;
	padding-top: 5px;
	margin-left: 25px;
	font-size: 11px;
	color: #666;
}

.intl-top a {
	color: #666;
	text-decoration: none;
}

.intl-top a:hover {
	color: #ff5308;
	text-decoration: underline;
}

.intl-region {
	color: #fff;
	font-size: 9pt;
	font-weight: bold;
	text-shadow: 0px -1px 0px #444;
	margin: 0;
	padding: 0;
	margin: 0 10px 5px 0;
}

.intl-list {
	color: #ddd;
	font-size: 9pt;
	text-shadow: 0px -1px 0px #444;
	margin: 0;
	padding: 0;
}

.intl-list ul {
	list-style: square;
	list-style-position:outside;
	padding-left: 5px;
	margin: 0 15px 0 10px;
}

.intl-list li {
	padding: 0;
	margin-bottom: 5px;
}

.intl-list p {
	margin: 0 10px 5px 0;
}

.intl-list a {
	color: #eee;
	text-decoration: none;
}

.intl-list a:hover {
	color: #fff;
	text-decoration: underline;
	text-shadow: 0px -1px 0px #333;
}

.intl-head {
	font-size: 22px;
	color: #ddd;
	text-shadow: 0px -1px 0px #555;
	margin: 0;
     }
	 
.intl-subhead {
	font-size: 9pt;
	font-weight: bold;
	color: #eee;
	text-shadow: 0px -1px 0px #555;
	margin: 0;
	text-transform: uppercase;
     }
	 
a.intl-close {
	font-size: 8pt;
	color: #bbb;
	text-decoration: none;
	text-shadow: 0px -1px 0px #666;
}

a.intl-close:hover {
	color: #fff;
	text-shadow: 0px -1px 0px #666;
	text-decoration: none;
}
/*** END INTERNATIONAL BAR *****/