/* 
 * styles.css
 *
 * The styles.css file contains CSS styles that are used for all browsers.
 */

/*
 @media print {
    body { font-size: 13px }
  }
  @media screen {
    body { font-size: 13px }
  }
  @media screen, print {
    body { line-height: 1.2 }
  }
*/

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: #e00009; outline: none; text-decoration: none; }
	a:hover { color: #e00009; text-decoration: underline; }
h1, h2, h3, h4, h5 { color: #4c4c4c; font-weight: bold; }
	h1 { 
		font-size: 14px; 
		color: #ee2118; 
		
}		
	h2 { font-size: 12px; font-weight: bold; color: #e00009; } /* Equivalent to 14px */ /*changed font-weight from normal to bold - 10/20/11 - mitch */

	h3 { font-size: 12px; } /* Equivalent to 12px */
	h4 { font-size: 12px; } /* 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.noSidebarPrimaryOrSidebarSecondary #MainBody { background: 0; }
body.noSidebarPrimaryOrSidebarSecondary #MainChannel { width: 72.5em; }
body.noSidebarPrimaryOrSidebarSecondary #Content { width: 72.4em; }
*/

#Wrapper {
	background: url(../images/wrapper/shadow-top.png) no-repeat 0 0;
  margin: 30px auto 0; /* Make content centered */
	padding-top: 5px;
}
#WrapperChannel {
	background: #fff url(../images/wrapper/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 {
    /* background-image:url("/global/images/tricon_header.jpg"); */ /*commented out 10/20/11 - mitch */
	background-position:100% 0;
	background-repeat:no-repeat;

	position: relative;
	z-index: 10;
}

#Header_Home {
	position: relative;
	z-index: 10;
}


	#SiteId { background: #fff; float: left; }
	#HeaderWorldMap { position:absolute; top:30px; }
	ul#Toolbar { 
		float: right; 
		margin: 45px 10px 0 0;
	}
		ul#Toolbar li {
			border-right: 1px solid #FF0000;
			float: left;
			font-size: 11px;
			line-height: 1em;
			margin-right: 6px;
			padding-right: 6px;
		}
			ul#Toolbar li.last { border: 0; margin-right: 5px; padding: 0;}
			ul#Toolbar li.countryRegion { font-weight: bold; }
			ul#Toolbar li.language { margin-right:68px; }
			ul#Toolbar li.selectLanguage { font-weight: bold; padding-left:6px; border-left: 1px solid #FF0000; }
			ul#Toolbar li.countryChange { margin-right: 5px; padding: 0px; }
			 
			ul#Toolbar li a { color: #333; }
				ul#Toolbar li a:hover { color: #e00009; }

/* Top Navigation */
#NavigationPrimary {
	background: url(../images/primary-nav-bg.png) no-repeat 0 0;
	padding: 0 0 23px;
	clear: both;
}

/* To test the new home page .. Need to remove after the test */
#NavigationPrimary_homepage {
	background: url(../images/primary-nav-bg-350px.png) no-repeat 0 0;
	padding: 0 0 23px;
	clear: both;
	
}

	#NavigationPrimary_homepage .content { border-bottom: 5px solid #780000; }
	#NavigationPrimary_homepage ul {
		float: left;
		z-index: 2;
	}
	  #NavigationPrimary_homepage 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/primary-nav/divider-bg.png) no-repeat 100% 65%;
	  }
	    #NavigationPrimary_homepage 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_homepage 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_homepage ul li.first a { padding-left: 18px; }
				#NavigationPrimary_homepage ul li.active a { color: #e00009; }
					/* Prevent 2nd level items of active primary from getting highlight color */
					#NavigationPrimary_homepage ul li.active li a { color: #333; }
	      #NavigationPrimary_homepage ul li a:hover { /* Topnav links on hover (over) */
					color: #e00009 !important; /* Need !important because of override for 2nd level items of active primary */
					text-decoration: underline;
	      }
	    #NavigationPrimary_homepage 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_homepage ul li.over ul {
	        display: block; /* Show the dropdown on hover */
	      }
	      #NavigationPrimary_homepage ul li ul li { /* Dropdown item */
	        float: none; /* Make dropdown items appear on top of each other, not next to */
	      }
	        #NavigationPrimary_homepage 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_homepage ul li.first ul li a, { padding-left: 18px; }
						#NavigationPrimary_homepage ul li ul li.first a { padding-left: 17px; }


		#NavigationPrimary_homepage #Search { float: right; margin: 3px 10px 0 0; }
			#NavigationPrimary_homepage #Search input { display: block; float: left; }
				#NavigationPrimary_homepage #Search input.text { font-size: 10px; line-height: 1.1em; margin-top: 2px; width: 120px; }
				#NavigationPrimary_homepage #Search input.image { margin-left: 3px; }

