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

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/
html{color:#333;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,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;}

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/
body{font:15px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body { background: #838282; min-width: 91.5em; }
	/* Ensure background images are full width - even with scrolling */
	body.home { min-width: 1316px; }
#Wrapper { background: #fff; } /* Width of "page" */
body.cdw #Wrapper {background: #f1f1f1;}
	#WrapperHeader { width: 91.5em; /*width: 1190px;*/ }
		body.home #WrapperHeader { width: 101.3em; }
		body.cdw #WrapperHeader {width: 1049px;}
	#WrapperContent {width: 91.5em;}
	body.cdw #WrapperContent {width: 1049px;}
	#ContentFooter {width: 91.5em;}
	#Footer {width: 964px;}
#MainBody {width: 964px;}
	body.home #MainBody {width: 1064px;}
#MainChannel { width: 733px; } /* Width of left channel and center channel combined */
	body.full #MainChannel {width: 964px;}
	body.home #MainChannel {width: 1064px;}
	body.cdw #MainChannel { width: 633px; }
#Content { width: 733px; } /* Width of center channel */
	body.cdw #Content {width: 633px;}
	body.full #Content {width: 964px;}
	body.home #Content {width: 1064px;}
#Sidebar { width: 218px; } /* Single sidebar on right */
	body.full #Sidebar {display: none;}
	body.cdw #Sidebar { width: 317px; }
#ContentFooterContainer {width: 91.5em;}
#ContentFooter {width: 964px;}
#FooterContainer {width: 91.5em;}
/*#SidebarPrimary { width: 13.3em; }*/ /* Width of left channel */ 
/*#SidebarSecondary { width: 13.3em; }*/ /* Width of right channel */
/* = End Widths = */

#WrapperHeaderContainer {
	background: url(../images/menu/mast-gutters.gif) repeat-x 0 100%;
	position: relative;
	z-index: 20;
}
	body.home #WrapperHeaderContainer {background: url(../images/menu/mast-gutters-home.gif) repeat-x 0 100%; }
	body.cdw #WrapperHeaderContainer {background: 0;}
#WrapperContentFooter {background: #565656;}
#WrapperFooter {background: #838282;}
#WrapperHeader, #WrapperContent, #MainBody, #ContentFooterContainer, #ContentFooter, #FooterContainer, #Footer {
  margin: 0 auto; /* Make content centered */
	padding: 0;
}
.cdw #WrapperHeader {background: #fff;}

#WrapperContent {position: relative; z-index: 10;}
	.cdw #WrapperContent {background: #fff; border-top: 1px solid #d6d6d6;}

/* Link at top of document to jump over navigation and go straight to content - For usability */
#ContentJump { left: -32000em; position: absolute; }

#Header { 
	margin: 14px auto 0 auto;
	position: relative; 
	width: 77.2em; /*width: 964px;*/
	z-index: 10;
}
.cdw #Header {margin-top: 0; padding-bottom: 14px; padding-top: 40px; width: 1049px;}

#SiteId {
	float: left; 
	height: 81px;
	padding-left: 1px;
	position: relative;
	width: 203px;
	z-index: 15;
}
	.cdw #SiteId {padding-left: 36px;}

/* Sprites used here for improved performance */
#Toolbar {
	float: right;
	position: relative;
	z-index: 11;
}
	#Toolbar ul.links { float: right; margin-top: 50px;}
		#Toolbar ul.links li.last { background: 0; }
		#Toolbar li {
			background: url(../images/common/toolbar-sprite.gif) no-repeat 100% 2px;
			float: left;
			padding: 0 16px 0 15px;
		}
		#Toolbar li.last {padding-right: 0;}
	#Toolbar a {
		color: #666;
		display: block;
		font-size: 14px;
		padding-bottom: 1px;
		text-decoration: none;
		text-transform: uppercase;
	}
		#Toolbar a:hover { text-decoration: underline; }
		#Toolbar a.global { background: url(../images/common/toolbar-sprite.gif) no-repeat 100% -24px; padding-right: 22px;}




/* Top Navigation */
#NavigationPrimary {
	clear: both;
	padding-bottom: 19px;
	padding-top: 12px;
	position: relative;
	z-index: 13;
}

	#NavigationPrimary em {
		font-style: normal;
	}

	#NavigationPrimary ul {
		float: right;
		height: 42px;
		z-index: 2;
	}
		body.fr #NavigationPrimary ul { float: left; }
	  #NavigationPrimary li { /* Topnav item */
			background: 0;
			display: block;
			float: left; /* Keep nav in a line */
			height: 42px;
			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 */
	  }
	    #NavigationPrimary li.over { 
	      z-index: 5; /* Make dropdowns appear over topnav items and flyouts over lower li's that are siblings to dropdown items */
	    }
	    #NavigationPrimary a { /* Topnav link */
	      background: 0;
				color: #000;
				display: block;
				font-size: 100%;
				font-weight: bold;
				height: 42px;
				outline: 0;
				padding: 0 10px 0 0;
				position: relative;
				text-decoration: none;
				/*text-indent: -32000em;*/
				text-transform: uppercase;
				z-index: 12;
	    }
				#NavigationPrimary a.active {color: #c41d25;}
				#NavigationPrimary li.over a {
					background: url(../images/menu/main-nav-sprite.gif) no-repeat 100% -42px;
				}
				#NavigationPrimary a span { 
	      	background: none;
					cursor: pointer;
					display: block;
					height: 25px;
					padding-left: 14px;
					padding-top: 17px;
				}
					#NavigationPrimary li.over a span {background: url(../images/menu/primary-nav-sprite.gif) no-repeat 0 0;}
					#NavigationPrimary a span em { 
	      		background: url(../images/menu/main-nav-sprite.gif) no-repeat 100% 100%;
						cursor: pointer;
						display: block;
						font-weight: bold;
						padding-right: 17px;
					}
						#NavigationPrimary li.over a span em {background: 0;}
				
				/* Main topnav items, uses sprites for background */
				/*
				li#PrimaryNavigationSolutions a { background-position: 0 0; }
					li#PrimaryNavigationSolutions a:hover, li#PrimaryNavigationSolutions a.active { background-position: 100% 0; }
				li#PrimaryNavigationProducts a { background-position: 0 50%; }
					li#PrimaryNavigationProducts a:hover, li#PrimaryNavigationProducts a.active { background-position: 100% 50%; }
				li#PrimaryNavigationCustomers a { background-position: 0 0; }
					li#PrimaryNavigationCustomers a:hover, li#PrimaryNavigationCustomers a.active { background-position: 100% 0; }
				li#PrimaryNavigationPartners a { background-position: 0 50%; }
					li#PrimaryNavigationPartners a:hover, li#PrimaryNavigationPartners a.active { background-position: 100% 50%; }
				li#PrimaryNavigationResources a { background-position: 0 0; }
					li#PrimaryNavigationResources a:hover, li#PrimaryNavigationResources a.active { background-position: 100% 0; }
				li#PrimaryNavigationServices a { background-position: 0 50%; }
					li#PrimaryNavigationServices a:hover, li#PrimaryNavigationServices a.active { background-position: 100% 50%; }
				li#PrimaryNavigationNewsEvents a { background-position: 0 0; }
					li#PrimaryNavigationNewsEvents a:hover, li#PrimaryNavigationNewsEvents a.active { background-position: 100% 0; }
				li#PrimaryNavigationCompany a { background-position: 0 100%; }
					li#PrimaryNavigationCompany a:hover, li#PrimaryNavigationCompany a.active { background-position: 100% 100%; }
				*/

			#NavigationPrimary div.richMenu { /* Dropdown menu */
				display: none;
				left: 0px;
				position: absolute;
				top: 40px;
				width: 315px;
				z-index: 8;
			}
				#NavigationPrimary li#PrimaryNavigationSolutions div.richMenu {width: 560px;}
				#NavigationPrimary li#PrimaryNavigationProducts div.richMenu {width: 265px;}
				#NavigationPrimary li#PrimaryNavigationCustomers div.richMenu {width: 200px;}
				#NavigationPrimary li#PrimaryNavigationPartners div.richMenu {width: 200px;}
				#NavigationPrimary li#PrimaryNavigationResources div.richMenu {width: 200px;}
				#NavigationPrimary li#PrimaryNavigationServices div.richMenu {width: 200px;}
				#NavigationPrimary li#PrimaryNavigationNews-events div.richMenu {width: 200px;}
				#NavigationPrimary li#PrimaryNavigationCompany div.richMenu {width: 180px;}
				
				#NavigationPrimary div.richMenu .twoCol {}
					#NavigationPrimary div.richMenu .twoCol div.first {float: left; width: 48%;}
					#NavigationPrimary div.richMenu .twoCol div.last {float: right; width: 48%;}
				
				#NavigationPrimary li.over div.richMenu {
	        display: block; /* Show the dropdown on hover */
	      }
				#NavigationPrimary div.richMenu div.header {
					background: url(../images/menu/main-nav-dropdown-bg.gif) no-repeat 0 0;
					display: block;
					height: 18px;
					padding-left: 2px;
				}
					#NavigationPrimary div.richMenu div.header div.content {
						background: url(../images/menu/main-nav-dropdown-bg.gif) no-repeat 100% -18px;
						display: block;
						height: 18px;
					}
				#NavigationPrimary div.richMenu div.channel {
					background: url(../images/menu/main-nav-dropdown-bg.gif) no-repeat 0 -72px;
					display: block;
					padding-left: 2px;
				}
					#NavigationPrimary div.richMenu div.channel div.content {
						background: #fff url(../images/menu/main-nav-dropdown-bg.gif) no-repeat 100% 100%;
						display: block;
						padding-right: 2px;
					}
				#NavigationPrimary div.richMenu div.footer {
					background: url(../images/menu/main-nav-dropdown-bg.gif) no-repeat 0 -36px;
					display: block;
					height: 18px;
					padding-left: 18px;
				}
					#NavigationPrimary div.richMenu div.footer div.content {
						background: url(../images/menu/main-nav-dropdown-bg.gif) no-repeat 100% -54px;
						display: block;
						height: 18px;
					}
	    #NavigationPrimary ul ul { 
				display: block;
				float: none;
				height: auto;
	    }
	      #NavigationPrimary li li { /* Dropdown item */
	        background: 0;
					border-bottom: 1px dotted #cacaca;
					float: none; /* Make dropdown items appear on top of each other, not next to */
					height: auto;
					padding-bottom: 5px;
					padding-top: 11px;
	        /*
						May need to add a float and width to fix problems with dropdown premature closure in IE
						float: left;
						width: 204px;
					*/
	      }
					#NavigationPrimary li li.first {padding-top: 0;}
					#NavigationPrimary li li.last {border-bottom: 0;}
	        #NavigationPrimary li li a { 
						background: none; 
						color: #040404;
						font-size: 85%;
						font-weight: normal;
						height: auto;
						padding-left: 31px;
						padding-bottom: 2px;
						text-transform: uppercase;
					} /* Dropdown link */
						#NavigationPrimary div.richMenu a.active {color: #040404;}
						#NavigationPrimary li.over li a {background: none; }
							#NavigationPrimary li li a:hover {
								background: url(../images/menu/highlightselection.gif) no-repeat 0 4px;
							}
						#NavigationPrimary li li span {	
							color: #040404; 
							font-size: 85%; 
							padding-left: 31px; 
							padding-bottom: 2px;
							text-transform: uppercase;
						}
	          #NavigationPrimary ul ul ul {padding-top: 2px;}
						#NavigationPrimary li li li {border-bottom: 0; padding-bottom: 2px; padding-top: 0;}
							#NavigationPrimary li li li a {
								color: #666;
								font-weight: normal;
								padding-bottom: 0;
								padding-left: 32px;
								text-transform: none;
							}
								#NavigationPrimary li li li a:hover {color: #d51e27;}

