/*
	(1) html elements
	(2) global structures
	(3) formatting for global structures
	(4) general purpose */

/*
	(1) html elements */
body {
	margin: 0;
	padding: 0;
	font-family: arial, sans-serif;
	font-size: 75%;
	color: #414141;
	background-color: #dadada;
}

h1 {
	color: #bf2f38;
	margin: 0;
	margin-bottom: 8px;
	padding: 0;
	font-size: 1.3em;
}

h2 {
	margin: 0;
	margin-bottom: 8px;
	padding: 0;
  padding-bottom: 3px;
  border-bottom: 1px solid #aaa;
	font-size: 1.1em;
}

h3 {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
}

p {
	margin-top: 0;
}

a img {
	border: none;
}

a:link 		{ color: #bf2f38; }
a:visited 	{ color: #99262d; }
a:hover 	{ color: #99262d; }

/*
	(2) global structures */
#main {
	width: 100%;
}

#masthead {
	width: 100%;
	background: transparent url(../images/bg_masthead_internal.gif) 0 0 repeat-x;
	height: 194px;
}

#header {
	background: transparent url(../images/bg_header_internal.jpg) 0 0 no-repeat;
	height: 194px;
}

#tagline {
	padding: 8px 0 0 34px;
	display: inline;
	width: 517px;
	height: 14px;
	float: left;
}

#logo {
	/*padding: 13px 0 27px 81px;*/
	position: absolute;
	top: 27px;
	left: 100px;
}	


#utility-nav {
	float: left;
	width: 10em;
	height: 20px;
	padding-top: 7px;
	padding-left: 60px;
}

#banner {
	padding: 0;
	/*margin-top: 77px;*/
	margin-bottom: 20px;
	width: 100%;
	background: transparent url(../images/bg_bnr_global_banner.jpg) 0 0 repeat-x;
}

#primary-nav {
	padding-left: 17.5em;
	background: transparent url(../images/bg_primary-nav.gif) 0 0 repeat-x;
}

#secondary-nav {
	float: left;
	/*width: 240px;*/
	width: 15em;
	padding: 20px 20px 0 7px;
}

#content {
	float: left;
	/*width: 420px;*/
	width: 45em;
	min-height: 280px;
	margin-top: 20px;
	margin-bottom: 8px;
	padding: 0 0 0 20px;
	border-left: 1px solid #aeaeae;
	font-family: trebuchet, verdana, sans-serif;
	line-height: 1.5em;
}

#footer {
	clear: both;
	border-top: 1px solid #aeaeae;
	padding-top: .5em;
	padding-left: 32em;
	padding-bottom: .5em;
}

/*  the following three elements are arbitrary containers for 
	individual use in each of the designs - they're absolutely positioned. */
#dc1 {
	background: transparent url(../images/bg_products.gif) 0 0 no-repeat;
	position: absolute;
	top: 206px;
	left: 10px;
	width: 23px;
	height: 116px;
	display: none;
}

#dc2 {}
#dc3 {}

/*
	(3) formatting for global structures */
#header div.group-width-constraint {
	width: 63em;
	height: 104px;
}

#logo a {
	display: block;
	width: 164px;
	height: 53px;
}
	
#utility-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#utility-nav ul li {
	display: inline;
	margin-right: 10px;
}

#utility-nav ul li a {
	font-weight: bold;
	text-decoration: none;
	color: #e6e6e6;
}


#banner img {
	display: block;
}


#primary-nav ul {
	margin: 0;
	padding: 0;
	padding-top: 7px;
	list-style: none;
	height: 25px;
	width: 43em;
}

#primary-nav ul li {
	display: inline;
	color: #4d4d4d;
	font-weight: bold;
	margin-right: 8px;
}

#primary-nav ul li a {
	color: #4d4d4d;
	text-decoration: none;
}

#primary-nav ul li a:hover, 
#primary-nav ul li a.active  {
	color: #fff;
}



#secondary-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#secondary-nav ul li {
	color: #4d4d4d;
	font-weight: bold;
	text-align: right;
	margin-bottom: 8px;
}

#secondary-nav ul li a {
	color: #4d4d4d;
	text-decoration: none;
}

#secondary-nav ul li a:hover, 
#secondary-nav ul li a.active {
	color: #bf2f38;
}

#secondary-nav ul li ul {
	margin-top:4px;
}

#secondary-nav ul li ul li {
	font-weight: normal;
	margin-bottom: 4px;
} 

#secondary-nav ul li ul li a {
	color: #bf2f38;
}

#secondary-nav ul li ul li a:hover,
#secondary-nav ul li ul li a.active {
	color: #99262d;
}



#secondary-nav form {
	background-color: #989898;
	float: right;
	padding: 0;
	margin: 15px 0;
}

#secondary-nav #txtSearchTerm {
	/*background-color: #dadada;*/
	width: 8em;
	border: 1px solid #989898;
	float: left;
	padding-left: 5px;
	color: #131313;
}

#secondary-nav #secondaryNav_cmdSubmit {
	/*background-color: #989898;
	font-weight: bold;*/
	padding-top: 2px;
	
	float: left;
	background-color: #989898;
	padding: 5px 4px 0 4px;
	margin-bottom : 0;
}

#content p {
	text-align: justify;
}

#footer p {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
}

/*
	(4) general purpose */
	
div.clear {
	clear: both;
	margin: 0;
	padding: 0;
	height: 1px;
	font-size: .01em;
	overflow: hidden;
}

div.group-width-constraint {
	width: 69em;
}


.right {
	float: right;
	margin-left: 10px;
}

.left {
	float: left;
	margin-right: 10px;
}

.note {
	font-size: .9em;
}

h1 span.prod-id {
	background-color: #bf2f38;
	color: #fff;
	font-size: .8em;
	padding: 1px 3px;
}

table.data {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	background-color: #f0f0f0;
	margin-bottom: 15px;
}

table.data th {
	text-align: left;
	vertical-align: top;
	border: 1px solid #999;
	padding-left: 2px;
}

table.data td {
	vertical-align: top;
	border: 1px solid #999;
	padding-left: 3px;
}

table.data td.good, .good {
	color: blue;
}

table.data td.excellent, .excellent {
	color: red;
	font-weight: bold;
}

table.data td.fair, .fair {
	color: green;
	font-weight : bold;
}

table.data td.notrecommended, .notrecommended {
	color: navy;
	font-weight : bold;
}
table.intro {
	
}

table.intro td {
	vertical-align: top;
}


table.intro td h2 {
	background-color: #ccc;
	padding: 3px;
}

table.intro td h2 a:link {
	color: #000;
	font-size: .9em;
}

table.intro td h2 a:hover,
table.intro td h2 a:visited {
	color: #666;
	font-size: .9em;
}

table.intro img {
  margin: 1em;
  margin-top: 0;
}

table.form {

}

table.form th {
	text-align: left;
}

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

table.form td.label {
	text-align: right;
}

table.form td.controls {
	text-align: right;
}

#content p.caption, 
p.caption {
	text-align: center;
	font-weight: bold;
	width: 250px;
	border: 1px solid #999;
	background-color: #fff;
	padding-left: 8px;
	padding-right: 8px;
}

p.caption img {
	display: block;
	margin: 5px auto;
	margin-bottom: 10px;
}

p.attribution {
	font-size: .9em;
}

div.styleDesc {
  color: #777;
  font-size: 1.4em;
  margin-bottom: 1em;
}

#download
{
	display : none;
}

.shaded
{
	background-color : #c6c5c5;
}