/* END of test code.. need to remvoe this chunk */





	#NavigationPrimary .content { border-bottom: 5px solid #780000; }
	#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/primary-nav/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: #e00009; }
					/* 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: #e00009 !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; }

#MainBodyWrapper {
/*	background: #fff url(../images/wrapper/shadow-sides.gif) repeat-y 0 0;	*/
}
#MainBodyWrapper_homepage {

}

#MainBody {
background:url("../images/brandZone/left-nav-right-separator.gif") repeat-y scroll 180px 0 #FFFFFF;/* faux columns */
margin:-20px 0 0;/* -20px on top is to enable background overlap */
min-height:478px;
padding:13px 0 10px;
position:relative;/* to facilitate */
z-index:2;/* topnav dropdowns */
}

/*#MainBody { 
	background: #fff url(../images/main-body-bg.jpg) repeat-y 0 0; 
	min-height: 478px;
	margin: -20px 0 0; 
	padding: 13px 0 10px;
  position: relative; 
  z-index: 2;         
}*/



body.home #MainBody {
	background: url(../images/home-main-body-bg.jpg) repeat-y 0 0;
}


body.home #MainBody_homepage {
	
	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 */

}
/* 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/secondary-nav/arrow-bullet-right.png) no-repeat 8px 9px;
					color: #333;
					display: block;
					font-size: 12px;
					font-weight: bold;
					padding: 6px 6px 6px 22px;
				}
					#NavigationSecondary ul li a.active { color: #e00009; }
					#NavigationSecondary ul li.open a {
						background: #eee url(../images/secondary-nav/arrow-bullet-down.png) no-repeat 8px 9px;
					}
					#NavigationSecondary ul li a:hover { color: #e00009; }
				#NavigationSecondary ul li ul { }
					#NavigationSecondary ul li ul li { border-bottom: 1px solid #eee; backgrond-color: #F9F9F9;}
						#NavigationSecondary ul li ul li.last { border-bottom: 0; background-color: #F9F9F9;}
						#NavigationSecondary ul li ul li a, #NavigationSecondary ul li.open ul li a {
							background: #f9f9f9 url(../images/secondary-nav/plus-box-bullet.png) no-repeat 6px 8px;
							font-weight: normal;
							padding-left: 22px;
						}
							#NavigationSecondary ul li ul li.open a {
								background: #f9f9f9 url(../images/secondary-nav/minus-box-bullet.png) no-repeat 6px 8px;
							}
							#NavigationSecondary ul li ul li.childless a { background: 0; background-color:#F9F9F9;}

						#NavigationSecondary ul li ul li ul { padding-bottom: 4px; background-color:#F9F9F9;}
							#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/secondary-nav/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;
	font: 13px;
}
	#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: #e00009; font-weight: bold; }
	#ContentChannel ul { margin-bottom: 10px; }
		#ContentChannel ul li {
	font-size: 85%;
	padding: 0px;
	margin-bottom: 8px;

		}
	#ContentChannel ol { margin-bottom: 10px; }
		#ContentChannel ol li {
			font-size: 12px;
			list-style: decimal outside;
			margin: 0 0 7px 28px;
		}
	
#ContentChannel .piclf img{position:relative; top:0%; margin-top:48px; margin-left:20px;}
#ContentChannel span.fr{margin-right:5px;}
#ContentChannel div.tupleft {
	margin:0;
	padding-bottom: 10px;
	float: left;
}	
#ContentChannel img.leftpic { border:0px solid #dedede; padding:0; float:left;}		
	#ContentChannel div.contentText p { margin:0; padding-bottom: 10px; }
	#ContentChannel div.contentText table td { font-size: 100%; }	
	
	#ContentChannel a.link {
		background: url(../images/common/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/common/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/common/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/products/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: inherit;	}
		
		#ContentChannel #ProductCategories li {
			background: url(../images/common/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/common/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: 15px; padding-bottom: 15px; }
		#ContentChannel .hrFirst { padding-bottom: 10px; }
		#ContentChannel .hr hr { display: none; }
		#ContentChannel .largeImages .hr {clear: both;}
	#ContentChannel .jiage {
	color: #FF0000;
	font-weight: bold;
	font-size: 14px;
}
	#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/common/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/common/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: #e00009; }
	#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: 90%;
			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/common/red-raquo-bullet.png) no-repeat left 5px;
						padding-left: 8px;
					}

	#ContentChannel .contentBlock {
		margin-bottom: 15px;
		width: 100%;
	}
		#ContentChannel .contentBlock .header {
			background: url(../images/common/content-channel-block-bg.png) no-repeat 0 0;
			height: 8px;
		}
			body.noSidebarSecondary #ContentChannel .contentBlock .header {
				background: url(../images/common/content-channel-block-wide-bg.png) no-repeat 0 0;
			}
		#ContentChannel .contentBlock .channel {
			background: url(../images/common/content-channel-block-bg.png) no-repeat 0 -8px;
			padding: 0 10px;
		}
			body.noSidebarSecondary #ContentChannel .contentBlock .channel {
				background: url(../images/common/content-channel-block-wide-bg.png) no-repeat 0 -8px;
			}

		#ContentChannel .contentBlock .footer {
			background: url(../images/common/content-channel-block-bg.png) no-repeat 0 100%;
			height: 8px;
		}
			body.noSidebarSecondary #ContentChannel .contentBlock .footer {
				background: url(../images/common/content-channel-block-wide-bg.png) no-repeat 0 100%;
			}
		#ContentChannel .contentBlock .bottomRight {
			background: url(../images/common/content-channel-block-bg.png) no-repeat bottom right;
			display: block;
			height: 10px;
			margin-left: 15px;
		}
			body.noSidebarSecondary #ContentChannel .contentBlock .bottomRight {
				background: url(../images/common/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: #e00009; 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/common/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/common/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: #e00009; }
	
	.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;
			z-index: 15;
		}
			body.noSidebarSecondary .contactBlock { margin-top: 30px; }

		.contactBlock .header {
			background: url(../images/common/right-channel-block-bg.png) no-repeat 0 0;
			height: 8px;
		}
		.contactBlock .channel {
			background: url(../images/common/right-channel-block-bg.png) no-repeat 0 -8px;
			padding: 0 10px;
		}
		.contactBlock .footer {
			background: url(../images/common/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: 12px;
			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: #E00009; }

			/* 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(../blt_files/contactus_cellphone_icon.jpg) no-repeat 0 50%; }
			.contactBlock ul li#ContactSalesContactMe { background: url(../images/common/contactus_mouse_icon.jpg) no-repeat 0 50%; }
			.contactBlock ul li#ContactLiveChat { background: url(../images/common/contactus_chat_icon.jpg) no-repeat 0 50%; }
			.contactBlock ul li#ContactDemo { background: url(../images/common/request-demo-icon.jpg) no-repeat 0 50%; }
			.contactBlock ul li#ContactBook { background: url(../images/common/contactus-keep-me-informed-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: 12px;
			font-style: normal;
			padding: 2px 0 2px 14px;
		}
			ul#Breadcrumbs li.first a { background: 0; padding-left: 0; }
			ul#Breadcrumbs li a:hover { color: #e00009; }

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: #e00009; font-size: 11px; }
   
/* Homepage */
.topFlashContainer {
	background: #f5f5f5;
	display: block;
	margin-bottom: 3px;
	padding: 15px 10px;
	width: 625px;
}
.topFlashContainer_homepage {
	background: #f5f5f5;
	display: block;
	margin-bottom: 3px;
	margin-top:-13px;
	width: 645px;
}