#Mast {height: 121px; position: relative; z-index: 4;}
	body.home #Mast {height: 362px; width: 1316px; margin: 0 auto;}
	body.cdw #Mast {background: #f1f1f1; height: auto;}
	#Mast .channel {
		background: url(../images/main/default.png) no-repeat 50% 50%;
		display: block; 
		height: 94px;
		margin-bottom: 1px;
	}
		body.home #Mast .channel {height: 359px; padding-top: 3px;}
	body.solutions #Mast .channel {background: url(../images/main/solutions.png) no-repeat 50% 50%;}
	body.products #Mast .channel {background: url(../images/main/products.png) no-repeat 50% 50%;}
		body.frProducts #Mast .channel {background: url(../images/main/products.png) no-repeat 50% 50%;}
	body.customers #Mast .channel {background: url(../images/main/customers.png) no-repeat 50% 50%;}
		body.frCustomers #Mast .channel {background: url(../images/main/customers.png) no-repeat 50% 50%;}
	body.partners #Mast .channel {background: url(../images/main/partners.png) no-repeat 50% 50%;}
	body.resources #Mast .channel {background: url(../images/main/resources.png) no-repeat 50% 50%;}
		body.frCompany #Mast .channel {background: url(../images/main/resources.png) no-repeat 50% 50%;}
	body.services #Mast .channel {background: url(../images/main/services.png) no-repeat 50% 50%;}
	body.news-events #Mast .channel {background: url(../images/main/news-events.png) no-repeat 50% 50%;}
	body.company #Mast .channel {background: url(../images/main/company.png) no-repeat 50% 50%;}
	body.home #Mast .channel {background: 0;}
	body.global #Mast .channel {background: url(../images/main/global-gateway.png) no-repeat 50% 50%;}
	body.cdw #Mast .channel {background: url(../images/main/cdw.jpg) no-repeat 0 0; height: 93px;}

#PageTools {margin: 0 auto; width: 1049px;}
.cdw #PageTools {margin: 0;}
#Breadcrumbs {float: left; width: 775px;}
#Breadcrumbs ul {padding-top: 5px;}
	#Breadcrumbs ul li {
		background: url(../images/menu/breadcrumb-divider.gif) no-repeat 100% 6px; 
		color: #999;
		float: left; 
		font-size: 93%;
		padding-left: 4px;
		padding-right: 10px;
	}
		#Breadcrumbs ul li.first {padding-left: 0;}
		#Breadcrumbs ul li.last {background: 0; color: #6d6a6a !important; font-weight: bold; padding-right: 0;}
	#Breadcrumbs a {color: #999; text-decoration: none;}
		#Breadcrumbs a:hover {text-decoration: underline;}
		#Breadcrumbs li.last a { color: #6d6a6a; }
body.cdw #Toolbar {width: 1049px;}
body.cdw #Toolbar ul { margin-top: 0 !important; padding-top: 9px; padding-bottom: 11px;}
	body.cdw #Toolbar ul li {
		background: 0; 
		color: #626262;
		float: left; 
		font-size: 100%;
		font-weight: bold;
		padding: 0 14px 0 0;
	}
		body.cdw #Toolbar ul li.first {padding-left: 0;}
		body.cdw #Toolbar ul li.last {padding-right: 0;}
	body.cdw #Toolbar a {
		color: #626262; 
		display: inline; 
		padding-right: 8px; 
		text-decoration: none;
	}
		body.cdw #Toolbar li.last a {padding-right: 0;}
		body.cdw #Toolbar a:hover {text-decoration: underline;}

#Share {float: right; padding-top: 5px; width: 125px;}
	#Share a {
		background: url(../images/common/addthis.gif) no-repeat 0 0;
		color: #666; 
		display: block;
		font-size: 85%;
		height: 16px;
		padding-bottom: 1px;
		padding-left: 19px;
		text-decoration: none;
		text-indent: -32000em;
		width: 125px;
	}

#MainBody { 
	padding: 0;
  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; }

/* Center channel */
#Content { float: right; }

ul#Sitemap { width: 100%; }

