/* -----------------------------------------------------------------------------

	Stylesheet:	USG.com
	    Author:	Jeff Hartman
				Pivot Interactive, Inc.
				http://www.pivotinteractive.com
	   Version:	Summer 2006

   Updated by: Mark Flint - Perficient, Inc. 12/6/2007

	color names and codes: DarkRed		#8b0000;
						   DarkOrange 	#ff8c00;
						   Gold			#ffd700;
						   Salmon		#fa8072;
						   LightSalmon	#ffa07a;
----------------------------------------------------------------------------- */


/*	RESET BROWSER DEFAULTS & SOME GLOBAL SETTINGS
----------------------------------------------------------------------------- */

* {
	margin:  0;
	padding:  0;
	line-height: 1.2em;		/* increase line-spacing by several pixels in body copy */
}

ul {
	list-style-type: none;
}

li ul {
	margin: 0 0 0 1em;
}

ol {
	margin-left: 30px;
	margin-bottom: 1em;
}

.clear {
	clear: both;
}

.clearfix:after, ol.clearfix li:after, dl.casesite:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility: hidden;
}

.clearfix {
/*	background-color: cornsilk; */
/*	margin-bottom: 1em; */
}

/* styles for /graphics/js/resize_content.js */
div.content_size {
	color: #a2a2a2;
	padding: 5px;
	width: 140px;
	float: right;
}
div.size {
	float: right;	
	margin-left: 3px;
	text-align: center;
	line-height: 20px;
}
.up10px {
	margin-top: -10px;
}
#size1, #size2, #size3 {
	color: #369;
	cursor: pointer;
}
#size1 {
	font-size: 16px;
}
#size2 {
	font-size: 14px;
}
#size3 {
	font-size: 11px;
}
/* end of /graphics/js/resize_content.js styles */

p {
	margin: 0 0 1em 0;
}

img {
	border: 0;
}


ul+p {
	margin-top: 2em;
}

p>img { /* inline images */
	vertical-align: middle;
}


abbr, acronym {
	border-bottom: 1px dotted blue;
	cursor: help;
}


address {
	margin-bottom: 0;
	font-style: normal;
}

address+address {
	margin-top: 1em;
}

#usglocs address  {
	font-size: 14px;
}

#content #usglocs table.nostyle td {
	padding: 0 0 1.5em 0;
}

address .city {
	font-weight: bold;
	font-size: 14px;
	color: #4A78A5;
}

img.masthead {
	margin-bottom: 1em;
	display: block;
}



/*	LINKS
----------------------------------------------------------------------------- */
a, a:link, a:visited { 
	color: #369;
	text-decoration: underline;	
}

a:hover { 
	color: #69C;
	text-decoration: underline;
}


/*	STRUCTURE
----------------------------------------------------------------------------- */
body {
	margin: 0 0 39px 0;
	font: 11px Verdana, Helvetica, Arial, sans-serif;
	background-color: #90a0af;
	color: #6f6f6f;
}

#wrapper {
	float: left; /* must be floated or else IE will not display background color for entire height */
	background: #fff url(http://media.corporate-ir.net/media_files/IROL/11/115117/wrapper_background.gif) repeat-y top left;
	width: 1007px;
	min-width: 1000px;
}


#logo {
	margin-bottom: 25px;
	margin-right: 0;
}

#headershell {
	background-color: #90a0af;
}

#header {
	background-color: #90a0af;
	padding: 25px 0 5px 128px;
	color: #fff;
	font-size: 10px;
	text-align: right;
}

#navshell {
	float: left;
	width: 124px;
	background-color: #90a0af;
	color: white;
}

#contentshell {
	width: 850px;
	margin-left: 0;
	padding: 15px;
	float: left;
}

#wrapall {
	background-color: #fff;
	width: 100%;
}

#content {
	font-size: 14px;
}

#full #wrapper {
	background-image: none;
}

#full #content, #full #masthead {
	background-color: yellow;
}

#full #masthead {
	margin-bottom: 15px;
}

#twocol #content, #twocol #masthead {
	width:  850px;
}

#twocol #masthead, #wide #masthead {
	margin-bottom: 15px;
}

#twocol #col1shell, #branding {
	float:  left;
	width:  156px;
}

#greeting_breadcrumbs, #twocol #col2shell {
	margin-left: 15px;
	float:  left;
	width:  675px;

}

#greeting_breadcrumbs {
	padding: 8px 0 0 0;
	font-size: 10px;
}

#twocol #wrapper {
	min-width: 850px;
}

#wide #content, #wide #masthead {
	width: 911px;
}

#wide #col2shell, #wide #greeting_breadcrumbs {
	float:  right;
	width:  640px;
}


/* NEW STYLING to fix width problems */

#mastershell {
	border: 0;
	background-color: #fff;
	margin: 0;
	width: 100%;
}

#mastershell td {
	vertical-align: top;
	background-color: #fff;
	padding: 0;
	font-size: 14px;	/* This controls the body content text size */
}

#mastershell #col1 {
	width: 154px;
	padding-right: 15px;
}

#mastershell #col2 {
	font-size: 14px;
/*	width: 100%; */
}

#greeting_breadcrumbs {
	padding: 8px 0 0 0;
	font-size: 10px;
}

#footer {
	background-color: #90a0af;
	padding-left: 128px;
	color: #fff;
	font-size: 10px;
	clear: both;
}

#footernav {
	padding-top: 3px;
}

#footernav li {
	display: inline;
}

.pipe {
	color: #a9e0ff;
	margin-right: 3px;
	margin-left: 3px;
}

.subcontent_col1shell {
	float: left;
	width: 48%; /* check Andy Budd's book on IE/Safari percentages */
}

.subcontent_col2shell {
	float: right;
	width: 48%;
}

#header a:hover, #footer a:hover {
	color: #fff; 
	text-decoration: underline;
}


/*	SEARCH BOX 
----------------------------------------------------------------------------- */

#main_search {
	text-align: right;
	padding-right: 13px;
}

#main_search form {
	margin-bottom: 12px;
}

#main_search input.searchbox {
	width: 94px;
}

input.searchbox:focus {
/*	background-color: lightgoldenrodyellow; */
}

#main_search input.submit {
	display: block;
	margin: 6px 0;
	float: right;
}


/*	HEADINGS 
----------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	color:  #4a78a5;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

h1 {
	margin-bottom: .5em;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #666;
	font-weight: normal;
}

#content h2 {
	font-size: 15px;
	font-weight: bold;
	margin-top: 2.5em;
	margin-bottom: .5em;
}

#content h3 {
	font-size: 15px;
	font-weight: bold;
	margin-top: 2em;
	margin-bottom: .5em;
/*	border-bottom: 1px dotted #a2a2a2; */
}

#content h4 {
	margin-top: 2em;
	font-size: 15px;
	font-weight: bold;
}

#content .article h3 {
	margin-top: 0;
}

#content h1+h2 {
	margin: 0;
}

#content h2+h3 {
	margin-top: 1em;
}

h5 {
	font-size: 100%;
}

h6 {
	font-size: 90%;
}


/*	GREETING AND BREADCRUMBS
----------------------------------------------------------------------------- */

#greeting, #breadcrumbs {
	color: #a2a2a2;
	margin-bottom: 8px;
}

#greeting strong {
	color: #ff9600;
	margin-right: 30px;
}

#breadcrumbs a:link,
#breadcrumbs a:visited,
#breadcrumbs a:hover,
#breadcrumbs a:active {
	color: #a2a2a2;
}

#breadcrumbs a:hover {
	text-decoration: underline;
}


/*	NAVIGATION
----------------------------------------------------------------------------- */
#primary_subnav {
	padding: 23px 0 28px 0;
}

#primary_subnav ul {
	list-style-type: none;
}

#primary_subnav li {
	text-align: right;
	padding-right: 13px;
	line-height: 20px;
}