.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/home/dotted-line.jpg) repeat-x 0 0; 
			margin: 0 10px 15px;
			padding-top: 5px;
		}
		#SidebarSecondary .contentBlock .header {
			background: url(../images/common/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/common/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: #e00009;
				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/common/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: #e00009; }

		#SidebarSecondary .contentBlock .footer {
			background: url(../images/common/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/sidebar-secondary/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: #e00009; cursor: pointer; text-decoration: underline; }
		
		#SidebarSecondary .knowledgeBaseSearch p a {
			background: url(../images/common/red-raquo-bullet.png) no-repeat 0 4px;
			color: #333;
			padding-left: 8px;
		}
		#SidebarSecondary .knowledgeBaseSearch p a:hover { color: #e00009; }
	

		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/wrapper/shadow-sides.gif) repeat-y 0 0;
}
	html.plainView #FooterWrapper { background: #fff; }

#Footer {
	background: url(../images/wrapper/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 #780000;
			padding: 4px 12px 23px 0;
		}
	#Footer a {	color: #333; }
		#Footer a:hover { color: #e00009; }
  #Footer p.copy { float: right; font-size: 11px; }
  #Footer ul.siteLinks { position: absolute; left: 18px; }
    #Footer ul.siteLinks li {
			border-right: 1px solid #f00;
			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 {
	background: #F5F5F5;
	border: 1px solid #CCC;
	display: none;
	font-size: 85%;
	padding: 15px;
	position: absolute;
	top: 60px;
	right: 50px;
	width: 245px;
	z-index: 10;
}
	#LanguageChange a.close {
		background: url(../images/common/close.gif) no-repeat right center;
		color: #333;
		float: right;
		padding-right: 20px;
	}
		#LanguageChange a.close:hover {	color: #e00009;	}
	#LanguageChange h4 { clear: right; color: #DE0004; padding: 15px 0; }
	#LanguageChange label { width: 90%; }
	#LanguageChange select.selection {
		float: left;
		height: 115px;
		margin: 10px 10px 0 0;
		padding: 0;
		width: 205px;
	}
	#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: #e00009; 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/contact_us/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/contact_us/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/contact_us/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/contact_us/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;
	font-size: 100%;
	overflow : visible !important;
	float: none !important;
}