/* If there's only a right channel */
#Sidebar { float: right; padding-top: 11px;}

	#Sidebar .tile {
		background: url(../images/menu/nav-bg.gif) no-repeat 0 0;
		padding-top: 14px;
		margin-bottom: 14px;	
	}
		.cdw #Sidebar .tile {
			background: url(../images/menu/cdw-nav-bg.gif) no-repeat 0 0;
			padding-top: 22px;
		}
		#Sidebar .tile .channel {
			background: url(../images/menu/nav-bg.gif) no-repeat 100% 100%;
			padding: 0 2px 34px 2px;		
		}
			.cdw #Sidebar .tile .channel {
				background: url(../images/menu/cdw-nav-bg.gif) no-repeat 100% 100%;
				padding: 0 0 30px;
			}
		#Sidebar .tile h3 {
			color: #0d0d0d; 
			font-size: 100%; 
			font-weight: bold;
			margin-bottom: 0;
			padding: 0 10px 10px 19px;
			text-transform: uppercase;			
		}

		#Sidebar .tile ul { padding-top: 8px; }
			#Sidebar .tile ul li { border-top: 1px dotted #cacaca; padding: 10px 14px 4px 0; }
				#Sidebar .tile ul li.first { border: 0; padding-top: 0; }
				#Sidebar .tile ul a {
					color: #0d0d0d; 
					display: block;
					font-size: 85%;
					font-weight: bold;
					margin-bottom: 3px;
					padding-left: 18px;
					text-decoration: none; 
					text-transform: uppercase;					
				}
					#Sidebar .tile ul a:hover { color: #1f7693; }
					
	#NavigationSecondary { }
		body.global #NavigationSecondary { display: none; }
		#NavigationSecondary h3 {
			background: url(../images/menu/nav-header-divider.gif) no-repeat 0 100%;
		}
		
		#NavigationSecondary ul { padding-top: 15px !important; }
					#NavigationSecondary ul li.active a {color: #1f7693;}
			#NavigationSecondary ul ul {padding: 3px 0 !important;}
				#NavigationSecondary ul li li {border: 0 !important; padding: 0 0 3px 18px !important;}
					#NavigationSecondary ul li li.active {background: url(../images/menu/secondary-nav-arrow.gif) no-repeat 0 3px;}
					#Sidebar #NavigationSecondary ul li li a, #NavigationSecondary ul li.active li a, #NavigationSecondary ul li.group li a {
						color: #666;
						font-weight: normal; 
						margin: 0;
						padding-left: 15px; 
						text-transform: none;
					}
						#Sidebar #NavigationSecondary ul li li a:hover, #Sidebar #NavigationSecondary ul li li.active a, #Sidebar #NavigationSecondary ul li.active li a:hover {
							color: #1f7693;
						}

#Sidebar .relatedProducts {
		background: url(../images/menu/related-products-bg.gif) no-repeat 0 0;
		padding-top: 14px;
		margin-bottom: 14px;
	}
		#Sidebar .relatedProducts .channel {
			background: url(../images/menu/related-products-bg.gif) no-repeat 100% 100%;
			padding: 0 2px 34px 2px;
		}
		#Sidebar .relatedProducts h3 {
			color: #0d0d0d; 
			font-size: 100%; 
			font-weight: bold;
			margin-bottom: 0;
			padding: 0 10px 10px 19px;
			text-transform: uppercase;
		}
		#Sidebar .relatedProducts ul {
			padding: 7px 0 0 0;
		}
			#Sidebar .relatedProducts ul li {
				border-top: 1px dotted #cacaca;
				padding: 10px 14px 4px 0;
			}
				#Sidebar .relatedProducts ul li.first {border: 0; padding-top: 0;}
				#Sidebar .relatedProducts ul li a {
					color: #0d0d0d; 
					display: block;
					font-size: 85%;
					margin-bottom: 3px;
					padding-left: 18px;
					text-decoration: none; 
					text-transform: uppercase;
				}
					#Sidebar .relatedProducts ul li a:hover {color: #1f7693;}

#Sidebar .linkBubble {
	background: url(../images/menu/promo-header.gif) no-repeat 0 0;
	margin-top: -1px;
	padding-top: 10px;
}
	#Sidebar .linkBubble .channel {
		background: url(../images/menu/promo-header.gif) no-repeat 100% 100%;
		padding-bottom: 10px;
		width: 218px;
	}
		#Sidebar .linkBubble .content {
			padding: 0 20px;
		}
			#Sidebar .linkBubble a {
				color: #666;
				display: block;
				font-size: 93%;
				text-decoration: none;
			}
				#Sidebar .linkBubble a:hover {
					color: #c00;
					text-decoration: underline;
				}

#Sidebar .expandablePromos {margin-bottom: 20px;}
	#Sidebar .expandablePromos .promo .header {
		background: url(../images/menu/promo-header.gif) no-repeat 0 0;
		padding-top: 10px;
		position: relative;
		z-index: 4;
	}
		#Sidebar .expandablePromos .promo .header .content {
			background: url(../images/menu/promo-header.gif) no-repeat 100% 100%;
		}
		
		#Sidebar .expandablePromos .promo .header .content h3 {
			color: #666; 
			font-size: 100%; 
			font-weight: bold; 
			padding: 0 17px 8px 26px;
		}
		#Sidebar .expandablePromos .promo .header .content a {
			color: #666;
			display: block;
			outline: 0;
			text-decoration: none;
			text-transform: uppercase;
			width: 175px;
		}
			#Sidebar .expandablePromos .promo .header .content a.expand {background: url(../images/sidebar/expand.gif) no-repeat 100% 3px; display: block;}
			#Sidebar .expandablePromos .promo .header .content a.collapse {
				background: url(../images/menu/collapse.gif) no-repeat 100% 3px;
				display: block;
			}
			
	#Sidebar .expandablePromos .promo .channel {
		background: #3a5d73 url(../images/sidebar/default-promo-content-bg.gif) 0 100%;
		margin: -10px 1px -10px 1px; 
		position: relative; 
		z-index: 3;
	}
	#Sidebar .expandablePromos .promo .scenicEvent {
		background: #0e1014 url(../images/sidebar/scenic-event.png) no-repeat 0 0;
		padding-top: 13px;
	}
		#Sidebar .expandablePromos .promo .channel .content {
			display: block;
			padding: 20px 20px 35px 20px;
		}
			#Sidebar .expandablePromos .promo scenicEvent .content {
				padding-bottom: 51px;
			}
			#Sidebar .expandablePromos .promo .channel .content h4 {
				color: #fff; 
				font-size: 138.5%;
				font-weight: bold;
				padding-bottom: 3px;
				text-transform: uppercase; 
			}
			#Sidebar .expandablePromos .promo .channel .content h5 {
				color: #fff; 
				font-size: 100%;
				font-weight: bold;
				padding-bottom: 1px;
			}
			#Sidebar .expandablePromos .promo .channel .content p {
				color: #fff;
				font-size: 93%;
				padding-bottom: 17px;
			}
			#Sidebar .expandablePromos .promo .channel .content a {color: #0d0d0d; text-decoration: none;}
				#Sidebar .expandablePromos .promo .channel .content a:hover {color: #1f7693;}
			
			
			#Sidebar .expandablePromos .promo .channel .content a.button {
				background: url(../images/sidebar/button-bg.png) no-repeat 0 0;
				color: #bb0d15;
				display: block;
				float: left;
				font-weight: bold;
				height: 39px;
				padding-left: 23px;
				text-decoration: none;
			}
				#Sidebar .expandablePromos .promo .channel .content a.button span {
					background: url(../images/sidebar/button-bg.png) no-repeat 100% 100%;
					display: block;
					height: 31px;
					padding-right: 30px;
					padding-top: 8px;
				}
		
		#Sidebar .promo li {
			color: #fff;
			font-size: 93%;
			list-style-type: disc;
			padding-bottom: 9px;
		}


#Footer {
	color: #fff;
	padding: 15px 0 25px 0;
	
}
	#Footer a { color: #fff; text-decoration: none; text-transform: uppercase;}
		#Footer a:hover { text-decoration: underline; }
  #Footer p.copy { 
		float: left; 
		font-size: 85%; 
		padding: 0 14px 0 0; 
		text-transform: uppercase;
	}
  #Footer ul.siteLinks { float: left; }
    #Footer ul.siteLinks li { 
			background: url(../images/menu/footer-link-divider.gif) no-repeat 0 3px; 
			float: left;
			font-size: 85%;
			padding: 0 14px 0 16px; 
		}

