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

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
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;}

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
body{height:100%;font:13px/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%;}

.ANQuestion {background: #FFFF00;}

#Header { width: 960px; }
#MainBody { width: 960px; margin: 0px auto; }
#MainChannel { width: 960px; } /* Width of left channel and center channel combined */
	body.home #MainChannel { width: 960px; }
#Content { width: 725px; } /* Width of center channel */
	body.home #Content {width: 960px;}
	body.products #Content {width: 960px;}
#Sidebar { width: 213px; } /* Width of right channel */ 
/* = End Widths = */

html {background: #f2f2f2;}

body {
	background: url('../images/common/bkground_gray_bar.png') repeat-y top center;
	color: #6f6f6f;
	padding-top: 0px;
}
#Wrapper { margin: 0px auto; /* Make content centered */
background: url('../images/common/bkground_gradient.png') top center; background-repeat: no-repeat; overflow: visible !important; border:0px solid red;
width: 100%;
color: #4b4b4b;}
#WrapperHeader {background: url(../images/common/wrapper-top-bg-blank.gif) no-repeat 0 0; display: block; height: 5px; width:960px; margin:0 auto;}
#WrapperFooter {background: #fff url(../images/common/wrapper-bottom-bg-blank.gif) no-repeat 0 100%; display: none; height: 5px;  border: solid 0px green;}

#WrapperContent {
	/*background: #ffffff;*/
	border-left: 0px solid #ffffff;
	border-right: 0px solid #ffffff;
	padding: 0 28px 15px;
	width:1018px;
	margin:0 auto;
	border: solid 0px green;
	
}

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

#Header { position: relative; z-index: 10; margin:0 auto;}

#SiteId { float: left; padding: 0px 0 0 15px; }

#Toolbar {}
	#Toolbar ul { float: right; margin-top: 20px; }
		#Toolbar li {
			background: url(../images/common/toolbar-divider.gif) no-repeat 100% 11px;
			float: left;
			margin-top: 3px;
			padding: 0 7px 0 7px;
		}
		
			#Toolbar li.last, #Toolbar li.search { background: 0; }
	#Toolbar a {
		color: #545454;
		display: block;
		font-size: 93%;
		font-weight: bold;
		padding-top: 8px;
		text-decoration: none;
	}
		#Toolbar a:hover { text-decoration: underline; }
		
		#Toolbar .search input.searchBox {background: url(../images/common/search-box.gif) no-repeat 0 0; border: 0; padding: 3px 0; width: 160px;}
		#Toolbar .search input.submit {
			background: url(../images/common/search-button.gif) no-repeat; 
			border: 0; 
			color: #e0e0e0;
			cursor: pointer;
			height: 22px; 
			line-height: 0.9;
			text-align: center;
			width: 73px;
		}
		


/* Top Navigation */
#NavigationPrimary {
	position: relative;
	z-index: 2;
}
	#NavigationPrimary ul {
		margin-top: 10px;
		z-index: 2;
	}
	  #NavigationPrimary li { /* Topnav item */
	    float: left; /* Keep nav in a line */
			padding-left: 0;
			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 */
	      display: block;
				height: 43px;
				outline: 0;
				text-indent: -32000em;
	    }
				/* Main topnav items, uses sprites for background */
				li#NavigationPrimarySolutions a { background: url(../images/primary-navigation/solutions.gif) no-repeat 0 0; width: 334px;}
					li#NavigationPrimarySolutions a.active { background-position: 0 100%; }
					li#NavigationPrimarySolutions a:hover, li#NavigationPrimarySolutions.over a { background-position: 0 50%; }
				/**New Home Style added by Detati(ET)**/
				li#NavigationPrimaryHome a {background: url(../images/primary-navigation/home_r2.gif) no-repeat 0 0; width:105px	;}
					li#NavigationPrimaryHome a.active{background-position: 0 100%; }
					li#NavigationPrimaryHome a.hover, li#NavigationPrimaryHome.over a{ background-position: 0 50%; }		
			
				li#NavigationPrimaryProducts a { background: url(../images/primary-navigation/products_r2.gif) no-repeat 0 0; width: 161px;}
					li#NavigationPrimaryProducts a.active { background-position: 0 100%; }
					li#NavigationPrimaryProducts a:hover, li#NavigationPrimaryProducts.over a { background-position: 0 50%; }
					
				li#NavigationPrimaryResource a { background: url(../images/primary-navigation/resource_center_r2.gif) no-repeat 0 0; width: 203px;}
					li#NavigationPrimaryResource a.active { background-position: 0 100%; }
					li#NavigationPrimaryResource a:hover, li#NavigationPrimaryResource.over a { background-position: 0 50%; }
					
				li#NavigationPrimaryServiceSupport a { background: url(../images/primary-navigation/service_support_r2.gif) no-repeat 0 0; width: 203px;}
					li#NavigationPrimaryServiceSupport a.active { background-position: 0 100%; }
					li#NavigationPrimaryServiceSupport a:hover, li#NavigationPrimaryServiceSupport.over a { background-position: 0 50%; }
				li#NavigationPrimaryPartners a { background: url(../images/primary-navigation/partners_r2.gif) no-repeat 0 0; width: 142px;}
					li#NavigationPrimaryPartners a.active { background-position: 0 100%; }
					li#NavigationPrimaryPartners a:hover, li#NavigationPrimaryPartners.over a { background-position: 0 50%; }
				li#NavigationPrimaryCompany a { background: url(../images/primary-navigation/company_r2.gif) no-repeat 0 0; width: 146px;}
					li#NavigationPrimaryCompany a.active { background-position: 0 100%; }
					li#NavigationPrimaryCompany a:hover, li#NavigationPrimaryCompany.over a { background-position: 0 50%; }
					
			#NavigationPrimary div {
				display: none; 
				left: 0;
				position: absolute;
				top: 100%;
			}
				#NavigationPrimary ul li.over div {
	        display: block; /* Show the dropdown on hover */
	      }
				
				#NavigationPrimary ul li#NavigationPrimaryResource div {left: 0px;}
				#NavigationPrimary ul li#NavigationPrimaryServiceSupport div {left: -310px;}
				#NavigationPrimary ul li#NavigationPrimaryProducts div {left: -105px;}
				#NavigationPrimary ul li#NavigationPrimaryPartners div {left: -109px;}
				#NavigationPrimary ul li#NavigationPrimaryCompany div {left: -447px;}
				
	    #NavigationPrimary ul ul { /* Dropdown menu */
	      margin-top: 0;
		  width: auto;
	      z-index: 8;
	    }
	
				#NavigationPrimary ul ul.twoCol {
					background: url(../images/primary-navigation/three-col-bg.gif); 
					width: 397px;
					height: 184px;
				}
				#NavigationPrimary ul ul.twoColopt2 {
					background: url(../images/primary-navigation/three-col-bg-rev.gif); 
					width: 397px;
					height: 184px;
				}
				#NavigationPrimary ul ul.threeCol {
					background-image:url(../images/primary-navigation/four-col-bg.gif);
					background-repeat:no-repeat; 
					/* increased width */
					width: 802px;
					height: 184px;
					border: 0px solid pink;
				}
				#NavigationPrimary ul ul.threeColopt2 {
					background-image:url(../images/primary-navigation/four-col-bg-rev.gif);
					background-repeat:no-repeat;
					width: 802px;
					height: 184px;
				}

				#NavigationPrimary ul ul.threeColopt3 {
					background-image:url(../images/primary-navigation/three-col-bg-rev-593px.gif);
					background-repeat:no-repeat;
					width: 802px;
					height: 184px;
				}				
			
	      
	      #NavigationPrimary li li { /* Dropdown item */
	        		float: left; /* Make dropdown items appear on top of each other, not next to */
					padding: 14px 10px;
					width: 181px;
					z-index: 10;
	      }
				
