body
{
	margin: 0;
	padding: 0;
	font-size: 9pt;
	line-height: 10.5pt;
	font-family: Arial, Tahoma, Verdana, Sun-Sans, sans-serif;
	background-image: url(../images/hdr_bar2.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

table
{
	padding: 0;
	margin: 0;
}

img
{
	padding: 0;
	margin: 0;
}

a:link, a:visited
{
	color: #303D68;
	text-decoration: none;
}

a:hover, a:active
{ 
	color: #385AC5;
}

.clearall
{
	clear: both;
	width: 100%;
	height: 1px;
	float: left;
}

.bold
{
	font-weight: bold;
}

#main-lf-col {
	width: 169px !important; 
	overflow: hidden;
}

/* navigation */
div.navigation
{
	display: block;
	width: auto;
	height: auto;
	float: right;
	margin: 0;
	padding: 12px 90px 12px 0;
	white-space: nowrap;
	background-image: url(../images/mfr_usa.gif);
	background-position: right 8px;
	background-repeat: no-repeat;
}

.navigation a
{
	font-style: normal;
	font-weight: bold;
	font-size: 7pt;
	line-height: 7pt;
	font-family: Arial, Tahoma, Verdana, Sun-Sans, sans-serif;
	text-indent: 12px;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	height: 7pt;
	width: auto;
	float: right;
	vertical-align: middle;
	padding: 7px 8px;
	margin: 0 2px 0 5px;
}

.navigation a:link, .navigation a:visited
{
	color: #303D68;
	background-image: url(../images/nav_bull_off.gif);
	background-repeat: no-repeat;
	background-position: 8px 8px;
	border: 1px solid #fff;
}

.navigation a:hover, .navigation a:active
{
	color: #666;
	background-image: url(../images/nav_bull_on.gif);
	background-repeat: no-repeat;
	background-position: 8px 8px;
	background-color: #FFF;
	border-color: #C3C3C3;
	border-width: 1px;
	border-style: solid;
}


/* product navigation */

#stair, #boarding, #ladder, #rfkit, #sp, #ar, #acc
{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	height: auto;
	text-align: center;
}

a.prods, div.prods
{
	font-style: normal;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 28px;
	font-family: Arial, Tahoma, Verdana, Sun-Sans, sans-serif;
	margin: 0;
	padding: 0;
	background-color: transparent;
	display: block;
	width: 100%;
	height: auto;
	text-decoration: none;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

a.prods span
{
	white-space: nowrap;
}

a.prods:link, a.prods:visited 
{
	text-decoration: none;
	background-image: url(../images/h2_bullet.gif);
	background-repeat: no-repeat;
	background-position: 9px 9px;
}

a.prods:hover, a.prods:active, div.prods
{
	color: #fff;
	text-decoration: none;
	background-image: url(../images/h2_bullet_on.gif);
	background-repeat: no-repeat;
	background-position: 9px 9px;
}

a.prods img.box
{
	padding: 10px;
	margin: 0;
	float: none;
	clear: both;
}

img.spacer
{
	padding: 0 10px;
	margin: 0;
	float: left;
	clear: both;
}

img.cleft
{
	padding: 0;
	margin: 0;
	float: right;
	clear: none;
}

p.desc
{
	color: #fff;
	font-size: 9pt;
	line-height: 9pt;
	font-family: Arial, Tahoma, Verdana, Sun-Sans, sans-serif;
	display: block;
	width: 100px;
	height: auto;
	margin: 0 10px 10px 10px;
	padding: 0;
}

.stair_main
{
	background-image: url(../images/dnd_swimplat2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/* ------------SIDENAV NAVIGATION AREA---------------- */

#sidenav
{
 width: 120px;
 margin: 12px 0 0 0;
 padding: 0;
}

#miscnav
{
 width: 100%;
 margin: 0;
 padding: 0;
}

#sidenav a, #miscnav a
{
	font-style: normal;
	font-weight: bold;
	font-size: 7pt;
	line-height: 15pt;
	font-family: Arial, Tahoma, Verdana, Sun-Sans, sans-serif;
	text-indent: 20px;
	text-decoration: none;
	text-transform: uppercase;
	display: inline;
	height: 15pt;
	float: left;
	clear: left;
	padding: 0;
	margin: 10px 5px 0 10px;
	vertical-align: middle;
	word-spacing: normal;
	letter-spacing: normal;
}

#sidenav a
{
	width: 100px;
}

#miscnav a
{
	width: 90%;
}

#sidenav a:link, #sidenav a:visited, #miscnav a:link, #miscnav a:visited
{
	color: #303D68;
	background-image: url(../images/nav_bull_on.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
	background-color: #E7E7E7;
	border-color: #696969;
	border-width: 1px;
	border-style: solid;
}

#sidenav a:hover, #sidenav a:active, #miscnav a:hover, #miscnav a:active
{
	color: #303D68;
	background-image: url(../images/nav_bull_off.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
	background-color: #F8E6C0;
	border-color: #E1AC1A;
	border-width: 1px;
	border-style: solid;
}

#sidenav h3.sub, #miscnav h3.sub
{
	padding: 5px 0 2px 0;
	margin: 0 0 5px 0;
	display: block;
	float: left;
	width: 100%;
	height: auto;
	font-style: normal;
	font-weight: bold;
	font-size: 8pt;
	line-height: 8pt;
	font-family: Arial, Tahoma, Verdana, Sun-Sans, sans-serif;
	color: #A8A8A8;
	text-indent: 13px;
	text-transform: uppercase;
	letter-spacing: 0.25em;
}

#sidenav p, #miscnav p
{
	padding: 0;
	margin-left: 13px;
	display: block;
	float: left;
	width: 100%;
	height: auto;
	font-style: normal;
	font-size: 8pt;
	line-height: 11pt;
	font-family: Arial, Tahoma, Verdana, Sun-Sans, sans-serif;
	color: #333;
}

/* ------------MAIN CONTENT AREA---------------- */

#main
{
	display: inline;
	width: 100%;
	height: auto;
	background-color: #FFF;
	float: left;
	padding: 0;
	margin: 0;
}

#main div.story
{
	width: auto;
	height: auto;
	padding: 4px;
	margin: 10px 15px;
}

#main div.story h2
{
	color: #303D68;
	font-size: 18px;
	line-height: 20px;
	font-family: Arial, Tahoma, Verdana, Sun-Sans, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0 0 2px 0;
}

#main div.story p, #main p
{
	color: #303D68;
	font-size: 8.5pt;
	line-height: 12pt;
	font-family: Arial, Tahoma, Verdana, Sun-Sans, sans-serif;
	margin: 12px 0 0 0;
	padding: 3px 0 2px 0;
}

#main div.story p a
{
	font-weight: bold;
	font-style: oblique;
	text-decoration: underline;
}

#main div.story img
{
	margin: 6pt 0;
}

.flushlf
{
	float: left;
	padding-right: 12pt;
}

.flushrt
{
	float: right;
	padding-left: 12pt;
}

#main p.highlight
{
	margin: 4px;
	border: 1px solid #303D68;
	font-weight: bold;
	padding: 8px;
}

p.bodySidebarTxt
{
	margin: 0;
	font-weight: bold;
	font-size: 10px;
	line-height: 11px;
	color: #303D68;
	padding: 8px 12px 0 12px;
}

p.bodySidebarTxt a
{
	color: #E1AC1A;
	text-decoration: none;
}

p.bodySidebarTxt a:hover
{
	text-decoration: underline;
}


/* ------------SIDEBAR AREA---------------- */

#sidebar
{
	float: left;
	padding: 0 15px;
	margin: 0;
	width: 130px;
	height: auto;
	display: block;
}

#sidebar p
{
	color: #fff;
	font-size: 7.5pt;
	line-height: 9pt;
	font-family: Arial, Tahoma, Verdana, Sun-Sans, sans-serif;
}

#sidebar a
{
	padding: 2px;
	text-decoration: none;
}

#sidebar a:link, #sidebar a:visited
{
	color: #FC0;
}

#sidebar a:hover, #sidebar a:active
{
	color: #303D68;
	background-color: #FC0;
}

#sidebar p.sb_inset
{
	color: #BACCDC;
	margin: 20px 0;
	line-height: 8pt;
	font-weight: bold;
}

#sidebar p.sb_inset a:link, #sidebar p.sb_inset a:visited, #sidebar p.sb_inset a:hover, #sidebar p.sb_inset a:active
{
	background-color: transparent;
}

	#sidebar p.sb_inset a:link img, #sidebar p.sb_inset a:visited img
	{
		border:5px solid #BACCDC;
	}
	
	#sidebar p.sb_inset a:hover img, #sidebar p.sb_inset a:active img
	{
		border:5px solid #FC0;
	}

#sidebar p.sb_inset img
{
	margin-top: 10px;
}

/* ------------NEWS AREA---------------- */

img.headlines
{
	margin: 0 5px;
	padding: 0 0 6px 0;
}

#storyblock
{
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
}

#storyblock div.story
{
	display: block;
	width: auto;
	height: auto;
	padding: 4px;
	margin: 10px;
}

#storyblock div.story h3
{
	color: #333;
	font-size: 9pt;
	line-height: 9pt;
	font-family: Arial, Tahoma, Verdana, Sun-Sans, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0 0 2px 0;
}

#storyblock h2
{
	color: #666;
	font-size: 7.5pt;
	line-height: 8pt;
	font-family: Arial, Tahoma, Verdana, Sun-Sans, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 10px;
	padding: 4px 2px;
	border-bottom: #666;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}

#storyblock div.story p
{
	color: #333;
	font-size: 8pt;
	line-height: 9pt;
	font-family: Arial, Tahoma, Verdana, Sun-Sans, sans-serif;
	margin: 0;
	padding: 3px 0 2px 0;
}

#storyblock div.story a
{
	font-size: 8pt;
	line-height: 9pt;
	font-family: Arial, Tahoma, Verdana, Sun-Sans, sans-serif;
	margin: 7px 0;
	padding: 2px 4px;
}

#storyblock div.story a:link, #storyblock div.story a:visited
{
	color: #303D68;
	background-color: transparent;
	border: 1px solid #c1c1c1;
}

#storyblock div.story a:hover, #storyblock div.story a:active
{
	color: #fff;
	background: #445696;
	border-color: #303D68;
	border-width: 1px;
	border-style: solid;
}

/* ------------SECONDARY PAGES CONTENT AREA---------------- */

table.dnddata
{
	font-family: Arial, Tahoma, Verdana, Sun-Sans, sans-serif;
	font-size: 8pt;
	line-height: 1.25em;
	color: #333;
	margin: 0;
	padding: 16px;
	float: left;
}

table.dnddata td
{
	vertical-align: top;
	padding: 4px;
}

table.dnddata h2
{
	font-family: Arial, Tahoma, Verdana, Sun-Sans, sans-serif;
	font-size: 11pt;
	line-height: 1.1em;
}

table.dnddata h3
{
	font-family: Arial, Tahoma, Verdana, Sun-Sans, sans-serif;
	font-size: 8pt;
	text-transform: uppercase;
	padding: 8px;
	margin: 0;
}

h3.callout
{
	float: left;
	clear: none;
}

div.callout
{
	font-family: Arial, Tahoma, Verdana, Sun-Sans, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding: 3px 5px;
	margin: 4px;
	float: left;
	color: #fff;
}

div.aside
{
	float:right;
	display:block;
	width:175px;
	height:auto;
	margin:5px 5px 5px 5px;
	font-size: 8pt;
}

div.aside h3.sub
{
	padding: 5px 0 2px 0;
	margin: 20px 0 5px 0;
	display: block;
	float: left;
	width: 150px;
	height: auto;
	font-style: normal;
	font-weight: bold;
	font-size: 8pt;
	line-height: 8pt;
	font-family: Arial, Tahoma, Verdana, Sun-Sans, sans-serif;
	color: #A8A8A8;
	text-indent: 13px;
	text-transform: uppercase;
	letter-spacing: 0.25em;
}

table.dnddata thead
{
	font-weight: bold;
}

table.dnddata li
{
	list-style-type: square;
	margin: 0 8px 6pt 0;
}

table.dnddata td.dnd_cell
{
	color: #303D68;
	border-left: 1px dotted #CCC;
}

/* ------------SECONDARY DATA PANEL------------------------ */

body.print
{
	background-image: url(../images/dnd_logo.gif);
	background-repeat: no-repeat;
	background-position: 96% 15px;
	background-color: #fff;
}

body.iframe
{
	background-image: none;
	background-color: #fff;
}

#datahead
{
	display: block;
	height: 80px;
	width: 100%;
	float: left;
	margin: 15px 0;
	padding: 0;
	
	font-size: 8pt;
	line-height: 9.5pt;
	font-family: Arial, Tahoma, Verdana, Sun-Sans, sans-serif;
}

#datahead h4.title
{
	display: block;
	position: absolute;
	top: 80px;
	left: 0;
	text-align: right;
	text-transform: uppercase;
	width: 95%;
	font-size: 13pt;
	line-height: 14pt;
	font-family: Arial, Tahoma, Verdana, Sun-Sans, sans-serif;

}

#datapanel
{
	display: inline;
	height: auto;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}

#datapanel h2, #datapanel h3, #datapanel p
{
	margin: 0;
	padding: 10px;
	line-height: 1.25em;
}

#datapanel div.topbar
{
	display: block;
	width: 100%;
	height: 60px;
	float: left;
	clear: both;
	background-color: #E7E7E7;
	margin-bottom: 20px;
}

#datapanel h4
{
	font-size: 10pt;
	line-height: 1.25em;
	margin: 0;
	padding: 10px;
}

#datapanel div.subhead
{
	color: #303D68;
	font-size: 7.5pt;
	line-height: 8pt;
	font-family: Arial, Tahoma, Verdana, Sun-Sans, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px;
	padding: 12px 2px 4px 2px;
	border-bottom: #E1AC1A;
	border-width: 0 0 2px 0;
	border-style: none none solid none;
	width: 95%;
}

#datapanel div.section
{
	display: block;
	width: 100%;
	padding: 0;
	margin: 10px 0;
	float: left;
}

#datapanel p.highlight
{
	margin: 18px 4px 4px 12px;
	border: 1px solid #303D68;
	font-weight: bold;
	padding: 12px 8px;
	width: 90%;
	display: block;
	float: left;
	clear: both;
	font-size: 7.5pt;
	line-height: 8pt;
}

#datapanel p, #datapanel ul
{
	float: left;
	clear: both;
	width: 85%;
}

p.highlight
{
	margin: 18px 4px 4px 12px;
	border: 1px solid #303D68;
	font-weight: bold;
	padding: 12px 8px;
	width: 80%;
	display: block;
	float: left;
	font-size: 7.5pt;
	line-height: 8pt;
}

#anim_block
{
	display: block;
	width: 270px;
	height: 260px;
	float: left;
	clear: right;
	margin: 5px 12px;
	background-color: #E7E7E7;
	padding: 20px;
}

#anim_block a:link, #anim_block a:visited
{
	display: block;
	height: 10pt;
	float: left;
	padding: 4pt;
	margin: 4px 4px 4px 0;
	font-size: 7.5pt;
	font-weight: bold;
	line-height: 10pt;
	text-transform: uppercase;
	text-indent: 20px;
	vertical-align: middle;
	background-color: #F8E6C0;
	border-color: #E1AC1A;
	border-width: 1px;
	border-style: solid;
}

#anim_block a:hover, #anim_block a:active
{
	background-color: #E1AC1A;
	color: #FFF;
}

#anim_block a.play
{
	width: 240px;
	background-image: url(../images/play.gif);
	background-repeat: no-repeat;
	background-position: 2pt 2pt;
	clear: both;
}

#anim_block a.back
{
	width: 65px;
	background-image: url(../images/backwd.gif);
	background-repeat: no-repeat;
	background-position: 2pt 2pt;
}

#anim_block a.pause
{
	width: 75px;
	background-image: url(../images/pause.gif);
	background-repeat: no-repeat;
	background-position: 2pt 2pt;
}

#anim_block a.next
{
	width: 65px;
	background-image: url(../images/forewd.gif);
	background-repeat: no-repeat;
	background-position: 2pt 2pt;
	clear: right;
}


#anim_block img.anim
{
	display: block;
	width: auto;
	height: auto;
	float: left;
	clear: right;
}

/* ------------SECONDARY PAGES FORMS------------------------ */

span.label
{
	font-size: 7pt;
	line-height: 1.1em;
	float: right;
	vertical-align: middle;
	text-transform: uppercase;
}

span.labelmain
{
	font-size: 8pt;
	line-height: 1.1em;
	float: right;
	vertical-align: middle;
	text-transform: uppercase;
	font-weight: bold;
}

span.labellf
{
	font-size: 7pt;
	line-height: 1.1em;
	float: left;
	vertical-align: middle;
	text-transform: uppercase;
}

span.headlabel
{
	font-size: 8pt;
	line-height: 1.1em;
	float: left;
	vertical-align: middle;
	font-weight: bold;
}

input, select, textarea, option
{
	font-family: Verdana, Tahoma, Arial, Sun-Sans, sans-serif;
	font-size: 8pt;
}

form.feedback
{
	float: left;
	margin: 0 5px 25px 15px;
}

#hdrpanel h2.main
{
	padding: 16px 0;
	margin: 0;
	background-image: url(../images/cnr_hdrpanel.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	float: left;
	width: 100%;
	height: auto;
	font-style: normal;
	font-weight: bold;
	font-size: 8pt;
	line-height: 8pt;
	font-family: Arial, Tahoma, Verdana, Sun-Sans, sans-serif;
	color: #fff;
	text-indent: 14px;
	text-transform: uppercase;
	letter-spacing: 0.75em;
}

h2.miscprod
{
	padding: 5px 0;
	margin: 10px 1%;
	display: block;
	float: left;
	width: 96%;
	height: auto;
	font-style: normal;
	font-weight: bold;
	font-size: 8pt;
	line-height: 8pt;
	font-family: Arial, Tahoma, Verdana, Sun-Sans, sans-serif;
	color: #fff;
	text-indent: 14px;
	text-transform: uppercase;
	letter-spacing: 0.75em;
	border-left: #E1AC1A;
	border-width: 0 0 0 5px;
	border-style: none none none solid;
}

/* general colors */


#newladder { color: #FFFFFF; }

#rod
{
	background-color: #CCC;
	color: #FFFFFF; 
}

#boarding
{
	background-color: #E1AC1A;
	color: #FFFFFF; 
}

#ladder
{
	background-color: #A9A9A9;
	color: #FFFFFF; 
}

#ladderplatform
{
	background-color: #526398;
	color: #FFFFFF; 
}

#rfkit
{
	background-color: #A9A9A9;
	color: #FFFFFF; 
}

#sp
{
	background-color: #FFFF00;
	color: #FFFFFF; 
}

#ar
{
	background-color: #000066;
	color: #FFFFFF; 
}

#acc
{
	background-color: #CCCCCC;
	color: #FFFFFF; 
}


/* product text colors */
#newladder a.prods:link, #newladder a.prods:visited { color:#BDC7DD; }
#newgrabrail a.prods:link, #newgrabrail a.prods:visited { color:#FFEBB6; }
#newanchorroller a.prods:link, #newanchorroller a.prods:visited { color:#E5E5E5; }
#newsteeringwheel a.prods:link, #newsteeringwheel a.prods:visited { color:#D8DDEC; }
#newcleat a.prods:link, #newcleat a.prods:visited { color:#FFF5C9; }
#newrod a.prods:link, #newrod a.prods:visited { color:#E7E7E7; }
#newvent a.prods:link, #newvent.prods:visited { color:#D8DDEC; }
#newacc a.prods:link, #newacc a.prods:visited { color:#F5F5F5; }
#newcustom a.prods:link, #newcustom a.prods:visited { color:#FCF0C8; }


#newladder a.prods:hover, #newladder a.prods:active,
#newgrabrail a.prods:hover, #newgrabrail a.prods:active, 
#newanchorroller a.prods:hover, #newanchorroller a.prods:active, 
#newsteeringwheel a.prods:hover, #newsteeringwheel a.prods:active, 
#newcleat a.prods:hover, #newcleat a.prods:active, 
#newrod a.prods:hover, #newrod a.prods:active, 
#newvent a.prods:hover, #newvent a.prods:active,
#newacc a.prods:hover, #newacc a.prods:active,
#newcustom a.prods:hover, #newcustom a.prods:active { color:#FFF; }

.ltfolding_bg { background-color: #F8E6C0; }
.ltgray_bg { background-color: #E7E7E7; }
.dkgray_txt { color: #3B3B3B; }
.stair_bg, .ar_bg { background-color: #303D68; }
.newladder_main { background-color: #303D68; }
.newgrabrail_bg { background-color: #E1AC1A; }
.newanchorroller_bg { background-color: #A9A9A9; }
.newsteeringwheel_bg { background-color: #526398; }
.newcleat_bg { background-color: #E9CE52; }
.newrod_bg { background-color: #CCC; }
.newvent_bg { background-color: #0F5B9B; }
.newacc_bg { background-color: #E7E7E7; }
.newcustom_bg {background-color: #FCE14E; }