/* CSS Document */
body
{
	text-align: center;
	background-color: #EEEEEE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333333;
	line-height: 120%;
	margin: 0px;
	padding: 0px;
}

* html body
{
	font-size: x-small;
	/* for IE5 Win */
	f\ont-size: small;
	/* for other IE versions */
}

/* banner stuff */
#container #banner h1
{
	margin: 0px;
	padding: 0px;
}

#logobox
{
	height: 123px;
	width: 200px;
	float: left;
}

#taglinebox
{
	height: 123px;
	width: 385px;
	float: left;
}

#taglinebox h2
{
	font-weight: normal;
	font-size: 120%;
	line-height: 120%;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0px;
}

#taglinebox h2 span
{
	color: #006633;
	font-style: italic;
}

#contactsbox
{
	height: 123px;
	width: 185px;
	float: left;
}

#contactsbox ul
{
	padding: 0px;
	list-style-type: none;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#contactsbox ul li
{
	padding: 0px;
	list-style-type: none;
	height: 20px;
	width: 153px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-repeat: no-repeat;
}

#contactsbox ul li#butn_emaildehnco { background-image: url(../images/butn_emaildehnco.gif); }
#contactsbox ul li#butn_getaquote { background-image: url(../images/butn_getaquote.gif); }
#contactsbox ul li#butn_requestcatalog { background-image: url(../images/butn_requestcatalog.gif); }
#contactsbox ul li#butn_buyonline { background-image: url(../images/butn_buyonline.gif); }

#contactsbox ul li a
{
	margin: 0px;
	padding: 0px;
	width: 153px;
	height: 20px;
	display: block;
	text-indent: -5000px;
}

h1#logo
{
	height: 123px;
	width: 200px;
	overflow: hidden;
	text-indent: -5000px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
}

h1#logo a
{
	height: 123px;
	width: 200px;
	overflow: hidden;
	display: block;
}

#container
{
	text-align: left;
	width: 770px;
	margin-left: auto;
	margin-right: auto;
}

.twocolumn #container #contentbody
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/columntile.gif);
	background-repeat: repeat-y;
}

#subscribe
{
	background-color: #006633;
	clear: both;
	padding: 2px;
	text-align: center;
}

#footer
{
	text-align: center;
	font-size: 80%;
	padding: 0px;
	margin-top: 1em;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #999999;
	clear: both;
}

/* set widths of main content columns */
#content
{
	float: left;
	width: 545px;
	display: inline;
	padding-bottom: 10px;
	margin-left: 10px;
	padding-top: 8px;
}

#contentpadding { padding: 8px; }

#sidebar-a
{
	float: left;
	width: 203px;
	padding-top: 8px;
	display: inline;
}

/* set styles of sidebar promo boxes */
#sidebar-a h3
{
	padding: 0px;
	margin: 0px;
	height: 30px;
	width: 186px;
	text-indent: -5000px;
}

#sidebar-a h3 a
{
	height: 30px;
	width: 186px;
	display: block;
}

#sidebarhead_workareas { background-image: url(../images/sidebarhead_workareas.gif); }
#sidebarhead_supportsystems { background-image: url(../images/sidebarhead_supportsystems.gif); }
#sidebarhead_designtools { background-image: url(../images/sidebarhead_designtools.gif); }
#sidebarhead_articles { background-image: url(../images/sidebarhead_articles.gif); }
#sidebarhead_whatsnew { background-image: url(../images/sidebarhead_whatsnew.gif); }
#sidebarhead_about { background-image: url(../images/sidebarhead_about.gif); }
#sidebarhead_sitemap { background-image: url(../images/sidebarhead_sitemap.gif); }
#sidebarhead_mediacenter { background-image: url(../images/sidebarhead_mediacenter.gif); }
#sidebarhead_dealer { background-image: url(../images/sidebarhead_dealer.gif); }