#primary_subnav a, #header a, #footer a {
	color: #fff; text-decoration: none;
}

#primary_subnav a:hover { 
	color: #6f6f6f;
	text-decoration: none;
}

.back_button, .ralign, div#title_back {
	float: right;
	display: block;
}

div.backtop, div.ralign, div.backtotop {
	text-align: right;
	margin: 6px 0 0 0;
}


/*	IMAGE ALIGNMENT WITH CAPTIONS
	Alignment and text wrapping for images.
	Define div widths with inline CSS.
	For no-wrap text, place all <p>'s in a div and assign a width equal to the 
		image + 10px (or whatever gutter width you wish)
----------------------------------------------------------------------------- */

div.left_wrap {
	margin: 0 10px 10px 0;
	float: left;
}

#content  h3.title {
	margin-top: 0;
}

div.right_wrap {
	margin: 0 0 10px 10px;
	float: right;
}

.caption {
	font-size: 12px;
	color: #666;
	line-height: normal;
	display: block;
	background-color: #e8e8e8;
	padding: 2px 5px;
}


/*	CALLOUTS
----------------------------------------------------------------------------- */

#callouts {
	padding: 0;	
}

#callouts h5 {
	margin-bottom: 8px;
}

#callouts .image_only {
	padding: 0;
}

.callout {
	margin-bottom: 15px;
	font-size: 10px;
	padding: 10px;
}

.callout ul {
	margin:  .5em 0;
}

#callouts .callout ul li {
	padding:  0 0 0 14px;
}

.downloads, .tan { 
	background-color: #f2ede8; 
}

.downloads a:link, .downloads a:visited, .downloads a:active {
	color: #666; 
	text-decoration: none;
}

.downloads a:hover { 
	text-decoration: underline;
}

#callouts .downloads li {
	background: url(http://media.corporate-ir.net/media_files/IROL/11/115117/download_orange.gif) no-repeat 0 3px;
}

.related_resources, .blue { 
	background-color: #e8edef;
}

.related_resources ul li {
	padding: 3px 0;
}

.related_resources a:link, .related_resources a:visited, .related_resources a:active {
	color: #4A78A5;
	text-decoration: none;
}

.related_resources a:hover { 
	text-decoration: underline;
}

.related_products, .gray { 
	background-color: #ebebeb;
}

.related_products ul li {
	padding: .75em 0;
}

.related_products a:link, .related_products a:visited, .related_products a:active {
	color: #5e5e5e;
	text-decoration: none;
}
.related_products a:hover { 
	text-decoration: underline; 
}

.investor, .green { 
	background-color: #eff8f3;
}

#callouts .data {
	color: #3399ff;
}


/* tables are used in the stock quote on investor pages */
#col1 table, #col1 td, #col1 th {
	background-color: #eff8f3;
	padding: 0 2px 0 0;
}

#col1 th {
	width: 75px;
	white-space: nowrap;
	font-weight: normal;
}

#col1 td {
	font-weight: bold;
}


.mylib, .slate { 
	background-color: #d1dbe0;
}

.mylib ul { 
	margin-bottom: 20px;
}

#callouts .mylib ul.folders li {
	background: url(http://media.corporate-ir.net/media_files/IROL/11/115117/arrow_white_on_green.gif) no-repeat 0 50%;
	margin-bottom: .5em;
}

#callouts .mylib ul.foldertools li {
	background: url(http://media.corporate-ir.net/media_files/IROL/11/115117/diamond_blue.gif) no-repeat 0 50%;
	margin-bottom: .5em;
}

.mylib a:link, .mylib a:visited, .mylib a:active {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

.mylib a:hover { 
	text-decoration: underline;
}

#callouts .mylib form {
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
}

#content ul li.download {
	background: url(http://media.corporate-ir.net/media_files/IROL/11/115117/download_orange.gif) no-repeat 0 50%;
}

#callouts #addfolder {
	margin: 10px -10px;
	background-color: #aab5be;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
	padding: 10px ;
	position: static;
/*	display:none; */
}


/*	LISTS
	Various stylings for all types of lists
----------------------------------------------------------------------------- */

#content ul li {
	background: url(http://media.corporate-ir.net/media_files/IROL/11/115117/arrow_orange.gif) no-repeat 0px .4em;
	margin-bottom: 1em;
	padding: 0 10px;
}

#content ul.compact li {
	margin-bottom: .15em;
}

#content ul.product_extras {
/*	background-color: #ffd700; */
}

#content ul.product_extras li {
	padding: 0;
	margin-bottom: 0;
}

ul.fab li, div.results li {
	padding: 0 40px;
	background: url(http://media.corporate-ir.net/media_files/IROL/11/115117/arrow_orange.gif) no-repeat 28px .5em;
}

div.results {
	padding: 10px 0;
	border-top: 1px dotted #a2a2a2;
	border-bottom: 1px dotted #a2a2a2;
}

div.results li {
	font-size: 14px;
 	padding-top: 2px;
 	padding-bottom: 2px;
	background-position: 28px 50%;
 }
 
div.results ul {
	margin-left: 15px;
}

#content ol.limitations {
	list-style-type: none;
}

#content ol.limitations li {
	padding: 0 40px;
	background: url(http://media.corporate-ir.net/media_files/IROL/11/115117/arrow_orange.gif) no-repeat 28px .5em;
}

#content .subcontent_wrapper li {
	padding: 0 0 0 10px;
	background: url(http://media.corporate-ir.net/media_files/IROL/11/115117/arrow_orange.gif) no-repeat 0 .5em;
	/* margin-bottom: 0; */
}

#content ul.options {
	margin: 0; /* for some reason I need to apply a top margin SEEMS TO BE FIXED NOW */
}

#content ul.options li {
	display: inline;
	padding: 0px 0 3px 12px;
	margin: 0 10px 0 0;
	background: url(http://media.corporate-ir.net/media_files/IROL/11/115117/download_orange.gif) no-repeat 0 4px;
/*	background-color: white; */
}

#content ul.vert li {
	display: block;
}

#content ul.list_of_links li {
	padding: 0;
	margin: 0; /* how far to indent */
	background: none;
}

#content ul.list_of_links a:link,
#content ul.list_of_links a:visited,
#content ul.list_of_links a:hover,
#content ul.list_of_links a:active {
	display: inline; /* so the entire line is not clickable, just the width of the image (as opposed to tert nav where there is a hover that needs to highlight the entire width */
	padding: 3px 3px 0 20px; /* offsets the link text/image from bullet, right value should match the left value below */
	background: url(http://media.corporate-ir.net/media_files/IROL/11/115117/arrow_white_on_green.gif) no-repeat 3px 50%;
}

#content ul.list_of_links li a:hover {
/*	background-color: #e8e8e8; */
}

li p {
	margin-top: 0;
}

div.copy { /* pulled from products.css to see what it is doing - however, the 263px seems to be just some arbitrary number */
/*	width: 263px;
	font-size: 10px;
	color: #a2a2a2; */
}

#content .odd, #content tr.odd td {
	background-color: #dfe6e9;
/*	padding: 5px; */
}

#content .even, #content tr.even td {
	background-color: #ecf4f8; /* #f2f7fa; */
	padding: 5px;
}

#content tr.alt th, #content tr.alt td {
	background-color: #dfe6e9;
/*	padding: 5px 3px; */
}

div.alt {
	background-color: #F2F7FA; /* used on prod family pages */
}

#content .downloads td {
	background-color: #fff;
	color: #333;
}

#content .downloads tr.alt td {
	background-color: #eee;
}


/*	UNIVERSAL
----------------------------------------------------------------------------- */
strong {
	color: black;
}

