body {
text-align: center; 
font-family: Arial, Helvetica, sans-serif;
line-height: 18px;
background: #dcdcdc;
margin: 0px;
padding: 0px;
}

#container { 
margin: 0 auto;
width: 960px; 
text-align: left;
background: #ffffff; 
border: solid 1px #bfb6ad;
}

#header { 
/* background: #666666; */
/* header background changed from gray to white to match with the rest of the page background as 
in IE a gray bar was getting displayed under the flash */
background: #ffffff;
/* background: url(../images/banner.jpg); */
border-bottom: solid 1px #ffffff;
}
	
#top-bar {
height: 75px;
margin: 0px 26px 0px 0px;
}
#top-bar a, #top-bar {
color: #999999;
font-size: 11px;
line-height: 12px;
}

#top-bar a:hover {
color: #DD0011;
}

#logo {
float: left;
margin: 5px 0px 0px 26px;
}

#search {
padding-top: 5px;
float: right;
text-align: right;
}

#search-button {
width: 28px;
height: 25px;
background: url(../images/search-submit.gif);
border: 0px;
cursor: pointer;
}

#top-menu {
/* 
list-style: none; 
margin-top:5px;
*/

/* updated css */
list-style:none outside none;
margin-right:-10px;
margin-top:5px;

}
#top-menu li {
/*
float: left;
padding: 0 13px 0px 13px;
border-right: solid 1px #999999;
*/

/* updated css */
border-right:1px solid #999;
float:left;
padding: 0 8px;
font-weight: bold;
}

#top-menu li.current-region {
	color: #000;
}

/*-- NAVIGATION CSS--*/
 
#nav { 
height: 45px;
background: #000000;
clear: both;
width: 905px;
padding-left:55px;
}

/* Navigation menu */
.nav, .nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 100;
  position: relative;
  padding-top:10px;
  padding-left:32px;
}
.nav li {
  border-left: 1px solid #000;
  float: left;
  margin: 0 39px;
  padding: 0;
  position: relative;  
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  display: block;
  padding: 5px;
  text-decoration: none;
}
.nav li a:hover {
  color: #ffd400;
}
#nav-one li:hover a,
#nav-one li.sfHover a {
  /*color: #ffd400;*/
  color: #EEBB66;
}
#nav-one li:hover ul a,
#nav-one li.sfHover ul a {
  background: #000000;
  color: #ffffff;
}
#nav-one li:hover ul a:hover,
#nav-one li.sfHover ul a:hover {
  /* color: #ffd400; */
  color: #EEBB66;
}

.nav ul {
  background: #000000;
  list-style: none;
  margin: 0;
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 25px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  border: 1px solid #000;
  border-bottom: 0;
  width: 206px;
  white-space: wrap;
}
.nav ul a:hover {
  background: #ccc;
  color: #000;
}

.nav-two li {margin:2px;}

/*-- CONTENT CSS--*/

#content-column  { 
margin: 0px 0px 0px 10px;
float: right;
width: 100%;
padding: 26px 0px 26px 0px;
}
#content-column ul {
list-style-type:none;
}
#content-column li {
font-size: 12px;
color: #666666;
background-image: url(../images/bullet-point.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 10px;
margin: 0px 0px 18px -41px;
/*margin: 0px 0px 10px -41px;*/
position: relative;
}
.innertube h1{
padding-bottom: 13px;
}

h1 {
font-weight: bold;
font-size: 17px;
margin-bottom: 2px;
margin-top: 0px;
}

#sub-text {
font-size: 12px;
}

h2 {
font-size: 12px;
font-weight: bold;
color: #000000;
margin-bottom: 2px;
}
h2 a{
color: #000000;
text-decoration: none;
}
h2 a:hover{
color: #DD0011;
text-decoration: underline;
}
h3 {
font-size: 22px;
color: #DD0011;
line-height: 24px;
}
h4 {
font-size: 20px;
margin: 0px 0px 13px 0px;
}
#center-section {
border-top: solid 1px #bfb6ad;
padding: 13px 0px 13px 0px;
margin: 13px 0px 13px 0px;
}
#center-section li a{
color: #000000;
}
#center-section li a:hover {
color: #DD0011;
text-decoration: underline;
}
#center-section li {
margin: 0px;
}
#center-section ul {
margin-left: -40px;
}
#center-section h1 {
margin-bottom: -10px;
padding: 0px;
}

#more-link a{
color: #000000;
font-weight: bold;
}
#more-link a:hover {
color: #DD0011;
text-decoration: underline;
}

