/* 
 * styles.css
 *
 * The styles.css file contains CSS styles that are used for all browsers.
 */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
file: reset-fonts.css
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

html { background: #e4e4e4; }
	html.plainView { background: #fff; }
body { background: #e4e4e4; color: #333; font-family: arial,helvetica,sans-serif; }
	html.plainView body { background: #fff; }
a { color: #00549f; outline: none; text-decoration: none; }
	a:hover { color: #00549f; text-decoration: underline; }
h1, h2, h3, h4, h5 { color: #4c4c4c; font-weight: bold; }
	h1 {
		font-size: 123.1%; /* Equivalent to 16px */ 
		background: url(images/tricon.jpg) no-repeat 0 3px;
		padding-left: 17px;
	}
		body.contentChannelContactBlock h1 { margin-right: 207px; }
	h2 { font-size: 108%; font-weight: normal; } /* Equivalent to 14px */
	h3 { font-size: 93%; } /* Equivalent to 12px */
	h4 { font-size: 85%; } /* Equivalent to 11px */
strong { font-weight: bold; }
em { font-style: italic; }
h1 em, h3 em, h4 em { font-style: italic; font-weight: bold; }

/* Gutter between body background and content */
/*#Header, #MainBodyWrapper, #Footer { padding: 0 5px; }*/

#Wrapper { width: 1012px; } /* Width of "page" */
#MainChannel { width: 790px; } /* Width of left channel and center channel combined */
#SidebarPrimary { width: 180px; } /* Width of left channel */ 
#Content { width: 580px; } /* Width of center channel */
#SidebarSecondary { width: 180px; } /* Width of right channel */
/* = End Widths = */

body.noSidebarSecondary #MainChannel { width: 990px; }
body.noSidebarSecondary #Content { width: 780px; }
body.noSidebarSecondary ul#PageTools { margin-right: 30px; }

body.home #Wrapper { width: 1012px; } /* Width of "page" */
body.home #MainChannel { width: 649px; }
body.home #Content { width: 649px; }
body.home #SidebarSecondary { width: 330px; } 

body.admin #MainChannel { width: 1012px; } /* Width of left channel and center channel combined */
body.admin #SidebarPrimary { width: 180px; } /* Width of left channel */ 
body.admin #Content { width: 820px; } /* Width of center channel */

/*


body.noSidebarPrimaryOrSidebarSecondary #MainBody { background: 0; }
body.noSidebarPrimaryOrSidebarSecondary #MainChannel { width: 72.5em; }
body.noSidebarPrimaryOrSidebarSecondary #Content { width: 72.4em; }
*/

#Wrapper {
	background: url(images/shadow-top.png) no-repeat 0 0;
  margin: 6px auto 0; /* Make content centered */
	padding-top: 5px;
}
#WrapperChannel {
	background: #fff url(images/shadow-sides.gif) repeat-y 0 0;
/*	min-height: 595px;*/
	padding: 0 6px;
}

/* Link at top of document to jump over navigation and go straight to content - For usability */
#ContentJump { display: none; }

#Header {
	position: relative;
	z-index: 10;
}
	#SiteId { background: #fff; float: left; }
	ul#Toolbar { float: right; margin: 3px 10px 0 0; padding:6px 0px 0px 6px; }
		ul#Toolbar li {
			border-right: 1px solid #333;
			float: left;
			font-size: 11px;
			line-height: 1em;
			margin-right: 6px;
			padding-right: 6px;
		}
			ul#Toolbar li.last { border: 0; margin-right: 2px; padding: 0;}
			ul#Toolbar li.countryRegion { font-weight: bold; }
			ul#Toolbar li a { color: #333; }
				ul#Toolbar li a:hover { color: #00549f; }

/* Top Navigation */
#NavigationPrimary {
	background: url(images/primary-nav-bg.png) no-repeat 0 0;
	padding: 0 0 23px;
	clear: both;
}
	#NavigationPrimary .content { border-bottom: 5px solid #999999; }
	#NavigationPrimary ul {
		float: left;
		z-index: 2;
	}
	  #NavigationPrimary ul li { /* Topnav item */
	    float: left; /* Keep nav in a line */
	    position: relative; /* To position dropdowns based on topnav items */
	    z-index: 3; /* Need a known z-index so we can lap dropdowns over topnav items and flyouts over the dropdowns */
			background: url(images/divider-bg.png) no-repeat 100% 65%;
	  }
	    #NavigationPrimary ul li.over { 
	      z-index: 5; /* Make dropdowns appear over topnav items and flyouts over lower li's that are siblings to dropdown items */
	    }
	    #NavigationPrimary ul li a { /* Topnav link */
				color: #333;
	      display: block;
				font-size: 11px;
				font-weight: bold;
				letter-spacing: 1.0px;
				line-height: 1.0;
	      padding: 11px 17px 6px;
	      text-decoration: none;
	    }

				#NavigationPrimary ul li.first a { padding-left: 18px; }
				#NavigationPrimary ul li.active a { color: #00549f; }
					/* Prevent 2nd level items of active primary from getting highlight color */
					#NavigationPrimary ul li.active li a { color: #333; }
	      #NavigationPrimary ul li a:hover { /* Topnav links on hover (over) */
					color: #00549f !important; /* Need !important because of override for 2nd level items of active primary */
					text-decoration: underline;
	      }
	    #NavigationPrimary ul li ul { /* Dropdown menu */
				border: 1px solid #e0e0e0;
				border-top: 5px solid #e0e0e0;
				display: none;
				opacity: 0.97;
				position: absolute;
				top: 100%;
				z-index: 8;
	    }
	      #NavigationPrimary ul li.over ul {
	        display: block; /* Show the dropdown on hover */
	      }
	      #NavigationPrimary ul li ul li { /* Dropdown item */
	        float: none; /* Make dropdown items appear on top of each other, not next to */
	      }
	        #NavigationPrimary ul li ul li a {  /* Dropdown link */
						background: #eee;
						border-bottom: 1px solid #e0e0e0;
						font-size: 11px;
						font-weight: normal;
						padding: 6px 17px 7px;
						white-space: nowrap;
					}
						#NavigationPrimary ul li.first ul li a, { padding-left: 18px; }
						#NavigationPrimary ul li ul li.first a { padding-left: 17px; }


		#NavigationPrimary #Search { float: right; margin: 3px 10px 0 0; }
			#NavigationPrimary #Search input { display: block; float: left; }
				#NavigationPrimary #Search input.text { font-size: 10px; line-height: 1.1em; margin-top: 2px; width: 120px; }
				#NavigationPrimary #Search input.image { margin-left: 3px; }
        #NavigationPrimary #Flags{float: right; margin: -20px 85px 0 0;}
        