.prod_overview {
	background: url(http://media.corporate-ir.net/media_files/IROL/11/115117/plus_blue.gif) no-repeat left 50%;
	padding: 0 0 0 18px;
}


/*	TABLES
Default settings for all tables
----------------------------------------------------------------------------- */
#mastershell td table {
	border-collapse: collapse;
	width: 100%;
/*	border-bottom: 1px dotted #a2a2a2; */
}

#mastershell td thead {
/*	background-color: #d1dbe0; */
}

#mastershell td tbody {
/*	background-color: #ecf4f8; */
}

#mastershell td th {
	vertical-align: bottom;
	padding: 5px 3px;
	text-align: left;
	color: black;
/*	background-color: #d1dbe0; */
}

#mastershell table td {
	padding: 3px 4px;
	vertical-align: top;
	font-size: 14px;
/*	background-color: #ecf4f8; */
}

#mastershell table td li {
	margin: 0;
}

#mastershell td .left {
	border-left: none;
}

#mastershell td td p,
dd p {
	margin: 0;
}

#mastershell td td p+p,
dd p+p {
	margin-top: 1em;
}


/*	ITEMS PER PAGE & PAGED NAVIGATION
Options of how many results to display per page
 ~ using a table here because vertical centering in CSS is not an easy task at this time.
----------------------------------------------------------------------------- */

#content #itemsperpage {
	clear: both;
}

#content #itemsperpage, #content #itemsperpage td, #content #itemsperpage th {
	margin: 10px 0;
}

#content #itemsperpage td {
	vertical-align: middle;
	background-color: #fff;
	padding: 0;
	font-size: 14px;
}

#content #itemsperpage form {
	border: none;
	background-color: #fff;
	padding: 0;
}

#content #itemsperpage td.options {
	text-align: right;
	width: 40%;
	white-space: nowrap;
}

#content #itemsperpage input {
	vertical-align: middle;
}

#content #itemsperpage td.options select {
	width: 4em;
	font-size: 13px;
}

div.pagenav {
	margin: 10px 0;
}

div.pagenav ol, div#alphanav ol {
	list-style-type: none;
	float: left;
	margin: 0;
}

div.pagenav li, div#alphanav li {
	display: inline;
	float: left;
	text-align: center;
}

div.pagenav li {
	margin-right: 6px;
}

div.pagenav li img {
	vertical-align: text-bottom;
}

div.pagenav li a {
	padding: 0;
}

div.pagenav li.currentpage {
	font-weight: bold;
	padding: 0;
	color: #369;
}


/*	ALPHA NAVIGATION
----------------------------------------------------------------------------- */
div#alphanav_container {
	padding: 15px 0;
	border-top: 1px dotted #a2a2a2;
	border-bottom: 1px dotted #a2a2a2;
}

div#alphanav {
	margin: 15px 0;
	padding: 3px;
	background-color: #dfe6e9;
}

div#alphanav li {
	margin-right: 1px;
	height: 13px;
}

div#alphanav li a {
	background-color: #8f9fae;
	display: block;
}

div#alphanav li a:hover {
	background-color: #ff8c00;
}

.notes {
	background-color: #ffc;
	font-weight: bold;
	color: #8b0000;
	border-top: 1px solid #ffd700;
	border-bottom: 1px solid #ffd700;
	padding: 4px;
}

#col2 ol li h2 {
 	background-color: transparent;
 	font: 15px Verdana;
 	color: #8b0000;
 	font-weight: bold;
}


/*	DEFINITION LISTS
	For things like the glossary
----------------------------------------------------------------------------- */
dt {
	font-weight: bold;
	color: #4a78a5;
}

dd {
	margin-bottom: 5px;
	margin-left: 2em;
}

dd+dt {
	margin-top: 1.5em;
}


/*	CASE STUDIES
----------------------------------------------------------------------------- */
	/* these are inline definitions */
dl.casesite {
	margin-bottom: 1em;
}

dl.casesite dt {
	float: left;
	font-weight: bold;
	margin-right: 4px;
	clear: left;
	color: #6f6f6f;
}

dl.casesite dd {
/*	background-color: #ffa07a; */
	margin: 0;
}

dl.casesite dd+dt {
	margin-top: 0;
}


/*	FORMS
	Form styling within the content area. Some styles are done inline (such
	as width of select elements) to keep this external CSS leaner.
----------------------------------------------------------------------------- */
.required {
	color: #8b0000;
	font-weight: bold;
	margin: 0 4px;
}

#content form.nostyle, #content table.nostyle td
{
	background-color: #fff;
	border: none;
	padding: 0;
	margin: 0;
}

#content form, .tertiary_nav {
	border-top: 1px dotted #a2a2a2;
	border-bottom: 1px dotted #a2a2a2;
	padding: 1em;
	background-color: #ecf4f8;
	margin: 1em 0;
}

#content form table, #content form td, #content form th {
	border: none;
}

#content form td {
	padding: 2px 3px;
/*	border: 1px dotted #ccc; */
	background-color: transparent;
}

#content form tr.form_heading {
	color: #6e7585;
	font-weight: bold;
}


#content div.submit {
	background-color: #ecf4f8;
	margin: 0;
	padding: 1em 6px;
	text-align: right;
	border-top: 1px dotted #a2a2a2;
}

#content div.submit img {
	vertical-align: top; /* must be set to top to align properly with form inputs, however, for selects it must be set to middle */
}

#content form td.submit {
	vertical-align: middle;
}

#content div.submit img.vmiddle {
	vertical-align: middle;
}

#content input, #content select {
	font-size: 14px;
}

.form_fieldhelp {
	margin-left: 8px;
	font-size: 10px;
	color: #666;
}

label.radio {
	vertical-align: top;
	margin: 0 20px 0 5px;
}

#content .form_fieldhelp a {
	color: #666;
}


/*	TERTIARY NAVIGATION
----------------------------------------------------------------------------- */
.tertiary_nav ul {
	margin: 0;
	list-style-type: none;
}

.tertiary_nav a {
	display: block;
}

#content .tertiary_nav li {
	background: none;
	margin: 2px 0;
	padding: 0;
	display: inline; /* ie whitespace fix */
}

.tertiary_nav a:link,
.tertiary_nav a:visited,
.tertiary_nav a:hover,
.tertiary_nav a:active {
	padding: 0 0 0 20px;
	background: url(http://media.corporate-ir.net/media_files/IROL/11/115117/arrow_white_on_green.gif) no-repeat 4px 50%;
}

.tertiary_nav a:hover, .tertiary_nav a.youarehere {
	background-color: #d1dbe0;
}


/*	NEWS
----------------------------------------------------------------------------- */
.article {
	margin-bottom: 2em;
}

.byline {
	font-style: italic;
	font-size: 10px;
}

.timeago {
	font-weight: bold;
	color: #666;
}


/*	FAQS
----------------------------------------------------------------------------- */
div#faqs {
	padding-bottom: 1em;
	margin-bottom: 2em;
	border-bottom: 1px dotted #a2a2a2;
}

div#faqs ul {
	margin:  0 2em 2em 2em;
}

div.faqblock {
	margin-bottom: 4em;
}

dl.faqs dd {
	margin: .25em 0 0 25px;
}

#content .faqblock h3 {
	border: none;
}

dd>p {
	margin-top: 0;
}

dl.faqs ol {
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
}

dl.faqs ol li p {
	font-weight: normal;
}

dl.faqs ol li {
	margin-bottom: 2em;
}


/*	CAREERS
----------------------------------------------------------------------------- */
#position_detail {
	margin-bottom: 1em;
}

#position_detail th {
	text-align: right;
	width: 35%;
	vertical-align: top;
	padding: 2px;
}

#position_detail td {
	padding: 2px;
	font-size: 11px;
}


/*	ONLINE TOOLS
----------------------------------------------------------------------------- */
div.stack {
	margin-bottom: 2em;
}

#content div.stack h3 {
	margin-bottom: 0;
}

.stack p {
	margin: 0 0 .75em 0;
}

