/*
-----------------------------------------------
CINA base styles
----------------------------------------------- */

@import 'bp/reset.css';
@import 'bp/typography.css';
@import 'bp/forms.css';

html, body {
	height: 100%; /* needed for container min-height */
	background: #FFF;
	color: #5C5C5C;
	margin: 0;
	text-align: center;
}

a { outline: none; }


/* Page Structure
-------------------------------------------------------------- */
#container {
  width: 960px;
  margin: 20px auto 0 auto;
  text-align: left;
  background: #FFF;
}
#content-container {
  padding: 20px;
  border-left: 1px solid #DFDED8;
  border-right: 1px solid #DFDED8;
  background: url(../img/content_container_bg.gif) 0 0 repeat-y;
}
#page-nav { float: left; width: 220px; }
#content, #content-narrow { float: left; width: 650px; margin-left: 45px; line-height: 20px; }
#content-narrow { width: 400px; }
#footer { margin-top: 40px; text-align: center; font-size: .75em; color: #808075; }
.clear { clear: both }


/* Navigation
-------------------------------------------------------------- */
#top-nav { height: 38px; margin-bottom: 20px; }
#top-nav ul { list-style: none; margin: 0; padding: 0; float: left; }
#top-nav li { float: left; margin: 0; padding: 0; }
#top-nav a {
	display: block;
	float: left;
	height: 38px;
	text-decoration: none;
	text-indent: -900em;
}

#top-nav .home a                { width: 152px; background: url(../img/top_nav.gif) left top no-repeat; }
#top-nav .home a:hover          { background-position: 0 -38px; }
#top-nav .mark a                { width: 132px; background: url(../img/top_nav.gif) 0 -76px no-repeat; }
#top-nav .mark a:hover          { background-position: 0 -114px; }
#top-nav .certification a       { width: 128px; background: url(../img/top_nav.gif) 0 -152px no-repeat; }
#top-nav .certification a:hover { background-position: 0 -190px; }
#top-nav .listings a            { width: 95px; background: url(../img/top_nav.gif) 0 -228px no-repeat; }
#top-nav .listings a:hover      { background-position: 0 -266px; }
#top-nav .standards a           { width: 115px; background: url(../img/top_nav.gif) 0 -532px no-repeat; }
#top-nav .standards a:hover     { background-position: 0 -570px; }
#top-nav .news a                { width: 85px; background: url(../img/top_nav.gif) 0 -304px no-repeat; }
#top-nav .news a:hover          { background-position: 0 -342px; }
#top-nav .contact a             { width: 117px; background: url(../img/top_nav.gif) 0 -380px no-repeat; }
#top-nav .contact a:hover       { background-position: 0 -418px; }
#top-nav .login a               { width: 136px; background: url(../img/top_nav.gif) 0 -456px no-repeat; }
#top-nav .login a:hover         { background-position: 0 -494px; }

#page-nav ul             { list-style: none; margin: 0 0 30px 0; padding: 0; }
#page-nav li             { margin: 0 0 8px 0; padding: 5px 0 0 10px; color: #535353; background: url(../img/page_nav_bg.gif) 0 0 no-repeat; }
#page-nav li ul li       { background: none; margin: 0 0 0 10px; padding-left: 15px; }
#page-nav li ul li.one   { background: url(../img/page_nav_1.gif) 0 9px no-repeat; }
#page-nav li ul li.two   { background: url(../img/page_nav_2.gif) 0 9px no-repeat; }
#page-nav li ul li.three { background: url(../img/page_nav_3.gif) 0 9px no-repeat; }
#page-nav li ul li.four  { background: url(../img/page_nav_4.gif) 0 9px no-repeat; }
#page-nav a              { text-decoration: none; color: #535353; }
#page-nav a:hover        { color: #DD602A; }


/* Content
-------------------------------------------------------------- */
#content-top { background: #FFF url(../img/content_top.gif) 0 0 no-repeat; height: 41px; }
#content-top h1 { margin: 0; padding: 10px 0 0 15px; }
#content-top img { margin: 0; padding: 0; }
#content-bottom { height: 14px; background: #FFF url(../img/content_bottom.gif) 0 0 no-repeat; }

#content h2, #content-narrow h2, #content h2 img, #content-narrow h2 img { margin: 0; padding: 0; }
#content h2, #content-narrow h2 { margin-bottom: 10px; }
#content h4 { margin-bottom: 0.5em; color: #2A2A2A; }

.icon-nav { float: left; width: 230px; }

#content a       { color: #DD602A; text-decoration: none; }
#content a:hover { color: #DD602A; text-decoration: underline; }

#content ul { margin-left: 3em; list-style-type: circle; line-height: 1.8em; }

table.no-border td { border: 0; vertical-align: top; }

p.download {
  background: url('../img/icon_download.gif') 0 2px no-repeat;
  padding: 0 0 5px 20px;
  margin: 0;
}

#footer a {
  padding: 0 7px;
  color: #808075;
  text-decoration: none;
  border-right: 1px solid #DD612A
}
#footer a:hover { color: #DD602A; }

.manufacturer-listing { background: #E9E9E9; padding: 10px; }
table.small-type { margin-left: 10px; font-size: 0.95em; }