#MainBodyWrapper {
/*	background: #fff url(images/shadow-sides.gif) repeat-y 0 0;	*/
}

#MainBody { 
	background: #fff url(images/main-body-bg.jpg) repeat-y 0 0; /* faux columns */
	min-height: 478px;
	margin: -20px 0 0; /* -20px on top is to enable background overlap */
	padding: 13px 0 10px;
  position: relative; /* to facilitate */
  z-index: 2;         /* topnav dropdowns */
}

body.home #MainBody {
	background: url(images/home-main-body-bg.jpg) repeat-y 0 0;
}

/* Wrap left and center channel so that we can put center channel first in markup for optimal content ordering */
#MainChannel { float: left; }

/* Left channel */
#SidebarPrimary { float: left; }
	#NavigationSecondary { padding-top: 24px; }
		#NavigationSecondary ul { }
			#NavigationSecondary ul li { border-bottom: 2px solid #f9f9f9; }
				#NavigationSecondary ul li a {
					background: #eee url(images/arrow-bullet-right.png) no-repeat 8px 9px;
					color: #333;
					display: block;
					font-size: 11px;
					font-weight: bold;
					padding: 6px 6px 6px 22px;
				}
					#NavigationSecondary ul li a.active { color: #00549f; }
					#NavigationSecondary ul li.open a {
						background: #eee url(images/arrow-bullet-down.png) no-repeat 8px 9px;
					}
					#NavigationSecondary ul li a:hover { color: #00549f; }
				#NavigationSecondary ul li ul { }
					#NavigationSecondary ul li ul li { border-bottom: 1px solid #eee; }
						#NavigationSecondary ul li ul li.last { border-bottom: 0; }
						#NavigationSecondary ul li ul li a, #NavigationSecondary ul li.open ul li a {
							background: #f9f9f9 url(images/action_right.gif) no-repeat 6px 8px;
							font-weight: normal;
							padding-left: 22px;
						}
							#NavigationSecondary ul li ul li.open a {
								background: #f9f9f9 url(images/minus-box-bullet.png) no-repeat 6px 8px;
							}
							#NavigationSecondary ul li ul li.childless a { background: 0; }

						#NavigationSecondary ul li ul li ul { padding-bottom: 4px; }
							#NavigationSecondary ul li ul li ul li { border: 0; padding-left: 22px; }
								#NavigationSecondary ul li ul li ul li a, #NavigationSecondary ul li ul li.open ul li a {
									background: #f9f9f9 url(images/box-bullet-black.png) no-repeat 7px 9px;
									padding: 4px 6px 4px 13px;
								}
								#NavigationSecondary ul li ul li ul li.first a, #NavigationSecondary ul li ul li.open ul li.first a {
									padding-top: 2px;
								}
								#NavigationSecondary ul li ul li ul li ul { padding-bottom: 0; }
									#NavigationSecondary ul li ul li ul li ul li { padding-left: 15px; }
										#NavigationSecondary ul li ul li ul li ul li.first a, #NavigationSecondary ul li ul li.open ul li ul li.first a {
											padding-top: 4px;
										}
	#SidebarPrimary .promoBlock { margin-top: 15px; text-align: center; }