/*					#NavigationPrimary li ul.threeCol li.middle {padding: 0 17px; width: 166px;}*/
					#NavigationPrimary li ul.threeCol li.last {padding: 4px 0px 0px 0px; width: 182px; border: 0px solid blue; margin: 8px 0px 0px 8px; }
					#NavigationPrimary li ul.twoCol li.last {padding: 6px 0px 0px 0px; width: 182px; border: 0px solid blue; margin: 6px 0px 0px 6px; }
					#NavigationPrimary li ul.threeColopt2 li.last {padding: 0 0px; width: 172px; border: 2px solid green; }
					/* Partners */
					#NavigationPrimary li ul.twoColopt2 li.last {padding: 0px 0px 0px 0px; width: 182px; border: 0px solid blue; margin: 10px 0px 0px 8px; }

					
					
					
					#NavigationPrimary ul ul ul {
						border: 0;
						display: block; 
						left: 0;
						position: relative; 
						top: 0;
					}
					#NavigationPrimary li li li { float: none; padding: 8px 0 0; border: solid 0px blue;}
					
						/*  hack to squish long products list */
					#NavigationPrimary li li li.nav-primary-products-short {padding: 3px 0 0; border: solid 0px green;}
					#NavigationPrimary li li li.nav-primary-products-shorter {padding: 3px 0 0; border: solid 0px orange;}
					
						#NavigationPrimary li li li.first { padding-top: 0; }
						#NavigationPrimary li li li.last { padding-bottom: 16px; border: solid 2px red; }
							#NavigationPrimary li ul.threeCol li li.single { padding-bottom: 8px; }
						
						
	        #NavigationPrimary li li li a { 
						background: 0;
						color: #606060; 
						font-size: 11px;
						font-weight: bold;
						height: auto; 
						padding-bottom: 0px;
						text-decoration: none;
						text-indent: 0;
						width: auto;
					} /* Dropdown link */
						#NavigationPrimary li li li li { padding-top: 0px; }
						#NavigationPrimary li li li a:hover {color: #e58e1a;}
						#NavigationPrimary li li li li a { color: #808080; font-weight: normal; }
						
						#NavigationPrimary ul li li li a {padding-bottom: 1px;}
						#NavigationPrimary ul li li li li {padding-top: 2px;}
						#NavigationPrimary ul li li li li a {color:#e58e1a; font-weight:normal; padding-left:7px; padding-top: 1px;}
						#NavigationPrimary ul li li li li span {color:#808080; font-weight:normal;}
							#NavigationPrimary ul li li li li a:hover span {color: #e58e1a;}
					
						#NavigationPrimary ul.navTiles {}
							#NavigationPrimary ul.navTiles li {
								background: 0; 
								display: block;
								margin-bottom: 8px; 
								padding: 0; 
								width: auto;
							}
								#NavigationPrimary ul.navTiles li.productConfig {background: url(../images/primary-navigation/product-configuration-bg-new.gif) no-repeat 0 0;}
								#NavigationPrimary ul.navTiles li.theQuest {background: url(../images/primary-navigation/the-quest-bg-new.gif) no-repeat 0 0;}
								#NavigationPrimary ul.navTiles li.DynamicRAID {background: url(../images/primary-navigation/dynamicraid2.gif) no-repeat 0 0;}
								#NavigationPrimary ul.navTiles li.edr_software {background: url(../images/primary-navigation/snap-edr2.gif) no-repeat 0 0; border: solid 0px red;}
								
								#NavigationPrimary ul.navTiles li.promos {background: url(../images/primary-navigation/current-promotions.gif) no-repeat 0 0;}
								#NavigationPrimary ul.navTiles li.request-quote {background: url(../images/primary-navigation/request-a-quote.gif) no-repeat 0 0;}
								
								#NavigationPrimary ul.navTiles li.company1 {background: url(../images/primary-navigation/company-career.gif) no-repeat 0 0;}
								#NavigationPrimary ul.navTiles li.company2 {background: url(../images/primary-navigation/company-press-releases.gif) no-repeat 0 0;}
								
								#NavigationPrimary ul.navTiles li.partners1 {background: url(../images/primary-navigation/partners-sign-in.gif) no-repeat 0 0;}
								
								#NavigationPrimary ul.navTiles li.resource1 {background: url(../images/primary-navigation/resource-center-disaster.gif) no-repeat 0 0;}
								#NavigationPrimary ul.navTiles li.resource2 {background: url(../images/primary-navigation/resource-center-backup-archive.gif) no-repeat 0 0;}
								
								#NavigationPrimary ul.navTiles li.support1 {background: url(../images/primary-navigation/support-sign-in.gif) no-repeat 0 0;}
								#NavigationPrimary ul.navTiles li.support2 {background: url(../images/primary-navigation/support-registration.gif) no-repeat 0 0;}
								
								#NavigationPrimary li ul.threeCol li.last ul.navTiles li.last {margin-bottom: 0; padding: 0;}
								
								#NavigationPrimary li li ul.navTiles li a { 
									/*background: url(../images/primary-navigation/tile-bottom.gif) no-repeat 0 100%;*/
									color: #fff; 
									display: block;
									font-size: 93%;
									font-weight: normal;
									min-height: 75px;
									text-decoration: none;
									text-indent: 0;
								}
									#NavigationPrimary li li ul.navTiles li a:hover {color: #fff} 
									#NavigationPrimary ul.navTiles a span { display: block; padding: 15px 15px 8px 99px; }
			            #NavigationPrimary ul.navTiles a em { display: block; font-weight: bold; padding-bottom: 1px;}

	/* Products rich menu with 3 level of links */
	
	#NavigationPrimary ul li#NavigationPrimaryProducts li li a {color:#e58e1a; padding-bottom: 0px; font-weight:bold;}
	#NavigationPrimary ul li#NavigationPrimaryProducts li li span {color:#808080; font-weight:normal; }
	#NavigationPrimary ul li#NavigationPrimaryProducts li li a:hover span {color:#e58e1a; font-weight:normal;}
	#NavigationPrimary ul li#NavigationPrimaryProducts li li li {color:#e58e1a; padding-top: 0px; font-weight:normal;}
	

	
	
		#NavigationPrimary ul li#NavigationPrimaryProducts li li li a {color:#e58e1a; font-weight:normal; padding-left:7px;}
		#NavigationPrimary ul li#NavigationPrimaryProducts li li li span {color:#808080; font-weight:normal;}
			#NavigationPrimary ul li#NavigationPrimaryProducts li li li a:hover span {color: #e58e1a; border: solid 1px red;}
		#NavigationPrimary ul li#NavigationPrimaryProducts li li ul ul {padding-top: 0;}
			#NavigationPrimary ul li#NavigationPrimaryProducts li li li li {padding-top: 0;}
			#NavigationPrimary ul li#NavigationPrimaryProducts li li li li a {color: #808080; font-weight: normal; font-style: normal;}
				#NavigationPrimary ul li#NavigationPrimaryProducts li li li li a:hover {color: #e58e1a;}
		
		
		
		
		
#MainBody { 
  position: relative; /* to facilitate */
  z-index: 2;         /* topnav dropdowns */
}