/* Utility Classes */
.selfClear:after { /* Make elements self-clearing - see http://positioniseverything.net/easyclearing.html */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#ContentChannel {padding: 30px 0;}

/* Setup some defaults, site-wide */
h1 { color: #1f7693; font-size: 204%; font-weight: bold; padding-bottom: 4px; text-transform: uppercase;}
	#Content h1 span {font-weight: normal;}
h2 { color: #333; font-size: 138.5%; padding-bottom: 15px; }
	.tabs h2 { color: #237593; font-weight: bold; text-transform: uppercase; }
h3 { color: #1f7693; font-size: 108%; font-weight: bold; padding-bottom: 10px; text-transform: uppercase; }
	.videoBlock h3 { color: #333; font-size: 138.5%; padding-bottom: 24px; text-transform: none; }
h4 { color: #333; font-size: 108%; font-weight: bold; padding-bottom: 5px;}
	h4.suite { color: #a7a1a1; font-size: 93%; text-transform: uppercase; }
p { line-height: 1.5em; padding-bottom: 12px; }

#Content hr { margin: 6px 0 12px; }
#Content ul { padding-bottom: 12px; padding-left: 15px; }
	#Content .videoBlock ul { padding-left: 0; }
#Content ol { padding-bottom: 12px; }

/* The standard li treatment for lists in the content */
/* We don't style the li site-wide because we also use it in a utility capacity */
#Content li {
	background: url(../images/menu/bullet.gif) no-repeat 0 5px;
	color: #333;
	font-size: 93%;
	padding-bottom: 9px;
	padding-left: 18px;
}
	#Content li li {font-size: 100%; padding-bottom: 0;}
		#Content li li li {font-size: 100%; padding-bottom: 0;}

#Content ol li { 
		background: 0; 
		list-style-type: decimal; 
		margin-left: 30px; 
		padding-left: 7px;
	}
	
#Content ol.regular-list  li p{
	font-size: 12px;
}

#Content ul.awards { }
	#Content ul.awards li {
		background: 0;
		font-size: 100%;
		padding: 16px 0;
	}
		#Content ul.awards img {
			float: left;
			margin: 0 7px 0 0;
			width: 130px;
		}
		#Content ul.awards em { color: #666; float: right; font-size: 93%; width: 573px; }
		#Content ul.awards h3 {
			font-size: 93%;
			float: right;
			padding: 3px 0 4px 0;
			text-transform: none; 
			width: 573px;
		}
		#Content ul.awards p { 
			color: #666; 
			float: right; 
			font-style: italic; 
			padding-bottom: 4px; 
			width: 573px;
		}
			#Content ul.awards p.more {font-style: normal;}
				#Content ul.awards p a {font-weight: normal;}

#Content p {font-size: 93%;}
#Content a {color: #a00c0a; font-weight: bold; text-decoration: underline;}
	#Content a:hover {color: #237593;}

#Content .videoBlock {padding-bottom: 30px;}
	body.fr #Content .videoBlock {padding-bottom: 10px;}
	#Content .videoBlock div.intro {float: left; width: 310px;}
	#Content .videoBlock div.video {float: right; text-align: right; width: 400px; position: relative;}

body.cdw #Content .videoBlock div.intro {float: right; width: 210px;}
body.cdw #Content .videoBlock div.video {float: left; }

#Content .twoCol {margin-bottom: 15px;}
	#Content .tabContent .twoCol {background: url(../images/menu/tab-content-twocol-divider.gif) repeat-y 0 0;}
	#Content .twoCol div.first {float: left; padding-right: 20px; width: 47%;}
		#Content .tabContent .twoCol div.first {width: 320px; }
	#Content .twoCol div.last {float: right; width: 48%;}
		#Content .tabContent .twoCol div.last {width: 312px;}

#Content .quoteBox {background: url(../images/menu/quote-bg.gif) no-repeat 0 0; padding-top: 10px; width: 312px;}
	#Content .quoteBox .content {
		background: url(../images/menu/quote-bg.gif) no-repeat 100% 100%; 
		padding: 10px 20px 24px 23px;
	}
#Content .wideQuoteBox {background: url(../images/menu/wide-quote-bg.gif) no-repeat 0 0; margin-bottom: 12px; padding-top: 10px; width: 733px;}
	#Content .wideQuoteBox .content {
		background: url(../images/menu/wide-quote-bg.gif) no-repeat 100% 100%; 
		padding: 10px 20px 24px 23px;
	}
#Content q {
	color: #666; 
	display: block;
	font-size: 108%;
	font-weight: bold; 
	line-height: 1.4em;
	padding-bottom: 15px;
}
#Content cite {
	color: #666;
	display: block; 
	font-size: 93%; 
	font-style: italic;
	font-weight: bold;
	padding-right: 10px;
}
	#Content cite span {display: block; font-weight: normal; padding-left: 10px;}

#Content dl.faq {padding-bottom: 15px;}
	#Content dl.faq dt {color: #333; display: block; font-size: 108%; font-weight: bold; padding-bottom: 5px;}
	#Content dl.faq dd {display: block; font-size: 93%; padding-bottom: 15px;}
	
#Content dl.articles {}
	#Content dl.articles dt {color: #666; font-size: 93%; padding-bottom: 1px; padding-top: 8px;}
	#Content dl.articles dd {color: #666; font-size: 93%; padding-bottom: 3px;}
		#Content dl.articles dd a {font-weight: normal;}

#Content dl.events {}
	#Content dl.events dt {color: #666; font-size: 93%; padding-bottom: 1px; padding-top: 8px;}
	#Content dl.events dd {color: #666; font-size: 93%; padding-bottom: 3px;}
		#Content dl.events dd a {font-weight: normal;}

#Content .highlightBoxes {padding-bottom: 15px;}
	#Content .twoHighlightBoxes { width: 484px; }
	#Content .highlightBoxes .header {background: url(../images/menu/highlight-box.png) no-repeat 0 0; height: 17px;}
	#Content .highlightBoxes .channel {background: url(../images/menu/highlight-box.png) no-repeat 100% 100%; padding-bottom: 25px;}
	#Content .highlightBoxes .highlight {
		display: block;
		float: left;
		margin-right: 14px;
		padding-top: 5px; 
		width: 235px;
	}
		#Content .highlightBoxes .last {float: right; margin-right: 0;}
		
			#Content .highlightBoxes .highlight h3 {
				background: url(../images/menu/highlight-box-divider.gif) no-repeat 0 100%;
				color: #bb0d15;
				font-size: 100%;
				font-weight: bold;
				margin-bottom: 7px;
				padding-bottom: 9px;
				padding-left: 12px;
				text-transform: uppercase;
			}
				#Content .highlightBoxes .highlight h3 a {
					background: url(../images/menu/more-arrow.gif) no-repeat 100% 2px;
					color: #bb0d15;
					padding-right: 19px;
					text-decoration: none;
				}
			#Content .highlightBoxes .highlight p {
				color: #666; 
				font-size: 100%; 
				font-weight: bold; 
				padding-bottom: 0;
				padding-left: 12px;
			}

#Content .youtube-player {border: 1px solid #d6d6d6;}

/* Flowplayer embed styles */

.flowplayer { border: 1px solid #ddd; position: relative;}

.flowplayer > a { display: block; }

.flowplayer img { height: 100%; width: 100%; }

#finish {
	display: none;
	position: absolute;
	background: url(../flowplayer/images/audit-trail-kinetic-after.png) no-repeat;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: 100%;
}

#finish p.explain {
	margin-top: 20%;
	color: #FFFFFF;
	text-align: center;
	padding: 5% 0;
	background-color: #333;
}

#finish #actions {
	width: 100%;
	margin-top: 4%;
	margin-left: 20%;
}

#finish .button {
    padding: 5px 10px;
	width: 15%;
	margin-right: 10px;
    display: inline;
    background-color: #A00C0A;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	text-align: center;
	text-decoration: none;
}

/* Full page (i.e., no standard sidebar) with multi-media and CTA column */

#Content #multimediacontainer  {
	margin-top: 10px;
}

#Content #multimediacontainer iframe {
	border: 1px solid #DDD;
}

#Content #multimediacontainer .a-stacked {
	padding-top: 0;
}

#Content #multimediacontainer .column.first {
	float: left;
	margin-right: 40px;
	width: 640px;
}

#Content #multimediacontainer .column.last {
	float: left;
	width: 280px;
}

#Content .contactBlock {padding-bottom: 20px; padding-top: 8px; width: 590px;}
	#Content .contactBlock .header {
		background: url(../images/menu/contact-block-bg.gif) no-repeat 0 0;
		padding: 2px 1px 0 2px;
	}
		#Content .contactBlock .header .content {border-bottom: 5px solid #c7c7c7;}
	#Content .contactBlock .channel {
		background: url(../images/menu/contact-block-bg.gif) no-repeat 100% 100%;
		padding: 0 1px 2px 2px;
	}
		#Content .contactBlock .channel .content {border-top: 1px solid #f4f4f4;}
	
	#Content .contactBlock .col {float: left;}
		#Content .contactBlock .first {width: 185px;}
		#Content .contactBlock .middle {width: 205px;}
		#Content .contactBlock .last {border: 0; width: 196px;}

		#Content .contactBlock .header h4 {
			color: #5a5650;
			font-size: 93%;
			font-weight: bold;
			padding: 17px 15px 8px 20px;
			text-transform: uppercase;
		}
		
		#Content .contactBlock .channel .col {padding: 14px 0;}
		#Content .contactBlock .channel p {color: #666; font-size: 85%; padding: 0 10px 7px 20px;}
		#Content .contactBlock a.email {text-transform: uppercase;}
		
		#Content .contactBlock ul.phoneNumbers {padding-bottom: 4px;}
		#Content .contactBlock ul.phoneNumbers li {
			background: 0; 
			color: #1f7693;
			font-size: 85%; 
			padding-bottom: 3px;
		}
		
		#Content .contactBlock .button {padding: 0 10px 7px 20px;}
		#Content .contactBlock .button a {
			background: url(../images/menu/contact-block-button.gif) no-repeat 0 0;
			display: block;
			height: 31px;
			padding: 10px 10px 0 3px;
			text-align: center;
			text-decoration: none;
			width: 141px;
		}
			#Content .contactBlock .button a span {
				background: url(../images/menu/more-arrow.gif) no-repeat 100% 2px;
				color: #5a5650;
				font-size: 93%;
				font-weight: bold;
				padding-right: 20px;
			}
		
		
		