#related-video tr{
height: 84px;
}
#related-video td {
padding: 0px 0px 13px 0px;
}
#related-video td {
vertical-align: top;
}
#related-video img {
padding-right: 13px;
}
#video-description {
font-size: 10px;
}
#video-description a {
color: #000000;
font-weight: bold;
font-size: 14px;
text-decoration: none;
}
#video-description a:hover {
color: #DD0011;
text-decoration: underline;
}

#content-column .innertube .partial-right h1 {
margin: -5px 0px 13px 0px;
}

#sub-header {
font-size: 14px;
font-weight: bold;
padding-bottom: 10px;
}
#sub-header .alternate {
color: #DD0011;
}

#material-list{
margin-top: 18px;
}
#material-list  li {
background: url(../images/pdf-icon.jpg);
background-repeat: no-repeat;
padding-left: 42px;
color: #000000;
margin-bottom: 13px;
}
#material-list  li a{
font-weight: bold;
text-decoration: none;
}
#material-list li a:hover {
color: #DD0011;
text-decoration: underline;
}

#search-result {
margin-bottom: 13px;
}
#search-result a {
/* color: #DD0011; */
/* searchresults link color changed from red to black */
/*color: #000000;
font-size: 14px;
font-weight: bold;
text-decoration: none;*/

color:#DC0000;
font-size:15px;
font-weight:bold;
text-decoration:underline;

}

#search-result a:hover {
color: #333333;
text-decoration: none;
}

#result-header {
margin: 26px 0px 26px 0px;
/* commenting out this code as it was moved to the new class 'hr' (e.g. <div class="hr">) */
/*border-top: solid 1px #bfb6ad;*/
}
#full-results .showing {
float: left;
font-weight: bold;
font-size: 14px;
padding-top: 7px;
}
#full-results .pages {
float: right;
font-size: 14px;
padding-top: 7px;
}
#full-results .pages a{
color: #DD0011;
font-weight: bold;
text-decoration: none;
}

#product-section{
margin-top:26px;
}

#product-list li {
padding-left: 216px;
margin-bottom: 50px;
}
#product-list a {
color: #000000;
text-decoration: none;
}
#product-list li h1, #product-list li .sub-list li {
color: #000000;
}
#product-list li h1 {
margin-bottom: -10px;
}
#product-list li .sub-list {
margin-top: 13px;
}
#product-list li .sub-list li {
font-weight: bold;
text-align: left;
padding: 0px 0px 0px 10px;
margin-bottom: 0px;
}
#product-list li .sub-list li a:hover {
color: #DD0011;
text-decoration: underline;
}

#sidebar-list ul {
margin: -10px 0px 0px -10px;
}
#sidebar-list h1{
margin-bottom: -10px;
}
#sidebar-list li {
background: none;
padding: 0px 0px 0px 10px;
margin-bottom: 0px;
}
#sidebar-list a {
text-decoration: none;
color: #666666;
}

#sidebar-list a:hover {
color: #DD0011;
text-decoration: underline;
}

#sidebar-list {
border-top: solid 1px #bfb6ad;
margin-bottom: 26px;
padding-top:26px;
}
#left-col .first-list {
border: 0px;
padding-top:0px;
}

/*-- L-SIDEBAR CSS--*/

#submenu {
margin: 0px;
border-bottom: solid 1px #bfb6ad;
padding-bottom: 26px;
}

#submenu li  {
background: none;
padding: 0px;
margin: 0px 0px 5px -39px;
}

#submenu li a{
text-decoration: none;
color: #000000;
font-weight: bold;
font-size: 14px;
}
#submenu li a:hover{
text-decoration: underline;
color: #DD0011;
}

#submenu li.selected a{
text-decoration: underline;
color: #DD0011;
font-weight: bold;
font-size: 14px;
}


#related-items {
padding: 26px 0px 0px 0px;
}
#related-items  div{
padding: 0px 0px 26px 0px;
color: #666666;
font-size: 12px;
}
#related-items  div b {
display: block;
}
#related-items  div a {
color: #666666;
}

#related-items  div a:hover {
text-decoration: underline;
color: #DD0011;
}

#refine-search {
border-top: solid 1px #bfb6ad;
padding-top: 13px;
margin-top: 13px;
}
#refine-search .heading {
font-size: 12px;
font-weight: bold;
}

#search-options {
margin: 3px 0px 0px -8px;
}
#search-options li{
background: 0px;
font-size: 12px;
font-weight: bold;
}
#search-options li a{
color: #000000;
}
#search-options li a:hover{
text-decoration: underline;
color: #DD0011;
}