#Mast {
	background: #7490a3 url(../images/masts/generic.jpg) no-repeat; 
	min-height: 94px; 
	position: relative; 
	width: 960px;
}
	body.solutions #Mast {background: url(../images/masts/solutions.jpg) no-repeat;}
	body.products #Mast {background: url(../images/masts/products.jpg) no-repeat;}
	body.resource #Mast {background: url(../images/masts/resource.jpg) no-repeat;}
	body.partners #Mast {background: url(../images/masts/partners.jpg) no-repeat;}
	body.company #Mast {background: url(../images/masts/company.jpg) no-repeat;}
	
	#Mast h1 {
		color: #fff; 
		font-size: 197%; 
		font-weight: bold;
		padding: 34px 18px 0 18px;
	}
	#Mast p { color: #fff; font-size: 93%; padding: 0 380px 0 18px; }

body.landing #Mast {min-height: 373px;}
	body.solutionsLanding #Mast {background: url(../images/masts/solutions-landing.jpg) no-repeat 0 0;}
	body.productsLanding #Mast {background: url(../images/masts/products-landing.jpg) no-repeat 0 0;}
	body.resourceLanding #Mast {background: url(../images/masts/resource-landing.jpg) no-repeat 0 0;}
	body.partnersLanding #Mast {background: url(../images/masts/partners-landing.jpg) no-repeat 0 0;}
	body.companyLanding #Mast {background: url(../images/masts/company-landing.jpg) no-repeat 0 0;}
	
	body.landing #Mast.noTabs { min-height: 319px; }
	body.landing #Mast h1 {padding-bottom: 15px;}
	
	body.landing #Mast ul.subPagesList {left: 15px; position: absolute; top: 268px; }
		body.landing #Mast ul.subPagesList li {float: left; padding-right: 30px;}
			body.landing #Mast ul.subPagesList li a {
				background: url(../images/masts/bullet.gif) no-repeat 0 4px;
				color: #fff; 
				font-weight: bold; 
				padding-left: 12px;
				text-decoration: none;
			}

#Mast ul.tabNav {
	display: block;
	height: 54px;
	left: 0;
	margin-bottom: 0;
	padding-left: 0;
	position: absolute; 
	top: 319px;
}
	#Mast ul.tabNav li { 
		display: block; 
		float: left;
		padding: 0; 
	}
		#Mast ul.tabNav li a {
			background: url(../images/masts/tabs/tab-off.gif) no-repeat 0 0; 
			color: #808080;
			display: block;
			height: 54px;
			outline: 0;
			position: relative;
			text-decoration: none;
			text-transform: uppercase;
			width: 192px;
		}
			#Mast ul.tabNav li a.first {background: url(../images/masts/tabs/tab-first-off.gif) no-repeat 0 0; }
			#Mast ul.tabNav li a.last {background: url(../images/masts/tabs/tab-last-off.gif) no-repeat 0 0; }
			
			#Mast ul.tabNav li a span {
				bottom: 0; 
				font-size: 93%;
				font-weight: bold;
				padding: 0 15px 8px 15px;
				position: absolute; 
				right: 0;
			}
			
			#Mast ul.tabNav li.ui-state-hover a {background: url(../images/masts/tabs/tab-on.gif) no-repeat 0 0; color: #fff;}
			#Mast ul.tabNav li.ui-state-active a {background: url(../images/masts/tabs/tab-on.gif) no-repeat 0 0;  color: #fff;}
				#Mast ul.tabNav li.ui-state-hover a.first {background: url(../images/masts/tabs/tab-first-on.gif) no-repeat 0 0;}
				#Mast ul.tabNav li.ui-state-active a.first {background: url(../images/masts/tabs/tab-first-on.gif) no-repeat 0 0;}
				#Mast ul.tabNav li.ui-state-hover a.last {background: url(../images/masts/tabs/tab-last-on.gif) no-repeat 0 0;}
				#Mast ul.tabNav li.ui-state-active a.last {background: url(../images/masts/tabs/tab-last-on.gif) no-repeat 0 0;}
			

	
ul#Breadcrumbs { 
	float: left; 
	left: 18px;
	position: absolute;
	top: 76px;
}
 ul#Breadcrumbs li { 
		background: url(../images/common/breadcrumb-divider.gif) no-repeat 100% 4px; 
		color: #ddd;
		float: left; 
		font-size: 85%;
		padding-right: 10px;
		margin-right: 6px;
	}
		ul#Breadcrumbs li.last {background: 0;}
		ul#Breadcrumbs li a {color: #fff; text-decoration: none;}

#MainBody .tweets { clear: both; width: 960px; }
	#MainBody .tweets .header, #MainBody .tweets .footer {
		background: url(../images/home/latest-tweets-divider.gif) no-repeat 0 0;
		display: block;
		height: 1px;
	}
	#MainBody .tweets .channel {
		background: url(../images/home/tweets-bg.gif) repeat-y 100% 0;
		display: table; 
		height: 46px; 
	}
		#MainBody .tweets .channel .icons { 
			display: table-cell; 
			vertical-align: middle;
			width: 115px;
		}
			#MainBody .tweets .channel .icons ul { padding-left: 2px; }
			#MainBody .tweets .channel .icons ul li {float: left; padding-right: 6px;}
				#MainBody .tweets .channel .icons ul li.last {padding-right: 0;}
		#MainBody .tweets .channel .latestTweet { 
			color: #626262;
			display: table-cell; 
			font-size: 93%;
			padding: 0 20px;
			text-align: center;
			vertical-align: middle;
			width: 673px;
		}
		#MainBody .tweets .channel .followUs { 
			display: table-cell; 
			padding-left: 30px;
			vertical-align: middle;
		}
			#MainBody .tweets .channel .followUs a {
				background: url(../images/home/follow-us-button-left-bg.gif) no-repeat 0 0; 
				color: #787878;
				float: left;
				font-weight: bold;
				height: 26px;
				text-decoration: none;
			} 
			#MainBody .tweets .channel .followUs a span { 
				background: url(../images/home/follow-us-button-right-bg.gif) no-repeat 100% 0;
				display: block;
				float:right;
				font-size: 91%;
				padding: 6px 15px 0 32px;
				height: 33px;
			}

#MainChannel {padding: 23px 0 5px 0;}
	body.home #MainChannel {padding: 0;}

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

/* Right Channel */
#Sidebar { float: right; }


/* Footer */
#Footer {
	color: #909090;
	text-align: left;
	font-size: 93%;
	padding-top: 10px;
	padding-left: 28px;
}
	#Footer a { color: #909090; text-decoration: none; }
		#Footer a:hover { text-decoration: underline; }
    #Footer ul li { 
			background: url(../images/common/footer-divide.gif) no-repeat 100% 2px; 
			display: inline; 
			padding: 0px 7px;
		}
		 #Footer ul li.last {background: 0;}

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

p { line-height: 1.4em; margin-bottom: 12px; }

#ContentChannel {padding-left: 5px;}
#ContentChannel h2 {color: #545454; font-size: 131%; font-weight: bold; padding-bottom: 7px;}
#ContentChannel h2 em {color: #d87d00; font-weight: bold;}

#ContentChannel h3 {color: #545454; font-size: 123.1%; font-weight: bold; padding-bottom: 7px;}
#ContentChannel h4 {color: #545454; font-size: 116%; font-weight: bold; padding-bottom: 7px;}

#ContentChannel p {font-size: 93%;}
	#ContentChannel p.intro {font-size: 108%;}
#ContentChannel a {color: #7894a7; text-decoration: underline;}
	#ContentChannel a:hover {color: #d87d00;}