p.requirements {
/*	background-color: lemonchiffon; */
	font-size: 14px;
	padding: 2px;
	color: #666;
}

#content .data td {
	border-top: 1px solid white;
}

#callouts ul.list_of_links li {
	padding: 2px 0 2px 16px;
	background: url(http://media.corporate-ir.net/media_files/IROL/11/115117/arrow_white_on_green.gif) no-repeat 0 40%; 
}

ul.list_of_links a {
	display: block;
}

ul.list_of_links a:hover {
	background-color: #fa8072;
}


/*	SEARCH
----------------------------------------------------------------------------- */
#searchfilter {
	background-color: #e8edef;
}

#searchfilter li {
	padding: 2px 0;
}

.results td {
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

.results th {
/*	text-align: left;
	color: #fff; */
}

.highlight { /* highlights search term */
	background-color: white;
	padding: 2px;
	color: #8b0000;
	font-weight: bold;
}

.relevance {
	font-weight: bold;
	color: #ff8c00;
	text-align: center;
}

#content span.product a:link {
	font-weight: bold;
}

#content #advsearch {
	padding: 0;
}

#content #advsearch, #content #advsearch table td {
	border: none;
	background-color: #fff;
}

#content #advsearch h2 {
	margin: 15px 0 4px 0;
}

#content #advsearch ul ul {
	margin-top: 0;
}

#content #advsearch ul li {
	padding: 2px 0 2px 0px;
	margin: 0;
	list-style-type: none;
	background: none;
}

#content #advsearch ul li ul li {
	padding-left: 20px;
}

#content #advsearch label {
	font-size: 11px;
	color: #333;
}

#content div.nostyle {
	border: none;
	background-color: #fff;
}

ol.poterms {
	margin-left: 30px;
}

ol.poterms li {
	margin-bottom: 1em;
}

ol.alpha {
	list-style-type: lower-alpha;
}


/*	CONSTRUCTION HANDBOOK RESOURCES LANDING
----------------------------------------------------------------------------- */
#col2 form.gch_search {
	margin: 0;
	padding: 0 8px 0 0;
	text-align: right;
	border: none;
	background-color: transparent;
}

#col2 form.gch_search input#gch_search_queryall {
	font-size: 12px;
	background-color: #d1dbe0;
	margin: 3px 0;
}

.content_subwrapper .gch1 {
	width: 45%;
	padding-right: 4%;
	border-right: 1px dotted #a2a2a2;
}

.content_subwrapper .gch2 {
	width: 45%;
	padding-left: 4%;
}



/*	PERFORMANCE-RATED SYSTEM SELECTOR RESULTS
----------------------------------------------------------------------------- */
.perf th {
	border-left: 1px solid white;
	background-color: #d1dbe0;
}

#content .perf td {
	padding: 10px 10px;
	color: #333;
	border-top: 1px solid white;
	border-left: 1px solid white;
	background-color: #ecf4f8;
}

#content .perf td.left {
/*	background-color: beige; */
	padding: 10px 0 0 10px;
}

.perfthumb {
	border: 1px solid #ddd;
}

.perf ul.options li {
	display: inline;
}

.perf ul.options li  a {
	font-weight: bold;
}



/*	ERROR MESSAGES
----------------------------------------------------------------------------- */
#errortop {
	background-color:#d30000;
	color:#fff;
	font-weight: bold;
	padding: 7px 15px;
	margin-bottom: 1px;
}

.errormessage {
	color: #d30000;
	font-weight: bold;
	display: block;
	padding: 0 0 3px 0;
}

#system_message {
	color: #600;
	padding: 4px;
	text-align: center;
	margin-top: 15px;
	clear: both;
}



/*	CONTACT OPTIONS
----------------------------------------------------------------------------- */
#content .contactsection h2 {
	margin: 40px 0 5px 0;
	border-bottom: 1px dotted #a2a2a2;
}

#content ul.options li.overview {
	background: url(http://media.corporate-ir.net/media_files/IROL/11/115117/arrow_white_on_green.gif) no-repeat 0 50%;
	padding-left: 16px;
}

#content ul.options li.download {
	background: url(http://media.corporate-ir.net/media_files/IROL/11/115117/download_orange.gif) no-repeat 0 50%;
	padding-left: 16px;
}

#content ul.options li.link {
	background: url(http://media.corporate-ir.net/media_files/IROL/11/115117/arrow_white_on_green.gif) no-repeat 0 50%;
}

#content ul.options li.email {
	background: url(http://media.corporate-ir.net/media_files/IROL/11/115117/button_anchor.gif) no-repeat 0 50%;
}


/*	PRODUCT SELECTOR PAGES
----------------------------------------------------------------------------- */
.prodfamily {
	background-color: #dfe6e9;
	padding: 20px 10px;
}

#content .prodfamily h4 {
	margin: 0 0 4px 0;
}

#content h3.subtype {
	font-size: 15px;
	margin: 30px 0 4px 0;
}

#content h4.pfo {
	background-color: #90a0af;
	color: #fff;
	padding-left: 10px;
	margin-top: 0;
	font-size: 11px;
}

#content ul.options li.overview {
	background: url(http://media.corporate-ir.net/media_files/IROL/11/115117/arrow_white_on_green.gif) no-repeat 0 50%;
	padding-left: 16px;
}

#content ul.options li.download {
	background: url(http://media.corporate-ir.net/media_files/IROL/11/115117/download_orange.gif) no-repeat 0 50%;
	padding-left: 16px;
}

span.matches, span.viewmore /* goes in result headings to view more info, etc. */
{
	font-weight: normal;
	font-size: 13px;
}

#content ul.anchors li {
	background: url(http://media.corporate-ir.net/media_files/IROL/11/115117/anchor_orange.gif) no-repeat 0 50%;
	padding-left: 14px;
}


/*	AIA
----------------------------------------------------------------------------- */
.aia .course {
	width: 70px;
	text-align: center;
	border-right: 1px solid white;
}

.aia .course_desc {
	padding-top: 10px;
}


/*	SHAFTWALL PAGES
----------------------------------------------------------------------------- */
.systemspecs {
	font-weight: bold;
	color: #4a78a5;
}

.systemspecs .filetype {
	width: 60px;
	text-align: center;
	vertical-align: middle;
}

#content .systemspecs th {
	padding: 10px 15px;
	background-color: #d1dbe0;
}

#content .systemspecs td {
	padding: 10px 15px;
	background-color: #ECF4F8;
}

.systemspecs .description {
	display: block;
	font-weight: normal;
	padding-left: 1em;
	color: #333;
}

#shaftwall table {
	border-bottom: none;
	margin-bottom: 20px;
}

#shaftwall table td {
	background-color: white;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 10px;
}

#shaftwall table tr.alt td {
	background-color: #f8f8f8;
}

#shaftwall h3 {
	background-color: #aab5be;
	color: black;
	padding: 10px 6px;
	margin: 0;
	border: 0;
}

#shaftwall .left {
	width: 40%;
}

#shaftwall .videos {
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	font-size: 13px;
}

#shaftwall .videos h3 {
	background-color: #5e6a78;
	padding: 2px 5px;
	color: #fff;
	font-weight: normal;
	font-size: 13px;
}

#shaftwall .alt {
	background-color: #efefef;
}

#shaftwall .videos ul {
	margin:  10px 5px 0 5px;
}

#shaftwall .videos ul li {
	background: url(http://media.corporate-ir.net/media_files/IROL/11/115117/arrow_white_on_blue.gif) no-repeat 0 60%;
	padding-left: 14px;
}

#shaftwall .videos a {
	font-weight: bold;
}

#shaftwall .videos p {
	padding: 10px 5px;
	border-top: 1px solid #ccc;
	margin: 10px 0 0 0;
}