#search-options li .sub-list{
margin-left: -40px;
}
#search-options li .sub-list li {
line-height: 20px;
margin: 0px;
font-size: 10px;
}

/*-- R-SIDEBAR CSS--*/

#gray-box {
background: url(../images/right-box-content.jpg);
background-repeat:repeat-y;
margin-top: 26px;
}
#gray-box a{
color: #000000;
}

#gray-box a:hover {
color: #DD0011;
}

#gray-box .heading{
/*height: 26px;*/
background: url(../images/right-box-top.jpg);
background-repeat: no-repeat;
font-weight: bold;
font-size: 14px;
padding: 10px 0px 0px 10px;
border-bottom: solid 1px #d8d8d8;
/*text-align: left;*/
/* heading alignment changed to center */
text-align: center;
}
#gray-box .footer{
height: 30px;
background: url(../images/right-box-bottom.jpg);
background-repeat: no-repeat;
font-weight: bold;
font-size: 12px;
padding: 6px 0px 0px 10px;
text-align: center;
}
#gray-box .footer a{
text-decoration: none;
}

#gray-box .footer a:hover {
color: #DD0011;
}

#gray-box .content-no-footer, #gray-box .content {
font-size: 10px;
padding: 10px;
text-align: center;
line-height: 12px;
}
#gray-box .content-no-footer img, #gray-box .content img {
padding-bottom: 5px;
}
#gray-box .content-no-footer{
background: url(../images/right-box-content-full.jpg);
background-position: center bottom;
line-height: 20px;
}
#gray-box ul {
margin: -3px 0px -15px 0px;
}
#gray-box ul li{
font-size: 10px;
text-align: left;
line-height: 16px;
color: #000000;
background: none;
}
#gray-box ul li img {
vertical-align: middle;
padding: 3px 3px 0px 0px;
}

/*-- FOOTER CSS--*/

#footer-menu {
font-size: 10px;
line-height: 14px;
padding: 26px 0px 0px 0px;
margin: 0 auto;
/* width: 600px; */
/* increasing width as the footer last column was wrapping to the next line */
width: 660px;
}
#footer-menu  a{
color: #000000;
}
#footer-menu div {
border-right: solid 1px #bfb6ad;
text-align: left;
float: left;
padding: 0px 20px 0px 20px;
}
#footer-menu .last, #content-column .innertube .last, #top-menu .last {
border-right: 0px;
padding-right: 0px;
}

#footer {  
clear:both; 	
color: #666666;
font-size: 11px;
margin: 0 auto;
padding: 26px 0px 20px 0px;
}
#footer .innertube {
text-align: center;
}
#footer a{ 
color: #666666;
}



/*-- HOMEPAGE COLUMN CSS--*/
#container4 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
}
#container3 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:25%;
	border-right: solid 1px #bfb6ad;
}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:25%;
	border-right: solid 1px #bfb6ad;
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:25%;
	border-right: solid 1px #bfb6ad;
}

/*-- goofs up li images in IE 6--*/
#col1 {
	float:left;
	width:21%;
	position:relative;
	left:77%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:21%;
	position:relative;
	left:81%;
	overflow:hidden;
}
#col3 {
	float:left;
	width:21%;
	position:relative;
	left:85%;
	overflow:hidden;
}
#col4 {
	float:left;
	width:21%;
	position:relative;
	left:89%;
	overflow:hidden;
}

/*-- HOMEPAGE COLUMN CSS END--*/

/*-- INTERNAL COLUMN CSS--*/

#left-col {
width: 186px;
/*height: 400px; */
float: left;
padding-right: 26px;
}

#center-col {
width: 412px;
float: left;
padding: 0px 26px 0px 26px;
border-left: solid 1px #bfb6ad;
font-size: 12px;
}

#center-col1 {
width: 410px;
float: left;
font-size: 12px;
}

#content-column .innertube .empty-right {
/* width: 624px; */
width: 640px;
}
#content-column .innertube .partial-right {
width: 500px;
}

#right-col {
width: 212px;
float: right;
text-align: center;
}

#content-column .innertube {
padding: 0px 26px 26px 26px;
}

/*-- INTERNAL COLUMN CSS END--*/

/* configurations module */