#ContentChannel li {font-size: 93%; padding-bottom: 7px;}

#ContentChannel ol {color: #d87d00; margin-bottom: 12px; padding-left: 45px;}
	#ContentChannel ol li {list-style-type: decimal; font-weight: bold;}
		#Content ol ol {margin-top: 5px; margin-bottom: 0;}
		#ContentChannel ol li li {font-size: 100%; font-weight: normal; list-style-type: lower-alpha; padding-bottom: 4px;}
#ContentChannel ol li span {color: #808080; font-weight: normal;}

#ContentChannel ul {margin-bottom: 12px; padding-left: 10px;}
#ContentChannel ul li {
	background: url(../images/common/bullet.gif) no-repeat 0 5px; 
	list-style-type: none; 
	padding-left: 17px;
}

#ContentChannel .callout {margin-bottom: 12px; padding-top: 15px;}
	#ContentChannel .callout .header {background: url(../images/common/callout-top-bg.gif) no-repeat; display: block; height: 5px;}
	#ContentChannel .callout .channel {
		background: #f7f6f6; 
		border-left: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
		padding: 20px 55px 15px 55px;
	}
		#ContentChannel .callout .channel h4 {
			color: #7894a7; 
			font-size: 116%; 
			font-weight: bold; 
			padding-bottom: 7px;
		}
	#ContentChannel .callout .footer {background: url(../images/common/callout-bottom-bg.gif) no-repeat; display: block; height: 5px;}

#ContentChannel .threeCol {margin-bottom: 20px;}
	#ContentChannel .threeCol .first {float: left;  width: 25%;}
	#ContentChannel .threeCol .middle1 {float: left; width: 25%;}
	#ContentChannel .threeCol .middle2 {float: left; width: 25%;}
	#ContentChannel .threeCol .last {float: right; width: 25%;}
	
#ContentChannel .threeColopt2 {margin-bottom: 20px;}
	#ContentChannel .threeColopt2 .first {float: right;  width: 25%;}
	#ContentChannel .threeColopt2 .middle1 {float: left; width: 25%;}
	#ContentChannel .threeColopt2 .middle2 {float: left; width: 25%;}
	#ContentChannel .threeColopt2 .last {float: left; width: 25%;}
	
#ContentChannel .threeColBoxes {margin-bottom: 20px;}
	#ContentChannel .threeColBoxes .headers {background: url(../images/common/three-col-boxes-top-bg.gif) no-repeat; display: block;}
	#ContentChannel .threeColBoxes .channels {background: url(../images/common/three-col-boxes-bg.gif) repeat-y; display: block;}
	#ContentChannel .threeColBoxes .footers {background: url(../images/common/three-col-boxes-bottom-bg.gif) no-repeat 0 100%; display: block;}

	#ContentChannel .threeColBoxes .first {float: left; width: 322px;}
	#ContentChannel .threeColBoxes .middle {float: left; width: 315px; margin-left: 7px;}
	#ContentChannel .threeColBoxes .last {float: right; width: 315px;}
	
	#ContentChannel .threeColBoxes .headers .first,
	#ContentChannel .threeColBoxes .headers .middle,
	#ContentChannel .threeColBoxes .headers .last {
		min-height: 85px;
		padding: 0 14px 0 17px; 
		position: relative; 
		width: 284px;
	}
	
		#ContentChannel .threeColBoxes .headers h2 {
			bottom: 0;
			border-bottom: 1px solid #d87d00;
			color: #888; 
			display: block;
			font-weight: normal; 
			left: 17px;
			padding: 0 7px 8px;
			position: absolute;
			width: 270px;
		}
			#ContentChannel .threeColBoxes .headers h2 em {color: #7894a7;}
			
	#ContentChannel .threeColBoxes .channels .first, 
	#ContentChannel .threeColBoxes .channels .middle,
	#ContentChannel .threeColBoxes .channels .last {padding: 16px 20px 0 28px; width: 267px;}
	
		#ContentChannel .threeColBoxes .channels .phone {font-size: 93%; font-weight: bold; padding-bottom: 5px;}
	
	#ContentChannel .threeColBoxes .footers .first,
	#ContentChannel .threeColBoxes .footers .middle,
	#ContentChannel .threeColBoxes .footers .last {
		display: block; 
		min-height: 31px;
		text-align: right;
		padding: 0 20px;
		width: 275px;
	}

		#ContentChannel .threeColBoxes .footers a.learnMore {
			background: url(../images/common/learn-more-arrow.gif) no-repeat 100% 5px;
			display: block;
			padding-right: 10px;
			text-decoration: none;
		}


#ContentChannel .twoCol {margin-bottom: 20px;}
	#ContentChannel .twoCol .first {float: left; padding-right: 7px; width: 315px;}
	#ContentChannel .twoCol .last {float: right; width: 315px;}
	#ContentChannel .narrowTwoCol {margin-bottom: 20px;}
	#ContentChannel .narrowTwoCol .first {float: left; padding-right: 10px; width: 32%;}
	#ContentChannel .narrowTwoCol .last {float: left;  width: 32%;}
	
#ContentChannel .twoCol2 {margin-bottom: 20px;}
	#ContentChannel .twoCol2 .first {float: left; padding-right: 7px; width: 315px;}
	#ContentChannel .twoCol2 .last {float: right; width: 315px;}
	#ContentChannel .narrowTwoCol2 {margin-bottom: 20px;}
	#ContentChannel .narrowTwoCol2 .first {float: left; padding-right: 20px; width: 32%;}
	#ContentChannel .narrowTwoCol2 .last {float: left;  width: 32%;}

#ContentChannel .solidFill { background: #5c5c5c url(../images/common/solidFill-left-bg.gif) 0 0 no-repeat; margin-bottom: 5px;}
	#ContentChannel .solidFill h2 {color: #fff; margin: 0; padding: 5px 10px; background: url(../images/common/solidFill-right-bg.gif) 100% 0 no-repeat; height: 22px;}
	#ContentChannel table.specifications {margin-bottom: 10px;}
	#ContentChannel table.specifications th {background: url(../images/common/spec-table-top-left-bg.gif) 0 0 no-repeat; font-weight: bold; padding: 10px;}
	#ContentChannel table.specifications th.left {background: url(../images/common/spec-table-top-left-bg.gif) 0 0 no-repeat; width: 80%;}
	#ContentChannel table.specifications th.right {background: url(../images/common/spec-table-top-right-bg.gif) 100% 0 no-repeat; width: 20%;}
	#ContentChannel table.specifications td, table th { border-bottom: 1px solid #e7e6e6;}
	#ContentChannel table.specifications td {padding: 3px 10px; background: #f7f6f6;}
	#ContentChannel table.specifications td.left {padding: 3px 10px;  background: #f7f6f6 url(../images/common/spec-table-mid-bg.gif) 0 100% no-repeat;}
	#ContentChannel table.specifications td.right {padding: 3px 10px; background: #f7f6f6 url(../images/common/spec-table-mid-bg.gif) 100% 0 no-repeat;}
	#ContentChannel table.specifications tr.last td.left {background: url(../images/common/spec-table-bot-left-bg.gif) 0 100% no-repeat; border-bottom: none;}
	#ContentChannel table.specifications tr.last td.right {background: url(../images/common/spec-table-bot-right-bg.gif) 100% 100% no-repeat; border-bottom: none;}
	#ContentChannel table.specifications td.note {font-size: 0.75em;}



