/* header nav */
#navHolder {
	position: relative;
	margin: 0;
	padding: 0;
	width: 980px;
	height: 34px;
	background: #000 url(/img/nav-bg-v3.png) top left no-repeat;
}
#phoneNumber {
	position: absolute;
	margin: 0;
	padding: 0;
	right: 11px;
	top: 16px;
	width: 100px;
	height: 14px;
}
#phoneNumber p {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif; 
	color: #ccc;
	font-size: 12px;
	line-height: 12px;	
}
ul#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
ul#nav li {
	margin: 0;
	padding: 0;
	display: inline;
}
ul#nav li a {
	float: left;
	height: 34px;
}
ul#nav li a:hover, ul#nav li a:active {
	text-decoration: none;
}
ul#nav li span {
	display: none;
}
#n1, #n2, #n3, #n4, #n5, #n6, #n7, #n8 {
	background: url(/img/nav-bg-v3.png) top left no-repeat;
}

#n1 { width: 78px;  background-position:    0px 0px; }
#n2 { width: 121px; background-position:  -78px 0px; }
#n3 { width: 151px; background-position: -199px 0px; }
#n4 { width: 126px; background-position: -350px 0px; }
#n5 { width:  98px; background-position: -476px 0px; }
#n6 { width: 109px; background-position: -574px 0px; }
#n7 { width: 122px; background-position: -683px 0px; }

#n1:hover, #n1:focus, #n1.on { background-position:    0px -34px; }
#n2:hover, #n2:focus, #n2.on { background-position:  -78px -34px; }
#n3:hover, #n3:focus, #n3.on { background-position: -199px -34px; }
#n4:hover, #n4:focus, #n4.on { background-position: -350px -34px; }
#n5:hover, #n5:focus, #n5.on { background-position: -476px -34px; }
#n6:hover, #n6:focus, #n6.on { background-position: -574px -34px; }
#n7:hover, #n7:focus, #n7.on { background-position: -683px -34px; }
/* /header nav */

/* products page breadcrumbs */
.crumbs {
margin: 0;
padding: 0 0 0 20px;
font-size: 10px;
line-height: 14px;
background: url(/img/link-arrow.gif) center left no-repeat;
font-weight: normal;
}
/* /products page breadcrumbs */

/* products page category navigation */
#main-right-prodnav, #main-right-prodnav-left, #main-right-prodnav-right {
margin: 0;
padding: 0;
}
#main-right-prodnav-left {
float: left;
width: 210px;
}
#main-right-prodnav-right {
float: right;
width: 210px;
}
#main-right-prodnav p {
color: #b2802e;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;/* height of icon */
}
#main-right-prodnav p a {
margin: 0; 
padding: 2px 0 0 18px;
font-weight: bold;
text-decoration: none;
background-image: url(/img/link-arrow.gif);
background-position: center left; 
background-repeat: no-repeat;
}
#main-right-prodnav p a:link    { color: #644714; }
#main-right-prodnav p a:visited { color: #644714; }
#main-right-prodnav p a:hover   { color: #f2a832; background-image: url(/img/link-arrow-on.gif); }
#main-right-prodnav p a:active  { color: #f2a832; background-image: url(/img/link-arrow-on.gif); }

#main-right-prodnav p.on {
background-image: url(/img/link-arrow-on.gif);
background-position: center left; 
background-repeat: no-repeat;
}
#main-right-prodnav p.on a:link    { color: #f2a832; }
#main-right-prodnav p.on a:visited { color: #f2a832; }
#main-right-prodnav p.on a:hover   { color: #f2a832; background-image: url(/img/link-arrow-on.gif); }
#main-right-prodnav p.on a:active  { color: #f2a832; background-image: url(/img/link-arrow-on.gif); }
/* /products page category navigation */

/* left navigation */
#main-left-nav {
margin: 0 0 10px 0;
padding: 0;
list-style: none;
width: 200px;
}
#main-left-nav li {
margin: 0; 
padding: 3px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;/* height of icon */
font-weight: bold;
background: url(/img/link-arrow.gif) center left no-repeat;
border-bottom: 1px dotted #999;
}
#main-left-nav li a {
padding-left: 18px;/* width of icon + whitespace */
}

#main-left-nav li a         { font-weight: bold; text-decoration: none; }
#main-left-nav li a:link    { color: #644714; }
#main-left-nav li a:visited { color: #644714; }
#main-left-nav li a:hover   { color: #f2a832; background: url(/img/link-arrow-on.gif) center left no-repeat; }
#main-left-nav li a:active  { color: #f2a832; background: url(/img/link-arrow-on.gif) center left no-repeat; }