#configurations .table_standard {
 border-bottom: 1px solid #678DA1;
 margin-top:3px;
}
#configurations .table_standard h1 {
 font: 13px "Arial Black", Arial, sans-serif;
 color: #FFFFFF;
 font-variant: small-caps;
 margin: 0px;
 padding: 0px;
}
#configurations .table_standard td {
 font: 11px Arial, Verdana, sans-serif;
 color: #000000;
 padding: 4px 15px 4px 15px;
}
#configurations .table_standard .rowmain td {
 background: #000000;
 padding: 6px 15px 6px 15px;
}
#configurations .table_standard .rowhead td {
 font: 9px Arial, Verdana, sans-serif;
 font-weight: bold;
 text-transform: uppercase;
 border-bottom: 1px solid #678DA1;
 background: #B9C5D0;
 vertical-align: bottom;
 padding: 2px 15px 2px 15px;
}
#configurations .table_standard .row1 td {
 background: #D8DEE4;
}

#configurations .table_standard .rowmain td { 
 /* 7_15_2010: testing with text-align */
 text-align: left;
}

#configurations .table_standard td { 
 /* 7_15_2010: testing with text-align */
 /*text-align: center;*/
}

#configurations .table_2 {
 border-bottom: 1px solid #678DA1;
 margin-top:10px;
}
#configurations .table_2 h1 {
 font: 13px "Arial Black", Arial, sans-serif;
 color: #678DA1;
 font-variant: small-caps;
 margin: 0px;
 padding: 0px;
}
#configurations .table_2 td {
 font: 11px Arial, Verdana, sans-serif;
 color: #000000;
 padding: 4px 15px 4px 15px;
}
#configurations .table_2 .rowmain td {
 background: #FFFFFF;
 padding: 6px 15px 6px 15px;
}
#configurations .table_2 .rowhead td {
 font: 9px Arial, Verdana, sans-serif;
 font-weight: bold;
 text-transform: uppercase;
 border-bottom: 1px solid #678DA1;
 background: #B9C5D0;
 vertical-align: bottom;
 padding: 2px 15px 2px 15px; 
}
#configurations .table_2 .row1 td {
 background: #D8DEE4; 
}

#configurations .table_2 .rowmain td { 
 /* testing with text-align */
 text-align: left;
}

#configurations .table_2 td { 
 /* testing with text-align */
 text-align: center;
}


#configurations .rowsubmain h1 {
 font: 12px Arial, Verdana, sans-serif;
 font-weight: bold;
 color: #678DA1;
 margin: 0px;
 padding: 0px;
}
#configurations .listing {
 font: 10px "Arial Narrow", Arial, Verdana, sans-serif;
 color: #666666;
}
#configurations .listing a:link, .listing a:visited {
 font: 10px "Arial Narrow", Arial, Verdana, sans-serif;
 color: #666666;
 text-decoration: none;
}
#configurations .listing a:active, .listing a:hover {
 font: 10px "Arial Narrow", Arial, Verdana, sans-serif;
 color: #000000;
 background-color: #B9C5D0;
 text-decoration: none;
 width: 100%;
 }
 #configurations .listing h1 {
 font: 12px Arial Black, Arial, Verdana, sans-serif;
 color: #000000;
 font-variant: small-caps;
 margin: 0px;
 padding: 0px;
 }
/* configurations module */

/* lighbox image display style */
#illustration
{
	padding-top: 20px;
}
#illustration img
{
	border: none;
}
#illustration a
{
	font-size: 12px;
	color: #000;
}

/*/////////////////////////////////////////////////////////////////*/
/*/////////                  Breadcrumbs                  /////////*/

#bread {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	color: #777;
	/* padding: 9px 0 6px 0px; */
	/* changed top padding from 2px to 0 */
	padding: 0 0 6px 0px;
	width: 412px;
}

#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	font-size: 10px;
} 

#bread ul li {
	background-image: none;
	margin-left: 0;	
	/* padding-left: 2px; */
	/* changed padding-left from 2px to 0 */
	padding-left: 0;
	border: none;
	list-style: none;
	display: inline;
	font-size: 10px;
}

#bread ul li a:hover {
color:#DD0011;
text-decoration:underline;
}

#bread ul li a {
color:#777777;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-decoration:none;
}


/*/////////                  /Breadcrumbs                 /////////*/
/*/////////////////////////////////////////////////////////////////*/

/*-- HomePage Flash CSS Begin--*/

#flash-feature
{
	width: 700px;
	float: left;
}

#site-highlights
{
	margin: 0;
	padding: 0;
	width: 260px;
	height: 245px;
	float: right;
	background-image: url(../images/highlights-background.jpg);
}

#site-highlights li
{
	padding: 12px;/* should be 15px, but is easy way to solve extra spacing issue with IE6 for now */
	font-size: 15px;
	font-weight: bold;
	clear: both;
	list-style: none;
}