#ContentChannel .expandable {background: url(../images/common/expandable-top-bg.gif) no-repeat 0 0; display: block; margin-bottom: 12px;}
	#ContentChannel .expandable .content {background: url(../images/common/expandable-bottom-bg.gif) no-repeat 0 100%; padding: 6px 5px 14px 17px}
	#ContentChannel .expandable .expandCollapse {float: right;}
		#ContentChannel .expandable .expandCollapse a {
			display: block;
			height: 24px;
			outline: 0;
			text-indent: -32000em;
			width: 24px;
		}
			#ContentChannel .expandable .expandCollapse a.collapse {background: url(../images/common/collapse.gif) no-repeat; display: none;}
			#ContentChannel .expandable .expandCollapse a.expand {background: url(../images/common/expand.gif) no-repeat;}
	#ContentChannel .expandable .bio {padding: 14px 20px 0 0;}
		#ContentChannel .expandable .bio dt {
			color: #545454;
			display: block;
			font-size: 123.1%;
			font-weight: bold;
			text-align: left; 
			width: 542px;
			padding-left: 0px;
		}
		#ContentChannel .expandable .bio dd.photo {float: left;}
		#ContentChannel .expandable .bio dd.title {
			color: #545454;
			font-size: 123.1%;
			font-weight: bold;
			padding-left: 0px;
		}
		#ContentChannel .expandable .bio dd.desc {font-size: 93%; padding-left: 0px; padding-top: 10px;}

#ContentChannel .genericForm {margin-bottom: 20px;}
	#ContentChannel .genericForm .header {background: url(../images/common/form-container-top.gif) no-repeat; display: block; height: 15px;}
	#ContentChannel .genericForm .channel {background: url(../images/common/form-container-content-bg.gif) repeat-y; padding: 0 12px;}
		#ContentChannel .genericForm .channel .content {}
		#ContentChannel .genericForm fieldset.generic {
			border-bottom: 1px solid #e8e8e8; 
			margin-bottom: 18px; 
			padding-left: 10px; 
			padding-bottom: 10px;
		}
		#ContentChannel .genericForm fieldset.last {padding-left: 10px;}
		#ContentChannel .genericForm p.note {color: #545454; font-size: 93%; font-weight: bold; margin-left: 10px;}
		#ContentChannel .genericForm .required {color: #d87d00;}
		
		#ContentChannel .genericForm label {color: #545454; font-size: 93%;}
		#ContentChannel .genericForm label.short {
			clear: both;
			display: block; 
			float: left;
			padding-right: 8px;
			padding-top: 4px;
			text-align: right; 
			width: 190px;
		} 
			#ContentChannel .genericForm label.short span.note {color: #a5a5a5; font-size: 85%;}
		#ContentChannel .genericForm p.secondaryLabel {color: #545454; font-size: 93%;} 
		
		#ContentChannel .genericForm input.textbox {
			background: url(../images/common/textbox-bg.gif) no-repeat;
			border: 0;
			display: block;
			height: 20px;
			margin-bottom: 10px;
			padding: 5px 5px 0 5px;
			width: 331px
		}
		#ContentChannel .genericForm select {
			border: 1px solid #e3e2e2;
			display: block;
			margin-bottom: 10px;
		}
		#ContentChannel .genericForm textarea {
			border: 1px solid #e3e2e2;
			width: 335px;
			height: 90px;
			margin-bottom: 10px;
			padding: 2px 2px 0 2px;
		}
		
		#ContentChannel .genericForm .radio {display: block; padding-bottom: 10px; padding-left: 200px;}
			#ContentChannel .genericForm .radio label {padding-right: 3px;}
			#ContentChannel .genericForm .radio input {margin-right: 10px;}
		
		#ContentChannel .genericForm input.validation {
			background: url(../images/common/validation-textbox-bg.gif) no-repeat;
			border: 0;
			display: block;
			float: left;
			height: 25px;
			margin-bottom: 10px;
			margin-right: 5px;
			padding: 5px 5px 0 5px;
			width: 101px;
		}
		#ContentChannel .genericForm .captcha {
			background: url(../images/common/captcha-bg.gif) no-repeat;
			display: block;
			float: left;
			height: 28px;
			margin-top: 1px;
			width: 109px;
		}
			#ContentChannel .genericForm .captcha span {
				color: #fff;
				display: block;
				font-weight: bold;
				font-size: 116%;
				padding-top: 5px;
				text-align: center;
			}
		#ContentChannel .genericForm input.submit {
			background: url(../images/common/form-submit-bg.gif) no-repeat;
			border: 0;
			color: #fff;
			display: block;
			float: right;
			font-size: 93%;
			font-weight: bold;
			height: 25px;
			margin-bottom: 2px;
			margin-right: 5px;
			width: 127px;
		}
		#ContentChannel .genericForm .twoCol {margin-bottom: 0; padding-bottom: 15px;}
			#ContentChannel .genericForm .twoCol .first {display: block; float: left; width: 370px;}
			#ContentChannel .genericForm .twoCol .last {display: block; float: left; width: 185px;}
			#ContentChannel .genericForm .checkboxGroup label {
				display: block;
				text-align: right;
				padding-bottom: 2px;
			}
			#ContentChannel .genericForm .checkboxGroup input {margin-left: 3px;}
	#ContentChannel .genericForm .footer {background: url(../images/common/form-container-bottom.gif) no-repeat; display: block; height: 25px;}
		
/* Solutions landing page */
body.landing #Breadcrumbs {display: none;}
body.landing #Content {width: 960px;}
body.landing #ContentChannel {padding-left: 0;}
body.landing #Sidebar {display: none;}
	
/* Product page */
body.products #ContentChannel .ui-tabs-panel h3 {font-size: 131%;}

#ContentChannel .productIntro {margin-bottom: 25px; position: relative;}
	#ContentChannel .productIntro p {color: #333; font-size: 100%;}

	#ContentChannel .productIntro .downloadButton {padding-top: 12px;}
		#ContentChannel .productIntro .downloadButton a {
			background: url(../images/products/download-button.gif) no-repeat;
			color: #fff;
			display: block;
			font-size: 108%;
			height: 37px;
			text-decoration: none;
			width: 378px;
		}
			#ContentChannel .productIntro .downloadButton a span {display: block; padding: 9px 10px 0 30px;}

#ContentChannel .productImagery {float: right; padding-left: 25px; width: 289px; }	
	#ContentChannel .productImagery .standardContainer {
		background: url(../images/products/standard-imagery-bg.gif) no-repeat; 
		display: block;
		height: 219px; 
		margin-bottom: 5px;
		width: 289px;
	}
		#ContentChannel .productImagery .standardContainer img {padding: 2px;}
	#ContentChannel .productImagery ul.thumbnails {padding-left: 0; margin-bottom: 0;}
		#ContentChannel .productImagery ul.thumbnails li {
			background: url(../images/products/thumb-imagery-bg.gif) no-repeat; 
			display: block;
			float: left;
			height: 80px; 
			padding: 0 5px 0 0;
			width: 93px;
		}
			#ContentChannel .productImagery ul.thumbnails li.last {padding-right: 0;}
			#ContentChannel .productImagery ul.thumbnails li.shadowed {opacity:0.4;}
			#ContentChannel .productImagery ul.thumbnails li.selected {opacity:1;}
			#ContentChannel .productImagery ul.thumbnails li img {cursor: pointer; padding: 2px;}
			#ContentChannel #ProductImage {cursor: pointer;}
			
body.products #ContentChannel .ui-tabs-panel {padding: 0 6px;}	
	