/* Center channel */
#Content { float: right; }
#ContentChannel { clear: left; /*overflow-x: hidden;*/ }
	body.noSidebarSecondary #ContentChannel { overflow: visible; }
	#ContentChannel h1 { padding-bottom: 7px; }
	#ContentChannel h2 { padding-bottom: 7px; }
	#ContentChannel h3 { padding-bottom: 6px; }
	#ContentChannel h4 { padding-bottom: 6px; }
		#ContentChannel h4.highlight { background-color: #e9e9e9; margin-bottom: 4px; padding: 2px 5px; }
	#ContentChannel p { font-size: 85%; margin-bottom: 10px; }
		#ContentChannel p.index { font-size: 100%; margin-left: 8px; }
			#ContentChannel p.index a { color: #00549f; font-weight: bold; }
	#ContentChannel ul { margin-bottom: 10px; }
		#ContentChannel ul li {
			font-size: 85%;
			list-style: disc outside;
			margin: 0 0 7px 18px;
		}
	#ContentChannel ol { margin-bottom: 10px; }
		#ContentChannel ol li {
			font-size: 85%;
			list-style: decimal outside;
			margin: 0 0 7px 28px;
		}
	
	#ContentChannel div.contentText p { margin:0; padding-bottom: 10px; }
	#ContentChannel div.contentText table td { font-size: 100%; }	
	
	#ContentChannel a.link {
		background: url(images/red-raquo-bullet.png) no-repeat 0 4px;
		padding-left: 10px;
	}
	#ContentChannel ul li ul.contentList li.link { font-size: 100% !important; }
	#ContentChannel ul.contentList li.link {
		background: url(images/red-raquo-bullet.png) no-repeat 0 4px !important;
		list-style: none;
		font-size: 85% !important;
		margin: 0 0 4px 8px !important;
		padding-left: 10px !important;
	}
		
		#ContentChannel ul li.link span.description { display: block; }
	#ContentChannel ul.complementary li { 
		background: url(images/red-raquo-bullet.png) no-repeat 0 4px;
		float: left;
		list-style: none;
		margin: 0 0 4px 8px;
		padding-left: 10px;
		width: 45%;
	}
		#ContentChannel ul.prContacts li { 
			background: none;
			display: inline;
			float: left;
			list-style: none;
			margin: 0 0 15px 5px;
			padding-left: 20px;
		}
	#ContentChannel .productIntro, #ContentChannel .solutionIntro { }
		#ContentChannel .productIntro .info, #ContentChannel .solutionIntro .info {
			width: 330px;
			float: left;
		}
			#ContentChannel .productIntro .noImages, #ContentChannel .solutionIntro .noImages { width: 100%; }
			#ContentChannel .productIntro .info ul { }
				#ContentChannel .productIntro .info ul li { }
			#ContentChannel .productIntro .info .button { margin-right:5px; }
		#ContentChannel .productIntro .media, #ContentChannel .solutionIntro .media {
			float: right;
			width: 220px;
		}
			#ContentChannel .productIntro .media .content, #ContentChannel .solutionIntro .media .content {
				margin: 0 auto 5px;
				width: 200px;
				height: 200px;
				overflow: hidden;
			}
				#ContentChannel .productIntro .media .content .jcarousel-clip { height: 200px; width: 200px; }
			
			#ContentChannel .productIntro .media ul, #ContentChannel .solutionIntro .media ul { margin: 0; }
				#ContentChannel .productIntro .media ul li, #ContentChannel .solutionIntro .media ul li {
					font-size: 100%;
					height: 200px;
					list-style: none;
					margin: 0;
					width: 200px;
				}
				#ContentChannel .productIntro .media p.label, #ContentChannel .solutionIntro .media p.label {
					float: left;
					font-size: 77%;
					line-height: 2.1em;
					margin-left: 10px;
					width: 120px;
				}
				#ContentChannel .productIntro .media ul.controls { float: left; }
				#ContentChannel .solutionIntro .media ul.controls { float: right; }
				#ContentChannel .productIntro .media ul.controls, #ContentChannel .solutionIntro .media ul.controls {
					height: auto;
					margin-right: 10px;
					overflow: visible;
				}
					#ContentChannel .productIntro .media ul.controls li, #ContentChannel .solutionIntro .media ul.controls li {
						display: none; /* Show with JS because controls don't work w/out JS */
						float: left;
						height: auto;
						width: auto;
					}
						#ContentChannel .productIntro .media ul.controls li a, #ContentChannel .solutionIntro .media ul.controls li a {
							background: url(images/media-controls.png) no-repeat 0 0;
							display: block;
							height: 21px;
							margin-left: 2px;
							outline: none;
							text-indent: -32000em;
							width: 16px;
						}
							#ContentChannel .productIntro .media ul.controls li a.jcarousel-next {
								background-position: -16px 0;
							}
							#ContentChannel .productIntro .media ul.controls li a.view-larger, #ContentChannel .solutionIntro .media ul.controls li a.view-larger {
								background-position: 100% 0;
								margin-left: 10px;
								width: 26px;
							}
	
	#ContentChannel #ProductCategories { margin-bottom: 20px; padding-top: 10px; position: relative;	}
		
		#ContentChannel #ProductCategories li {
			background: url(images/product-class-bg.gif) repeat-x 0 0;
			float: left;
			font-size: 100%;
			list-style: none;
			padding: 0;
			margin: 0;
			width: 258px;
		}
		#ContentChannel #ProductCategories li.middle {
			margin:0 3px;
		}
			#ContentChannel #ProductCategories li .header {
				padding: 0 10px;
			}
				#ContentChannel #ProductCategories li .header h3 {
					margin: 10px 0; 
				}
			#ContentChannel #ProductCategories li .channel {
				padding: 0 10px 40px 10px;
			}
			#ContentChannel #ProductCategories li .channel p {
				font-size: 85%;
				margin-bottom: 0;
			}
			#ContentChannel #ProductCategories li .channel h3 {
				margin: 10px 0 5px 0;
			}
			#ContentChannel #ProductCategories li .channel .noHeader {
				margin-top: 8px;
			}
			#ContentChannel #ProductCategories li .footer {
				bottom: 0;
				height: 21px;
				padding: 4px;
				position: absolute;
				width: 258px;
			}
				#ContentChannel #ProductCategories li .footer a {
					background: url(images/red-raquo-bullet.png) no-repeat 10px 4px;
					float: right;
					font-size: 85%;
					padding: 0 20px; 
				}
					#ContentChannel #ProductCategories li .footer a:hover {	text-decoration: underline; }
	
	#ContentChannel .hr { border-bottom: 1px solid #e0e0e0; margin-bottom: 20px; padding-bottom: 20px; }
		#ContentChannel .hrFirst { padding-bottom: 10px; }
		#ContentChannel .hr hr { display: none; }
		#ContentChannel .largeImages .hr {clear: both;}

	#ContentChannel .featuredLinks { padding: 8px; }
		#ContentChannel .featuredLinks h4 { margin-bottom: 10px; }
		#ContentChannel .featuredLinks .hr { margin-bottom: 10px; padding-bottom: 5px; }
	#ContentChannel .featuredLinks .left { float: left; width: 49%; }
	#ContentChannel .featuredLinks .right { float: right; width: 49%; }
		#ContentChannel .featuredLinks ul li {
			background: url(images/red-raquo-bullet.png) no-repeat 0 4px;
			float: left;
			list-style: none;
			margin: 0 0 3px 0;
			padding-left: 10px; 
			width: 45%; 
		}
			#ContentChannel .featuredLinks .left ul li { float: none; width: 97%; }
			#ContentChannel .featuredLinks .right ul li { float: none; width: 97%; }

	#ContentChannel .award dl { 
		float: left; 
		font-size: 85%;
		margin: 0 10px;
		text-align: center; 
		width: 175px;
	}
		#ContentChannel .award dl.row { clear: left; }
			#ContentChannel .award dl dt { }
				#ContentChannel .award dl dt span.name { font-weight: bold; }
				#ContentChannel .award dl dt p { font-size: 100%; }

	#ContentChannel .supportLinks { }
		#ContentChannel .supportLinks h4 {
			background: #E9E9E9;
			color: #333;
			padding: 2px 5px;
		}
		#ContentChannel .supportLinks ul { margin: 3px 0 25px 0; }
			#ContentChannel .supportLinks ul li {
				background: url(images/red-raquo-bullet.png) no-repeat 0 10px;
				line-height: 16px;
				list-style: none;
				margin: 0 0 0 5px;
				padding: 3px 0 3px 8px;
				position: relative;
			}
				#ContentChannel .supportLinks ul li span.viewTranslation { text-decoration: underline; font-size: 93%; cursor: pointer; }
				#ContentChannel .supportLinks ul li.visibleTranslations { z-index: 5; }
				#ContentChannel .supportLinks ul.twoColumn li { float: left; width: 47%; }
				#ContentChannel .supportLinks ul.translations {
					background: #ddd;
					border: 1px solid #333;
					display: none;
					margin: 0;
					padding: 10px;
					position: absolute;
					right: 100px;
					top: 4px;
					padding: 3px;
					margin: 0;
				}
					#ContentChannel .supportLinks ul.translations li { background: 0; font-size: 100%; margin: 0; padding: 0; }
			
			#ContentChannel .supportLinks ul li a { font-size: 100%; }
				#ContentChannel .supportLinks ul li a:hover { color: #00549f; }
	#ContentChannel a.backToTop { display: inline; float: right; margin: 0 20px 0 0; }
	#ContentChannel ul.sectionBlock { clear: right; margin: 0; }
	#ContentChannel ul.sectionBlock li {
		font-size: 100%;
		list-style: none;
		margin: 15px 0;
		padding: 0;
	}
		#ContentChannel ul.sectionBlock li h3 {
			float: right;
			width: 420px;
			padding-bottom: 0; 
			margin-bottom: 10px;
		}
			body.noSidebarSecondary #ContentChannel ul.sectionBlock li h3 { width: 620px; }

		#ContentChannel div.contentText ul li {
			font-size: 85%;
			list-style: disc outside;
			margin: 0 0 7px 18px;
		}
		#ContentChannel ul.largeImages li h3 { width: 360px; }
			body.noSidebarSecondary #ContentChannel ul.largeImages li h3 { width: 560px; }
		#ContentChannel ul.sectionBlock li div.content { float: right; margin-right: 20px; width: 400px; }
			body.noSidebarSecondary #ContentChannel ul.sectionBlock li div.content { width: 600px; }
		#ContentChannel ul.largeImages li div.content { width: 340px; }
			body.noSidebarSecondary #ContentChannel ul.largeImages li div.content { width: 540px; }
		#ContentChannel ul.sectionBlock li p { }
			#ContentChannel ul.sectionBlock li p.image { float: left; margin: 0; width: 140px;	}
			#ContentChannel ul.largeImages li p.image {width: 200px;}
				#ContentChannel ul.sectionBlock li .content p.more { text-align: right; }
					#ContentChannel ul.sectionBlock li .content p.more a {
						background: url(images/red-raquo-bullet.png) no-repeat left 5px;
						padding-left: 8px;
					}

	#ContentChannel .contentBlock {
		margin-bottom: 15px;
		width: 100%;
	}
		#ContentChannel .contentBlock .header {
			background: url(images/content-channel-block-bg.png) no-repeat 0 0;
			height: 8px;
		}
			body.noSidebarSecondary #ContentChannel .contentBlock .header {
				background: url(images/content-channel-block-wide-bg.png) no-repeat 0 0;
			}
		#ContentChannel .contentBlock .channel {
			background: url(images/content-channel-block-bg.png) no-repeat 0 -8px;
			padding: 0 10px;
		}
			body.noSidebarSecondary #ContentChannel .contentBlock .channel {
				background: url(images/content-channel-block-wide-bg.png) no-repeat 0 -8px;
			}

		#ContentChannel .contentBlock .footer {
			background: url(images/content-channel-block-bg.png) no-repeat 0 100%;
			height: 8px;
		}
			body.noSidebarSecondary #ContentChannel .contentBlock .footer {
				background: url(images/content-channel-block-wide-bg.png) no-repeat 0 100%;
			}
		#ContentChannel .contentBlock .bottomRight {
			background: url(images/content-channel-block-bg.png) no-repeat bottom right;
			display: block;
			height: 10px;
			margin-left: 15px;
		}
			body.noSidebarSecondary #ContentChannel .contentBlock .bottomRight {
				background: url(images/content-channel-block-wide-bg.png) no-repeat bottom right;
			}

		#ContentChannel .contentBlock h4 { padding-bottom: 0; }
		#ContentChannel .contentBlock form { float: left; padding-bottom: 10px; width: 415px; }
		#ContentChannel .contentBlock label { font-size: 85%; }
		#ContentChannel .contentBlock .searchBox { display: block; float: left; margin-bottom: 5px; width: 370px; }
		#ContentChannel .contentBlock .submit {	
			border: 0;
			display: block; 
			float: left; 
			height: 19px;
			padding: 0 5px;
			width: 25px;
		}
			/* Hover state style for the 'Go' button in the content channel knowledge base search box. This is activated using jQuery in library.js. */
			#ContentChannel .contentBlock #inquiry2 .submitHover { color: #00549f; cursor: pointer; text-decoration: underline; }

		#ContentChannel .contentBlock ul.quickLinks { float: right; margin: 0; width: 130px; }
		#ContentChannel .contentBlock ul.quickLinks li { 
			list-style-type: none;
			margin-bottom: 5px;
			text-indent: -8px;
		}

		#ContentChannel .contentBlock ul li a.advancedSearch, #ContentChannel .contentBlock ul li a.faq {
			background: url(images/red-raquo-bullet.png) no-repeat 0 4px;
			padding-left: 8px;
		}
		
	
	#ContentChannel table.pressReleases { }
		#ContentChannel table.pressReleases td, #ContentChannel table.inTheNews td {
			font-size: 85%;
			padding-bottom: 5px;
		}
			#ContentChannel table.pressReleases td.date, #ContentChannel table.inTheNews td.date {
				padding-right: 10px;
				text-align: right;
				vertical-align: top;
				width: 80px;
			}

	#ContentChannel ul.sitemap {background: url(images/sitemap-divider.gif) repeat-y;}
	#ContentChannel ul.sitemap li {
		display: inline;
		float: left;
		font-size: 100%;
		list-style:none;
		margin: 0 0 0 1px;
		padding: 0;
		width: 250px;
	}
		#ContentChannel ul.sitemap li ul li h4.highlight { border-left: 1px solid #dfdfdf; padding: 3px 5px 3px 4px;}
			#ContentChannel ul.sitemap li.first ul li h4.highlight { border-left:0; padding: 3px 5px;}
		#ContentChannel ul.sitemap li ul li { background: 0; display: block; float: none; margin-left: 0;}
			#ContentChannel ul.sitemap li ul li ul {margin-bottom: 20px;}
			#ContentChannel ul.sitemap li ul li ul li { font-size: 85%; padding-left: 5px; margin-bottom: 20px; width: 240px; }
				#ContentChannel ul.sitemap li ul li ul li a { font-weight: bold; }
					#ContentChannel ul.sitemap li ul li ul li a:hover {text-decoration: underline;}
				#ContentChannel ul.sitemap li ul li ul li ul { margin-bottom: 0; }
					#ContentChannel ul.sitemap li ul li ul li ul li { font-size: 100%; margin: 0 0 0 15px; padding: 0 0 2px 0; width: 225px; }
					#ContentChannel ul.sitemap li ul.contentList li.link { font-size: 100% !important; }
						#ContentChannel ul.sitemap li ul li ul li ul li a { color: #333; font-weight: normal; }
							#ContentChannel ul.sitemap li ul li ul li ul li a:hover { color: #00549f; }
	
	.contactBlock { margin-bottom: 15px; }
		body.home .contactBlock { margin-bottom: 0px; }
		
		/* Accomodate contact blocks in center channel on pages w/out a right channel */
		#ContentChannel .contactBlock {
			position: absolute;
			right: -5px;
			top: 13px;
			width: 195px;
		}
			body.noSidebarSecondary .contactBlock { margin-top: 30px; }

		.contactBlock .header {
			background: url(images/right-channel-block-bg.png) no-repeat 0 0;
			height: 8px;
		}
		.contactBlock .channel {
			background: url(images/right-channel-block-bg.png) no-repeat 0 -8px;
			padding: 0 10px;
		}
		.contactBlock .footer {
			background: url(images/right-channel-block-bg.png) no-repeat 0 100%;
			height: 8px;
		}
		
		.contactBlock h4 {
			color: #333;
			font-size: 11px; /* Fixed size to prevent resizing from breaking display */
			padding-bottom: 4px !important;
		}

		.contactBlock ul { margin-bottom: 0; }
			#ContentChannel .contactBlock ul { margin-bottom: 0; }

	  /* Need vertical centering solution that works for both one and two lines of text.
		 See: http://www.ilikespam.com/blog/centering-multiple-line-content-with-css */
		.contactBlock ul li { 
			display: table;
			font-size: 11px;
			height: 26px;
			line-height: 1.2;
			margin-left: 0 !important;
		}
			#ContentChannel .contactBlock ul li { font-size: 11px; list-style: none; margin: 0; }
			
			.contactBlock ul li a, .contactBlock ul li span {
					background: 0;
					color: #333;
					display: table-cell;
					padding: 0 0 0 28px;
					vertical-align: middle;
					width: 122px;
			}
				body.home .contactBlock ul li a, body.home .contactBlock ul li span { width: 262px; }
				.contactBlock ul li a:hover { color: #00549f; }

			/* Icons */
			/* We can't put the icon on the a or span because of the vertical align requirement to support multiple lines of text */
			.contactBlock ul li#ContactPhone { background: url(images/contactus_cellphone_icon.jpg) no-repeat 0 50%; }
			.contactBlock ul li#ContactSalesContactMe { background: url(images/contactus_mouse_icon.jpg) no-repeat 0 50%; }
			.contactBlock ul li#ContactLiveChat { background: url(images/contactus_chat_icon.jpg) no-repeat 0 50%; }

				
ul#Breadcrumbs { float: left; margin: 2px 0 12px; }
  ul#Breadcrumbs li { float: left; }
		ul#Breadcrumbs li a, ul#Breadcrumbs li em {
			background: url(images/breadcrumb-divider.png) no-repeat 5px 50%;
			color: #333;
			display: block;
			font-size: 9px;
			font-style: normal;
			padding: 2px 0 2px 14px;
		}
			ul#Breadcrumbs li.first a { background: 0; padding-left: 0; }
			ul#Breadcrumbs li a:hover { color: #00549f; }