/* Tabs */
#Content .tabs {width: 733px;}
	body.full #Content .tabs {width: 964px;}
#Content .tabs ul.tabNav {
	background: #919191 url(../images/menu/tabs-bg.gif) no-repeat 100% 100%; 
	height: 49px; 
	margin: 0; 
	padding: 0 10px 0 0;
}
	body.full #Content .tabs ul.tabNav {background: #919191 url(../images/menu/tabs-bg-full.gif) no-repeat 100% 100%; }
		
	#Content ul.tabNav li {
		background: url(../images/menu/tab-bg.gif) no-repeat 100% -39px;
		display: block;
		float: left; 
		height: 39px;
		padding: 0 10px 0 0;
	}
		#Content ul.tabNav li.last {
			background: url(../images/menu/tab-bg.gif) no-repeat 100% -117px;
		}
		#Content ul.tabNav li.leftOfSelected {
			background: url(../images/menu/tab-bg.gif) no-repeat 100% -117px;
		}
		#Content ul.tabNav li a {
			background: url(../images/menu/tab-bg.gif) no-repeat 0 0;
			color: #666;
			display: block;
			height: 39px;
			outline: 0;
			text-decoration: none;
		}
			#Content ul.tabNav li.first a {
				background: url(../images/menu/tab-bg.gif) no-repeat 0 -78px;
			}
			
			#Content ul.tabNav li a span {display: block; padding: 15px 5px 0 15px;}
			
	#Content ul.tabNav li.ui-state-active {background: #fff url(../images/menu/tab-bg.gif) no-repeat 100% -195px;}
		#Content ul.tabNav li.ui-state-active a {
			background: #fff url(../images/menu/tab-bg.gif) no-repeat 0 -156px;
			color: #1f7693;
			font-size: 108%;
			font-weight: bold;
		}
		#Content ul.tabNav li.ui-state-active a span { }

#Content .tabs .tabContent {
	background: url(../images/menu/tab-content-bg.gif) no-repeat 0 100%;
	padding: 20px 20px 15px 25px;
}
	body.full #Content .tabs .tabContent {
		background: url(../images/menu/tab-content-bg-full.gif) no-repeat 0 100%;
	}
	body.resources #Content .tabs .tabContent {
		background: 0;
		border-bottom: 1px solid #d6d6d6;
		border-left: 1px solid #d6d6d6;
		border-right: 1px solid #d6d6d6;
	}
	
/* Double call-to-action button */
#Content  .a-double .a-button {
	border-radius: 7px 0 0 7px;
	-webkit-border-radius: 7px 0 0 7px;
	-moz-border-radius: 7px 0 0 7px;
	width: 110px;
	text-align: center;
}

	#Content .a-double {
		margin-bottom: 22px;
	}

	#Content .videoBlock .a-double {
		margin-bottom: 0;
	}

	#Content .a-double a {
		margin: 10px 0 0 0;
	}
	
	.a-button.a-big {
		font-size: 14px;
		padding: 16px 21px;
	}
	
	.a-button, .a-button-secondary {
		background: #e5040c; 
		background: -moz-linear-gradient(top,  #e5040c 0%, #af1124 100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5040c), color-stop(100%,#af1124)); 
		background: -webkit-linear-gradient(top,  #e5040c 0%, #af1124 100%);
		border: 1px solid #41060d;
		border-radius: 7px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		color: #efefef !important;	
		display: inline-block;
		font-size: 12px;
		font-weight: bold;
		padding: 10px 15px;
		text-align: center;
		text-transform: uppercase;	
		text-shadow: 0 1px 0 #41060d;
		text-decoration: none !important;
		transition: all 0.25s ease;
		-moz-transition: all 0.25s ease;
		-webkit-transition: all 0.25s ease;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}

	#Content .a-double span {
		position: absolute;
		background: white;
		border: 1px solid #999;
		padding: 3px 3px 5px;
		margin: 33px 0 0 -12px;
		text-transform: uppercase;
		font-size: 11px;
		font-weight: bold;
		color: #999;
		border-radius: 30px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.3);
		-webkit-box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.3);
		-moz-box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.3);
	}	
	
	#Content .a-double .a-button-secondary {
		border-left: 0;
		border-radius: 0 7px 7px 0;
		-webkit-border-radius: 0 7px 7px 0;
		-moz-border-radius: 0 7px 7px 0;
	}
	
	.a-stacked {
		padding: 30px 0;
	}

	.a-button.a-big {
		font-size: 14px;
		padding: 16px 21px;
	}

	.a-button-secondary, .a-button-white {
		background: #E8E8E8;
		background: -moz-linear-gradient(100% 100% 90deg, #E8E8E8, #F1F1F1);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F1F1F1), to(#E8E8E8));
		border: 1px solid silver;
		color: #555 !important;
		text-shadow: 0 1px 1px #fff;
	}
	
	.a-button:hover {
		color: #fff !important;
		border-color: #124252;
	}

	.a-button-secondary:hover, .a-button-white:hover {
		color: #000 !important;
		border-color: #999;
	}
	
/*
	TODO Standard Box Styles
*/
.highlightBox { }
.featureBox { }

/* 
	Image Block
	
	Image on left, content on right

	<div class="imageBlock selfClear">
		<h3>Content Title</h3>
		<p class="image"><a href="/images/larger-version.png" rel="prettyPhoto"><img src="/images/smaller-version.jpg" width="186" height="130" alt="alt text" /></a></p>
		<p>Info about the image</p>
	</div>
*/
.imageBlock { }
	.imageBlock p { float: right; }
		.imageBlock p.image { float: left; margin-right: 10px; width: auto; }

/* Image Block layout Properties - custom for each site/implementation */
.imageBlock p { color: #666; font-weight: bold; width: 200px; }

/*
	Standard Document Lists

	<ul class="documents">
		<li><a href="#" class="pdf">PDF Document</a></li>
	</ul>
*/
#Content ul.documents { }
	#Content ul.documents li { background: 0 !important; padding-left: 0; }
		#Content ul.documents li a {
					display: block;
					font-weight: bold;
					font-size: 93%;
					padding-left: 24px;
					line-height: 16px;			
		}
			#Content ul.documents li a.pdf {
					background: url(../images/icons/pdf.png) no-repeat 0 0;
			}
			#Content ul.documents li a.video {
					background: url(../images/icons/video.png) no-repeat 0 0;
			}
			#Content ul.documents li span {display: block; padding-left: 24px; padding-top: 2px;}

/*
	Layout horizontal buttons

	<ul class="buttons">
		<li><a href="#" class="button sampleButton"><span><em>Button 1</em></span></a></li>
		<li><a href="#" class="button sampleButton"><span><em>Button 2</em></span></a></li>
		<li><a href="#" class="button sampleButton"><span><em>Button 3</em></span></a></li>
	</ul>
*/
ul.buttons { margin-bottom: 8px; }
	ul.buttons li {
		background: 0 !important;
		float: left;
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}

/* 
	Standard Button Display
	
	<p class="selfClear"><a href="#" class="button sampleButton"><span><em>Sample Button</em></span></a></p>
*/
a.button {
	display: block;
	float: left; /* Collapse around text */
	text-decoration: none;
}
	a.button:hover { text-decoration: none; }
	a.button span {	display: block;	float: left; }
		a.button em {	display: block; float: left; }