#ContentChannel .careers h3 {
	border-bottom: 1px solid #e09b3d; 
	font-size: 108%;
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-top: 10px;
}
#ContentChannel dl.career dt {font-size: 93%; font-weight: bold; padding-bottom: 4px;}
	#ContentChannel dl.career dt a {color: #3b6985;}
#ContentChannel dl.career dd.location {font-size: 93%; padding-bottom: 5px;}
#ContentChannel dl.career dd.desc {font-size: 93%; padding-bottom: 17px;}

/* Tabs */
.ui-tabs-hide {display: none;}	
	
body.products #ContentChannel ul.tabNav {
	background: url(../images/products/product-tab-bg.png) repeat-x;
	display: block;
	height: 37px;
	margin-bottom: 35px;
	margin-top: 4px;
	padding-left: 0;
	position: relative; 
	z-index: 15;
}
	body.products #ContentChannel ul.tabNav li { background: 0; float: left; font-size: 100%; padding: 0 0 0 0; }
		body.products #ContentChannel ul.tabNav li a {
			background: url(../images/products/product-tab-off.png) no-repeat 0 1px;
			color: #606060;
			display: block;
			font-size: 108%;
			font-weight: bold;
			height: 37px;
			outline: 0;
			text-decoration: none;
			width: 235px;
		}
			body.products #ContentChannel ul.tabNav li a span {display: block; padding: 11px 14px 0 14px;}
			body.products #ContentChannel ul.tabNav li.ui-state-active a {
				background: url(../images/products/product-tab-on.png) no-repeat 0 0;
				color: #7894a7;
			}
			
	body.products #ContentChannel ul.tabNav2 li { background: 0; float: left; font-size: 100%; padding: 0 0 0 0; }
		body.products #ContentChannel ul.tabNav2 li a {
			background: url(../images/product-temp/images/tab-off.gif) no-repeat 0 1px;
			color: #606060;
			display: block;
			font-size: 108%;
			font-weight: bold;
			height: 37px;
			outline: 0;
			text-decoration: none;
			width: 235px;
		}
			body.products #ContentChannel ul.tabNav2 li a span {display: block; padding: 11px 14px 0 14px;}
			body.products #ContentChannel ul.tabNav2 li.ui-state-active a {
				background: url(../images/product-temp/images/tab-on.gif) no-repeat 0 0;
				color: #7894a7;
			}
			
/* ProductNav */


#ProdNav{
	position:relative;
	width:960px;
	margin-bottom:10px;
	border:0px solid red;
}
#Comparison{
	position:relative;
	height:100%;
	width:118px;
	float:left;
	padding-left:2px;
}
/***Comparison_sml - Created by Detati-smaller comp chart tab ***/
#Comparison_sml{
	position:relative;
	height:100%;
	width:90px;
	float:left;
	padding-left:2px;
}
#Comparison_med{
	position:relative;
	height:100%;
	width:101px;
	float:left;
	padding-left:1px;
}
#Product{
	position:relative;
	height:100%;
	width:156px;
	float:left;
	padding-left:11px;
}
.CapabilitiesSub{
	position:relative;
	height:100%;
	width:157px;
	float:left;
	padding-left:3px;
}
#REOProduct{
	position:relative;
	height:100%;
	width:410px;
	float:left;
	padding-left:9px;
}
.REOCapabilitiesSub{
	position:relative;
	height:100%;
	width:236px;
	float:left;
	padding-left:4px;
}
#FOURProducts{
	position:relative;
	height:100%;
	width:199px;
	float:left;
	padding-left:11px;
}
/*** #SIXProducts-Created by Detati use for NAS comp chart***/
#SIXProducts{
	position:relative;
	height:100%;
	width:134px;
	float:left;
	padding-left:7px;
	border:0px solid green;
}
/*** #SEVENProducts-Created by Detati use for tape-lib & autoloader and NAS comp chart***/
#SEVENProducts{
	position:relative;
	height:100%;
	width:117px;
	float:left;
	padding-left:7px;
	border:0px solid green;
}
#SSProduct{
	position:relative;
	height:100%;
	width:269px;
	float:left;
	padding-left:11px;
}
#Technology{
	position:relative;
	height:100%;
	width:205px;
	float:left;
	padding-left:5px;
}


/* ProductTable */

#prod-wrap-top{
	position:relative;
	height:13px;
	width:960px;
	background-image: url(../images/product-temp/images/main-top.gif);
	background-repeat:no-repeat;
}
#prod-wrap-mid{
	position:relative;
	width:960px;
	background-image: url(../images/product-temp/images/main-mid.gif);
	background-repeat:repeat-y;
	vertical-align:top;
}
#prod-wrap-bottom{
	position:relative;
	height:15px;
	width:960px;
	background-image: url(../images/product-temp/images/main-bottom.gif);
	background-repeat:no-repeat;
	margin-bottom:25px; 
}

/* Text */
.prod-header{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bolder;
	width:650px;
	color:#666666;
}
.prod-detail{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
	width:120px;
	color:#de8f00;
	vertical-align:text-top;
	vertical-align:top;
	padding-bottom:3px;
	padding-top:3px;
}
.prod-bodytext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	width:570px;
	padding-right:4px;
	color:#666666;
	vertical-align:text-top;
	padding-bottom:3px;
	padding-top:3px;
}
td.prod-bodytext li {
	margin-left:20px;
	color:#666666;
	list-style-image:url(../images/product-temp/images/orange-bullet-new.jpg);
}
.prod-bodytext-long{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	width:70%;
	padding-right:4px;
	color:#666666;
	vertical-align:text-top;
	padding-bottom:3px;
	padding-top:3px;
}
.prod-text-sm{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:11px;
	width:135px;
	color:#333333;
}
.callout-header{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	padding:5px;
	color:#ffffff;
}
.callout-text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	padding-right:4px;
	padding-left:8px;
	padding-bottom:3px;
	padding-top:3px;
	color:#666666;
	vertical-align:text-top;
}
td.callout-text li {
	margin-left:13px;
	color:#666666;
	list-style-image:url(../images/product-temp/images/orange-bullet-new.jpg);
}
a:link {
	color: #333333;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #333333;
}
a:active {
	color: #333333;
}

/* Comparison Chart */
.chart-col-01{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	width:100px;
	color:#de8f00;
	vertical-align:text-top;
	vertical-align:top;
	padding:6px 6px;
	background-color:#ffffff;
}
.chart-col-02{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	width:159px;
	color:#666666;
	vertical-align:text-top;
	vertical-align:top;
	padding:6px 8px;
	background-color:#f7f6f6;
}
.chart-col-03{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	width:159px;
	color:#666666;
	vertical-align:text-top;
	vertical-align:top;
	padding:6px 8px;
	background-color:#ffffff;
}
.chart-col-04{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	width:159px;
	color:#666666;
	vertical-align:text-top;
	vertical-align:top;
	padding:6px 8px;
	background-color:#f7f6f6;
}
.chart-col-05{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	width:159px;
	color:#666666;
	vertical-align:text-top;
	vertical-align:top;
	padding:6px 8px;
	background-color:#ffffff;
}
.chart-col-06{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	width:136px;
	color:#666666;
	vertical-align:text-top;
	vertical-align:top;
	padding:6px 8px;
	background-color:#f7f6f6;
}
.REOchart-col-02{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	width:408px;
	color:#666666;
	vertical-align:text-top;
	vertical-align:top;
	padding:6px 8px;
	background-color:#f7f6f6;
}
.REOchart-col-03{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	width:394px;
	color:#666666;
	vertical-align:text-top;
	vertical-align:top;
	padding:6px 8px;
	background-color:#ffffff;
}
.FOURProd-chart-col-02{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	width:194px;
	color:#666666;
	vertical-align:text-top;
	vertical-align:top;
	padding:6px 8px;
	background-color:#f7f6f6;
}
.FOURProd-chart-col-03{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	width:196px;
	color:#666666;
	vertical-align:text-top;
	vertical-align:top;
	padding:6px 8px;
	background-color:#ffffff;
}
.FOURProd-chart-col-04{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	width:195px;
	color:#666666;
	vertical-align:text-top;
	vertical-align:top;
	padding:6px 8px;
	background-color:#f7f6f6;
}
.FOURProd-chart-col-05{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	width:184px;
	color:#666666;
	vertical-align:text-top;
	vertical-align:top;
	padding:6px 8px;
	background-color:#ffffff;
}
/**SIX and SEVEN ceated by Detati**/
.SIXPro-chart-col-01{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	width:90px;
	color:#de8f00;
	vertical-align:text-top;
	vertical-align:top;
	padding:6px 3px;
	background-color:#ffffff;
}