#site-highlights a
{
	color: #fff;
	text-decoration: none;
}

#site-highlights img
{
	float: left;
	border: none;
	padding-right: 10px;
}


#site-highlights span
{
	display: block;
	margin-top: 2px;
}

#site-highlights a:hover
{
	/* color: #FFD400; */	 
	color: #EEBB66;
}

/*-- HomePage Flash CSS End--*/


/* -----Tabs Page link CSS Begin----- */

#content-column .innertube .empty-right .panel_tabs a{
/*text-decoration: none;
color: #000000; 
font-weight: bold; */
color: #DD0011;
text-decoration: underline;
}

#content-column .innertube .empty-right .panel_tabs a.selected{
/*color: #DD0011;
text-decoration: underline;*/
text-decoration: none;
color: #000000; 
font-weight: bold;
}

/* -----Tabs Page link CSS End----- */

/* -----Autocomplete Div CSS Begin----- */

#SuggestionListDiv{
z-index:200;
}

/* -----Autocomplete Div CSS End----- */

/* -----Tabs Page Css Begin----- */
#content-area dl {
font-size:12px;
padding:0 0 9px 216px;
margin:0;
}
#content-area dd {
color:#666666;
margin:0;
}
#content-area img.listing-thumbnail {
margin-right:0;
}

#content-area img {
margin:0 15px 15px 0;
float:left;
/* new property added */
border:0 none #FFFFFF;
}

#content-area ul.narrow {
float:left;
}

#content-area dt a {
color:#000000;
display:block;
font-size:17px;
font-weight:bold;
text-decoration:none;
}

#content-area dt a:hover {
color: #DD0011;
text-decoration: underline;
}

#content-area ul.narrow li {
font-weight:bold;
margin-bottom:0;
padding:0 0 0 10px;
text-align:left;
}

#content-area ul.narrow li a {
color:#000000;
display:block;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#content-area ul.narrow li a:hover {
color: #DD0011;
text-decoration: underline;
}

#content-area ul.narrow {
margin-top:13px;
}

#content-area li {
background-image:url(../images/bullet-point.gif);
background-position:0 5px;
background-repeat:no-repeat;
}

.panel_tabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 15px;
font: bold 12px;
list-style-type: none;
text-align: left; 
}

.panel_tabs li{
display: inline;
margin: 0;
}

.panel_tabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;

}

/* -----Tabs Page Css End----- */

/* ------Search Results Page CSS Begin------ */
#search-result img{
/*
float:left;
padding-right:10px;
border:0 none #FFFFFF;
*/

/* updated css */
border:1px solid #bbb;
float:left;
margin-right:15px;
}
/* ------Search Results Page CSS Begin------ */


/* ------Two column page CSS Begin------ */
#column1 {
float:left;
font-size:12px;
padding-left:26px;
width:598px;
}

#column2 {
float:right;
text-align:center;
width:212px;
}
/* ------Two column page CSS Begin------ */

/* ------css for <hr> begin------ */
/* this new hr class is to match the hr line with the leftnav vertical line */
div.hr {
border-top: solid 1px #bfb6ad; 
clear:both;
margin:16px 0 20px;
}

div hr {
clear:both;
display:none;
}
/* ------css for <hr> end------ */

#home-banner {margin-top: -3px}

/* --------css for date class-------- */
p.date, span.date {
color:#4E4E4E;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
/* font-size:1.1em; */
font-size:12 px;
margin:0;
}
/* --------css for date class-------- */

/* --------------NEW Header CSS Begin------ */

/* new */

#global-nav {
float: left;
/* margin-left: 150px; */
padding-top: 12px;
text-align: center;
}

#global-nav a {
padding: 5px;
}

a.standard-link {
	color: #DC0000;
}

a.standard-link:hover {
	color: #000;
	text-decoration: none;
}

.simple-list li {
line-height: 1em;
list-style-type: none;
}

#content-column .simple-list li {
margin: 0 0 12px -41px;
}

/* --------------NEW Header CSS End------ */

#gray-box li {

margin:0 0 12px -41px;

}

/* -----------------search-results css---------------- */
#search-result-col2 {
overflow:auto;
}

#search-result-col2 ul.simple-list li {
font-weight:normal;
color:#000000;
}

/* ----------------Superscript css---------------- */
sup {
font-weight: normal;
/* font-size commented as circle R was not getting properly displayed in IE */
/* font-size: 70%; */
}
/* ----------------Superscript css---------------- */

/* ------------------banner image css ----------------- */
#header #page-title {
background-repeat:no-repeat;
}
/* ------------------banner image css ----------------- */