body.print #NavigationPrimary {display:none;}

body.print #Wrapper { 
	background: 0; 
	width: 822px; 
	overflow : visible !important;
	float: none !important;
	position:relative;
}
body.print #WrapperChannel {background:0; overflow : visible !important; float: none !important;}
body.print #MainBody {background: 0; overflow : visible !important; float: none !important;}
body.print #MainBodyWrapper {background: 0; overflow : visible !important; float: none !important;}
body.print #Header { 
	background: 0; 
	display: none; 

}
body.print #Breadcrumbs {display: none;}
body.print #Toolbar {display:none;}
body.print #MainChannel {width: 780px; overflow : visible !important; float: none !important;}
body.print #Content { overflow : visible !important; float: none !important;}
body.print #ContentChannel {margin-top: 20px; overflow : visible !important; float: none !important;}
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; overflow : visible !important; float: none !important;} 
body.print #ContentChannel .contactBlock ul li sup {background: #fff; display: inline-block; vertical-align:baseline;  overflow : visible !important; float: none !important;}

body.print ol#footnoteLinks {margin-left: 30px; overflow : visible !important; float: none !important;}
body.print ol#footnoteLinks li {
	font-size: 85%;
	list-style-type: decimal;
	overflow : visible !important;
	float: none !important;
}

#ContentChannel .productIntro .info .button_special { margin-right:-6px; }
#ContentChannel .productIntro .info .button_special_comp { }
#ContentChannel .productIntro .info .button {margin-left:5px; margin-right:5px;}

#ContentChannel .productIntro .info .button_morespace {margin-left:10px; margin-right:5px;}