.SIXProd-chart-col-even{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	width:141px;
	color:#666666;
	vertical-align:text-top;
	vertical-align:top;
	padding:6px 8px;
	background-color:#ffffff;
}
.SIXProd-chart-col-odd{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	width:141px;
	color:#666666;
	vertical-align:text-top;
	vertical-align:top;
	padding:6px 8px;
	background-color:#f7f6f6;
}

.SEVENProd-chart-col-01{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	width:80px;
	color:#de8f00;
	vertical-align:text-top;
	vertical-align:top;
	padding:6px 3px;
	background-color:#ffffff;
}

.SEVENProd-chart-col-even{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	width:118px;
	color:#666666;
	vertical-align:text-top;
	vertical-align:top;
	padding:6px 8px;
	background-color:#ffffff;
}
.SEVENProd-chart-col-odd{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	width:117px;
	color:#666666;
	vertical-align:text-top;
	vertical-align:top;
	padding:6px 8px;
	background-color:#f7f6f6;
}
.SSchart-col-01{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	width:261px;
	color:#666666;
	vertical-align:text-top;
	vertical-align:top;
	padding:6px 8px;
	background-color:#f7f6f6;
}
.SSchart-col-02{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	width:260px;
	color:#666666;
	vertical-align:text-top;
	vertical-align:top;
	padding:6px 8px;
	background-color:#fffffff;
}
.SSchart-col-03{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	width:250px;
	color:#666666;
	vertical-align:text-top;
	vertical-align:top;
	padding:6px 8px;
	background-color:#f7f6f6;
}
.TECHchart-col-02{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	width:204px;
	color:#666666;
	vertical-align:text-top;
	vertical-align:top;
	padding:6px 8px;
	background-color:#f7f6f6;
}
.TECHchart-col-03{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	width:206px;
	color:#666666;
	vertical-align:text-top;
	vertical-align:top;
	padding:6px 8px;
	background-color:#ffffff;
}
.TECHchart-col-04{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	width:207px;
	color:#666666;
	vertical-align:text-top;
	vertical-align:top;
	padding:6px 8px;
	background-color:#f7f6f6;
}
.TECHchart-col-05{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	width:195px;
	color:#666666;
	vertical-align:text-top;
	vertical-align:top;
	padding:6px 8px;
	background-color:#ffffff;
}

#content-container { padding:0px 15px; vertical-align:top; }

.content-column h3 {color: #545454; font-size: 123.1%; font-weight: bold; padding-bottom: 7px; }
.content-column { float:left; width:665px; margin-top:8px; vertical-align:top;  }

.callout-column { float:right; vertical-align:top; }

.callout-box {
	width:217px; 
	margin-top:25px; 
	border:1px solid #EDEDED; 
}
.callout-box, .top { 
	margin-top:13px; 
}


#accordion { display:block; }

/* Specification Accordion */
#Specifications-Sub .ui-accordion  {
	width: 649px;
	font-family:Arial, Helvetica, sans-serif; 
}
#Specifications-Sub .ui-accordion div {
	background-color: #fff;
}

#Specifications-Sub .ui-accordion p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	margin: 0px;
	padding: 10px;
}
#Specifications-Sub .ui-accordion a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: black;
	padding-left:50px;

}
#Specifications-Sub .ui-accordion h3 { padding:0px; margin:5px 0; }
#Specifications-Sub .ui-accordion h3.ui-state-default {
	background-image: url("../../images/product-temp/images/accordion-collapse.gif");
}
#Specifications-Sub .ui-accordion h3.ui-state-active {
	background-image: url("../../images/product-temp/images/accordion-expand.gif");
}
#Specifications-Sub .ui-accordion h3.ui-state-hover {
	background-image: url("../../images/product-temp/images/accordion-expand.gif");
}

/* Accordion */



/* Overlays */
div.ui-dialog { background: #fff; position: relative; }
	div.ui-dialog-titlebar { height: 24px; }
	div.ui-dialog a.ui-dialog-titlebar-close {
		color: #000;
		display: block;
		font-weight: bold;
		outline: none;
		padding: 0 0 0 26px;
		position: absolute;
		right: 12px;
		text-align: right;
		text-decoration: none;
		top: 4px;
	}
	div.ui-dialog div.ui-dialog-content { clear: both; }

.ui-widget-overlay {
	background: #000;
	opacity: .9;
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
	
/* Secondary Navigation */
/* MOVED TO styles-nav-template.css */
@import url("styles-nav-template.css");
/* Secondary Navigation */

/* Homepage styles */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
 
body.home #Mast {
	background: 0;
	display: block; 
	height: 246px; 
	position: relative; 
}
	body.home #Mast #Carousel {float: left;}
		body.home #Mast #Carousel ul {position: relative; z-index: 30;}
			body.home #Mast #Carousel ul li { height: 246px; position: relative; width: 960px; }
				body.home #Mast #Carousel .learnMore {position: absolute; right: 29px; top: 182px;}
					body.home #Mast #Carousel .learnMore a {
						background: url(../images/home/learn-more.gif) no-repeat 0 0;
						display: block;
						height: 26px;
						outline: 0;
						text-indent: -32000em;
						width: 112px;
						z-index: 45;
					}
						body.home #Mast #Carousel .learnMore a:hover {background: url(../images/home/learn-more-on.gif) no-repeat 0 0;}

body.home #Mast .mastNav {
	background: url(../images/home/mast-nav-left-bg.gif) no-repeat 0 0;
	right: 27px; 
	position: absolute; 
	top: 13px; 
	z-index: 40;
}
	body.home #Mast .mastNav .channel { background: url(../images/home/mast-nav-right-bg.gif) no-repeat 100% 0; padding-right: 10px; }

		body.home #Mast .mastNav .channel ul li { 
			background: url(../images/home/mast-nav-divider.gif) no-repeat 100% 6px; 
			display: block;
			float: left;
			min-height: 24px;
			padding: 0 7px 0 8px; 
		}
			body.home #Mast .mastNav .channel ul li.last { background: 0; padding-right: 0; } 

body.home #Mast .mastNav a {
	color: #808080; 
	display: block; 
	font-size: 85%;
	outline: 0; 
	padding-top: 4px; 
	text-decoration: none;
}
	body.home #Mast .mastNav a:hover, body.home #Mast .mastNav a.active {color: #fff;}
	body.home #Mast .mastNav a.previous {
		background: url(../images/home/previous.png) no-repeat 0 7px;
		height: 9px;
		padding-top: 7px;
		text-indent: -32000em;
		width: 8px;
	}
	body.home #Mast .mastNav a.next {
		background: url(../images/home/next.png) no-repeat 0 7px;
		height: 9px;
		padding-top: 7px;
		text-indent: -32000em;
		width: 8px;
	}