hr.specs {
	background-color: #ccc;
	color: #ccc;
	height: 2px;
	border: 0;
	margin: .5em 0;
}

#content ul.shaftwall_links li {
	background: url(http://media.corporate-ir.net/media_files/IROL/11/115117/arrow_white_on_blue.gif) no-repeat 0 60%;
	padding-left: 16px;
	margin: 2px 0;
}


/*	PRODUCT SELECTOR FORM
----------------------------------------------------------------------------- */
#prodselector form {
	background-color: #fff;
	border: none;
	padding: 0;
	margin: 0;
}

#prodselector .step {
	width: 50px;
	padding: 0;
}

#prodselector table td {
	background-color: #ecf4f8;
}

#prodselector table td.left {
	padding-left: 15px;
}

#content #prodselector input, #content #prodselector option {
	vertical-align: text-top;
/*	font-size: 10px; camino does not honor this */
}

#prodselector label {
	font-weight: bold;
	color: #4a78a5;
}

#prodselector label.radio, #prodselector label.cbox, #content #advsearch label.cbox {
	margin: 2px 20px 2px 4px;
	color: #333;
	font-weight: normal;
}

#prodselector h3, #prodselector h3 label {
	color: #4a78a5;
	margin: 0 0 8px 0;
	font-size: 14px;
}

#prodselector h4, #prodselector h4 label {
	color: #4a78a5;
	margin: 0 0 6px 0;
	font-size: 13px;
}

#prodselector .checkboxoptions td {
	padding: 0;
	vertical-align: middle;
}

#prodselector .checkboxoptions td.check {
	padding: 0;
	text-align: right;
	vertical-align: middle;
	width: 25px;
}

#prodselector div {
	border-top: 1px dotted #a2a2a2;
}

#prodselector div.perf {
	background-color: #ecf4f8;
	padding: 6px 0;
	border-top: 0;
}

#content #prodselector ul li {
	padding: 2px 0;
	margin: 0;
	list-style-type: none;
	background: none;
}

ul.horiz li {
	display: inline;
}

#prodselector img.divider {
	height: 5px;
	width: 150px;
	margin: 10px 0;
	display: block;
}

label.above {
	display: block;
	margin-bottom: 6px;
}

#prodselector h2 {
	background-color: #d1dbe0; /*#aab5be; */
	color: black;
	padding: 10px 6px;
	margin: 0;
	text-align: left;
}

#prodselector #pageNos {
	background-color: #d1dbe0;
	color: #333;
	margin: 0;
	padding: 0;
	padding: 0 6px 1em 6px;
	font-size: 10px;
	border: 0;
}

#prodselector .stepnos {
	font-size: 11px;
}

#prodselector #pageNos p,
#prodselector #steps p {
	margin: 0;
}

#prodselector #steps {
	background-color: #d1dbe0;
	padding: 0;
}

#prodselector .stepsbox {
	float: right;
	font-size: 10px;
	margin: 0;
	border-bottom: 1px solid #a2a2a2;
	border-left: 1px solid #a2a2a2;
	padding: 2px 4px;
	background-color: #eee;
	font-weight: bold;
	color: #000;
}

#prodselector .stepno {
	color: #600;
	font-weight: bold;
}

#prodselector div.clear {
	border: 0;
}



/*	PRODUCT SELECTOR RESULTS
----------------------------------------------------------------------------- */
#content .acouschart {
	margin: 0 0 15px 0;
}

#content .acouschart th {
	font-size: 10px;
	color: #4A78A5;
	padding: 2px 4px;
	text-align: left;
	vertical-align: bottom;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color: #e8e8e8;
}

#content .acouschart td {
	padding: 1px 4px;
	font-size:10px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	color: #333;
	background-color: #fff;
}

#content .acouschart th.left, #content .acouschart td.left {
	border-left: 0;
	width: 70px;
	font-weight: bold;
}

#content .acouschart h2 {
	margin: 0;
	color: #fff;
	background-color: #5e6a78;
	padding: 4px;
}

/*.acouschart td.details {
	color: #fff;
	background-color: #90a0af;
	margin-bottom: 25px;
	border: 0;
	padding: 0 4px;
	vertical-align: middle;
}
*/
#content .acouschart ul.details {
	display: block;
	background-color: #90a0af;
	padding: 4px 0;
}

#content .acouschart ul.details li {
	margin: 0 25px 0 0;
	padding-left: 4px;
	list-style-type: none;
	font-size: 10px;
	display: inline;
	background-image: none;
	color: #ffffff;
}

.acouschart td img {
	margin: 4px 0px 8px 0px;
	display: block;
}

.acouschart ul.details img {
/*	display: inline; */
	vertical-align: middle;
	margin: 0 4px 4px 0;
}

table.c td.dims {
	color: #333;
	font-weight: bold;
/*	white-space: nowrap; have to remove this because the width of the page is too narrow */
}

.acouschart td.itemno {
	font-weight: bold;
	color: #333;
}

/* for prod selector ceilings results */
.prodfamily .ceilchart {
	background-color:#F2F7FA;
	margin-bottom:7px;
}

.prodfamily .ceilchart table {
	margin: 0px;
}

.prodfamily .ceilchart th {
	background-color:#DFE6E9;
	font-weight: bold;
}

.prodfamily .ceilchart th, .prodfamily .ceilchart td {
	padding: 10px 15px 12px 15px;
	color: #545454;
	font-size: 10px;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
}

.prodfamily .ceilchart .lastcell {
	border-right: 0px;
}

span.filepath {
	color: black;
	font: 11px Courier;
}

#content ul.normal li.download {
	display: block;
	background: url(http://media.corporate-ir.net/media_files/IROL/11/115117/download_orange.gif) no-repeat 0 4px;
}

/*
img.button {
	margin: 0;
}
*/

span.filesize {
	display: block;
	font-size: 10px;
	margin: .25em 0;
}

.feature {
	margin: 0 0 0px 0;
	padding: 15px 0 15px 0;
	background: #fff url(http://media.corporate-ir.net/media_files/IROL/11/115117/body_dottedrule.gif) no-repeat top left;
	font-size: 14px;
}

#twocol .feature h3, #twocol .casestudy_group h3, #twocol .casestudy_group h4 {
	margin: 0 0 .5em 0;
}

#content .casestudy_group {
	margin: 0;
}

#content .casestudy {
	margin: 1em 0;
}

#content .casestudy_group h2 {
	font-size: 15px;
	color: #fff;
	padding: 2px 4px;
	background-color: #5e6a78;
	margin-bottom: 0;
}

#content .casestudy_group h3 {
	font-size: 14px;
	color: #fff;
	background-color: #90a0af;
	padding: 2px 4px;
	margin: 0;
}

.casestudy_group img.viewall {
	float: right;
	margin: 2px 4px 0 0;
	vertical-align: middle;

}

/*#content .casestudy_group h2+div.clearfix {
	margin-top: 1em;
}*/

.viewselector {
	padding: 0 0 5px 0;
/*	border-bottom: 1px dotted #a2a2a2; */
	margin: 25px 0 15px 0;
}

#content .viewselector h3 {
	margin-top: 0;
}

div.fineprint {
/*	border-top: 1px dotted #a2a2a2; */
	background: url(http://media.corporate-ir.net/media_files/IROL/11/115117/body_dottedrule.gif) repeat-x top left;
	padding-top: 10px;
	margin-top: 15px;
}

div.fineprint p {
	font-size: 10px;
	color: #999;
}

ul.prod_downloads {
	margin-left: 20px;
}

#content ul.prod_downloads li {
	margin: 0;
	padding: 1px 0 1px 15px;
	background: url(http://media.corporate-ir.net/media_files/IROL/11/115117/download_orange.gif) no-repeat 0 5px;
}

#callouts ul.plain li {
	background-image: none;
	padding: 0;
}

/* prss detail */
img.systmdetail {
	margin:3px 15px 5px 0px;
	border: 1px solid #ccc;
}