/* End of Printer Friendly */


/* Solutions Block */


#ContentChannel .contentBlock .Largechannel {
background:url("/global/images/content-channel-block-bg_3000.png") no-repeat scroll 0 -8px transparent;
padding:0 10px;
}


#ContentChannel .solutionIntro .media ul li{

  height:100%;
}


#ContentChannel .solutionIntro .media .content{
height:100%;
}
#ContentChannel .SolutionscontentBlock {
margin-bottom:0;
width:100%;
}
#ContentChannel .productIntro, #ContentChannel .solutionIntro .info { }

 #ContentChannel .solutionIntro .media {
			float: right;
			width: 220px;
			height:150px;
		}

#ContentChannel ul.solutionDetail li .content span.more {
background:url("../images/common/red-raquo-bullet.png") no-repeat scroll 0 4px transparent;
font-size:100%;
margin:0 0 3px 10px;
padding-left:10px;
}


#ContentChannel ul.solution_sectionList li {
font-size:100%;
list-style:none outside none;
margin:0;
padding-top:10px;
}

#ContentChannel ul.sectionList {
clear:right;
margin:0;
}



#ContentChannel ul.solution_sectionList li div.content {
float:right;
margin-right:0px;
width:400px;
}

#ContentChannel ul.solution_sectionList li div.contentNoImage {
float:left;
margin-right:0px;
width:540px;
}

#ContentChannel ul.solution_sectionList li div.contentNoImage .contentText p{
padding-bottom:0px;
}

#ContentChannel ul.solution_sectionList li div.contentNoImage .contentText li{
margin:0 0 0 18px;
}

#ContentChannel ul.solution_sectionList li div.contentNoImage ul.contentList li.link {
background:url("../images/common/red-raquo-bullet.png") no-repeat scroll 0 7px transparent !important;
font-size:85% !important;
list-style:none outside none;
margin:0 0 0px 2px !important;
padding-left:10px !important;
padding-top:3px !important;
}


#ContentChannel ul.solution_sectionList li div.content {
	width:400px;
}


#ContentChannel ul.solution_sectionList li p.image {
float:left;
margin:0;

}

#ContentChannel ul.solution_sectionList li h3 {
float:right;
margin-bottom:10px;
padding-bottom:0;
width:400px;
}
#ContentChannel ul.solution_sectionList li h3NoImage {
float:left;
margin-bottom:10px;
padding-bottom:0;
width:540px;
font-weight:bold;
}

#ContentChannel ul.solution_sectionList li h3 {
width:400px;
}

#ContentChannel ul.solution_sectionList li .content p.more a  {
background:url("../images/common/red-raquo-bullet.png") no-repeat scroll left 5px transparent;
padding-left:8px;
}

#ContentChannel ul.solution_sectionList li div.contentNoImage p.more a 
 {
background:url("../images/common/red-raquo-bullet.png") no-repeat scroll left 5px transparent;
padding-left:8px;
}



#ContentChannel ul.solution_sectionList li .content p.more {
text-align:right;
}

#ContentChannel ul.solution_sectionList li div.contentNoImage  p.more {
text-align:right;
}

#ContentChannel ul.solution_sectionList li div.content ul li
{
padding:0px;
list-style: disc outside none;
margin:0px;
margin-left:18px;
margin-bottom:2px;

}


#ContentChannel  ul.sectionVer {
margin-bottom:20px;
padding-top:10px;
position:relative;
}

#ContentChannel ul.sectionVer li {
float:left;
font-size:100%;
list-style:none outside none;
margin:0;
padding:0;
width:190px;

}

#ContentChannel ul.sectionVer li .channelList {

padding:0 10px 25px;
}

#ContentChannel ul.sectionVer li .channelListSecond {
padding:0 10px 25px;
}

#ContentChannel ul.sectionVer li .channelList p {
font-size:85%;
margin-bottom:15px;
text-align:center;
}

#ContentChannel ul.sectionVer li .channelListSecond p {
font-size:85%;
margin-bottom:10px;
text-align:center;
}