/* Custom display properties for a button on the site - updated for each site */
a.sampleButton {
	background: url(../images/common/sample-button-bg.png) no-repeat 100% 100%; 
	height: 41px; /* height of button image */
	padding-right: 10px; /* right padding for image edge */
}
	a.sampleButton span {
		background: url(../images/common/sample-button-bg.png) no-repeat 0 0;
		color: #fff;
		font-size: 116%;
		padding-left: 10px; /* balance out right padding */
	}
		a.sampleButton:hover span { color: #fc0; }
		a.sampleButton em {
			line-height: 41px; /* Provides vertical centering */
			/* Add styles here if image has an icon on it, left or right of text */
		}

/*
	TODO More links
*/
a.more { }

/*
	TODO Button Style
*/
a.button { }
	a.buttonLarge { }
	a.button span { }
		a.button span em { }

/*
	Same height columns

<div class="columnWrapper">
	<ul class="columns twoUp">
		<li class="column"></li>
		<li class="column"></li>
	</ul>
</div>
*/
div.columnWrapper {
	position: relative; /* relative position on display table element causes problems */
}
	ul.columns {
		display: table;
		margin: 0 !important;  /* Override any values set for */
		padding: 0 !important; /* lists in the content area */
	}
		ul.columns li.column {
			display: table-cell;
			vertical-align: top;
			background: none !important; /* Override any values */
			margin: 0 !important;        /* set for lists in */
			padding: 0 !important;       /* the content area */
		}

			ul.twoUp li.column { width: 50%; }
			ul.threeUp li.column { width: 33%; }

ul.sampleColumns { }
	ul.sampleColumns li { border-right: 1px solid #333; width: 275px; }
		ul.sampleColumns li.last { border-right: 0; }
		ul.sampleColumns div.content { padding: 8px 16px 12px; }
		ul.sampleColumns p.more {
			bottom: 2px;
			margin-bottom: 0;
			position: absolute;
			text-align: right;
			width: 243px;
		}

/* Standard Grid display */
/* From: http://www.hedgerwow.com/360/dhtml/css-inline-block-layout.php */
ul.grid { }
	ul.grid li {
		display:-moz-inline-stack !important;/* Firefox 2 and under to simulate display:inline-block */
		display: inline-block !important;
		padding: 0 !important;
		vertical-align: text-top;
	}

/* Set layout properties for specific grid implementations. The standard ul.grid
	selector should remain unchanged from project to project.
	
	<ul class="grid sampleGrid">
	
	Though you should use something more descriptive than just "sampleGrid"
 */
ul.sampleGrid li {
		background: 0 !important;
		margin: 0 10px 0 5px; /* Set as appropriate */
		padding-bottom: 10px !important;
		width: 250px; /* Set as appropriate */	
}

/* 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 */
div.vertBox .channel { display: table; }
	div.vertBox .channel .content {	display: table-cell; vertical-align: middle; }

/* Set layout properties for specific vertical positioning implementations.
	The standard selector should remain unchanged from project to project.
	
	<div class="vertBox sampleVertBox">
		<a href="#" class="channel">
			<span class="content">lorem</span>
		</a>
	</div>
*/
div.sampleVertBox .channel {
	border: 1px solid #333;
	height: 39px; /* Set as appropriate */
}
	div.sampleVertBox .content {
		font-size: 93%; /* Set as appropriate  */
		line-height: 1.2em; /* Set as appropriate */
		padding: 0 6px;
		text-align: center;
		width: 88px; /* Set as appropriate */		
	}

.ui-tabs-hide { display: none; }

#WrapperContentFooter {background: #565656;}
#ContentFooter {padding: 23px 0 12px 0;}
#ContentFooter .footerCols {
	background: url(../images/menu/footer-column-divider.gif) repeat-y 0 0; 
	margin-bottom: 25px;
}
	#ContentFooter .footerCols div.col {
		float: left; 
		margin-right: 29px;
		padding-right: 25px;
	}
	#ContentFooter .footerCols div.first {width: 252px;}
	#ContentFooter .footerCols div.second {margin-right: 27px; width: 214px;}
	#ContentFooter .footerCols div.third {margin-right: 26px; width: 174px;}
	#ContentFooter .footerCols div.last {margin-right: 0; padding-right: 0; width: 165px;}
	
	#ContentFooter .footerCols h3 {
		background: #4e4d4d;
		border: 1px solid #535353;
		color: #fff;
		display: block;
		float: left;
		font-size: 85%;
		padding: 2px 17px 2px 17px;
		text-transform: uppercase;
	}
		#ContentFooter .footerCols h3 a {color: #fff; text-decoration: none; }
	
	#ContentFooter .footerCols ul {clear: both; display: block; padding: 8px 0 15px 0;}
		#ContentFooter .footerCols ul li {
			background: url(../images/menu/content-footer-bullet.gif) no-repeat 0 7px;
			font-size: 93%;
			padding-left: 17px;
		}
			#ContentFooter .footerCols ul li a {color: #fff; text-decoration: none;}
				#ContentFooter .footerCols ul li a.more {background: url(../images/menu/footer-more-arrow.gif) no-repeat 100% 5px; padding-right: 11px;}
				#ContentFooter .footerCols ul li a:hover {text-decoration: underline;}
			
#ContentFooter .socialContainer {
	border-bottom: 1px dotted #b5b5b5;
	margin-bottom: 25px;
	padding-bottom: 13px;
}
	#ContentFooter .latestTweet {color: #fff; float: left; width: 860px;}
		#ContentFooter .latestTweet h3 {
			color: #fff;
			float: left; 
			font-size: 100%;
			padding-bottom: 0; 
			padding-right: 10px; 
			text-transform: uppercase;
		}
			#ContentFooter .latestTweet h3 a {color: #999;}
		#ContentFooter .latestTweet p {float: left; padding-bottom: 0;}
		#ContentFooter .latestTweet a {color: #fff; text-decoration: none;}
			#ContentFooter .latestTweet a:hover {text-decoration: underline;}
	#ContentFooter .socialLinks {float: right; width: 84px;}
	#ContentFooter .socialLinks li {float: left; list-style-type: 0; padding-left: 3px;}
		#ContentFooter .socialLinks li a {display: block; height: 18px; text-indent: -32000em; width: 19px;}
			#ContentFooter .socialLinks li a.twitter {background: url(../images/social/footer-twitter.gif) no-repeat 0 0;}
			#ContentFooter .socialLinks li a.facebook {background: url(../images/social/footer-facebook.gif) no-repeat 0 0;}
			#ContentFooter .socialLinks li a.slideshare {background: url(../images/social/footer-slideshare.gif) no-repeat 0 0;}
			#ContentFooter .socialLinks li a.linkedIn {background: url(../images/social/footer-linkedin.gif) no-repeat 0 0;}
			#ContentFooter .socialLinks li a.rss {
				background: url(../images/social/footer-rss.gif) no-repeat 0 0; 
				height: 17px; 
				width: 15px;
			}
			
	
/* Homepage */
#FMA .container {
	background: url(../images/menu/mast-vertical-divider.gif) repeat-y 100% 0; 
	display: block; 
	margin: 0 auto;
	padding-right: 3px; 
	width: 1065px;
}
	#FMA .lastActive .container { background: 0; }
#FMA .fmaBlock {
	background: #fff url(../images/menu/mast-vertical-divider.gif) repeat-y 0 0;
	cursor: pointer;
	float: left; 
	height: 357px; 
	padding-left: 3px;
	position: relative;
	width: 175px;
	opacity: 0.61;
	-moz-opacity: 0.61;
	filter:alpha(opacity=61);
}
	#FMA .fmaBlock .channel { height: 100%; padding: 0 !important; }
#FMA .active {
	cursor: default;
	width: 705px;
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter:alpha(opacity=100);
}
#FMA .over {
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter:alpha(opacity=100);
}
	#FMA .active .expand { display: none; }
	#FMA .expand a {
		background: url(../images/menu/expand-bg.png) no-repeat 0 0;
		display: block;
		height: 25px;
		text-indent: -32000em;
		width: 25px;
	}
		#FMA .over .expand a {background-position: 0 100%; }
	/* --------------------------------------------------------------------------------------Mouse Over Image Main page */	
	#FMA .firstActive {background: url(../images/main/mainactive.jpg) no-repeat 0 0;}
	#FMA .middleActive {background: url(../images/main/mainmiddle.jpg) no-repeat 0 0;}
	#FMA .lastActive {background: url(../images/main/mainlast.jpg) no-repeat 0 0;}
	#FMA .firstActive .first { background: none; }
	#FMA .firstActive .first .channel {
		background: url(../images/main/mainactive.jpg) no-repeat -124px 0;
	}
	#FMA .middleActive .middle .channel {
		background: url(../images/main/mainmiddle.jpg) no-repeat -302px 1px;
	}
	#FMA .lastActive .last .channel {
		background: url(../images/main/mainlast.jpg) no-repeat -480px 1px;
	}
	
#FMA .fmaBlock .expand {position: absolute; right: 9px; top: 10px;}
#FMA .fmaBlock .blurb {
	color: #5a5650; 
	font-size: 138.5%;
	left: 15px;
	position: absolute; 
	top: 118px; 
	text-transform: uppercase;
}
	#FMA .active .blurb { display: none; }
	#FMA .over .blurb { color: #d1161e; }