#sidebar-a ul
{
	background-image: url(../images/category_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	list-style-type: none;
	width: 186px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

#sidebar-a ul li
{
	font-size: 80%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#sidebar-a-padding { padding-left: 9px; }

/* Global CSS typography styles */
p
{
	font-size: 95%;
	margin-top: .5em;
	margin-bottom: .5em;
	padding-top: .5em;
	padding-right: 0px;
	padding-bottom: .5em;
	padding-left: 0px;
}

ul { font-size: 95%; }
#content  ul.bolt li {
	background-image: url(/images/bullet.gif);
	background-repeat: no-repeat;
	margin-left: 0px;
	padding-left: 20px;
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 5px;
}

a:link { color: #006633; }
a:hover { color: #009933; }
a:visited { color: #996600; }

#content h1
{
	font-size: 170%;
	margin-top: 0.25em;
	margin-right: 0px;
	margin-bottom: .25em;
	margin-left: 0px;
	line-height: 110%;
	color: #009933;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: .25em;
	padding-left: 0px;
}

#content h2
{
	font-size: 140%;
	padding: 0px;
	margin-top: .25em;
	margin-right: 0px;
	margin-bottom: 0.25em;
	margin-left: 0px;
	line-height: 110%;
}

#content h3
{
	font-size: 110%;
	line-height: 130%;
	padding: 0px;
	margin-top: 1em;
	margin-right: 0px;
	margin-bottom: .5em;
	margin-left: 0px;
}

#content h4
{
	font-size: 100%;
	line-height: 115%;
	padding: 0px;
	margin-top: 1em;
	margin-right: 0px;
	margin-bottom: 0em;
	margin-left: 0px;
}

/* styles for setting up tier 1, tier 2 and tier 3 column widths */
#tier1container { float: left; }

#tier1container #tier1
{
	width: 300px;
	float: left;
	display: inline;
}

#tier1container #tier1 p
{
	font-size: 110%;
	line-height: 120%;
}

#tier1container #tier1list
{
	width: 200px;
	float: right;
	display: inline;
}

#tier1container #tier1list ul
{
	margin: 0px;
	padding: 0px;
}

#tier1container #tier1list ul li
{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#tier2container { float: left; }

#tier2
{
	width: 320px;
	float: left;
	display: inline;
}

#tier2list
{
	width: 200px;
	float: right;
}

#tier2list h3
{
	margin-top: 1em;
	margin-right: 0em;
	margin-bottom: .25em;
	margin-left: 0em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#tier2list p
{
	margin-top: 0px;
	padding-top: 0px;
}

#tier2list ul
{
	margin: 0px;
	padding: 0px;
}

#tier2list ul li
{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#tier2container { float: left; }
.sku { font-weight: bold; }

#tier3
{
	width: 220px;
	float: left;
	display: inline;
}

#tier3 img {
	margin-top: .25em;
	margin-bottom: .5em;
}

#tier3list
{
	width: 290px;
	float: right;
}

#tier3list h3
{
	margin-top: 1em;
	margin-right: 0em;
	margin-bottom: .25em;
	margin-left: 0em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#tier3list ul
{
	margin: 0px;
	padding: 0px;
}
#tier3list p
{
	margin-top: 0px;
	padding-top: 0px;
}

#tier3list ul li
{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#content #tier3 h1
{
	font-size: 130%;
	color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}

#content #tier3 table.tier3includedcomponents
{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 100%;
}

#content  #tier3 .tier3includedcomponents td
{
	font-size: 85%;
	text-align: right;
}

#content  #tier3container #tier3 .tier3includedcomponents td.sku { text-align: left; }

#tier3 p.sku
{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 80%;
	color: #666666;
}

/* classes for packmaterials promo box */
.packmaterialspromo
{
	border: 3px solid #009933;
	background-color: #5CA373;
	width: 100%;
	background-image: url(../images/packmaterialspromobg.jpg);
	background-repeat: no-repeat;
	clear: both;
}

#content .packmaterialspromo h4
{
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 120px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 100%;
}

#content .packmaterialspromo p
{
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 120px;
}

/* classes for two sizes of photo navigation grids */
.photonavcontainer
{
	clear: both;
	padding-top: 20px;
}

.photonavlg img { border: 2px solid #EEEEEE; }

.photonavlg
{
	float: left;
	width: 145px;
	margin-right: 5px;
	margin-left: 6px;
	text-align: center;
	margin-bottom: 20px;
	display: inline;
}

.photonavlg p
{
	padding: 0px;
	margin-top: .25em;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.photonav img { border: 2px solid #EEEEEE; }

.photonav
{
	float: left;
	width: 120px;
	margin-right: 5px;
	margin-left: 6px;
	text-align: center;
	margin-bottom: 20px;
	display: inline;
}

.photonav p
{
	padding: 0px;
	margin-top: .25em;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* set up tabbed navigation bar */
#container #navigation
{
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 770px;
	clear: both;
}

#container #navigation ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/nav.jpg);
	height: 50px;
	width: 770px;
}

#container #navigation ul li
{
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 90%;
}

#container #navigation ul li a
{
	text-decoration: underline;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	height: 45px;
}

#container #navigation ul li a:hover
{
	text-decoration: underline;
	color: #FFF000;
	font-weight: bold;
	text-align: center;
	display: block;
}

/* first tab */
li#nav1
{
	height: 50px;
	width: 197px;
}

li#nav1 a
{
	display: block;
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 15px;
}

/* second tab */
li#nav2
{
	height: 50px;
	width: 187px;
}

li#nav2 a
{
	display: block;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
}

/* third tab */
li#nav3
{
	height: 50px;
	width: 188px;
}

li#nav3 a
{
	display: block;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
}

/* fourth tab */
li#nav4
{
	height: 50px;
	width: 198px;
}

li#nav4 a
{
	display: block;
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 10px;
	padding-bottom: 0px;
}

/* clearing floats code */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* End hide from IE-mac */