#ContentChannel ul.sectionVer li .content p.more a {
background:url("../images/common/red-raquo-bullet.png") no-repeat scroll left 5px transparent;
padding-left:8px;
}

#ContentChannel ul.sectionVer li .content p.more {
text-align:right;
}

#ContentChannel ul.sectionVer li .content p.awardtext {
text-align:left;
padding-left:10px;
}

#solutionsContainer{
margin-top: -15px;
}
#ContentChannel .contentBlock .grayheader {
			background: url(/global/images/content-channel-block-gray-bg.png) no-repeat 0 0;
			height: 8px;
		}


	#ContentChannel .contentBlock .grayfooter {
			background: url(/global/images/content-channel-block-gray-bg.png) no-repeat 0 100%;
			height: 8px;
		}

		#ContentChannel .contentBlock .graychannel {
			background: url(/global/images/content-channel-block-gray-bg.png) no-repeat 0 -8px;
			padding: 0 10px;
		}
			body.noSidebarSecondary #ContentChannel .contentBlock .graychannel {
				background: url(/global/images/content-channel-block-gray-bg.png) no-repeat 0 -8px;
			}


		


		#ContentChannel .solutionLinks { padding-left: 5px; }
		#ContentChannel .solutionLinks h4 { margin-bottom: 10px; }
		#ContentChannel .solutionLinks .hr { margin-bottom: 10px; padding-bottom: 5px; }
		#ContentChannel .solutionLinks .left { float: left; width: 49%; background:none;  padding-top:5px;}
		#ContentChannel .solutionLinks .leftwidth { float: left; width: 100%; background:none;  padding-top:5px;}
		#ContentChannel .solutionLinks .leftwidth ul li {
			background: url(../images/common/red-raquo-bullet.png) no-repeat 0 4px;
			float: left;
			list-style: none;
			margin: 0 0 3px 0;
			padding-left: 10px; 
			width: 100%; 
		}
		#ContentChannel .solutionLinks .right { float: right; width: 49%; padding-top:5px;}
		#ContentChannel .solutionLinks .Assetleft { float: left; width: 49%;  padding-top:5px; padding-bottom:10px;}
		#ContentChannel .solutionLinks ul li {
			background: url(../images/common/red-raquo-bullet.png) no-repeat 0 4px;
			float: left;
			list-style: none;
			margin: 0 0 3px 0;
			padding-left: 10px; 
			width: 45%; 
		}
	
	#ContentChannel .solutionLinks .left ul li { float:none; width: 97%; }
			#ContentChannel .solutionLinks .Assetleft ul li { float:none; width: 97%; background:none; height:44px; display:inline;}
			#ContentChannel .solutionLinks .Assetleft ul li img{  }
			#ContentChannel .solutionLinks .Assetleft ul li img.middle{float:left; }
			#ContentChannel .solutionLinks .Assetleft ul li span  {float:left;height:44px;margin-left:10px;width:200px;}

			#ContentChannel .solutionLinks .right ul li { float: none; width: 97%; }
/*End of Solutions Block */


/*homepage Redesign*/
body.home #SidebarSecondary .contentBlock .footer {
background:url("../images/brandZone/right-channel-block-bg-230px.png") no-repeat scroll 0 100% transparent;
height:4px;
width:230px;
}


#FooterWrapper {
background:none repeat scroll 0 0 #FFFFFF;
}

#Footer {
background:none;
margin-top:-10px;
padding:0 5px;6/21/2010
position:relative;
z-index:4;
}



#Footer .channel {
padding:40px 1px 0;
background:none;
}

#Footer .channel .content {
border-top:1px solid #FF0000;
padding:4px 12px 22px 0;
}

#Footer ul.siteLinks li {
border-right:none;
float:left;
font-size:10px;
line-height:9px;
padding-right:8px;
}

#Footer ul.siteLinks li.last{
border-right:none;
float:left;
font-size:10px;
line-height:9px;
padding-right:8px;
}
span#shareFooter_image
{
line-height:0px;
padding-left:10px;
vertical-align: top;
}
span#footer_image
{
padding-left:10px;
vertical-align: top;

}