#main-left-nav li.on {
background: url(/img/link-arrow-on.gif) center left no-repeat;
}
#main-left-nav li.on a:link    { color: #f2a832; }
#main-left-nav li.on a:visited { color: #f2a832; }
#main-left-nav li.on a:hover   { color: #f2a832; }
#main-left-nav li.on a:active  { color: #f2a832; }
/* /left navigation */

/* sidebar navigation */
#sidebar-nav {
margin: 0;
padding: 0 0 10px 0;
width: 180px;
}
#sidebar-nav li {
margin: 0;
padding: 5px 0;
list-style: none;
line-height: 13px;
color: #eee;
border-bottom: 1px dotted #999;
}
#sidebar-nav li a         { font-weight: normal; text-decoration: none; }
#sidebar-nav li a:link    { color: #eee; }
#sidebar-nav li a:visited { color: #eee; }
#sidebar-nav li a:hover   { color: #999; }
#sidebar-nav li a:active  { color: #999; }

#sidebar-nav li.sub a         { font-weight: normal; text-decoration: none; }
#sidebar-nav li.sub a:link    { color: #f2a832; }
#sidebar-nav li.sub a:visited { color: #f2a832; }
#sidebar-nav li.sub a:hover   { color: #999; }
#sidebar-nav li.sub a:active  { color: #999; }
/* /sidebar navigation */

/* TABS */
/* global code for all tabs */
#tabHolder {
	position: relative;
	margin: 0;
	padding: 0;
	width: 440px;
	height: 23px;
}
ul#tabnav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
ul#tabnav li {
	margin: 0;
	padding: 0;
	display: inline;
}
ul#tabnav li a {
	float: left;
	height: 23px;
}
ul#tabnav li a:hover, ul#tabnav li a:active {
	text-decoration: none;
}
ul#tabnav li span {
	display: none;
}
/* /global code for all tabs */

/* product pages nav */
/* the ids also have attributes controlled in show-hide.js */

#show-one, #show-two, #show-three/*, #show-four, #show-five*/ {
	background: url(/img/tabs-products-v3.png) top left no-repeat;	
}
#show-one   { width: 66px; background-position:    0px 0px; }
#show-two   { width: 96px; background-position:  -66px 0px; }
#show-three { width: 73px; background-position: -162px 0px; }
/*
#show-four  { width: 85px; background-position: -251px 0px; }
#show-five  { width:   px; background-position:     px 0px; }
*/
/* add tab five when needed */

#show-one:hover,   #show-one:focus,   #show-one.tabOn   { background-position:    0px -23px; }
#show-two:hover,   #show-two:focus,   #show-two.tabOn   { background-position:  -66px -23px; }
#show-three:hover, #show-three:focus, #show-three.tabOn { background-position: -162px -23px; }
/*
#show-four:hover,  #show-four:focus,  #show-four.tabOn  { background-position: -251px -23px; }
#show-five:hover,  #show-five:focus,  #show-five.tabOn  { background-position:     px -23px; }
*/
/* add tab five when needed */

/* /product pages nav */
/* /TABS */

/* FOR THE PROS homepage sidebar links */

#forthepros-holder {
	border: 1px solid #999;
	margin: 0 0 5px 0;
	padding: 4px;	
}
#forthepros-nav {
	margin: 0;
	padding: 0;
	width: 210px;
	height: 295px;
	/*height: 219px; I'm a Dealer removed */
	background: #000 url(/img/home-forthepros.png) top left no-repeat;	
}
ul#forthepros {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
ul#forthepros li {
	margin: 0;
	padding: 0;
}
ul#forthepros li a {
	float: left;
	width: 210px;
	height: 67px;
	margin-bottom: 9px;
}
ul#forthepros li a:hover, ul#forthepros li a:active {
	text-decoration: none;
}
ul#forthepros li span {
	display: none;
}
#ftpn1, #ftpn2, #ftpn3, #ftpn4 {
	background: #000 url(/img/home-forthepros.png) top left no-repeat;
}

#ftpn1 { background-position: 0px    0px; }
#ftpn2 { background-position: 0px  -76px; }
#ftpn3 { background-position: 0px -152px; }
#ftpn4 { background-position: 0px -228px; }