ul.leadership {
	margin: 10px 0;
}

#content ul.leadership li {
	margin: 4px 0 4px 20px;
	padding: 3px 0;
	background-image: none;
}

img.rule {
	margin: 10px 0;
}

#content img.rule+h2 {
	margin-top: 10px;
}

img.bodyrule {
	margin: 15px 0;
	display: block;
}

#content #dwss h2, #content #dwss h3 {
	color: #687685;
	padding-bottom: 2px;
	border-bottom: 1px dotted #a2a2a2;
}

#content #dwss h4 {
	color: #4a78a5;
	font-size: 14px;
}

#content #dwss h5 {
	color: #000;
	font-weight: normal;
	margin-top: 2px;
	font-size: 14px;
}

#content #dwss h3+h4 {
	margin-top: 0;
}

#content #dwss .bodyblue {
	color: #4a78a5;
}

#content #dwss ul.materials {
	margin: 0;
}

#content #dwss ul.materials li {
	background: none;
	padding: 0;
	margin: 4px 0;
}

#content #dwss ul+h5 {
	margin-top: 20px;
}

#content #dwss h6 {
	margin-top: 25px;
	font-size: 11px;
	color: #666;
}

#content #dwss table.dwss {
}

#content #dwss table.dwss th {
	font-weight: normal;
	background-color: #d1dbe0;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	text-align: center;
	padding: 10px 15px;
}

#content #dwss table.dwss td {
	background-color: #ecf4f8;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	text-align: center;
	padding: 10px 15px;

}

#content .litvid th {
	background-color: #d1dbe0;
}

#content .litvid td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fff;
}

#content .litvid a {
    background:#FFFFFF url(http://media.corporate-ir.net/media_files/IROL/11/115117/products/bullet_dwn_arrow.gif) no-repeat scroll 0 3px;
    padding-left: 15px;
	font-weight: bold;
}

#content .litvid tr.alt td {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
}

#content .litvid td.filesize {
	white-space: nowrap;
	border-right: none;
}

.additional_resources {
	border-top: 1px dotted #a2a2a2;
}

#content .additional_resources h3 {
	margin-top: 1em;
}

/*	2008 Product Page & Selector pages CSS start
	Prefixed everything with #products-2008 to avoid style collisions.
----------------------------------------------------------------- */

#products-2008 * {
	margin: 0;
	padding: 0;
}

#products-2008 p {
	line-height: 15px;
}

/** links **/

#products-2008 a img {
	border: none;
}

#products-2008 ul li {		/* new to remove default orange background image and remove extra padding */
	background: none;
	padding-right: 0px;
	padding-left: 0px;	
}

/* headers (h1, h2,...)
*********************************/
#products-2008 h1, #products-2008 h2, #products-2008 h4, #products-2008 h5, #products-2008 h6 {
	font-weight: normal;
}

#products-2008 #breadcrumbs h1 {
	font-family: Georgia, Verdana, Arial, san-serif;
	font-size: 23px;
	color: #90A0AF;
	margin-bottom: 5px;
}

#products-2008 #breadcrumbs h1 a {
	color: #90A0AF;
}

#products-2008 #breadcrumbs h1 a:hover {
	text-decoration: underline;
}

#products-2008 #breadcrumbs h1 span {
	color: #666666;	
}

#products-2008 h2 {
	color: #3597F2;
	font-size: 12px;
	margin-top: 0px;  /* new to remove inherited margin at top of product category page. */
}

#products-2008 h3 {
	font-size: 13px;
	color: #525252;
	margin-top: 0px;  /* new to override inherited margin-top 18px */	
	margin-bottom: 12px;
}

#products-2008 h4 {
	font-size: 14px;
	color: #414141;
	margin-top: 4px;
	margin-bottom: 4px;
}

#products-2008 #bot-nav-panel h4 {	/* new */
	font-weight: bold;
}

#products-2008 #showcase-content h2 {
	padding: 3px 0 3px 0;
	margin-left: -7px;
	width: 145px;
	border-bottom: 1px solid #D7DADD;
}

#products-2008 #showcase-content h4 {
	padding: 7px 0 6px 4px;
	clear: both;
	color: #5E6A78;
	font-size: 14px;
	margin-left: -7px;
	border-bottom: 1px solid #D7DADD;
	border-top: 1px solid #D7DADD;
}

#products-2008 #showcase-content h4 a {
	color: #094379;
	text-decoration: underline;
}
/********************************
	STRUCTURE 
*********************************/
#products-2008 #pp-intro {
	border-bottom: 1px solid #D7DADD;
	padding-bottom: 1px;
	width: auto; /* was 174px */
}

#products-2008 #container {
	position: absolute;
	top: 135px;
	left: 306px;
	width: 715px;
}

#products-2008 #footer {
	border-top: 1px solid #D7DADD;
	border-bottom: 1px solid #D7DADD;
	padding-top: 2px;
	margin-bottom: 20px;
}

#products-2008 #products-panel {
	margin: 0 0 1px 0;
	padding: 15px 0 30px 0;
	border-bottom: 1px solid #D7DADD;
}

#products-2008 #content-wrapper {
	padding: 17px 0 0 11px;
}

#products-2008 #top-nav-panel {
	margin-top: 5px;
	width: auto; /* was 697px */
}

#products-2008 #productCategoryTopNav #top-nav-panel {
	/* hiding the tab on the product detail page - the HTML/XSL still exist in the code*/
    display: none;
}

#products-2008 #bot-nav-panel {
	clear: left;
	padding-left: 20px;
}

#products-2008 #subnav,
#products-2008 .ui-tabs-panel {		/* width of tabs panel */
	border: 1px solid #AEB4BB;
	margin-top: 0;
	padding: 13px 12px;
/*	width: 671px !important; */
	width: auto;
	background: transparent url(http://media.corporate-ir.net/media_files/IROL/11/115117/products/footer_bg.gif) repeat-x bottom left;
}

#products-2008 #top-nav-panel .ui-tabs-panel {		/* width of top tabs panel */
	width: 656px !important;
}

#products-2008 #subsection {
	padding: 13px 6px;
	width: auto;  /* was 508px - tab body width */
	color: #6F6F6F;
}

/**** INTRO ****/
#products-2008 #pp-intro p {
	color: #3597F2;
	font-size: 12px;
	padding-bottom: 3px;
	border-bottom: 1px solid #D7DADD;
}

/**** TOP NAV ****/
#products-2008 #top-nav-panel.nointro {
	margin-top: 23px;
}

#products-2008 #top-nav-panel.category ul.nav {
	margin-bottom: 3px !important;
	margin-bottom: 0;
}

#products-2008 #top-nav-panel ul.nav, 
#products-2008 #bot-nav-panel ul.nav {
	height: 50px;  /* was 29px.  Should be +2 of whatever the tab height is.  */
	margin-bottom: 3px !important;
	margin-bottom: -1px;
}

#products-2008 #top-nav-panel ul.nav li,
#products-2008 #bot-nav-panel ul.nav li{
	float: left;
	border-right: 1px solid #AEB4BB;
	border-top: 1px solid #AEB4BB;
	border-bottom: 1px solid #AEB4BB;
	border-left: 1px solid #AEB4BB;
	margin-bottom: 0px;  /* new */	
}

#products-2008 #top-nav-panel.category ul.nav li {
	border-right: 0 none;
}

#products-2008 #top-nav-panel.category ul.nav li.last {
	border-right: 1px solid #AEB4BB;;
}

#products-2008 #top-nav-panel ul.nav li.r-inactive, 
#products-2008 #bot-nav-panel ul.nav li.r-inactive {
	border-left: 0 none;
}

#products-2008 #top-nav-panel ul.nav li.l-inactive, 
#products-2008 #bot-nav-panel ul.nav li.l-inactive {
	border-right: 0 none;
}