#Footer ul.siteLinks li a {
padding-left:8px;
padding-top:1px;
padding-bottom:1px;
}


#Footer ul.siteLinks li a:hover {
text-decoration:underline !important;
}

#Footer ul.siteLinks li.divider_footer{
padding:0px;

}




#Footer ul.siteLinks li a.addthis_button {
background:url("/global/images/common/share-icon.jpg") no-repeat scroll 45px 0 transparent;
padding:1px 20px 5px 10px;
}

#Footer ul.siteLinks li a.addthis_icon {
background:url("/global/images/common/social-media-bw.jpg") no-repeat scroll 63px 0 transparent;
padding:1px 140px 5px 10px;
}

#Footer ul.siteLinks li a.addthis_icon:hover {
background:url("/global/images/common/social-media-color.jpg") no-repeat scroll 63px 0 transparent;
padding:1px 140px 5px 10px;
}




#Footer p.moreText { font-size:11px; padding-left:15px; float:left;}
#FooterAddon {
text-align: center;
padding-top:20px;
padding-bottom:10px;
}

#FooterAddon p.addonText {
color: #4D4D4D;
font-size: 12px;
}


p.copyText {
float:right;
padding-top: 0px;
color: #4D4D4D;
font-size: 10px;

}

#csNewsAwards { /* for customer stories index page. Fixes spacing between section. IE 7 & 8 have unique overrides */
	margin-top:10px;
}

/*added social media classes 10/20/11 - mitch */
#social_links {
    left: 908px;
    position: absolute;
    top: 35px;
}
#social_links .social {
    background: url("/global/images/tm_homepage/social-sprite.png") no-repeat scroll 0 999em transparent;
    display: block;
    float: left;
    height: 16px;
    margin: 0 4px 0 0;
    text-indent: -999em;
    width: 16px;
}
#social_links .icon-twitter {
    background-position: -16px 0;
}
#social_links .icon-twitter:hover {
    background-position: 0 0;
}
#social_links .icon-youtube {
    background-position: -16px -16px;
}
#social_links .icon-youtube:hover {
    background-position: 0 -16px;
}
#social_links .icon-facebook {
    background-position: -16px -32px;
}
#social_links .icon-facebook:hover {
    background-position: 0 -32px;
}
#social_links .icon-blogger {
    background-position: -16px -48px;
}
#social_links .icon-blogger:hover {
    background-position: 0 -48px;
}

.banner_area{
	height:auto;
	width:770px;
	overflow:hidden;
	margin:0 auto;
}
.banner_area ul{padding-left:10px;}
.banner_area li{
	float:left;
	height:146px;
	padding:0 30px 0 30px;
	margin:0px 10px 0px 20px;
	width:110px;
}
.banner_area li.first{ background:none;}
.banner_area li a{
	color:#666666;
	font:13px/16px SimHei;
}
.banner_area li img{
	display:block;
	margin:15px 0 8px;
	width: 100px;
	height: 100px;
}
.banner_area li a:hover{
	color:#bf2318;	
}
.banner_area li h3{
	font-size:12px;
	margin-top:2px;
}

.banner_area li h3 a{
	color:#003f7e;
	text-decoration:none;
}

.banner_area li p{
	color:#7e7e7e;
	margin-top:2px;
}
#scroll_wrapper{width:776px;position:relative;}
#scroll_wrapper ul{ padding:0 0px; margin:0px 0px 16px 0; clear:left}
#scroll_wrapper li{
	background:url(/common/img/home/line_4.gif) no-repeat right 19px;
	float:left;
	display:inline;
	width:770px;
	height:106px;
	overflow:hidden;
}
#scroll_wrapper li img{
	float:left;
	width: 140px;
	height: 90px;
}
#scroll_wrapper li strong{
	color:#000000;
	display:block;
	padding:10px 20px 4px 0;
	font-size: 12px;
}
#scroll_wrapper li em{
	color:#000000;	
	display:block;
	font-style:normal;
}
#scroll_wrapper li span{
	color:#333;
	display:block;
	padding:1px 20px 3px 0;	
}
#scroll_wrapper li p{
	color:#999999;
	display:block;
	padding:1px 20px 3px 0;	
}
#scroll_wrapper li span.more{
	color:#bf2318;
	font:13px/20px SimHei;
}