ul#PageTools { clear: both; margin: 0 210px 5px 210px; padding-top: 5px; }
	ul#PageTools li { }
	  ul#PageTools li.first { float: left; }
	  ul#PageTools li.last { float: right; }
		ul#PageTools li a { color: #00549f; font-size: 11px; }
   
/* Homepage */
.topFlashContainer {
	background: #f5f5f5;
	display: block;
	margin-bottom: 3px;
	padding: 15px 10px;
	width: 625px;
}

.bottomFlashContainer { margin-bottom: 24px; }

/* Right Channel */
#SidebarSecondary {
  float: right;
	margin-right: 10px;
	margin-top: 30px;
}
body.home #SidebarSecondary { margin-top: 0; }

	#SidebarSecondary p { font-size: 85%; }

	#SidebarSecondary .promoBlock { margin-bottom: 15px; }

	#SidebarSecondary .contentBlock { margin-bottom: 15px; }
		body.home #SidebarSecondary .contentBlock {
			background: url(images/dotted-line.jpg) repeat-x 0 0; 
			margin: 0 10px 15px;
			padding-top: 5px;
		}
		#SidebarSecondary .contentBlock .header {
			background: url(images/right-channel-block-bg.png) no-repeat 0 0;
			height: 8px;
		}
			body.home #SidebarSecondary .contentBlock .header { background: 0; height: auto; }

		#SidebarSecondary .contentBlock .channel {
			background: url(images/right-channel-block-bg.png) no-repeat 0 -8px;
			padding: 0 10px;
		}
			body.home #SidebarSecondary .contentBlock .channel { background: 0; padding: 0; }
			
			body.home #SidebarSecondary .contentBlock .header h4, body.home #SidebarSecondary .contactBlock h4 {
				color: #00549f;
				font-size: 85%;
				margin-bottom: 4px;
				padding-bottom: 0;
			}
			#SidebarSecondary .contentBlock .channel h4 {
				font-size: 11px; /* Prevent resizing from breaking display */
			}

			#SidebarSecondary .contentBlock .channel ul { margin-bottom: 0px; }
				#SidebarSecondary .contentBlock .channel ul li {
					background: url(images/red-raquo-bullet.png) no-repeat 0 4px;
					font-size: 11px;
					padding: 0 0 5px 8px;
				}
					body.home #SidebarSecondary .contentBlock .channel ul li { padding-bottom: 0; }
						body.home #SidebarSecondary .contentBlock .channel ul li.viewMore { margin-top: 10px; }
					#SidebarSecondary .contentBlock .channel ul li a { color: #333; }
						#SidebarSecondary .contentBlock .channel ul li a:hover { color: #00549f; }

		#SidebarSecondary .contentBlock .footer {
			background: url(images/right-channel-block-bg.png) no-repeat 0 100%;
			height: 8px;
		}
			body.home #SidebarSecondary .contentBlock .footer { background: 0; height: auto; }

	#SidebarSecondary .richMediaContentBlock { margin-bottom: 15px; }
	/* CSS selector used by the Rich Media Content Block flash to determine/change the height of the block. */
	#rightnav #rhs_flash_navi { outline: none; }

	#SidebarSecondary .knowledgeBaseSearch {
		background: #d9d9d9 url(images/knowledge-base-bg.jpg) repeat-x;
		border: 1px solid #e0e0e0;
		margin-bottom: 15px;
		padding: 10px;
	}
		#SidebarSecondary .knowledgeBaseSearch p { font-size: 85%; }
		#SidebarSecondary .knowledgeBaseSearch form {	margin: 10px 0; }
		#SidebarSecondary .knowledgeBaseSearch ul { }
		 	#SidebarSecondary .knowledgeBaseSearch ul li { float: left;	margin-top: 3px; width: 100%;	}
				#SidebarSecondary .knowledgeBaseSearch ul li input { float: left;	padding: 0;	margin: 0; }
				#SidebarSecondary .knowledgeBaseSearch ul li label { float: left; }

		#SidebarSecondary .knowledgeBaseSearch input { font-size: 85%; margin: 2px 0; }
		#SidebarSecondary .knowledgeBaseSearch label { font-size: 85%; margin-left: 3px; }
		#SidebarSecondary .knowledgeBaseSearch .searchBox {	display: block; float: left; width: 95px; }
		#SidebarSecondary .knowledgeBaseSearch .submit {
			border: 0;
			display: block; 
			float: left; 
			height: 19px;
			padding: 0 5px;
			width: 25px;
		}
			/* Hover state style for the 'Go' button in the right channel knowledge base search box. This is activated using jQuery in library.js. */
			#SidebarSecondary .knowledgeBaseSearch .submitHover { color: #00549f; cursor: pointer; text-decoration: underline; }
		
		#SidebarSecondary .knowledgeBaseSearch p a {
			background: url(images/red-raquo-bullet.png) no-repeat 0 4px;
			color: #333;
			padding-left: 8px;
		}
		#SidebarSecondary .knowledgeBaseSearch p a:hover { color: #00549f; }
	

		body.home #SidebarSecondary .contactBlock .header { background: none; }
			body.home #SidebarSecondary .contactBlock .channel { background: none; }
				body.home #SidebarSecondary .contactBlock .footer { background: none; }