#products-2008 #top-nav-panel ul.nav li a,
#products-2008 #bot-nav-panel ul.nav li a {
    text-decoration: none;
	border: 1px solid #fff;
	display: block;
	color: #5E6A78;
	font-size: 13px;
	font-weight: bold;
	width: 107px;  /* was 111px. For max 5 tabs across use 129px. For max 6 tabs across use 107px. */
	padding: 1px 0 0 2px;
	height: 48px; /* was 26px. This controls the tab height. */
	background: #fff url(http://media.corporate-ir.net/media_files/IROL/11/115117/products/footer_bg.gif) repeat-x bottom left;
}

#products-2008 #bot-nav-panel ul.nav li a {
	width: 100px;
}

#products-2008 #top-nav-panel ul.nav li a:hover,
#products-2008 #bot-nav-panel ul.nav li a:hover {  /* tab hover image needs to be taller */
	color: #3597F2;
	background: #fff url(http://media.corporate-ir.net/media_files/IROL/11/115117/products/footer_blue_bg.gif) repeat-x bottom left;
}

#products-2008 #top-nav-panel ul.nav li.active a,
#products-2008 #bot-nav-panel ul.nav li.active a,
#products-2008 #top-nav-panel ul.nav li.ui-tabs-selected a,
#products-2008 #bot-nav-panel ul.nav li.ui-tabs-selected a  {
	color: #3597F2;
	height: 53px;  /* was 31px.  This is +5 of whatever the tab hight is. */
	background: #fff url(http://media.corporate-ir.net/media_files/IROL/11/115117/products/activetab_bg.gif) repeat-x top left;
}

#products-2008 #top-nav-panel ul.nav li.active,
#products-2008 #bot-nav-panel ul.nav li.active, 
#products-2008 #top-nav-panel ul.nav li.ui-tabs-selected,
#products-2008 #bot-nav-panel ul.nav li.ui-tabs-selected {
	color: #3597F2;
	border-bottom: 0 none;
	margin-bottom: 0px;		/* new */
	background: #fff url(http://media.corporate-ir.net/media_files/IROL/11/115117/products/activetab_bg.gif) repeat-x top left;
	margin-top: -2px;
	position: relative;
}

#products-2008 #bot-nav-panel ul.nav li.active,
#products-2008 #bot-nav-panel ul.nav li.ui-tabs-selected  {
	height: 54px;  /* was 32px. This is +6 whatever the tab hight is. */
}

#products-2008 #top-nav-panel ul.nav li.active a:hover,
#products-2008 #bot-nav-panel ul.nav li.active a:hover,
#products-2008 #top-nav-panel ul.nav li.ui-tabs-selected a:hover,
#products-2008 #bot-nav-panel ul.nav li.ui-tabs-selected a:hover  {
	background: #fff url(http://media.corporate-ir.net/media_files/IROL/11/115117/products/activetab_bg.gif) repeat-x top left;
}

#products-2008 #top-nav-panel ul.nav li.single a,
#products-2008 #bot-nav-panel ul.nav li.single a {
	width: 113px;
	text-align: center;
	padding-left: 0;
	padding-top: 8px;
	height: 19px;
}

#products-2008 #bot-nav-panel ul.nav li.single a {
	width: 103px;
}

/* Handle lists created by Web Publisher content widgets which should look like standard ul and ol */
#products-2008 div#prd-selector-body ul,
#products-2008 div#sidebar ul,
#products-2008 div#prod_details ul, 
#products-2008 div#announcements ul,
#products-2008 div#products-panel div.prod-popup ul {
	list-style-type: disc;
	padding-left: 40px;
}

#products-2008 div#prd-selector-body ol,
#products-2008 div#sidebar ol,
#products-2008 div#prod_details ol,
#products-2008 div#announcements ol,
#products-2008 div#products-panel div.prod-popup ol {
	list-style-type: decimal;
	padding-left: 40px;
}

/**** FOOTER ****/
#products-2008 #footer #footer-intro {
	width: 145px;
}

#products-2008 #footer #footer-intro p {
	color: #094379;
	font-size: 12px;
	border-bottom: 1px solid #D7DADD;
	padding: 0 0 3px 3px;
}

#products-2008 #footer #footer-links {
	margin: 9px 0 0 0;
	background: transparent url(http://media.corporate-ir.net/media_files/IROL/11/115117/products/footer_bg.gif) repeat-x bottom left;
	padding-bottom: 10px;
	margin-bottom: 1px;
}

#products-2008 #footer #footer-links li {
	float: left;
	padding: 0 9px;
}

#products-2008 #footer #footer-links li.first {
	border-right: 1px solid #5E6A78;
}

#products-2008 #footer #footer-links li.last {
	border-left: 1px solid #5E6A78;
}

#products-2008 #footer #footer-links li a {
	font-size: 13px;
	display: block;
}

#products-2008 #footer #footer-links li a:hover {
	text-decoration: underline;
}

/**** PRODUCTS PANEL ****/
#products-2008 #products-panel {
	margin: 0 0 1px 0;
	padding: 15px 0 30px 0;
	border-bottom: 1px solid #D7DADD;
}

#products-2008 ul.prod-list {
	height: 100px;
}

#products-2008 ul.prod-list li {
	height: 88px;
	width: 167px;
	float: left;
	position: relative;
	margin: 0px 2px 0px 0px;
	padding-left: 0px;
	padding-right: 0px;
	border-left: 0px;
	border-right: 0px;
	background: #fff url(http://media.corporate-ir.net/media_files/IROL/11/115117/products/prod_panel_bg.gif) repeat-x;
}

#products-2008 ul.prod-list li a {
	border-left: 2px solid #9DCCF8;
	border-right: 1px solid #BFDEFA;
	border-top: 1px solid #A4CFF8;
	border-bottom: 1px solid #A4CFF8;
	display: block;
	color: #4A7A85;
	font-size: 13px;	/* Was 12px from HSR. Changed to 13px to match "head" font size. */
	font-family: Georgia, Verdana, Arial;
	height: 88px;
	background: none;
	text-decoration: none;
}

#products-2008 ul.prod-list li a:hover {
	border-color: #117BBB;
	background: transparent url(http://media.corporate-ir.net/media_files/IROL/11/115117/products/prod_panel_bg_bot.gif) repeat-x bottom left;
}

#products-2008 ul.prod-list li a span {
	display: block;
	padding: 18px 0 0 4px;	/* was 22px 0 0 7px; Adjust to try to keep text in box */
	width: 69px;
}

#products-2008 ul.prod-list li img {
	height: 69px;
	width: 75px;
	position: absolute;
	top: 10px;
	right: 4px;
}

#products-2008 .prod-popup {
	position: absolute;
	z-index: 999999;
	display: none;
}

#products-2008 .prod-popup div.background {
	background: transparent url(http://media.corporate-ir.net/media_files/IROL/11/115117/products/dropshadow_bg.png) repeat-y top left;
	width: 277px;
	padding: 30px;
}

#products-2008 .prod-popup div.top {
	background: transparent url(http://media.corporate-ir.net/media_files/IROL/11/115117/products/dropshadow_top.png) no-repeat top left;
	height: 11px;
	width: 337px;
	margin-bottom: 0 !important;
	margin-bottom: -5px;
}

#products-2008 .prod-popup div.bottom {
	background: transparent url(http://media.corporate-ir.net/media_files/IROL/11/115117/products/dropshadow_bot.png) no-repeat bottom left;
	height: 11px;
	width: 337px;
	margin-top: 0 !important;
	margin-top: -5px;
}

#products-2008 .prod-popup h2{
	color: #094379;
	font-family: Georgia, Verdana, Arial;
	font-size: 15px;
	margin-bottom: 17px;
}

#products-2008 .prod-popup p{
	color: #6F6F6F;
	margin-bottom: 20px;
}