#scroll_wrapper li a:hover{text-decoration:none;}
#scroll_wrapper li a:hover span.more{text-decoration:underline;} 

.list_box{margin:0 0 7px 0px;width:776px;}
.list_box dl{border-bottom:1px dashed #CCC;clear:both;height:110px;margin:10px 0;width:770x;}
.list_box dt{float:left;height:110px;overflow:hidden;width:146px;}
.list_box dd{float:left;height:110px;overflow:hidden;width:620px;}
.list_box dd a{color:#333;display:block;font-size:12px;font-weight:700;}
.list_box dd span{color:#AFAFAF;display:block;font-size:12px;margin:2px 0;}
.list_box dd p{color:#333333;display:block;font-size:12px;margin:2px 0;}
.list_box dd sup{display:block;float:left;width:100%; font-style:normal;margin-top:5px;}
.list_box dt img{ width:140px; height:90px; overflow:hidden;}
.list_box dd .p1{ height:44px; overflow:hidden;}
.list_box dd .p2{ background-position:-129px 5px; padding:0 0 0 20px;}
.list_box .pic{ position:relative;}
.list_box .dtimg{float:left;width:250px;padding-left:8px;height:160px; position:relative;z-index:1;}
			.dtimg em,.dtimg sup{width:220px;left:13px;top:131px;}
			.dtimg i{width:215px;left:13px;top:131px;}	
		
			.list_box .dtimg img{padding:4px;border:1px solid #dbdbdb;width:220px;height:145px;}
			.list_box .dttit{float:left;width:340px;margin-top:5px;height:24px;overflow:hidden;}
.list_box .dttit a{font-weight:bold;font-size:14px;}
			.list_box dd span.fr{margin-right:5px;}
			/* CSS common */
			 /*<dl class="vvdl">
				<dt class="dtimg"></dt>
				<dt class="dttit"></dt>
				<dd></dd>
				<dd><span class="fl"></span>
                <span class="fr"></span></dd>

/*2011-07-31 17:03  xf*/


#caselist{
	padding-left: 0px;
	padding-top: 20px;
	width: 770px;
	margin: 0px;
	clear:left;
}
#caselist dl{
	float:left;
	margin-bottom: 8px;
	border-bottom: 1px dashed #BCBCBC;
	width: 760px;
	padding: 0 6px 5px 0px;
}
#caselist dd{
	float:left;
	overflow:hidden;
	width: 758px;
}
#caselist dt{
	float:left;
	margin-right: 6px;
	padding: 0px;
}
#caselist dt img{
	height: 90px;
	width: 140px;
}
#caselist p{
	line-height: 160%;
	color: #666666;
	display: block;
}
#caselist strong{
	font-size: 12px;
	padding-top: 0px;
	display: block;
	margin-bottom: 6px;
}
#caselist strong a{	color:#333333;}
#caselist span{
	display: block;
	color:#999999;
	font-size: 12px;
}

			/* CSS common */
			 /*<dl class="vvdl">
                        <dl>
  <dt></dt>
  <dd><strong></strong><p></p><span></span></dd>
</dl>

/*2011-07-31 17:03  xf*/
.tjylBox{margin-top:12px;padding-top:0px;height:190px;overflow:hidden;}
.tjylBox dl{float:left;width:210px;padding:0 15px 0 17px;}
.tjylBox dt.tit{font-size:14px;font-family:"Î¢ÈíÑÅºÚ";color:#b90016;}
.tjylBox dt{margin-top:10px;margin-bottom:10px;}
.tjylBox dt.pic{ display:block;}
.tjylBox dt img{width:210px;height:100px;}
.tjylBox dd{margin-top:0px;clear:both;height:21px;overflow:hidden;}
.tjylBox dd p{color:#AFAFAF;display:block;font-size:12px;margin:2px 0;}
.tjylBox dt small{left:-1px;top:-1px;}