#FooterWrapper {
	background: #fff url(images/shadow-sides.gif) repeat-y 0 0;
}
	html.plainView #FooterWrapper { background: #fff; }

#Footer {
	background: url(images/shadow-bottom.png) no-repeat 0 100%;
	margin-top: -10px; 
	padding: 0 5px;
	position: relative;
	z-index: 4;
}
	html.plainView #Footer { background: #fff; }
	#Footer .channel { 
		background: url(images/footer-bg.png) no-repeat 0 0;
		padding: 12px 1px 0;
	}
		#Footer .channel .content {
			border-top: 4px solid #999999;
			padding: 4px 12px 23px 0;
		}
	#Footer a {	color: #333; }
		#Footer a:hover { color: #00549f; }
  #Footer p.copy { float: right; font-size: 11px; }
  #Footer ul.siteLinks { position: absolute; left: 18px; }
    #Footer ul.siteLinks li {
			border-right: 1px solid #999999;
			float: left;
			font-size: 11px;
			line-height: 12px;
			padding-right: 13px;
		}
			#Footer ul.siteLinks li a { padding-left: 13px; display: block; }
				#Footer ul.siteLinks li.first a { padding-left: 0; }

#LanguageChange {
	font-size: 85%;
	padding: 15px;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10;
}
	#LanguageChange a.close {
		background: url(images/close.gif) no-repeat right center;
		color: #333;
		float: right;
		padding-right: 3px;
	}
		#LanguageChange a.close:hover {	color: #00549f;	}
	#LanguageChange h4 { clear: right; color: #DE0004; padding: 3px 0; }
	#LanguageChange label { width: 90%; }
	#LanguageChange select.selection {
		float: right;
		margin: 3px 3px 0 0;
		padding: 0;
	}
	#LanguageChange .languageSubmit { margin-top: 10px; outline: none; }
	