#ftpn1:hover, #ftpn1:focus { background-position: 0px -295px; }
#ftpn2:hover, #ftpn2:focus { background-position: 0px -371px; }
#ftpn3:hover, #ftpn3:focus { background-position: 0px -447px; }
#ftpn4:hover, #ftpn4:focus { background-position: 0px -523px; }

/* FOR THE PROS homepage sidebar links */


/* sidebar essential info links */

ul.sbei {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
ul.sbei li {
	margin: 0;
	padding: 0;
}
ul.sbei li a {
	float: left;
	width: 220px;
	height: 48px;
}
ul.sbei li a:hover, ul.sbei li a:active {
	text-decoration: none;
}
ul.sbei li span {
	display: none;
}

#sbei-td-msds, #sbei-gloss-faq, #sbei-comm-ed, #sbei-voc-regs, #sbei-media {
	background-position: 0px 0px;
}
#sbei-td-msds:hover, #sbei-td-msds:focus, 
#sbei-gloss-faq:hover, #sbei-gloss-faq:focus, 
#sbei-comm-ed:hover, #sbei-comm-ed:focus, 
#sbei-voc-regs:hover, #sbei-voc-regs:focus,
#sbei-media:hover, #sbei-media:focus { 
	background-position: 0px -48px; 
}

#sbei-td-msds {
	background: #222 url(/img/sidebar-techdata-msds.gif) top left no-repeat;
}
#sbei-gloss-faq {
	background: #222 url(/img/sidebar-gloss-faq.gif) top left no-repeat;
}
#sbei-comm-ed {
	background: #222 url(/img/sidebar-comm-ed.gif) top left no-repeat;
}
#sbei-voc-regs {
	background: #222 url(/img/sidebar-voc-regs.gif) top left no-repeat;
}
#sbei-media {
	background: #222 url(/img/sidebar-media.gif) top left no-repeat;
}

/* /sidebar essential info links */


/* demographic pages: house roll-overs */
#house-rollover-builder, #house-rollover-remodeler {
display: block;
margin: 0;
padding: 0;
width: 438px;
height: 250px;
position: relative;
}
#house-rollover-builder {
background: url('/img/house-builder.jpg') 0px 0px no-repeat;
}
#house-rollover-remodeler {
background: url('/img/house-remodeler.jpg') 0px 0px no-repeat;
}

/* builder */ 
#house-rollover-builder .hr-foundation, 
#house-rollover-builder .hr-framing, 
#house-rollover-builder .hr-roof-gutter, 
#house-rollover-builder .hr-window-door, 
#house-rollover-builder .hr-insulating-energy-sealing, 
#house-rollover-builder .hr-drywall, 
#house-rollover-builder .hr-siding-cladding,
/* remodeler */
#house-rollover-remodeler .hr-foundation, 
#house-rollover-remodeler .hr-framing, 
#house-rollover-remodeler .hr-roof-gutter, 
#house-rollover-remodeler .hr-window-door, 
#house-rollover-remodeler .hr-insulating-energy-sealing, 
#house-rollover-remodeler .hr-drywall, 
#house-rollover-remodeler .hr-siding-cladding {
position: absolute;
width: 20px;
height: 20px;
}

#house-rollover-builder .hr-green-building, #house-rollover-remodeler .hr-green-building {
position: absolute;
width: 28px;
height: 28px;
}

#house-rollover-builder .hr-foundation, #house-rollover-remodeler .hr-foundation { top: 195px; left: 258px; }
#house-rollover-builder .hr-framing, #house-rollover-remodeler .hr-framing { top: 156px; left: 393px; }
#house-rollover-builder .hr-roof-gutter, #house-rollover-remodeler .hr-roof-gutter { top: 55px; left: 290px; }
#house-rollover-builder .hr-window-door, #house-rollover-remodeler .hr-window-door { top: 144px; left: 224px; }
#house-rollover-builder .hr-insulating-energy-sealing, #house-rollover-remodeler .hr-insulating-energy-sealing { top: 69px; left: 196px; }
#house-rollover-builder .hr-drywall, #house-rollover-remodeler .hr-drywall { top: 156px; left: 43px; }
#house-rollover-builder .hr-siding-cladding, #house-rollover-remodeler .hr-siding-cladding { top: 156px; left: 344px; }
#house-rollover-builder .hr-green-building, #house-rollover-remodeler .hr-green-building { top: 90px; left: 346px; }
/* /demographic pages: house roll-overs */