body.home #ContentChannel {padding: 4px 0 0px 0;}

body.home #ContentChannel ul.tiles { margin-bottom: 4px; padding-left: 0;}
	body.home #ContentChannel ul.tiles li { background: 0; float: left; padding: 0 0 0 0; }
		body.home #ContentChannel ul.tiles li.last { padding-right: 0; }
		body.home #ContentChannel ul.tiles li a { display: block; height: 64px; outline: 0; text-indent: -32000em;}
			body.home #ContentChannel ul.tiles li a.tradeUp {background: url(../images/home/homepage-callout-01.gif) no-repeat; width: 315px;}
			body.home #ContentChannel ul.tiles li a.webinar {background: url(../images/home/homepage-callout-02.gif) no-repeat; width: 325px;}
			body.home #ContentChannel ul.tiles li a.getStarted {background: url(../images/home/homepage-callout-03.gif) no-repeat; width: 320px;}

			
body.home #ContentChannel .twoCol {}
	body.home #ContentChannel .twoCol .first {
		display: block;
		float: left;
		position: relative;
		padding-top: 1px;
		width: 316px;
		padding-right: 1px;
	}
	body.home #ContentChannel .twoCol .last {
		display: block; 
		float: right;
		position: relative; 
		width: 639px;
		padding-top: 1px;
	}

body.home #ContentChannel .tabs {position: relative;}
body.home #ContentChannel ul.tabNav {
	display: block;
	height: 30px;
	margin-bottom: 0;
	margin-top: 0px;
	padding-left: 0;
	position: relative; 
	z-index: 15;
}
	body.home #ContentChannel ul.tabNav li { background: 0; float: left; padding: 0 4px 0 0; }
		body.home #ContentChannel ul.tabNav li a {
			background: url(../images/home/tab-inactive.gif) no-repeat 0 1px;
			color: #fff;
			display: block;
			font-weight: bold;
			height: 30px;
			outline: 0;
			text-decoration: none;
			width: 125px;
		}
			body.home #ContentChannel ul.tabNav li a span {display: block; padding: 6px 14px 0 14px;}
			body.home #ContentChannel ul.tabNav li.ui-state-active a {
				background: url(../images/home/tab-active.gif) no-repeat 0 0;
				color: #545454;
			}
body.home #ContentChannel .tabContent {margin-top: -1px; position: absolute; z-index: 12;}	
	
body.home #ContentChannel .newsBox {}
	body.home #ContentChannel .newsBox .header {
		background: url(../images/home/content-top-bg.gif) no-repeat 0 0; 
		display: block; 
		height: 3px;
	}
	body.home #ContentChannel .newsBox .channel {
		background: url(../images/home/content-bg.gif) repeat-y;
		border-left: 1px solid #;
		border-right: 1px solid #;
		display: block;
		height: 236px;
		padding: 10px 12px;
		}
		body.home #ContentChannel .scrollBox {
			background-color: #fff;
			border: 1px solid #e2e1e1;
			height: 151px;
			margin-bottom: 6px;
			overflow: auto;
			padding: 12px 12px;
			width: 580px;
		}
		
		body.home #ContentChannel dl.media {}
			body.home #ContentChannel dl.media dt.dateSource {
				color: #545454; 
				font-size: 93%; 
				font-weight: bold; 
				padding-bottom: 4px;
			}
			body.home #ContentChannel dl.media dd.newsTitle {
				border-bottom: 1px solid #eeeded; 
				font-size: 93%;
				margin-bottom: 10px; 
				padding-bottom: 10px;
			}
				body.home #ContentChannel dl.media dd.newsTitle a {color: #808080; text-decoration: none;}
					body.home #ContentChannel dl.media dd.newsTitle a:hover {color: #d87d00;}
		
		body.home #ContentChannel .tabContent .more a {
			background: url(../images/home/more-button-left-bg.gif) no-repeat 0 0;
			color: #545454;
			display: block;
			float: left;
			font-size: 93%;
			height: 27px;
			margin-right: 10px;
			min-width: 70px;
			text-decoration: none;
		}
			body.home #ContentChannel .tabContent .more a span {
				background: url(../images/home/more-button-right-bg.gif) no-repeat 100% 0;
				display: block;
				font-weight: bold;
				height: 22px;
				padding: 6px 12px 0 24px;
			}
	body.home #ContentChannel .newsBox .footer {background: url(../images/home/content-bottom-bg.gif) no-repeat 0 0; display: block; height: 5px;}


	
body.home #ContentChannel .tile {padding-bottom: 5px;}
	body.home #ContentChannel .tile a {display: block; outline: 0; text-indent: -32000em;}
		body.home #ContentChannel .tile a.award {background: url(../images/home/homepage-promo-01.gif) no-repeat 0 0; height: 130px; width: 316px;}
		body.home #ContentChannel .tile a.disasterRecovery {background: url(../images/home/homepage-promo-02.gif) no-repeat 0 0; height: 130px; width: 316px;}
		
body.home #Challenges {
	background: url(../images/home/challenges-top-bg.gif) no-repeat;
	display: none;
	position: absolute; 
	right: 0;
	top: 0;
	width: 960px;
	z-index: 20;
}	
	body.home #Challenges .header {border-bottom: 1px solid #e7e6e6; margin: 10px 20px 10px 15px; padding-bottom: 5px;}
	body.home #Challenges .header .close {float: right;}
	body.home #Challenges .header .close a {
			background: url(../images/home/close-button-left-bg.gif) no-repeat 0 0;
			color: #545454;
			display: block;
			float: right;
			font-weight: bold;
			height: 27px;
			text-decoration: none;
		}
			body.home #Challenges .header .close a span {
				background: url(../images/home/close-button-right-bg.gif) no-repeat 100% 0;
				display: block;
				height: 22px;
				padding: 5px 15px 0 15px;
			}
	body.home #Challenges .header .content {float: left; padding-top: 4px;}
	body.home #Challenges .channel {background: url(../images/home/challenges-bottom-bg.gif) no-repeat 0 100%; padding: 10px 20px 20px 15px;}
		body.home #Challenges .channel .horizontalScroll {overflow: auto; overflow-y: hidden; width: 925px;}
			body.home #ContentChannel .channel .content {padding-bottom: 18px; width: 1535px;}
		body.home #Challenges .channel .multiCol {border-bottom: 1px solid #e7e6e6;}
		body.home #Challenges .channel .multiCol .column {float: left; padding: 0 20px 0 20px; width: 275px;}
		body.home #Challenges .channel .multiCol .first {padding-left: 0;}
		body.home #Challenges .channel .multiCol .last {
			display: inline; 
			float: left;
			padding-right: 0;
			position: static; 
			width: 275px;
		}
			body.home #Challenges .channel ul {margin-bottom: 10px; padding-left: 0;}
			body.home #Challenges .channel ul li {background: 0; padding-bottom: 11px; padding-left: 0;}
			
.dropcap {
	font-size: x-small;
}
.dropcapintro {
	font-size: 11px;
}
.dropcapsub {
	font-size: 13px;
}
.bodybold {
	font-weight: bold;
}
#ContentChannel .nobg {
	display: block;
	margin-bottom: 12px;
	background-repeat: no-repeat;
	background-position: 0 0;
}