#products-2008 .prod-popup img.closeicon {
	border: 0;
	float: right;
	height: 16px;
	width: 16px;
	padding: 4px 8px;
	cursor: pointer;	/* jQuery handles "click" action */
}

/**** CONTENT WRAPPER ****/
#products-2008 #content-wrapper #content {
	float: left;
	margin-right: 10px;
	width: 434px;	/* was 454px */
}

#products-2008 #content-wrapper p  {
	color: #6F6F6F;
	margin-bottom: 10px;
}

#products-2008 #showcase-wrapper,
#products-2008 .showcase-wrapper  {
	border-top: 1px solid #D7DADD;
	padding-top: 2px;
}

#products-2008 .showcase-wrapper  {
	display: none;		/* New - controls selective hiding and unhiding of product detail panels */
}

#products-2008 #showcase-content {
	border-top: 1px solid #D7DADD;
	padding-left: 7px;
}

#products-2008 #showcase-content #left {
	float: left;
	width: 160px;
	margin: 15px 7px 0 0;
}

#products-2008 #showcase-content #right {
	margin-top: 15px;
	float: left;
}

#products-2008 #showcase-content ul li {
	margin-bottom: 7px;
	padding-left: 15px;
	background: #fff url(http://media.corporate-ir.net/media_files/IROL/11/115117/products/bullet_dwn_arrow.gif) no-repeat 0 3px;	
}

#products-2008 #showcase-content ul.resources li a {
	font-size: 13px;
}

#products-2008 #showcase-content ul.chooseproduct {
	margin-bottom: 20px;
}

#products-2008 #showcase-content ul.chooseproduct li {
	margin-bottom: 3px;
	background: #fff url(http://media.corporate-ir.net/media_files/IROL/11/115117/products/bullet_dwn_arrow.gif) no-repeat 0 3px;	
	padding-left: 15px;
}

#products-2008 #showcase-content ul.chooseproduct li a {
	font-size: 13px;
	text-decoration: underline;
	color: #094379;
}

#products-2008 #showcase-content ul.chooseproduct li.head {
	font-size: 13px;
	color: #5E6A78;
	font-weight: bold;
	background: none;		
	margin-top: 17px;
}

#products-2008 .popupdiv a {
    cursor: pointer;
}

#products-2008 .popupwrapper{
    position: relative;
	z-index: 999999;
    float: left;
    position: relative;
}

#products-2008 .popupwrapper .info-popup {
	position: absolute;
	z-index: 999999;
	display: none;
    left: 70px;
    top:-40px;
}

#products-2008 .info-popup img.closeicon {
	border: 0;
	float: right;
	height: 16px;
	width: 16px;
	padding: 0 8px;
	cursor: pointer;	/* jQuery handles "click" action */
}

#products-2008 .info-popup-content {
    margin-right: 30px;
}

#products-2008 .info-popup #background {
	background: transparent url(http://media.corporate-ir.net/media_files/IROL/11/115117/products/dropshadow_bg.png) repeat-y top left;
	width: 317px;
	padding: 10px;
}

#products-2008 .info-popup #top {
	background: transparent url(http://media.corporate-ir.net/media_files/IROL/11/115117/products/dropshadow_top.png) no-repeat top left;
	height: 11px;
	width: 337px;
	margin-bottom: 0 !important;
	margin-bottom: -5px;
}

#products-2008 .info-popup #bottom {
	background: transparent url(http://media.corporate-ir.net/media_files/IROL/11/115117/products/dropshadow_bot.png) no-repeat bottom left;
	height: 11px;
	width: 337px;
	margin-top: 0 !important;
	margin-top: -5px;
}

#products-2008 #content-wrapper #sidebar {
    width: 222px;
	float: left;
}

#products-2008 #content-wrapper #sidebar p {
	margin-bottom: 0;
}

#products-2008 #content-wrapper #sidebar img {
	margin-bottom: 4px;
	max-width: 222px;									/* Set to the same as #products-2008 #content-wrapper #sidebar */
    width: expression(this.width > 222 ? 222: true);	/* max-width workaround for IE6 */	
}

#products-2008 #content-wrapper .panel {
	margin-bottom: 4px;
	border: 1px solid #AFAFAF;
	background: #EBEBEB;
	padding: 9px 9px 15px;
}

#products-2008 #content-wrapper .plain-panel {
	margin-bottom: 4px;
	padding: 9px 9px 15px;
}

#products-2008 #content-wrapper .plain-panel .sidelist a {
	font-size: 13px;
	text-decoration: underline;
}

#products-2008 #content-wrapper .sidelist {
	font-size: 13px;
	margin-bottom: 5px;
}

#products-2008 #content-wrapper .panel .sidelist a {
	color: #094379;
	font-size: 13px;
}

#products-2008 #content-wrapper .sidelist a:hover {
	text-decoration: underline;
}

#products-2008 #content-wrapper .sidelist li {
	margin-bottom: 10px;
}

/**** Sub Nav ****/
#products-2008 #top-nav-panel #subnav .navlist,
#products-2008 #top-nav-panel .ui-tabs-panel  .navlist {
	float: left;
	margin-right: 30px;
}

#products-2008 #top-nav-panel #subnav .navlist li,
#products-2008 #top-nav-panel .ui-tabs-panel .navlist li {
	color: #5E6A78;
	font-size: 13px;
	margin-bottom: 5px;
}

#products-2008 #top-nav-panel #subnav .navlist li.head, 
#products-2008 #top-nav-panel .ui-tabs-panel .navlist li.head {
	font-weight: bold;
}

#products-2008 #top-nav-panel #subnav .navlist a:hover,
#products-2008 #top-nav-panel #subnav .navlist li.active a,
#products-2008 #top-nav-panel .ui-tabs-panel .navlist a:hover,
#products-2008 #top-nav-panel .ui-tabs-panel .navlist li.active a {
	color: #3597F2;
}

#products-2008 #top-nav-panel #subnav .subsub li,
#products-2008 #top-nav-panel .ui-tabs-panel  .subsub li {
	float: left;
	margin-right: 20px;
	width: 36px;
	margin-bottom: 0;
}

#products-2008 .ui-tabs-hide {
/*	display: none !important;  */
	position: absolute;
	left: -10000px;
    top: -10000px;
}

/*	Product Detail Page FAQS
----------------------------------------------------------------------------- */
#products-2008 ul.faqs {
	margin-bottom: 2em;
}

#products-2008 .ui-accordion-container  .ui-accordion-link {
	font-size: 14px;
}

#products-2008 #product_faq h4, #products-2008 #prod_lit h4, #products-2008 #related_products h4{
	font-size: 17px;	
}

#products-2008 ul.faqs li p {
	font-weight: normal;
}

#products-2008 ul.faqs li {
	margin-bottom: 1em;
}




/**** HACKERY (google "clearfix hack" for details on what this does ****/
/**** There is code that is very similar above, but left this in for now.  Might have to prefix with #products-2008 later. ****/
#products-2008 .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#products-2008 .clearfix {display: inline-block;}

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


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> sliderGallery settings needed for product details<<<----------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.sliderGallery {
    overflow: hidden;
    position: relative;
    margin: 10px;
    height: 100px;
    width: 622px;
}

.sliderGallery UL {
    position: absolute;
    list-style: none;
    overflow: visible;
    white-space: nowrap;
    padding: 0;
    margin: 0;
}

.sliderGallery UL LI {
    display: inline;
}

.handle {
    position: absolute;
    cursor: move;
    left: 0;
    top: 0;
    z-index: 100;
    height: 23px;
    width: 12px;
}

.sliderwrap{
    position: absolute;
    top: 70px;
    height: 23px;
    width: 100%;
    margin-top: 10px;

}

.slider{
    height: 100%;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
/*	2008 Product Page & Selector pages CSS end */