/* Utility Classes */
.selfClear:after { /* Make elements self-clearing - see http://positioniseverything.net/easyclearing.html */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* jCarousel base styles */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

#ToolTip {
	position: absolute;
	border: 1px solid #999;
	background: #CCC;
	padding: 2px 5px;
	color: #333;
	display: none;
	z-index: 999;
}
/* facebox CSS */
#ProductMediaModal {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#ProductMediaModal .popup {
  position: relative;
}

#ProductMediaModal .header {
	background: #fff;
	padding: 5px 10px;
	text-align: right;
}
	#ProductMediaModal .header a {
		color: #333;
	}
		#ProductMediaModal .header a:hover {
			color: #00549f; text-decoration: underline;
		}

#ProductMediaModal .channel .content {
	background: #fff;
	padding: 5px 10px;
}

#ProductMediaModal .footer {
	background: #fff;
	padding: 5px 10px;
}

#ProductMediaModal .loading {
  text-align: center;
}

#ProductMediaModal .image {
  text-align: center;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

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


/* contact us */
#contact_main_map {background:url(images/contactus_bg.jpg) repeat-x top left; padding:0 20px;}
#contact_main_map #contact_main_nav {margin-left:50px;}
#contact_main_map #contact_main_nav td {background:url(images/contactus_nav_btn.gif) no-repeat; padding:6px 10px;}
#contact_main_map #contact_main_nav a {text-decoration:none;}