#FMA .fmaBlock .content {
	display: none;
	position: absolute;
	top: 4px;
	padding-left: 30px;
	left: 6px;
}
	#FMA .active .content { display: block; }
	/* #FMA .first .content { top: 55px; } */
#FMA .last .content p { color: #000000; }
#FMA .over {background: #fff url(../images/menu/mast-vertical-divider.gif) repeat-y 0 0;}
#FMA h1 { font-size: 300%; }
	#FMA h1 span { font-weight: normal; }
#FMA p {
	font-size: 138.5%;
}
#FMA a.button {
	background: url(../images/menu/button-bg.png) no-repeat 0 0;
	color: #666;
	float: left;
	font-weight: bold;
	padding-left: 20px;
}
	#FMA a.button span {
		background: url(../images/menu/button-bg.png) no-repeat 100% 100%;
		cursor: pointer;
		float: left;
		font-size: 116%;
		line-height: 33px;
		height: 35px;
		padding-right: 40px;
	}
#SubMast {height: 107px; margin: 0 auto; padding-top: 15px; width: 1065px;}
	#SubMast .twoCol {
		background: url(../images/menu/submast-vertical-divider.gif) repeat-y 0 0; 
	}
	/* --------------------------------------------------------------------------------------------First Column with Static text */
	#SubMast .twoCol div.first {
		float: left;
		height: 91px;
		padding: 0 25px 0 0; 
		vertical-align: middle;
		width: 506px;
	}
		#SubMast .twoCol div.first p {font-size: 93%; padding-bottom: 0;}
		#SubMast .twoCol div.first a.more { color: #A00C0A; }
			#SubMast .twoCol div.first a.more:hover { color: #237593; }
		#SubMast .twoCol div.first div.vertBox .channel .content {height: 91px;}
		/* --------------------------------------------------------------------------------------Second Column with Static text */
	#SubMast .twoCol div.last {
		float: right; 
		height: 91px;
		position: relative;
		width: 534px;
	}
	#QuoteCarousel {width: 534px;}
	#QuoteCarousel li {height: 91px; position: relative; width: 534px;}
	#SubMast .quote {}
		#SubMast .quote .logo {float: left; text-align: center; width: 154px;}
			#SubMast .quote .logo .channel .content {height: 91px; width: 154px;}
		#SubMast .quote .quoteContent {float: right; width: 380px;}
			#SubMast .quote .quoteContent .channel .content {height: 91px;}
			#SubMast .quote .quoteContent q {font-size: 93%; color: #666;}
			#SubMast .quote .quoteContent .links {padding-top: 6px; width: 335px;}
			#SubMast .quote .quoteContent .links ul li {
				background: url(../images/menu/quote-link-divider.gif) no-repeat 100% 3px;
				float: left;
				height: auto;
				padding-left: 10px;
				padding-right: 12px;
				width: auto;
			}
				#SubMast .quote .quoteContent .links ul li.first {padding-left: 0;}
				#SubMast .quote .quoteContent .links ul li.last {background: 0; padding-right: 0;}
				#SubMast .quote .quoteContent .links a {
					background: url(../images/menu/more-arrow.gif) no-repeat 100% 1px;
					color: #5a5650;
					font-size: 93%;
					font-weight: bold;
					padding-right: 17px;
					text-decoration: none;
				}
	#SubMast .quoteNav {position: absolute; bottom: 0; right: 0; z-index: 6;}
		#SubMast .quoteNav ul li {
			background: url(../images/menu/quote-nav-sprite.gif) no-repeat 100% -12px;
			float: left; 
			padding-left: 7px;
			padding-right: 8px;
		}
			#SubMast .quoteNav ul li.first {padding-left: 0;}
			#SubMast .quoteNav ul li.last {background: 0; padding-right: 0;}
			#SubMast .quoteNav a {
				display: block;
				height: 11px;
				outline: 0;
				text-indent: -32000em;
				width: 10px;
			}
			#SubMast .quoteNav a.previous {
				background: url(../images/menu/quote-nav-sprite.gif) no-repeat 0 0;
			}
			#SubMast .quoteNav a.next {
				background: url(../images/menu/quote-nav-sprite.gif) no-repeat 0 100%;
			}

body.home #ContentChannel {padding: 10px 0 12px 0;}
#Content .featureBoxes {
	background: url(../images/menu/feature-boxes-bg.gif) no-repeat 0 0;
	padding-top: 18px;
	position: relative;
}
	#Content .featureBoxes .channel {
		background: url(../images/menu/feature-boxes-bg.gif) no-repeat 100% 100%;
		padding-bottom: 10px;
	}
	#Content .featureBoxes .feature {
		float: left; 
		margin-right: 10px; 
		width: 348px;
	}
		#Content .featureBoxes .feature .content {
			padding: 6px 24px 0 29px;
		}

		
	#Content .featureBoxes div.last {margin-right: 0;}
	
	#Content .featureBoxes a.more {
		background: url(../images/menu/more-arrow.gif) no-repeat 100% 2px;
		color: #666; 
		padding-right: 19px;
		text-decoration: none;
	}
	
	#Content .featureBoxes dl.events {margin-bottom: 12px;}
		#Content .featureBoxes dl.events dt {color: #666; font-size: 93%;}
			#Content .featureBoxes dl.events dt a {font-weight: normal;}
		#Content .featureBoxes dl.events dd {
			border-bottom: 1px dotted #d2d0d0;
			color: #666;
			font-size: 93%; 
			margin-bottom: 12px; 
			padding-bottom: 8px;
		}
			#Content .featureBoxes dl.events dd.last {border: 0;}
				
	#Content .featureBoxes dl.technology {margin-bottom: 12px;}
		#Content .featureBoxes dl.technology dt {color: #666; font-size: 93%;}
			#Content .featureBoxes dl.technology dt a {font-weight: normal;}
		#Content .featureBoxes dl.technology dd {
			border-bottom: 1px dotted #d2d0d0;
			color: #666;
			font-size: 93%; 
			margin-bottom: 12px; 
			padding-bottom: 8px;
		}
			#Content .featureBoxes dl.technology dd.last {border: 0;}
		
#Content .featureBoxes .first {position: relative;}
#Content .featureBoxes .mediaCarouselControls {
	position: absolute;
	top: 0;
	left: 250px;
	
}
	#Content .featureBoxes .mediaCarouselControls li {
		background: #f3f2f2;
		border: 1px solid #d6d6d6;
		color: #555;
		cursor: pointer;
		display: block;
		float: left; 
		margin-left: 4px;
		padding: 2px 5px 1px;
		text-decoration: none;
	}
		#Content .featureBoxes .mediaCarouselControls li.active {
			background: #fff;
			color: #5698ae;
		}

#Content .featureBoxes .first div {padding-bottom: 9px;}

#Content .media .videoContainer {padding-bottom: 10px;}
#Content .media h4 {color: #5a5650; padding-bottom: 1px;}
#Content .media p {color: #666; font-size: 93%;}

body.home ul.featuredMedia { padding: 0 !important; }
	body.home ul.featuredMedia li {
		background: 0 !important;
		padding: 0 0 12px !important;
		font-size: 100% !important;
	}
		body.home ul.featuredMedia h4 { font-size: 100%; margin-left: 130px; padding-bottom: 2px; }
		body.home ul.featuredMedia p { line-height: 1.2em; margin-left: 130px; padding-bottom: 4px; }
			body.home ul.featuredMedia a.image { float: left; width: 126px; }

ul.successStories { }
	ul.successStories li {
		background: none !important;
		border-bottom: 1px dotted #858585;
		font-size: 100% !important;
		padding: 0 0 30px !important;
		margin-bottom: 30px;
	}
		ul.successStories li.last { border: 0; margin: 0; }
		
		ul.successStories img {
			background: url(../images/customers/logo-frame.png) no-repeat 0 0;
			float: left;
			padding: 7px 7px 7px 8px;
		}
		ul.successStories h3 { float: right; padding: 10px 0 6px; width: 500px;}
		ul.successStories blockquote {
			color: #666;
			float: right;
			font-size: 93%;
			font-style: italic;
			line-height: 1.4em;
			padding-bottom: 8px;
			width: 500px;
		}
			ul.successStories cite { display: block; font-style: normal !important; font-weight: normal !important; }
		ul.successStories p { float: right; font-size: 100% !important; width: 500px; }
			ul.successStories a.more {
				background: url(../images/menu/more-arrow.gif) no-repeat 100% 2px;
				color: #5A5550 !important;
				padding-right: 19px;
				text-decoration: none !important;
			}