#contact_small_map {
	background: url(images/contactus_bg.jpg) repeat-x 0 0;
	padding: 20px;
}
#contact_small_map #contact_small_nav {}
#contact_small_map #contact_small_nav td {background:url(images/contactus_nav_btn.gif) no-repeat; padding:5px 10px;}
#contact_small_map #contact_small_nav a {font-size: 85%; text-decoration:none;}


/* Printer Friendly */
body.print {background: #fff;}

body.print #NavigationPrimary {display:none;}

body.print #Wrapper { 
	background: 0; 
	width: 822px; 
}
body.print #WrapperChannel {background:0;}
body.print #MainBody {background: 0;}
body.print #MainBodyWrapper {background: 0;}
body.print #Header { 
	background: 0; 
	display: none; 
}
body.print #Breadcrumbs {display: none;}
body.print #Toolbar {display:none;}
body.print #MainChannel {width: 780px;}
body.print #Content {float: left;}
body.print #ContentChannel {margin-top: 20px;}
body.print #SidebarPrimary {display:none;}
body.print #SidebarSecondary {display:none;}
body.print #PageTools {display:none;}
body.print #FooterWrapper {display:none;}

body.print #ContentChannel .contactBlock ul li {display:table-row; line-height: 25px; width:130px;}
body.print #ContentChannel .contactBlock ul li sup {background: #fff; display: inline-block; vertical-align:baseline; float:right;}

body.print ol#footnoteLinks {margin-left: 30px;}
body.print ol#footnoteLinks li {
	font-size: 85%;
	list-style-type: decimal;
}
/* End of Printer Friendly */