ul.servicepics { }
	ul.servicepics li {
		background: none !important;
		border-bottom: 1px dotted #858585;
		font-size: 100% !important;
		padding: 0 0 30px !important;
		margin-bottom: 30px;
	}
		ul.servicepics li.last { border: 0; margin: 0; }
		
		ul.servicepics img {
			background: url(../images/customers/logo-frame.png) no-repeat 0 0;
			float: left;
			padding: 7px 7px 7px 8px;
		}
		
		ul.servicepics blockquote {
			color: #666;
			float: right;
			font-size:13px
			font-style: arial;
			line-height: 2em;
			padding-bottom: 8px;
			width: 450px;
		}
		
			

ul.customers { padding: 0 !important; }
	ul.customers li {
		background: 0 !important;
		font-size: 100% !important;
		margin: 13px 3px;
		padding: 0 !important;
		position: relative;
	}
		ul.customers li.over { z-index: 5; }
	ul.customers img {
		background: url(../images/customers/logo-frame.png) no-repeat 0 0;
		padding: 7px 7px 7px 8px;
	}
	ul.customers .more { position: absolute; bottom: 10px; right: 10px; width: 36px; }
		ul.customers .more a {
			background: #fff url(../images/customers/sprites-bg.png) no-repeat 0 0;
			text-indent: -32000em;
			width: 18px;
			height: 13px;
			float: right;
		}
			ul.customers .more a.quote:hover { background-position: 0 -13px; }
		ul.customers .more a.caseStudy { background-position: 0 -26px; }
			ul.customers .more a.caseStudy:hover { background-position: 0 -39px; }
		ul.customers .more div.caseStudy { display: none; }
		ul.customers .more div.quote { display: none; }
		ul.customers .over .more div.quote { z-index: 15; }
		ul.customers .more .channel {
			background: url(../images/customers/tooltip-pointer.png) no-repeat 50% 0;
			padding-top: 9px;
			position: absolute;
			left: -117px;
			width: 163px;
			top: 20px;
			z-index: 20;
		}
			ul.customers .more div.caseStudy .content { text-align: center; }
			ul.customers .more div.quote .channel { left: -280px; width: 490px; }
			ul.customers .more .content {
				background: #fff;
				border: 3px solid #C7C7C7;
				-webkit-border-radius: 9px;
				-moz-border-radius: 9px;
				border-radius: 9px;
				padding: 10px;
			}
				ul.customers .more div.quote .content { line-height: 1.4em; }
					ul.customers .more div.quote .content cite {
						display: block;
						font-weight: normal !important;
						font-style: normal !important;
						font-size: 108%;
						padding-top: 4px;
					}
			

#Content a.linkDocument {
	background: url(../images/common/document-pdf.png) no-repeat;
	padding: 2px 0 2px 17px;
	text-transform: none;
}

/**
 * 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;
		width: 295px;
}
#MediaCarousel .jcarousel-clip {width: 295px;}


.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: 295px;
    height: 280px;
}
#MediaCarousel .jcarousel-list li, #MediaCarousel .jcarousel-item {height: 280px; width: 295px;}

#MediaCarousel .jcarousel-container-vertical, #MediaCarousel .jcarousel-clip-vertical {height: 280px;}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
#MediaCarousel .jcarousel-next {
	display: none;
	z-index: 3;
}

#MediaCarousel .jcarousel-prev {
	display: none;
	z-index: 3;
}

/* Careers page swapper and accordion styles */

#swapcontainer {
	margin-bottom: 30px;
}

#swapcontainer .column {
	width: 415px;
}

#swapcontainer .column.first {
	float: left;
	width: 300px;
}

#swapcontainer .column.last {
	float: left !important;
	width: 590px;
	margin-left: 50px;
}

.swapcontent {
	display: none;
}

#ui-accordion { 
	border-right: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5; 
}

#ui-accordion dt {
    border-top: 1px solid #E5E5E5;
    cursor: pointer;
    margin-top: 0;
    color: #555;
    padding: 10px 0 11px 20px;
    line-height: 15px;
}

#ui-accordion dt a { 
	display: block; 
	font-size: 1em;
	outline: none;
	padding: .5em .5em .5em .7em;
	color: #444;
	display: block;
	text-decoration: none;
	-moz-outline: none;
	background: url('../images/menu/expand.gif') no-repeat 95% 50%;
	padding-right: 30px;
}

#ui-accordion dt.active {
	background: url('../images/menu/bg_positionsnav.gif') repeat-x 0 center;
}

#ui-accordion dt.active a {
	font-weight: bold;
	color: #000;
	background: url('../images/menu/collapse.gif') no-repeat 95% 50%;
}

#ui-accordion dd { 
	padding: 15px; 
	border-top: 0; 
	margin-top: -2px; 
	position: relative; top: 1px; 
	margin-bottom: 2px; 
	overflow: auto; 
	display: none; 
	zoom: 1; 
}

#ui-accordion ul {
	padding: 0;
}

#ui-accordion li {
	background: none; /* you've gotta be kidding me! */
	font-size: 13px;
}

.fullPage  #MainChannel{
	width: 100% !important;
}

.fullPage #Content {
	width: auto;
}


/* CDW landing page styles */
.cdwLogo {float: right; padding-right: 33px; width: 142px;}
.cdw p.intro {line-height: 1.6em;}
.cdw p.datasheet {padding-left: 15px;}
.cdw h2 {
	background: url(../images/cdw/h2-arrow.gif) no-repeat 0 2px;
	color: #216284;
	font-size: 116%;
	font-weight: bold;
	padding-left: 24px;
	text-transform: uppercase;
}
.cdw div.hr {border-top: 1px solid #bcbcbc; padding-bottom: 15px;}
.cdw #Content .videoBlock div.intro {color: #666;}

.cdw #Content ul.featuredMedia {padding-left: 0;}
	.cdw #Content ul.featuredMedia li {
		float: left;
		list-style-type: none;
		padding-left: 0;
		padding-right: 11px;
		width: 147px;
	}
		.cdw #Content ul.featuredMedia li.last {padding-right: 0; width: 158px;}
	.cdw #Content ul.featuredMedia h4 {padding-bottom: 0;}
	.cdw #Content ul.featuredMedia p {color: #666; padding-bottom: 2px;}
	.cdw #Content ul.featuredMedia a {color: #990000; text-decoration: none;}
	
	.cdw #Content ul.documents li {font-size: 100%;}
	.cdw #Content ul.documents a {font-size: 85%; text-transform: uppercase;}

.cdw #Content dl.pressReleases {padding-bottom: 12px; padding-left: 15px;}
	.cdw #Content dl.pressReleases dt {
		clear: both;
		float: right;
		font-size: 93%;
		padding-bottom: 2px;
		width: 589px;
	}
	.cdw #Content dl.pressReleases dd {
		float: right;
		font-size: 85%;
		padding-bottom: 24px;
		text-transform: uppercase;
		width: 589px;
	}
	.cdw #Content dl.pressReleases dd.icon {
		float: left;
		padding-top: 2px;
		width: auto;
	}

.cdw #Sidebar .tile h3 {
	color: #216284;
	font-size: 108%;
	padding-top: 10px;
}
	.cdw #Sidebar .tile h4 {
		color: #666;
		font-size: 93%;
		padding: 0 10px 10px 19px;
		text-transform: uppercase;
	}
	.cdw #Sidebar .tile h5 {
		color: #333;
		font-size: 93%;
		font-weight: bold;
		padding: 0 10px 0 19px;
	}
.cdw #Sidebar .tile h3.centered {padding-bottom: 0; text-align: center;} 
.cdw #Sidebar .tile h4.centered {text-align: center;}
.cdw #Sidebar .tile p {color: #666; font-size: 93%; padding: 0 10px 10px 19px;}

/* End of CDW landing page styles */



@media only screen and (device-width: 768px) {
  /* rules for iPad */
		body { background: none; }
		#WrapperHeaderContainer { min-width: 1193px; }
			body.home #WrapperHeaderContainer { min-width: 1317px; }
		#WrapperContentFooter { min-width: 1193px; }
			body.home #WrapperContentFooter { min-width: 1317px; }
		#WrapperFooter { min-width: 1193px; }
			body.home #WrapperFooter { min-width: 1317px; }
		#Toolbar li { padding: 0 16px 0 14px; }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /* iPhone, Android rules here */
		body { background: none; }
		#WrapperHeaderContainer { min-width: 1193px; }
			body.home #WrapperHeaderContainer { min-width: 1317px; }
		#WrapperContentFooter { min-width: 1193px; }
			body.home #WrapperContentFooter { min-width: 1317px; }
		#WrapperFooter { min-width: 1193px; }
			body.home #WrapperFooter { min-width: 1317px; }
		#Toolbar li { padding: 0 16px 0 14px; }
}