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

/* TODO

*/

/*
reset-fonts.css
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
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;}del,ins{text-decoration:none;}body{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{:monospace;*font-size:108%;line-height:100%;}

body { position: relative; }
object { display: block; outline: none; }
a { color:#39c; outline: none; text-decoration: none; }
	a span, a em { cursor: pointer; }
a:hover { color:#f93; text-decoration:underline; }
hr { border: 0; border-bottom: 1px solid #ddd; height: 0; margin: 15px 0 13px; }

html { background: #fff url(http://img.en25.com/Web/Seagate/page-bg.png) repeat-x 0 0; }
html, body { height: 100%; }
#Wrapper { background: #757575; min-height: 100%; width: 966px; } 
/* Link at top of document to jump over navigation and go straight to content - For usability */
#ContentJump { display: none; }
#MainBody { padding: 0 14px 0 20px; }

h1 { color: #000; font-size: 197%; font-weight: bold; margin-bottom: 10px; }
h2 { color: #262626; font-size: 123.1%; font-weight: bold; line-height: 21px; margin-bottom: 10px; }
h3 { font-size: 116%; font-weight: bold; margin: 20px 0 8px; }
h4 { font-size: 108%; font-weight: bold; margin-bottom: 7px; }
h5 { font-weight: bold; }
p { font-size: 93%; margin-bottom: 10px; }
q { font-size: 93%; }
	p q { font-size: 100%; }
cite { display: block; font-size: 93%; margin-top: 4px; }
	p cite { font-size: 100%; }
p.intro { color: #535353; font-size: 116%; line-height: 1.4em; }

table { border: 1px solid #ddd; border-collapse: collapse; margin-top: 30px; width: 100%; }
	table tr { }
		table tr th { background: #3f8988; color: #fff; line-height: 24px; padding: 0 22px; text-transform: uppercase; }
		table tr td { background: #efefef; line-height: 19px; padding: 3px 22px; }
			table tr.alt td { background: #fff; }

body.home #MainBody { padding-top: 15px; }
body.home #Mast { background: 0; height: 371px; margin: 0; padding: 0; position: relative; width: auto; }
	body.home #Mast .sectionInfoBlock { left: 8px; position: absolute; top: 9px; }

#Header { position: relative; z-index: 10; }
	#Header .content { background: #fff url(http://img.en25.com/Web/Seagate/header-content-bg.png) repeat-x 0 100%; }

#Toolbar {
	background: #000 url(http://img.en25.com/Web/Seagate/toolbar-bg.png) repeat-x 0 0;
	border-bottom: 1px solid #595959;
	min-height: 24px;
	position: relative;
	z-index: 10;
}
	#Toolbar a, #Toolbar label { color: #c1c1c1; font-size: 93%; outline: none; }
		#Toolbar a:hover { color: #fff; text-decoration: none; }
		/* Make label line up with links in Opera */
		body.opera #Toolbar label { float: left; margin-right: 3px; }
	#Toolbar #LocaleSelector {
		background: url(http://img.en25.com/Web/Seagate/locale-selector-toolbar.gif) no-repeat 100% 0;
		float: left;
		line-height: 22px;
		padding: 0 46px 0 14px;
	}
	#Toolbar ul { }
		#Toolbar ul li {
			background: url(http://img.en25.com/Web/Seagate/toolbar-divider-bg.png) no-repeat 0 0;
			display:-moz-inline-stack;/* Firefox 2 and under*/
			display: inline-block;
			padding: 0 10px 0 5px;
			position: relative;
			line-height: 22px;
		}
			#Toolbar ul.nav li {
				float: left;
				display: block;
				padding: 0 14px 0 5px;
			}
			/* Opera won't let us interact with the absolutely positioned descendent
			   of a display: inline-block element */
			body.opera #Toolbar ul li {	display: block;	float: left; }
			#Toolbar ul li.active {
				background-image: url(http://img.en25.com/Web/Seagate/toolbar-item-active-bg.png);
			}
			#Toolbar ul li a { display: block; line-height: 22px; }
				#Toolbar ul.tool li a { position: relative; }
				#Toolbar ul li a.login {
					background-position: 100% 0;
					background-repeat: no-repeat;
					padding-right: 8px;
				}
				#Toolbar ul li.menu a {
					background: url(http://img.en25.com/Web/Seagate/orange-triangle-down.gif) no-repeat 100% 0;
					padding-right: 8px;
				}
					#Toolbar ul li.active a {
						background-image: url(http://img.en25.com/Web/Seagate/white-triangle-down.png);
						color: #fff;
					}
			#Toolbar ul li.menu ul { 
				background: #2e2e2e;
				display: none;
				left: 1px;
				position: absolute;
				padding-top: 8px;
			}
				#Toolbar ul li.active ul { display: block; }
				#Toolbar ul li.menu ul li {
					background: none;
					display: block;
					float: none;
					padding: 4px 8px;
				}
					#Toolbar ul li.menu ul li a {
						background: url(http://img.en25.com/Web/Seagate/orange-angle-right-mini.png) no-repeat 0 50%;
						color: #b4b4b4;
						line-height: 1.2em;
						padding-left: 10px;
						white-space: nowrap;
					}
						#Toolbar ul li.menu ul li a:hover {
							color: #f56600;
							background-image: url(http://img.en25.com/Web/Seagate/white-angle-right-mini.png);
						}
	#Toolbar .search { }
		#Toolbar .search input { font-size: 85%; border: 0; }
			#Toolbar .search input.text { height: 18px; }
			#Toolbar .search input.submit { vertical-align: bottom; border-bottom: 1px solid #222;}
			body.fx2 #Toolbar .search input.submit { position: relative; }
	#Toolbar ul.nav { float: left; }
	#Toolbar ul.tool { float: right; }

#Login {
	background: #2e2e2e;
	display: none;
	left: 1px;
	position: absolute;
}
	body.fx2 #Login { left: 640px; }
	#Login .content { background: 0; padding: 12px; position: relative; }
	#Login h4 {
		color: #b4b4b4;
		font-size: 100%;
		font-weight: normal;
		margin: 0 12px 3px 0;
		white-space: nowrap;
	}
	#Login input { margin: 3px 0; display: block; }
	li.active #Login .content a {
		background: url(http://img.en25.com/Web/Seagate/orange-angle-right-mini.png) no-repeat 0 50%;
		color: #b4b4b4;
		padding-left: 10px;
		white-space: nowrap;
	}
	li.active #Login .content a.close {
		background: url(http://img.en25.com/Web/Seagate/orange-x-on-dark.gif) no-repeat 0 0;
		position: absolute;
		right: 8px;
		top: 8px;
		text-indent: -32000em;
		width: 7px;
		height: 9px;
		padding: 0;
	}
	li.active #Login .content a.button {
		background: url(http://img.en25.com/Web/Seagate/highlight-button-small-bg.png) no-repeat 0 0;
		color: #f9e5d5;
		float: none;
		margin-top: 3px;
	}	
		li.active #Login .content a.button:hover { color: #fff; }
		#Login a.button span { float: none; }
			#Login a.button span em { float: none; text-align: center; }
		#Login a.forgotPassword { display: block; font-size: 85%; margin-top: 4px; }

#LoggedInBar { background: #6f7a83; padding: 4px 14px; }
	#LoggedInBar ul { }
		#LoggedInBar ul li {
			border-right: 1px solid #fff;
			float: left;
			line-height: 1em;
			margin-right: 8px;
			padding-right: 8px;
		}
			#LoggedInBar ul li.last { border: 0; }
			#LoggedInBar ul li a, #LoggedInBar ul li span { color: #fff; font-size: 93%; }
			
#SiteId { display: inline; float: left; margin-left: 24px; }
#ShopInfo {  display: inline; float: right; margin: 23px 21px 0 0; width: 50%; }
	#ShopInfo ul { background: url(http://img.en25.com/Web/Seagate/shop-info-bg.png) no-repeat 0 0; float: right; }
		#ShopInfo ul li {
			background: url(http://img.en25.com/Web/Seagate/shop-info-divider-bg.png) no-repeat 100% 0;
			float: left;
			padding: 0 18px 0 7px;
		}
			#ShopInfo ul li.last { background: url(http://img.en25.com/Web/Seagate/shop-info-bg.png) no-repeat 100% 0; }
			#ShopInfo ul li a { color: #262626; display: block; line-height: 35px; }
				#ShopInfo ul li a:hover { color: #f56600; text-decoration: none; }
				#ShopInfo ul li a.orderStatus {
					background: url(http://img.en25.com/Web/Seagate/order-status.png) no-repeat 0 50%; 
					padding-left: 27px;
				}
				#ShopInfo ul li a.cart {
					background: url(http://img.en25.com/Web/Seagate/cart.png) no-repeat 0 50%;
					padding-left: 30px;
				}
			
ul#NavigationPrimary {
	background: #4c7f7f url(http://img.en25.com/Web/Seagate/primary-nav-bg.png) repeat-x 0 0;
	padding-left: 246px;
	position: relative;
}
	ul#NavigationPrimary li { float: left; width: 240px; }
		ul#NavigationPrimary li a {
			background-position: 0 0;
			color: #fff;
			display: block;
			height: 41px;
			text-indent: -32000em;
			width: 240px;
		}
			ul#NavigationPrimary li a#ProductsServices { background-image: url(http://img.en25.com/Web/Seagate/products_services.png); }
			ul#NavigationPrimary li a#SolutionCenter { background-image: url(http://img.en25.com/Web/Seagate/solution_center.png); }
			ul#NavigationPrimary li a#SupportDownloads { background-image: url(http://img.en25.com/Web/Seagate/support_downloads.png); }
			ul#NavigationPrimary li.over a, ul#NavigationPrimary li a.active { background-position: 0 100%; }
			ul#NavigationPrimary li div.channel {
				background: url(http://img.en25.com/Web/Seagate/primary-nav-dropdown-bg.png) repeat-x 100% 100%;
				display: none;
				position: absolute;
				right: 0;
				width: 720px;
			}
				ul#NavigationPrimary li div.content { background: 0; padding: 22px 14px 18px; }
				ul#NavigationPrimary li.over div.channel { display: block; }
				ul#NavigationPrimary li div.channel h3 { color: #fff; margin: 0; }
					ul#NavigationPrimary li div.channel ul { }
						ul#NavigationPrimary li div.channel ul.sections {
							border-bottom: 1px solid #464646;
							padding: 0 10px 18px;
						}
						ul#NavigationPrimary li div.channel ul li { float: none; width: auto; }
							ul#NavigationPrimary li div.channel ul.sections li {
								display:-moz-inline-stack;/* Firefox 2 and under*/
								display: inline-block;
								vertical-align: text-top;
							}
							ul#NavigationPrimary li ul li#ForHome,
								ul#NavigationPrimary li ul li#ForHomeSolutionCenter { 
									padding-right: 26px;
									width: 188px;
								}
							ul#NavigationPrimary li ul li#ForBusiness,
								ul#NavigationPrimary li ul li#ForBusinessSolutionCenter {
									border-left: 1px solid #464646;
									border-right: 1px solid #464646;
									padding: 0 26px 14px;
									width: 183px;
								}
							ul#NavigationPrimary li ul li#ForDataCenter,
							 	ul#NavigationPrimary li ul li#ForDataCenterSolutionCenter {
									padding-left: 26px;
									width: 174px;
								}
							ul#NavigationPrimary li div.channel ul li h3 { font-size: 100%; font-weight: normal; }
							ul#NavigationPrimary li div.channel ul li a {
								color: #c1c1c1;
								font-size: 93%;
								font-weight: normal;
								height: auto;
								padding-left: 12px;
								text-indent: 0;
								width: auto;								
							}
								ul#NavigationPrimary li div.channel ul.sections li a,
									ul#NavigationPrimary li div.channel ul.quickLinks li a {
									background: url(http://img.en25.com/Web/Seagate/orange-angle-right-small.png) no-repeat 0 50%;
								}
							ul#NavigationPrimary li div.channel ul.sections li a:hover,
								ul#NavigationPrimary li div.channel ul.quickLinks li a:hover {
									background: url(http://img.en25.com/Web/Seagate/white-angle-right-small.png) no-repeat 0 50%;
									color: #f56600;
									text-decoration: none;
								}
							ul#NavigationPrimary li div.channel ul li ul { padding-top: 14px; }
								ul#NavigationPrimary li div.channel ul.sections li ul li {
									display: block;
									padding-bottom: 8px;
								}
						ul#NavigationPrimary li div.channel ul.quickLinks { border-bottom: 1px solid #464646; padding: 14px 0 14px 12px; }
							ul#NavigationPrimary li div.channel ul.quickLinks li {
								display:-moz-inline-stack;/* Firefox 2 and under*/
								display: inline-block;
								padding-right: 12px;
							}
						ul#NavigationPrimary li div.channel ul.buttons { padding-top: 15px; }
							ul#NavigationPrimary li div.channel ul.buttons li { float: left; }
								ul#NavigationPrimary li div.channel ul.buttons li a {
									background: url(http://img.en25.com/Web/Seagate/highlight-button-medium-bg.png) no-repeat 0 0;
									color: #f9e5d5;
									display: block;
									float: left;
									margin-right: 6px;
									padding-left: 28px;
								}
									ul#NavigationPrimary li div.channel ul.buttons li a:hover { color: #fff; text-decoration: none; }
									ul#NavigationPrimary li div.channel ul.buttons li a span {
										background: url(http://img.en25.com/Web/Seagate/highlight-button-medium-bg.png) no-repeat 100% 0;
										display: block;
										float: left;
										font-weight: bold;
										line-height: 29px;
										margin-right: -6px;
										padding-right: 26px;
									}

#Footer { margin: 15px 6px 15px 0; }
	#Footer p.copy { color: #e0e0e0; float: left; font-size: 85%; }
	#Footer a { color: #e0e0e0; font-size: 85%; }
	#Footer ul.siteLinks { float: right; }
		#Footer ul.siteLinks li {
			background: url(http://img.en25.com/Web/Seagate/footer-divider-bg.png) no-repeat 100% 90%;
			float: left;
			padding: 0 7px 0 5px;
		}
			#Footer ul.siteLinks li.last { background: 0; }

#MainBody {
	background: #757575 url(http://img.en25.com/Web/Seagate/main-body-bg.png) repeat-x 0 0;
	min-height: 475px;
	position: relative;
	z-index: 5;
}
	body.promoLanding #MainBody { padding-top: 10px; }
#Breadcrumbs { padding: 8px 0 8px 3px; }
	#Breadcrumbs a { color: #cdcdcd; font-size: 77%; }
	#Breadcrumbs em { color: #888; font-size: 77%; }
	#Breadcrumbs ul { }
		#Breadcrumbs ul li {
			background: url(http://img.en25.com/Web/Seagate/breadcrumb-divider-bg.png) no-repeat 100% 55%;
			float: left;
			padding: 0 9px 0 4px;
		}
			#Breadcrumbs ul li.last { background: 0; }

#News {	background: url(http://img.en25.com/Web/Seagate/news-feed-bg.png) no-repeat 0 0; padding: 0px 0 4px 25px; margin: 4px 0; }
	#News h3 { color: #fff; float: left; font-weight: bold; font-size: 93%; line-height: 60px; margin: 0; padding-right: 30px; }
	#News div.newsContent {
		background: url(http://img.en25.com/Web/Seagate/news-item-bg.png) no-repeat 0 0;
		float: left;
		margin-top: 13px;
		padding-left: 17px;
	}
	#News ul {
		background: url(http://img.en25.com/Web/Seagate/news-item-bg.png) no-repeat 100% 0;
		width: 583px; /* Adjust this value on local sites to increase/decrease space for feed button */
	}
		#News ul li {	line-height: 33px; }
			#News ul li a { color: #252525; }
				#News ul li a:hover { color: #f56600; text-decoration: none; }
				
	#News a.feed {
		background: url(http://img.en25.com/Web/Seagate/news-feed-button.png) no-repeat 0 0;
		color: #dcdcdc;
		float: left;
		margin: 13px 0 0 8px;
		padding-left: 40px;
	}
		#News a.feed:hover { color: #fff; text-decoration: none; }
		#News a.feed em {
			background: url(http://img.en25.com/Web/Seagate/news-feed-button.png) no-repeat 100% 0;
			display: block;
			font-weight: bold;
			line-height: 37px;
			padding: 0 25px 0 0;
			white-space: nowrap;
		}

#Mast { background: url(http://img.en25.com/Web/Seagate/mast-bg.jpg) no-repeat 0 0; padding: 15px 26px 0; }
	body.promoLanding #Mast {
		margin-bottom: -7px;
		position: relative;
		top: -7px;		
	}
	#Mast h1, #Mast h2 { color: #fff; }
	
		body.promoLanding #Mast h2 { font-size: 131%; margin-bottom: 20px; }
	#Mast h4 { font-size: 123.1%; margin: 8px 0 4px; }
	#Mast h5 { line-height: 1.3em; }
	#Mast p { line-height: 1.3em; margin-top: 2px; }
		body.promoLanding #Mast p { font-size: 108%; }
	#Mast .banner { height: 207px; }
	#Mast .productContent { float: left; width: 550px; }
	#Mast .productImagery { float: right; width: 320px; }
	#Mast .highlightBoxShort { clear: both; }
	body.promoLanding #Mast ul.buttons { float: none; margin: 30px 0 20px; }
		body.promoLanding #Mast ul.buttons a.focusButtonLight { padding-left: 23px; }
			body.promoLanding #Mast ul.buttons a.focusButtonLight span { padding-right: 23px; }
			
			

a.shop {
	background: url(http://img.en25.com/Web/Seagate/orange-angle-right.png) no-repeat 0 50%;
	font-weight: bold;
	padding-left: 16px;
}
	.promo a.shop { bottom: 16px; color: #fff; margin-left: 21px; position: absolute; }
		.promo a.shop:hover { color: #f56600; text-decoration: none; }

.retailContainer { margin-top: 14px; }
	.retailContainer a.highlightButtonSmall { float: right; margin-top: 4px; }

.purchaseContainer { margin-top: 14px; }
	.purchaseContainer .content { position: relative; }
	.purchaseContainer a.shop { color: #fff; bottom: 0px; margin: 0; }
	.purchaseContainer p { color: #fff; margin: 0; }
	.purchaseContainer p.price { font-size: 131%; line-height: 1.4em; }
		.focusBoxSmall p.price { line-height: 30px; padding-left: 8px; }
		.purchaseContainer p.price em.regular { color: #e0e0e0; text-decoration: line-through; }
		.purchaseContainer p.price em.sale { }
	.purchaseContainer em.price {
		color: #fff;
		float: left;
		font-size: 131%;
		font-weight: bold;
		line-height: 30px;
		min-width: 80px;
		padding-left: 8px;
		text-align: right;
	}
	.purchaseContainer .addCart { bottom: 0; height: 45px; position: absolute; right: 8px; }
		.purchaseContainer .addCart label { color: #fff; float: left; font-weight: bold; margin-top: 28px; }
		.purchaseContainer .addCart input {
			float: left;
			font-weight: bold;
			margin: 8px 13px 0 9px;
			padding: 6px 0;
			text-align: center;
			width: 42px;
		}
.shadowBox { width: 930px; }
	.shadowBox .header { background: url(http://img.en25.com/Web/Seagate/shadow-box-header-bg.png) no-repeat 0 0; }
		.shadowBoxDark .header { background: url(http://img.en25.com/Web/Seagate/shadow-box-dark-header-bg.png) no-repeat 0 0; }
		.shadowBoxLight .header { background: url(http://img.en25.com/Web/Seagate/shadow-box-light-header-bg.png) no-repeat 0 0; }
		.shadowBox .header .content {
			background: url(http://img.en25.com/Web/Seagate/shadow-box-header-bg.png) no-repeat 100% 0;
			min-height: 7px;
		}
			.shadowBoxDark .header .content {
				background: url(http://img.en25.com/Web/Seagate/shadow-box-dark-header-bg.png) no-repeat 100% 0;
			}
			.shadowBoxLight .header .content {
				background: url(http://img.en25.com/Web/Seagate/shadow-box-light-header-bg.png) no-repeat 100% 0;
			}
		div.tabs div.shadowBox .tabContentHeader {
			background-position: -12px 0;
			padding-left: 12px;
		}
			div.tabs div.shadowBox .tabContentHeader .content {	background: url(http://img.en25.com/Web/Seagate/shadow-box-header-bg.png) no-repeat 100% 0; }
	.shadowBox .channel {
		background: url(http://img.en25.com/Web/Seagate/shadow-box-channel-bg.png) repeat-y 0 0;
	}
		.shadowBoxDark .channel {
			background: url(http://img.en25.com/Web/Seagate/shadow-box-dark-channel-bg_0.png) repeat-y 0 0;
		}
		.shadowBoxLight .channel {
			background: url(http://img.en25.com/Web/Seagate/shadow-box-light-channel-bg_0.png) repeat-y 0 0;
		}
		.shadowBox .channel .content {
			background: url(http://img.en25.com/Web/Seagate/shadow-box-channel-bg.png) repeat-y 100% 0;
			padding-bottom: 10px;
			padding-right: 5px;
		}
			.shadowBoxDark .channel .content {
				background: url(http://img.en25.com/Web/Seagate/shadow-box-dark-channel-bg_0.png) repeat-y 100% 0;
			}
			.shadowBoxLight .channel .content {
				background: url(http://img.en25.com/Web/Seagate/shadow-box-light-channel-bg_0.png) repeat-y 100% 0;
			}
			.shadowBox .columnWrapper .content { padding-bottom: 0; }
	.shadowBox .footer {
		background: url(http://img.en25.com/Web/Seagate/shadow-box-footer-bg.png) no-repeat 0 0;
		height: 12px;
	}
		.shadowBoxDark .footer {
			background: url(http://img.en25.com/Web/Seagate/shadow-box-dark-footer-bg.png) no-repeat 0 0;
			padding-left: 10px;
		}
		.shadowBoxLight .footer {
			background: url(http://img.en25.com/Web/Seagate/shadow-box-light-footer-bg_0.png) no-repeat 0 0;
			padding-left: 10px;
		}
		.shadowBox .footer .content {
			background: url(http://img.en25.com/Web/Seagate/shadow-box-footer-bg.png) no-repeat 100% 100%;
			height: 12px;
		}
			.shadowBoxDark .footer .content {
				background: url(http://img.en25.com/Web/Seagate/shadow-box-dark-footer-bg.png) no-repeat 100% 100%;
			}
			.shadowBoxLight .footer .content { 
				background: url(http://img.en25.com/Web/Seagate/shadow-box-light-footer-bg_0.png) no-repeat 100% 100%;
			}

.stage {
	background: #4e4e4e url(http://img.en25.com/Web/Seagate/bottom-stage-bg.png) repeat-x 0 100%;
	color: #a1a1a1;
	padding: 12px 24px;
}
	.stage h3 { color: #fff; margin: 0 0 20px; }
		.stage h3 span { color: #a1a1a1; font-weight: normal; }
	.stage h4 a { color: #c1c1c1; }
		.stage h4 a:hover { color: #fff; text-decoration: none; }
	.stage p { line-height: 1.5em; margin-bottom: 0; }
	.stage ul.threeColumn li { padding: 0 22px; margin: 0 !important; width: 250px; }
		.stage ul.threeColumn li.three { padding: 0 0 0 22px; margin: 0 !important; width: 250px; }

	
.columnWrapper { 
	position: relative; /* position relative on the display: table element causes problems */
}
.columnChannel { display: table; }
	.shadowBox .channel .columnChannelChannel { padding-right: 14px; }
div.quickLinks {
	/* Background on the wrapper div and forced to bottom - this gives us
		the rounded corners at the bottom of the full height */
	background: url(http://img.en25.com/Web/Seagate/quick-links-bg.png) no-repeat 0 100%;
	border-left: 7px solid #fff; /* Use borders */
	border-right: 4px solid #fff; /* for padding */
	display: table-cell;
	padding: 0 0 12px; /* save space for rounded corners */
	width: 236px;
}
	div.quickLinks h3 { color: #fff; font-size: 123.1%; margin: 0; padding: 13px 0 10px; text-indent: 1px; }
	div.quickLinks ul {
		background: url(http://img.en25.com/Web/Seagate/quick-links-divider-bg.png) repeat-x 0 0;
	}
		div.quickLinks ul li { 
			background: url(http://img.en25.com/Web/Seagate/quick-links-divider-bg.png) repeat-x 0 100%;
			line-height: 30px;
			text-indent: 1px;
		}
			div.quickLinks ul li a {
				color: #fff;
				font-size: 93%;
				font-weight: bold;
			}
				div.quickLinks ul li a:hover { color: #3b3b3b; text-decoration: none; }
	div.quickLinks .header {
		background: #fff url(http://img.en25.com/Web/Seagate/quick-links-bg.png) no-repeat 0 3px;
		height: 5px;
		padding-top: 3px;
	}
		div.quickLinks .header .content { background: 0; }
	div.quickLinks .channel {
		background: url(http://img.en25.com/Web/Seagate/quick-links-bg.png) no-repeat 0 -8px;
		min-height: 213px;
	}
		div.quickLinks .channel .content { background: 0; padding: 0 18px 0 16px; }
	div.quickLinks .footer { background: 0; height: 0; width: 236px; }
		div.quickLinks .footer .content { background: 0; }

/* Default promo images */
#PromoOne {	background: url(http://img.en25.com/Web/Seagate/tile_01.jpg) no-repeat 100% 0; }
#PromoTwo {
	background: url(http://img.en25.com/Web/Seagate/tile_02.jpg) no-repeat 100% 0;
	border-left: 5px solid #fff; /* Padding between promos */
}
.home .promo { display: table-cell; width: 332px; vertical-align: top; }
	.home .promo h3 { color: #fff; font-size: 123.1%; font-weight: bold; margin: 0; padding: 13px 0 8px 16px; width: 170px;}
	.promo p { color: #dedede; font-size: 100%; line-height: 20px; padding: 0 0 0 16px; width: 170px; }
	.promo .header {
		background: url(http://img.en25.com/Web/Seagate/corners.png) no-repeat 0 0;
		position: absolute;
		top: 0;
		width: 332px;
	}
		.promo .header .content { background: 0; }
	.promo .channel, .promo .channel .content { background: 0; /* get rid of .shadowBox bg */	}
	.promo .footer {
		background: url(http://img.en25.com/Web/Seagate/corners.png) no-repeat 0 100%;
		bottom: -1px;
		position: absolute;
		width: 332px;
	}
		.promo .footer .content { background: 0; }

#PageTools ul { float: right; margin-right: 10px; padding-bottom: 4px; }
	#PageTools a { color: #262626; font-size: 85%; font-weight: bold; line-height: 12px; }
		#PageTools a.liveChat { background: url(http://img.en25.com/Web/Seagate/live-chat.png) no-repeat 0 50%; padding-left: 15px; }
		#PageTools a.bookmark { background: url(http://img.en25.com/Web/Seagate/bookmark-share.png) no-repeat 0 50%; padding-left: 21px; }
		#PageTools a.print { background: url(http://img.en25.com/Web/Seagate/print-page.png) no-repeat 0 50%; padding-left: 18px; }
	#PageTools ul li { border-right: 1px solid #bfbfbf; float: left; padding: 0 9px 0 8px; }
		#PageTools ul li.last { border-right: 0; }

ul.modelList { }
	body.fx2 ul.modelList li { padding-bottom: 10px; }
		ul.modelList li img { float: left; position: relative; }
		ul.modelList li p { line-height: 1.3em; }
			ul.modelList li p.overview { margin-left: 56px; }
		
.productContent { float: right; width: 540px; }
	ul.productInfo { margin-bottom: 35px; }
	.productContent ul li, ul.productInfo li {
		background: url(http://img.en25.com/Web/Seagate/orange-bullet.png) no-repeat 0 0.3em;
		color: #535353;
		font-size: 116%;
		margin: 0 0 6px 5px;
		padding-left: 15px;
	}
	ul.productInfo li, .tabContent ul.productInfo li {
		background-position: 0 0.4em;
		color: #000;
		font-size: 100%;
	}
		ul.productInfo li ul { }
			ul.productInfo li ul li, .tabContent ul.productInfo li ul li {
				background: url(http://img.en25.com/Web/Seagate/grey-dash.png) no-repeat 0 0.6em;
				color: #535353;
				margin: 6px 0 0 5px;
				padding-left: 10px;
			}
.productImagery { float: left; width: 320px; }

.productInfoSelector { line-height: 20px; margin-top: 26px; position: relative; }
	.productInfoSelector label { float: left; font-weight: bold; min-width: 168px; padding-bottom: 8px; }
	.productInfoSelector select { min-width: 90px; }
	.productInfoSelector a.reset {
		background: url(http://img.en25.com/Web/Seagate/orange-bullet-with-line.png) no-repeat 0 50%;
		bottom: 10px;
		color: #1c1c1c;
		font-size: 93%;
		font-weight: bold;
		padding-left: 15px;
		position: absolute;
		right: 16px;		
	}
		.productInfoSelector a.reset:hover { color: #f93; text-decoration: none; }
	.productInfoSelector .productId { clear: both; color: #535353; font-size: 85%; padding-top: 7px; }
		.productInfoSelector .productId span { background: url(http://img.en25.com/Web/Seagate/product-id-divider-bg.png) no-repeat 3px 75%; padding-left: 8px; }
		.productInfoSelector .productId #ProductSKU { background: 0; padding: 0; }

ul.columns { }
	ul.threeColumn li { display: inline; float: left; width: 195px; }
		ul.threeColumn li.two { margin: 0 12px; }
		ul.columns li div.groupingBox .channel { padding-left: 0; }
			ul.columns li div.groupingBox .channel .content { padding-right: 8px; }
		ul.columns li div.groupingBox .footer { margin-bottom: 12px; }

.modalContent { }
	body.modal .modalContent { width: 662px; }
	body.compare .modalContent { width: 888px; }
	#FlashPlayerModal .modalContent .header .mc { height: 37px; }
	.modalContent h1 { color: #fff; font-size: 167%; }
	.modalContent h2 { }
		body.landing .modalContent .tabContent h2 { margin: 0 0 10px; }
		.modalContent h2 span { font-weight: normal; }
	.modalContent h3 { margin: 0; }
	.modalContent h4 { color: #535353; padding: 3px 0 0 0; }
	.modalContent label.rememberSelection { display: block; font-weight: bold; padding-bottom: 3px; }
	.modalContent fieldset { padding-bottom: 12px; }
	.modalContent div.tabs { padding: 0; }
	.modalContent .tabContent { padding: 4px 8px 16px 0; }
		.modalContent .shadowBox .tabContent { padding: 4px 8px 6px 0; }
	.modalContent dl.form { padding-top: 18px; }
		.modalContent dl.form dt { float: left; padding-top: 2px; text-align: right; width: 82px; }
		.modalContent dl.form dd { margin-left: 90px; padding-bottom: 15px; width: 250px; }
			.modalContent dl.form dd select { width: 100%; }
			.modalContent dl.form dd a.moreOptions {
				background: url(http://img.en25.com/Web/Seagate/orange-plus-bg.png) no-repeat 0 50%;
				float: right;
				font-weight: bold;
				padding-left: 15px;
			}

	.modalContent .imageSpace {
		float: left;
		margin: 10px 0 0 12px;
		width: 409px;
	}
		.modalContent .heroContainer {
			background: url(http://img.en25.com/Web/Seagate/hero-block-bg.png) no-repeat 0 0;
			margin-bottom: 10px;
			padding: 23px 45px 24px;
		}
		.modalContent .imageSpace ul.controls { position: relative; }
			.modalContent .imageSpace ul.controls li { line-height: 20px; }
				.modalContent .imageSpace ul.controls li a {
					font-size: 85%;
					padding: 0 11px 0 19px;
				}
			.modalContent .imageSpace ul.controls li.previous {
				left: 0;
				position: absolute;
				top: 0;
			}
				.modalContent .imageSpace ul.controls li.previous a {
					background: url(http://img.en25.com/Web/Seagate/orange-double-angle-left.png) no-repeat 0 40%;
					border-right: 1px solid #ddd;
				}
			.modalContent .imageSpace ul.controls li.title {
				color: #39c;
				font-size: 131%;
				font-weight: bold;
				text-align: center;
				width: 100%;
			}
			.modalContent .imageSpace ul.controls li.next {
				position: absolute;
				right: 0;
				text-align: right;
				top: 0;
			}
				.modalContent .imageSpace ul.controls li.next a {
					background: url(http://img.en25.com/Web/Seagate/orange-double-angle-right.png) no-repeat 100% 40%;
					border-left: 1px solid #ddd;
					padding: 0 19px 0 11px;
				}
			.modalContent .heroContainer img { display: block; margin: auto auto; }
			
	.modalContent .thumbnailSpace {
		float: right;
		margin: 10px 12px 0 0;
		width: 259px;
	}
		.modalContent .thumbnailSpace ul.thumbnailGrid { margin-bottom: 3px; }
			.modalContent .thumbnailSpace ul.thumbnailGrid li {
				background: url(http://img.en25.com/Web/Seagate/thumbnail-inactive-bg.png) no-repeat 0 0;
				float: left;
				margin: 0 8px 5px 0;
				padding: 10px 9px 10px 10px;
			}
				.modalContent .thumbnailSpace ul.thumbnailGrid li.alt { margin-right: 0; }
				.modalContent .thumbnailSpace ul.thumbnailGrid li.active,
				 	.modalContent .thumbnailSpace ul.thumbnailGrid li.over {
						background-image: url(http://img.en25.com/Web/Seagate/thumbnail-active-bg.png);
				}
					.modalContent .thumbnailSpace ul.thumbnailGrid li a {
						display: block;
						font-size: 1%;
						height: 106px;
						width: 106px;
					}
					
	.modalContent div.highlightBox div.header, .modalContent div.highlightBox div.header .content,
		.modalContent div.highlightBox div.channel, .modalContent div.highlightBox div.channel .content,
		.modalContent div.highlightBox div.footer, .modalContent div.highlightBox div.footer .content {
			background-image: url(http://img.en25.com/Web/Seagate/highlight-box-modal-bg.png);
		}
	.modalContent div.highlightBox div.header .content { height: 8px; }
	.modalContent div.highlightBox div.channel .content {
		background-position: 100% -8px;
		min-height: 20px;
	}
		.modalContent div.highlightBox div.channel .content p {
			color: #fff;
			font-size: 85%;
			line-height: 20px;
			margin: 0;
			text-align: center;
			vertical-align: middle;
		}
	.modalContent div.highlightBox div.footer { background-position: 0 100%; height: 8px;}
		.modalContent div.highlightBox div.footer .content { background-position: 100% 100%; height: 8px; }
				
	.modalContent table { border: 0; margin-top: 0; }
		.modalContent table th {
			background: 0;
			border-top: 1px solid #dfdfdf;
			color: #000;
			font-size: 93%; 
			font-weight: bold;
			line-height: 1.2em;
			padding: 9px 14px 9px 0;
			text-align: right;
			text-transform: none;
			vertical-align: top;
			width: 110px;
		}
			.modalContent table tr.first th { border-top: 0; }
		.modalContent table td {
			background: 0;
			border-top: 1px solid #dfdfdf;
			border-right: 1px solid #dfdfdf;
			font-size: 93%; 
			line-height: 1.2em;
			padding: 9px 14px;
			vertical-align: top;
			width: 188px;
		}
			.modalContent table tr.first td { border-top: 0; }
			.modalContent table td.last { border-right: 0; }
			.modalContent table td a { font-weight: bold; }
				.modalContent table td a.remove {
					background: url(http://img.en25.com/Web/Seagate/orange-x.png) no-repeat 0 50%;
					display: block;
					margin-bottom: 8px;
					padding-left: 12px;
				}
			.modalContent table td p { font-size: 100%; text-align: center; }
			
	.modalContent .columnFixed { float: left; overflow: hidden; width: 110px; }
		.modalContent .columnFixed div.groupingBox .channel { padding-left: 1px; }
	.modalContent .tableData { float: left; overflow: auto; padding: 12px 0 6px; width: 730px; }
	
	.modalContent a.centerButton { display: block; float: none; }
		.modalContent a.centerButton span { display: block; float: none; text-align: center; }
			.modalContent a.centerButton span em {
				background: url(http://img.en25.com/Web/Seagate/white-angle-right.gif) no-repeat 0 50%;
				display: inline;
				float: none;
				padding-left: 12px;
			}
			
	.modalContent ul.tabNav { }
		.modalContent ul.tabNav li { margin-right: 2px; }
			.modalContent ul.tabNav li a {
				background: url(http://img.en25.com/Web/Seagate/modal-tab-inactive-bg.png) no-repeat 0 0;
				line-height: 37px;
				padding: 0 0 0 12px;
			}
				.modalContent ul.tabNav li a span {
					background: url(http://img.en25.com/Web/Seagate/modal-tab-inactive-bg.png) no-repeat 100% 0;
					display: block;
					font-weight: bold;
					color: #cfcfcf;
					line-height: 37px;
					padding: 0 12px 0 0;
				}
				.modalContent ul.tabNav li.ui-tabs-selected a {
					background-image: url(http://img.en25.com/Web/Seagate/modal-tab-active-bg.png);
				}
					.modalContent ul.tabNav li.ui-tabs-selected a span {
						background-image: url(http://img.en25.com/Web/Seagate/modal-tab-active-bg.png);
						color: #1c1c1c;
					}
	.modalContent ul.releaseList { margin-bottom: 8px; }
		.modalContent ul.releaseList li { background: 0; }
			.modalContent ul.releaseList li div { width: 130px; }
			.modalContent ul.releaseList li h4 { font-size: 93%; margin-bottom: 4px; }
			.modalContent ul.releaseList li p { font-size: 85%; }
				.modalContent ul.releaseList li p.price { color: #535353; }
			.modalContent ul.releaseList li a.shop {
				background: url(http://img.en25.com/Web/Seagate/orange-angle-right-small.gif) no-repeat 0 40%;
				font-size: 85%;
				padding-left: 12px;
			}
	.modalContent ul.buttons { position: absolute; bottom: 6px; right: 6px; }
		.modalContent ul.buttonsCentered { position: static; float: none; }
			.modalContent ul.buttonsCentered li { width: 49%; margin: 0 2px; }
				.modalContent ul.buttonsCentered li.first a {	float: right; }
				.modalContent ul.buttonsCentered li.last a { text-align: right; }
				.modalContent ul.buttonsCentered a span em { width: 250px; }
					.modalContent ul.buttonsCentered li.first a span em {
						background: url(http://img.en25.com/Web/Seagate/white-angle-left.gif) no-repeat 0 50%;
						padding-left: 15px;
					}
					.modalContent ul.buttonsCentered li.last a span em {
						background: url(http://img.en25.com/Web/Seagate/white-angle-right.gif) no-repeat 100% 50%;
						padding-right: 15px;
					}
	.modalContent .formContainer { position: relative; }
		.modalContent .formContainer h3 { display: inline; font-size: 108%; }
	.modalContent .mc {
		background-image: url(http://img.en25.com/Web/Seagate/modal-bg.gif);
		background-repeat: no-repeat;
	}
	.modalContent .header { background-position: 0 0; padding-left: 8px; }
		.modalContent .header .content { background-position: 100% 0; height: 8px; padding-right: 8px; }
	.modalContent .channel { background-position: 0 -8px; padding-left: 8px; }
		.modalContent .channel .content { background-position: 100% -8px; padding-right: 8px; }
	.modalContent .footer { background-position: 0 100%; padding-left: 8px; }
		.modalContent .footer .content { background-position: 100% 100%; height: 12px; padding-right: 8px; }
	.modalContent .shadowBox { width: auto; }
	.modalContent .shadowBox .header .content {
		background: url(http://img.en25.com/Web/Seagate/shadow-box-header-bg.png) no-repeat 100% 0;
	}
	.modalContent .shadowBox .channel .content {
		background: url(http://img.en25.com/Web/Seagate/shadow-box-channel-bg.png) repeat-y 100% 0;
	}
	.modalContent .shadowBox .footer {
		background-position: 0 0;
		padding-left: 10px;
	}
	.modalContent div.groupingBox { max-width: 1000px; }
	.modalContent div.groupingBox .header .content,
		body.landing .modalContent div.tabContent div.groupingBox .header,
		body.landing .modalContent div.tabContent div.groupingBox .header .content
	{
		background-image: url(http://img.en25.com/Web/Seagate/grouping-box-header-bg.gif);
	}
	div.modalContent div.groupingBox div.channel { padding-left: 8px; }
		.modalContent div.groupingBox .channel .content,
			body.landing .modalContent div.tabContent div.groupingBox .channel,
			body.landing .modalContent div.tabContent div.groupingBox .channel .content
		{
			background-image: url(http://img.en25.com/Web/Seagate/grouping-box-channel-bg.gif);
			padding-right: 0;
		}
	.modalContent div.groupingBox .footer,
	 	body.landing .modalContent div.tabContent div.groupingBox .footer
	{
		background: url(http://img.en25.com/Web/Seagate/grouping-box-footer-bg.gif) no-repeat 0 100%;
		height: 6px;
	}
		.modalContent div.groupingBox .footer .content,
		 	body.landing .modalContent div.tabContent div.groupingBox .footer .content
		{
			background: url(http://img.en25.com/Web/Seagate/grouping-box-footer-bg.gif) no-repeat 100% 100%;
			height: 6px;
		}
	.modalContent div.controlBox div.header .content {
		background: url(http://img.en25.com/Web/Seagate/border-box-bg.png) no-repeat 100% 0;
	}
	.modalContent div.controlBox div.channel .content {
		background: url(http://img.en25.com/Web/Seagate/border-box-bg.png) no-repeat 100% -8px;
		padding-right: 8px;
	}
	.modalContent div.controlBox .footer { background-position: 0 100%; }
		.modalContent div.controlBox div.footer .content {
			background: url(http://img.en25.com/Web/Seagate/border-box-bg.png) no-repeat 100% 100%;
		}
	.modalContent ul.columns { margin-right: 20px; }

span.formDivider {
	background: url(http://img.en25.com/Web/Seagate/form-divider-bg.png) repeat-x 0 50%;
	display: block;
	font-size: 108%;
	font-weight: bold;
	text-align: center;
	line-height: 1.4em;
	margin: 3px 0;
}
	span.formDivider em { background: #fff; padding: 0 6px; }

ul.helpPick { }
	ul.helpPick li {
		background: 0 !important;
		font-size: 100% !important;
		margin: 0 0 6px !important;
		padding: 0 !important;
	}
		ul.helpPick li a {
			background: url(http://img.en25.com/Web/Seagate/orange-angle-right.png) no-repeat 0 40%;
			color: #262626;
			font-weight: bold;
			display: block;
			padding-left: 20px;
		}
dl.languageList { line-height: 22px; }	
	dl.languageList dt { float: left; padding-top: 2px; }
	dl.languageList dd {
		border-top: 1px solid #cfcfcf;
		padding-top: 2px;
		text-align: right;
	}

div.tabs { padding-top: 20px; }
	#Mast div.tabs { padding-top: 0; }
	body.landing div.tabs { padding-top: 0; }
	
ul.tabNav { }
	body.landing ul.tabNav { position: absolute; }
	body.landing div.modalContent ul.tabNav { position: static; }
	ul.tabNav li {
		float: left;
		margin-right: -14px;
		position: relative;
		width: 157px;
	}
		ul.tabNav li.one { z-index: 100; }
		ul.tabNav li.two { z-index: 90; }
		ul.tabNav li.three { z-index: 80; }
		ul.tabNav li.four { z-index: 70; }
		ul.tabNav li.five { z-index: 60; }
		ul.tabNav li.ui-state-active { z-index: 200; }
		.tabHeader ul.tabNav li { margin: -7px 5px 0 0; padding: 12px 0 0; width: auto; }
			body.landing .tabHeader ul.tabNav li {
				margin-top: 0;
				padding-top: 0;
				padding-bottom: 18px;
			}
			.tabHeader ul.tabNav li.ui-state-active {
				background: url(http://img.en25.com/Web/Seagate/active-tab-indicator-bg.gif) no-repeat 50% 0;
			}
				body.landing .tabHeader ul.tabNav li.ui-state-active {
					background: url(http://img.en25.com/Web/Seagate/landing-active-tab-indicator-bg.gif) no-repeat 50% 100%;
				}
		ul.tabNav li a {
			background: url(http://img.en25.com/Web/Seagate/tab-inactive-bg.png) no-repeat 0 0;
			color: #e0e0e0;
			display: block;
			font-weight: bold;
			line-height: 40px;
			outline: none;
			padding: 9px 0 0 24px;
			z-index: 250;
		}
			ul.tabNav li a:hover { color: #fff; text-decoration: none; }
			.tabHeader ul.tabNav li a {
				background-image: url(http://img.en25.com/Web/Seagate/highlight-box-button-inactive-bg.png);
				line-height: 25px;
				padding: 0 0 0 16px;
			}
				body.landing .tabHeader ul.tabNav li a {
					background-image: url(http://img.en25.com/Web/Seagate/highlight-box-button-inactive-large-bg.png);
					line-height: 37px;
				}
			ul.tabNav li.first a { padding-left: 14px; }
			ul.tabNav li.ui-state-active a {
				background: url(http://img.en25.com/Web/Seagate/tab-active-bg.png) no-repeat 0 0;
				color: #000 !important;
			}
				.tabHeader ul.tabNav li.ui-state-active a {
					background-image: url(http://img.en25.com/Web/Seagate/highlight-box-button-active-bg.png);
					color: #fff !important;
				}
					body.landing .tabHeader ul.tabNav li.ui-state-active a {
						background-image: url(http://img.en25.com/Web/Seagate/highlight-box-button-active-large-bg.png);
					}
				.tabHeader ul.tabNav li a span {
					background: url(http://img.en25.com/Web/Seagate/highlight-box-button-inactive-bg.png) no-repeat 100% 0;
					display: block;
					padding-right: 16px;
				}
					ul.tabNav li.ui-state-active a span { cursor: text; }
					body.landing .tabHeader ul.tabNav li a span {
						background: url(http://img.en25.com/Web/Seagate/highlight-box-button-inactive-large-bg.png) no-repeat 100% 0;
					}
					.tabHeader ul.tabNav li.ui-state-active a span {
						background-image: url(http://img.en25.com/Web/Seagate/highlight-box-button-active-bg.png);
					}
						body.landing .tabHeader ul.tabNav li.ui-state-active a span {
							background-image: url(http://img.en25.com/Web/Seagate/highlight-box-button-active-large-bg.png);
						}

.contentChannel { float: left; width: 540px; }
	.full { width: 100%; }
	.contentWrapper div.withSidebarSecondary { width: 670px; }
	.contentWrapper div.withSidebarMenu { float: right; width: 670px; }
.sidebarPrimary { float: right; width: 315px; }
	.sidebarPrimary h3 { font-size: 131%; margin: 0 0 10px 0; padding-top: 5px; }
	.sidebarPrimary a.shop {
		background: url(http://img.en25.com/Web/Seagate/orange-angle-right-small.png) no-repeat 0 50%;
		display: block;
		font-size: 85%;
		margin-top: 5px;
		padding-left: 10px;
	}
.sidebarSecondary { float: right; width: 202px; }
	.sidebarSecondary a.highlightButtonMedium { margin-bottom: 15px; }
	.sidebarSecondary a.highlightButtonMedium,
		.sidebarSecondary a.highlightButtonMedium span { float: none; }
	.sidebarSecondary a.highlightButtonMedium span em { float: none; text-align: center; }

.sidebarMenu { float: left; width: 183px; }
	.sidebarMenu div.groupingBox .channel { padding: 0 0 4px 7px; }
		.sidebarMenu div.groupingBox .channel .content { padding-right: 7px; }
	.sidebarMenu h2 { color: #000; font-size: 108%; line-height: 1.2em; margin-left: 9px; padding-top: 10px; }
	.sidebarMenu h3 { font-size: 108%; margin: 14px 0 9px 9px; }
	.sidebarMenu ul { }
		.sidebarMenu ul li { margin: 4px 0; }
			.sidebarMenu ul li a {
				display: block;
				font-size: 93%;
				line-height: 1.2em;
			}
				.sidebarMenu ul li a span { display: block; padding: 0 8px; }
			.sidebarMenu ul li.selected {
				background: url(http://img.en25.com/Web/Seagate/sidebar-menu-item-bg.png) no-repeat 0 0;
				padding-top: 4px;
			}
				.sidebarMenu ul li.selected a {
					background: url(http://img.en25.com/Web/Seagate/sidebar-menu-item-bg.png) no-repeat 0 100%;
					color: #fff;
					padding-bottom: 4px;
				}
						.sidebarMenu ul li.selected a span em {
							background: url(http://img.en25.com/Web/Seagate/white-angle-right-on-grey.gif) no-repeat 100% 50%;
							display: block;
						}
				
	
.tabContent { padding: 16px; }
	#Mast .tabContent { padding: 0 0 16px 0; }
	.tabContent .contentChannel { width: 460px; }
	.tabContent .full { width: 100%; }
	.tabContent .withSidebarSecondary { width: 648px; }
	.tabContent .sidebarPrimary { width: 386px; }
		.tabContent .sidebarPrimary h4 { margin-bottom: 9px; }
	.tabContent .sidebarSecondary { }
		.tabContent .sidebarSecondary h4 { margin-bottom: 20px; }
	.tabContent ul { }
		.tabContent ul li {
			background: url(http://img.en25.com/Web/Seagate/orange-bullet.png) no-repeat 0 0.3em;
			font-size: 93%;
			margin: 0 0 4px 5px;
			padding-left: 15px;			
		}
		

body.landing .tabContent { padding: 12px; }
	body.landing .tabContent h2 {	margin: 2px 18px;	}
	body.landing .tabContent h3 {	font-weight: normal; margin: 5px 18px; }

.contentWrapper { margin: 20px 0 40px; padding: 0 20px; }
.landingContentWrapper { padding: 0; }
	.contentWrapper .contentChannel { width: 460px; }
	.landingContentWrapper .contentChannel { width: 600px; }
	.contentWrapper .sidebarPrimary { width: 386px; }
	.landingContentWrapper .sidebarPrimary { width: 291px; }

ul.awards { margin-bottom: 25px; }
	ul.awards li { background: 0; float: left; margin: 0 25px 0 0; padding: 0; }

.pullout {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	margin-bottom: 30px;
	padding: 20px 0;
}

div.promoCarousel { margin: 30px 16px 10px; max-width: 893px; position: relative; } 
	body.landing div.promoCarousel { margin: 10px 4px; }
	div.promoCarousel ul.promoList { }
		div.promoCarousel ul.promoList li { background: 0; margin: 0; padding: 0; }
	div.promoCarousel a.carouselControl {
		display: block;
		height: 17px;
		outline: none;
		position: absolute;
		text-indent: -32000em;
		top: 6px;
		width: 18px;
	}
	div.promoCarousel a.jcarousel-prev {
		background: url(http://img.en25.com/Web/Seagate/arrow-back-bg.png) no-repeat 0 0;
		right: 32px;
	}
	div.promoCarousel a.jcarousel-next {
		background: url(http://img.en25.com/Web/Seagate/arrow-forward-bg.png) no-repeat 0 0;
		right: 8px;
	}
	
.promoBanner {
	background: url(http://img.en25.com/Web/Seagate/drive-family-bg.jpg) no-repeat 0 50%;
	clear: both;
	margin: 30px 16px 10px;
	min-height: 95px;
	position: relative;
}
	.promoLarge {
		background: url(http://img.en25.com/Web/Seagate/red-freeagent-go-bg.jpg) no-repeat 0 50%;
		min-height: 147px;
	}
	ul.promoList .promoBanner { margin: 0;  }
	ul.promoList .jcarousel-item { width: 893px; height: 95px; }

	.promoTwo {	background-image: url(http://img.en25.com/Web/Seagate/man-on-blue-background.jpg);	}
	.promoBanner .header {
		background: url(http://img.en25.com/Web/Seagate/banner-corners.png) no-repeat 0 -1px;
		left: 0;
		margin-right: 20px;
		padding-left: 20px;
		position: absolute;
		top: 0;
		width: 853px;
	}
		.promoBanner .header .content {
			background: url(http://img.en25.com/Web/Seagate/banner-corners.png) no-repeat 100% -1px;
			margin-right: -20px;
			padding: 0 20px 0 0;
			width: 100%;
			height: 7px;
		}
	.promoBanner .channel .content { padding: 0; }		
	.promoBanner .footer {
		background: url(http://img.en25.com/Web/Seagate/banner-corners.png) no-repeat 0 100%;
		bottom: 0;
		height: 7px;
		left: 0;
		margin-right: 20px;
		padding-left: 20px;
		position: absolute;
		width: 853px;
	}
		.promoBanner .footer .content {
			background: url(http://img.en25.com/Web/Seagate/banner-corners.png) no-repeat 100% 100%;
			height: 100%;
			margin-right: -20px;
			padding-bottom: 0;
			padding-right: 20px;
			width: 100%;
		}

	 /* Default banner text positioning */
	.promoBanner h3 {
		font-size: 123.1%;
		font-weight: normal;
		margin: 0;
		padding: 38px 0 0 415px;
	}
		body.landing .promoBanner h3 { margin: 0; }
		.promoReversed h3 { color: #fff; }
		.promoReversed p { color: #ccc; }
		.promoTwoText h3 { padding-left: 284px; }
		.promoLarge h3 {
			font-size: 131%;
			font-weight: bold;
			padding: 30px 10px 5px 250px;
		}
		.promoLarge p {
			font-size: 100%;
			padding: 0 10px 10px 250px;
			width: auto;
		}
	.promoBanner a.highlightButtonSmall { bottom: 0; height: 22px; margin-bottom: 7px; position: absolute; right: 20px; }
		.promoBanner a.highlightButtonSmall span { }
			.promoBanner a.highlightButtonSmall span em {
				background: url(http://img.en25.com/Web/Seagate/white-angle-right-small.png) no-repeat 0 50%;
				font-size: 93%;
				padding-left: 10px;
			}

.productDetail { }
	.productDetail img.product { float: left; }
	.productDetail h3, .productDetail h4, .productDetail p { margin-left: 208px; }
		.noImage h3, .noImage h4, .noImage p { margin-left: 0; }
	.productDetail h3 { font-size: 123.1%; margin-bottom: 7px; }
	.productDetail h4 { color: #535353; font-size: 131%; font-weight: normal; margin-bottom: 15px; }
	.productDetail p { line-height: 1.3em; }

.releaseDetail { padding: 20px 0 15px; }
	.releaseDetail .overview { }
		.releaseDetail .overview a.image { float: left; }
		.releaseDetail .overview h3 { font-size: 123.1%; margin: 0 16px 10px 126px; }
		.releaseDetail .overview p { font-weight: bold; font-size: 100%; line-height: 1.4em; margin: 0 16px 0 126px; }
		
		.releaseDetail ul { }
			.releaseDetail ul li { border-top: 1px solid #ddd; padding: 10px 0; position: relative; }
				.releaseDetail ul li.last { border-bottom: 1px solid #ddd; }
				.releaseDetail ul li h4 { font-size: 93%; margin-bottom: 4px; }
				.releaseDetail ul li p { margin: 0; width: 500px; /* Don't run text under the button */ }
					.releaseDetail ul li p em.price { font-weight: bold; }
		.releaseDetail a.highlightButtonSmall { font-size: 93%; position: absolute; right: 5px; top: 44%; }
			.releaseDetail a.highlightButtonSmall span { float: none; text-align: center; width: 130px; }
				.releaseDetail a.highlightButtonSmall span em {
					background: url(http://img.en25.com/Web/Seagate/white-angle-right-small.gif) no-repeat 0 50%;
					display: inline;
					float: none;
					padding-left: 12px;
				}

ul.pagination { float: right; }
	ul.pagination li { float: left; }
		ul.pagination li.previous {	border-right: 1px solid #ddd;	}
			ul.pagination li a { display: block; font-size: 93%; padding: 0 19px; }
				ul.pagination li.previous a {
					background: url(http://img.en25.com/Web/Seagate/orange-double-angle-left.png) no-repeat 0 40%;
				}
				ul.pagination li.next a {
					background: url(http://img.en25.com/Web/Seagate/orange-double-angle-right.png) no-repeat 100% 40%;
					text-align: right;
				}

fieldset.filters { position: absolute; right: 20px; top: 25px; }

dl.accessory, dl.overview { padding-bottom: 10px; }
	dl.accessory dt, dl.overview dt { font-size: 123.1%; font-weight: bold; margin: 0 0 8px 125px; }
	dl.overview dt { margin-left: 175px; }
	dl.accessory dd { margin-left: 125px; }
	dl.overview dd { margin-left: 175px; }
		dl.accessory dd.image, dl.overview dd.image { float: left; margin: 0; }
		dl.accessory dd h4 { color: #666; }
		dl.overview dd h5 { font-size: 93%; }
		dl.accessory dd p, dl.overview dd p { line-height: 1.4em; }

ul.documents { }
	ul.documents a { font-weight: bold; }
	ul.documents p { padding-top: 7px; }
	ul.documents li { font-size: 100%; margin: 0; min-height: 43px; padding: 3px 0 2px 45px; }
		body.promoLanding #Mast ul.documents li {
			min-height: 0;
			line-height: 25px;
			padding-left: 35px;
			vertical-align: text-bottom;
		}
		ul.documents li.drive {	background: url(http://img.en25.com/Web/Seagate/drive.png) no-repeat 0 0; }
		ul.documents li.caseStudy { background: url(http://img.en25.com/Web/Seagate/system_build.png) no-repeat 0 0; }
		ul.documents li.excel { background: url(http://img.en25.com/Web/Seagate/excel.png) no-repeat 0 0; }
		ul.documents li.pdf { background: url(http://img.en25.com/Web/Seagate/pdf.png) no-repeat 0 0; }
			body.promoLanding #Mast ul.documents li.pdf {
				background: url(http://img.en25.com/Web/Seagate/pdf-small.png) no-repeat 0 0;
			}
		ul.documents li.popup { background: url(http://img.en25.com/Web/Seagate/popup.png) no-repeat 0 0; }
		ul.documents li.ppt { background: url(http://img.en25.com/Web/Seagate/ppt.png) no-repeat 0 0; }
		ul.documents li.systemBuild { background: url(http://img.en25.com/Web/Seagate/system_build.png) no-repeat 0 0; }
		ul.documents li.video { background: url(http://img.en25.com/Web/Seagate/movie.png) no-repeat 0 0;	}
		ul.documents li.web { background: url(http://img.en25.com/Web/Seagate/web.png) no-repeat 0 0; }
		ul.documents li.wordDoc { background: url(http://img.en25.com/Web/Seagate/word_doc.png) no-repeat 0 0; }
		
		.sidebarSecondary ul.documents li { padding-bottom: 25px; }
		
		ul.documents li.last { padding-bottom: 0; }

	
.subNav { margin: 0 16px; }
ul#SubNav { padding: 0 22px; }
	ul#SubNav h3 { color: #fff; margin: 0 0 6px 0; }
	ul#SubNav a { color: #fff; font-size: 93%; }
		ul#SubNav a:hover { color: #3b3b3b; text-decoration: none; }
	ul#SubNav li { float: left; width: 25%; }
		ul#SubNav li.one { width: 225px; }
		ul#SubNav li.two { width: 250px; }
		ul#SubNav li.three { width: 230px; }
		ul#SubNav li.four { width: 120px; }
		ul#SubNav li ul { }
			ul#SubNav li ul li { float: none; margin: 0 0 2px 0; width: auto; }
	
div.groupingBox { max-width: 540px; }
	div.groupingBox p { margin-bottom: 0; }
	div.groupingBox .header, div.tabContent div.groupingBox .header {
		background: #fff url(http://img.en25.com/Web/Seagate/grouping-box-header-bg.gif) no-repeat 0 0;
		padding: 0 0 0 8px;
	}
		div.groupingBox .header .content{
			background: #fff url(http://img.en25.com/Web/Seagate/grouping-box-header-bg.gif) no-repeat 100% 0;
			min-height: 12px;
			padding: 0 8px 0 0;
		}
	div.groupingBox .channel {
		background: #fff url(http://img.en25.com/Web/Seagate/grouping-box-channel-bg.gif) repeat-y 0 0;
		padding: 0 0 0 16px;
	}
		div.groupingBox .channel .content {
			background: #fff url(http://img.en25.com/Web/Seagate/grouping-box-channel-bg.gif) repeat-y 100% 0;
			padding: 0 16px 0 0;
		}
	div.groupingBox .footer {
		background: #fff url(http://img.en25.com/Web/Seagate/grouping-box-footer-bg.gif) no-repeat 0 100%;
		height: 12px;
		padding: 0 0 0 8px;
	}
		div.groupingBox .footer .content {
			background: #fff url(http://img.en25.com/Web/Seagate/grouping-box-footer-bg.gif) no-repeat 100% 100%;
			height: 12px;
			padding: 0;
		}
	body.landing div.tabContent div.groupingBox .header,
		body.landing div.tabContent div.groupingBox .header .content,
	body.landing div.tabContent div.groupingBox .footer,
		body.landing div.tabContent div.groupingBox .footer .content
		{
		background-image: url(http://img.en25.com/Web/Seagate/value-block-bg.png);
	}
	body.landing div.tabContent div.groupingBox .channel {
		background: url(http://img.en25.com/Web/Seagate/value-block-bg.png) 0 -12px;
	}
		body.landing div.tabContent div.groupingBox .channel .content {
			background: url(http://img.en25.com/Web/Seagate/value-block-bg.png) 100% -12px;
		}

div.highlightBox { max-width: 913px; }
	div.highlightBox div.mc { 
		min-height: 0;
	}
	div.highlightBox div.header, div.tabs div.shadowBox div.highlightBox div.header {
		background: url(http://img.en25.com/Web/Seagate/highlight-box-bg.png) no-repeat 0 0;
		padding-left: 8px;
	}
		div.highlightBox div.header .content {
			background: url(http://img.en25.com/Web/Seagate/highlight-box-bg.png) no-repeat 100% 0;
			height: 12px;
			padding: 0 8px 0 0;
		}
	div.highlightBox div.channel {
		background: url(http://img.en25.com/Web/Seagate/highlight-box-bg.png) no-repeat 0 -8px;
		padding: 0 0 0 8px;
	}
		div.highlightBox div.channel .content {
			background: url(http://img.en25.com/Web/Seagate/highlight-box-bg.png) no-repeat 100% -8px;
			padding: 0 8px 0 0;
			min-height: 119px;
		}
	div.highlightBox div.footer {
		background: url(http://img.en25.com/Web/Seagate/highlight-box-bg.png) no-repeat 0 100%;
		padding: 0 0 0 8px;
	}
		div.highlightBox div.footer .content {
			background: url(http://img.en25.com/Web/Seagate/highlight-box-bg.png) no-repeat 100% 100%;
			height: 12px;
			padding: 0 8px 0 0;
		}

div.highlightBoxShort { margin-left: 7px; max-width: 913px; }
	body.landing div.tabs div.highlightBoxShort { margin-bottom: 10px; }
	div.highlightBoxShort .mc {
		min-height: 0;
		height: auto;
	}
	div.highlightBoxShort .header {
		background: url(http://img.en25.com/Web/Seagate/highlight-box-short-bg.png) no-repeat 0 0;
		padding-left: 8px;
	}
		div.highlightBoxShort .header .content {
			background: url(http://img.en25.com/Web/Seagate/highlight-box-short-bg.png) no-repeat 100% 0;
			height: 7px;
			padding-bottom: 0;
			padding-right: 8px;
		}
	div.highlightBoxShort .channel {
		background: url(http://img.en25.com/Web/Seagate/highlight-box-short-bg.png) no-repeat 0 -5px;
		padding: 0 0 0 8px;
	}
		div.highlightBoxShort .channel .content {
			background: url(http://img.en25.com/Web/Seagate/highlight-box-short-bg.png) no-repeat 100% -5px;
			min-height: 40px;
			padding-bottom: 0;
			padding-right: 8px;
			position: relative;
		}
	div.highlightBoxShort .footer {
		background: url(http://img.en25.com/Web/Seagate/highlight-box-short-bg.png) no-repeat 0 100%;
		padding-left: 8px;
	}
		div.highlightBoxShort .footer .content {
			background: url(http://img.en25.com/Web/Seagate/highlight-box-short-bg.png) no-repeat 100% 100%;
			height: 6px;
			padding-bottom: 0;
			padding-right: 8px;
		}

div.focusBoxSmall { max-width: 900px; }
	div.focusBoxSmall a.focusButton {
		background-image: url(http://img.en25.com/Web/Seagate/focus-button-small-bg.png);
		padding-left: 12px;
	}
		div.focusBoxSmall a.focusButton span {
			background-image: url(http://img.en25.com/Web/Seagate/focus-button-small-bg.png);
			padding-right: 12px;
		}
			div.focusBoxSmall a.focusButton span em {
				font-size: 116%;
				font-weight: bold;
				line-height: 30px;
				padding-bottom: 4px;
			}
	div.focusBoxSmall .addCart { bottom: 5px; height: 34px; }
		div.focusBoxSmall .addCart input { margin-top: 0px; padding: 4px 0; }
		div.focusBoxSmall .addCart label { margin-top: 14px; }

	div.focusBoxSmall div.mc { }
	div.focusBoxSmall div.header, div.tabs div.shadowBox div.focusBoxSmall .header {
		background: url(http://img.en25.com/Web/Seagate/focus-box-small-bg.png) no-repeat 0 0; 
		padding-left: 8px;
	}
		div.focusBoxSmall div.header .content {
			background: url(http://img.en25.com/Web/Seagate/focus-box-small-bg.png) no-repeat 100% 0; 
			height: 6px;
			padding: 0 8px 0 0;
		}
	div.focusBoxSmall div.channel {
		background: url(http://img.en25.com/Web/Seagate/focus-box-small-bg.png) no-repeat 0 100%; 
		padding: 0 0 0 8px;
	}
		div.focusBoxSmall div.channel .content {
			background: url(http://img.en25.com/Web/Seagate/focus-box-small-bg.png) no-repeat 100% 100%; 
			min-height: 38px;
			padding: 0 8px 0 0;
		}
	div.focusBoxSmall div.footer { background: 0; height: 0; }
		div.focusBoxSmall div.footer .content { height: 0; padding: 0; }

div.focusBox { max-width: 543px; }
	div.focusBox div.mc { }
	div.focusBox div.header { 
		background: url(http://img.en25.com/Web/Seagate/focus-box-bg.png) no-repeat 0 0;
		padding-left: 8px;
	}
		div.focusBox div.header .content {
		background: url(http://img.en25.com/Web/Seagate/focus-box-bg.png) no-repeat 100% 0;
			height: 12px;
			padding: 0 8px 0 0;
		}
	div.focusBox div.channel {
		background: url(http://img.en25.com/Web/Seagate/focus-box-bg.png) no-repeat 0 -8px;
		padding: 0 0 0 8px;
	}
		div.focusBox div.channel .content {
			background: url(http://img.en25.com/Web/Seagate/focus-box-bg.png) no-repeat 100% -8px;
			min-height: 75px;
			padding: 0 8px 0 0;
		}
	div.focusBox div.footer {
		background: url(http://img.en25.com/Web/Seagate/focus-box-bg.png) no-repeat 0 100%;
		padding-left: 8px;
	}
		div.focusBox div.footer .content {
			background: url(http://img.en25.com/Web/Seagate/focus-box-bg.png) no-repeat 100% 100%;
			height: 12px;
			padding: 0 8px 0 0;
		}

div.controlBox { }
	div.controlBox div.header {
		background: url(http://img.en25.com/Web/Seagate/border-box-bg.png) no-repeat 0 0;
	}
		div.controlBox div.header .content {
			background: url(http://img.en25.com/Web/Seagate/border-box-bg.png) no-repeat 100% 0;
			padding-bottom: 0;
		}
	div.controlBox div.channel {
		background: url(http://img.en25.com/Web/Seagate/border-box-bg.png) no-repeat 0 -8px;
	}
		div.controlBox div.channel .content {
			background: url(http://img.en25.com/Web/Seagate/border-box-bg.png) no-repeat 100% -8px;
			padding-bottom: 0;
		}
	div.controlBox div.footer {
		background: url(http://img.en25.com/Web/Seagate/border-box-bg.png) no-repeat 0 100%;
		height: 8px;
	}
		div.controlBox div.footer .content {
			background: url(http://img.en25.com/Web/Seagate/border-box-bg.png) no-repeat 100% 100%;
			padding-bottom: 0;
			height: 8px;
		}

div.feature {
	background: url(http://img.en25.com/Web/Seagate/feature-bg.png) repeat-x 0 0;
	padding: 20px 20px 0;
	position: relative;
}
	div.feature h1 { }
		div.feature h1 span { font-weight: normal; }

ul.grid { }
	ul.grid li {
		display:-moz-inline-stack;/* Firefox 2 and under*/
		display: inline-block;
		margin: 0 10px 0 5px;
		vertical-align: text-top;
		width: 306px;
	}
		ul.grid li div { width: 306px; }
		.sidebarPrimary ul.grid li { width: 124px; }
			.sidebarPrimary ul.grid li div { width: 124px; }
		ul.grid li p { line-height: 1.3em; }

div.valueBlockGrid { display: table; }
	div.valueBlockGrid ul { display: table-row; }
	div.valueBlockGrid ul li {
		background: url(http://img.en25.com/Web/Seagate/value-block-bg.png) no-repeat 0 100%;
		border: 5px solid #fff;
		border-top: 0;
		border-bottom-width: 10px;
		display: table-cell;
		margin: 0;
		min-height: 135px;
		padding: 0;
		vertical-align: top;
	}
		div.valueBlockGrid ul li div.valueBlock {
			background: url(http://img.en25.com/Web/Seagate/value-block-bg.png) no-repeat 0 0;
			margin-bottom: 1px;
		}

div.valueBlock { width: 291px; }	
	div.valueBlock .header, div.valueBlock .header .content { background: 0; height: 0; }
	div.valueBlock .channel { background: 0; padding: 0; }
		div.valueBlock .channel .content { background: 0; padding: 10px 25px 10px 10px; }
	div.valueBlock .footer, div.valueBlock .footer .content { background: 0; height: 0; }
	
	.sidebarPrimary div.valueBlock { padding-left: 0; padding-top: 1px; width: 259px; }
	body.landing div.valueBlock h3 { font-size: 123.1%; font-weight: bold; margin: 0 0 8px 92px; padding: 3px 0 0; }
	body.landing div.valueBlock h4 { margin: 0 0 5px 92px; padding: 0; }
	div.valueBlock a.image { float: left; }
	div.valueBlock p { margin: 0 0 10px 92px; }
	div.valueBlock a { }
		div.valueBlock a.more {
			background: url(http://img.en25.com/Web/Seagate/orange-angle-right-small.png) no-repeat 0 50%;
			display: block;
			font-size: 93%;
			font-weight: bold;
			margin-left: 92px;
			padding-left: 10px;
		}
		
ul.releaseList { }
	ul.releaseList li {
		background: url(http://img.en25.com/Web/Seagate/mast-divider-bg.png) no-repeat 0 100%;
		float: left;
		font-size: 100%;
		margin: 0;
		padding: 0;
		width: 33%;
	}
		ul.fourItems li { width: 25%; }
		ul.fiveItems li { width: 20%; }

		ul.releaseList li.first { background: 0; }
		ul.releaseList li div { margin: 0 auto; width: 170px; }
			ul.releaseList li div p { color: #666; }
	
ol.steps { padding-top: 4px; }
	ol.steps li { margin-top: 11px; min-height: 100px; width: 354px; }
		ol.steps li img { float: left; }
		ol.steps li div.content { margin-left: 189px; padding-right: 35px; }
			div.groupingBox .channel .content ol.steps li div.content {	background: 0; padding: 0; }
		ol.steps li p { line-height: 1.4em; margin: 5px 0 0; }

ul.buttons { float: right; }
	ul.buttons li { background: 0; display: inline; float: left; font-size: 100%; margin: 0 6px 0 0; padding: 0; }
		ul.buttons li.last { margin-right: 0; } 
		
a.button, a.button span, a.button span em { cursor: pointer; display: block; float: left; }
a.focusButton {
	background: url(http://img.en25.com/Web/Seagate/focus-button-bg.png) no-repeat 0 0;
	color: #f9e5d5;
	padding: 0 0 0 9px;
	text-decoration: none;
}
	a.focusButtonLight {
		background-image: url(http://img.en25.com/Web/Seagate/focus-button-light-bg_0.png);
  }
	a.focusButton:hover { color: #fff; }
	a.focusButton span {
		background: url(http://img.en25.com/Web/Seagate/focus-button-bg.png) no-repeat 100% 0;
		padding: 0 15px 0 0;
	}
		a.focusButtonLight span {
			background-image: url(http://img.en25.com/Web/Seagate/focus-button-light-bg_0.png);
			font-weight: bold;
		}
		a.focusButton span em {	line-height: 45px; }
			a.focusButtonLight span em {
				font-size: 116%;
				font-weight: bold;
			}

a.highlightButton {
	background: url(http://img.en25.com/Web/Seagate/highlight-button-bg.png) no-repeat 0 0;
	color: #f9e5d5;
	margin-right: 6px;
	padding: 0 0 0 14px;
	text-decoration: none;
}
	a.highlightButton:hover { color: #fff; }
	a.highlightButton span {
		background: url(http://img.en25.com/Web/Seagate/highlight-button-bg.png) no-repeat 100% 0;
		margin-right: -6px;
		padding: 0 14px 0 0;
	}
		a.highlightButton span em { font-weight: bold; line-height: 39px; }
a.highlightButtonMedium {
	background: url(http://img.en25.com/Web/Seagate/highlight-button-medium-bg.png) no-repeat 0 0;
	color: #f9e5d5;
	margin-right: 6px;
	padding-left: 8px;
}
	a.highlightButtonMedium:hover { color: #fff; }
	a.highlightButtonMedium span {
		background: url(http://img.en25.com/Web/Seagate/highlight-button-medium-bg.png) no-repeat 100% 0;
		font-weight: bold;
		line-height: 29px;
		margin-right: -6px;
		padding-right: 8px;
	}
		a.highlightButtonMedium span em { font-weight: bold; }

a.highlightButtonSmall {
	background: url(http://img.en25.com/Web/Seagate/highlight-button-small-bg.png) no-repeat 0 0;
	color: #f9e5d5;
	padding: 0 0 0 15px;
	text-decoration: none;
	margin-right: 10px;
}
	a.highlightButtonSmall:hover { color: #fff; text-decoration: none; }
	a.highlightButtonSmall span {
		background: url(http://img.en25.com/Web/Seagate/highlight-button-small-bg.png) no-repeat 100% 0;
		margin-right: -10px;
		padding: 0 15px 0 0;
	}
		a.highlightButtonSmall span em { font-weight: bold; line-height: 22px; }

a.searchAgain {
	float: none;
	left: 15px;
	padding-left: 10px;
	position: absolute;
	top: 25%;
}
	a.searchAgain span { padding-right: 10px; }
		a.searchAgain span em {
			background: url(http://img.en25.com/Web/Seagate/white-angle-right-small.gif) no-repeat 0 50%;
			font-size: 93%;
			padding-left: 12px;
		}

a.compare em { background: url(http://img.en25.com/Web/Seagate/highlight-compare-icon.png) no-repeat 0 1px; padding-left: 28px; }
a.video em { background: url(http://img.en25.com/Web/Seagate/highlight-video-icon.png) no-repeat 0 1px; padding-left: 28px; }
a.wide em { width: 197px; }

select.itemsPerPage {
	display: inline;
	float: right;
	margin-top: 10px;
	margin-right: 12px;
}
div.colorPicker { margin-bottom: 10px; }
	div.colorPicker ul { clear: left; }
		div.colorPicker ul li { background: 0; border: 2px solid #ccc; cursor: pointer; float: left; margin: 0 5px 0 0; padding: 0; }
		div.colorPicker ul li input { display: none; }
			div.colorPicker ul li.selected, div.colorPicker ul li.over { border-color: #666; }

div.productShots { margin-bottom: 35px; }
	div.productShots ul { }
		div.productShots ul li { background: 0; float: left; margin: 0 6px 0 0; padding: 0 4px 4px 0; }
			div.productShots ul li.shadowed, div.productShots ul li.selected {
				background: url(http://img.en25.com/Web/Seagate/thumbnail-shadow-bg.png) no-repeat 0 0;
			}
		
div.sectionInfoBlock {
	background: url(http://img.en25.com/Web/Seagate/home-section-info-block-bg.png) no-repeat 0 0;
	width: 236px;
}
	div.sectionInfoBlock .channel { background: none; padding: 9px 11px 14px 10px; }
	div.sectionInfoBlock a.highlightButton { padding: 0 0 0 6px; }
		/* 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.sectionInfoBlock a.highlightButton span {
			display: table;
			float: none;
			height: 39px;
			padding: 0 6px 0 0;
		}
			div.sectionInfoBlock a.highlightButton span em {
				display: table-cell;
				float: none;
				font-size: 93%;
				line-height: 1.2em;
				text-align: center;
				vertical-align: middle;
				width: 92px;
			}
	div.sectionInfoBlock .accordion { }
		div.sectionInfoBlock .accordion h2 {
			background: url(http://img.en25.com/Web/Seagate/home-accordion-header-bg-default.png) no-repeat 0 0;
			color: #e0e0e0 !important;
			cursor: pointer;
			font-size: 100%;
			line-height: 33px;
			margin: 0;
			outline: none;
			padding: 0 0 0 15px;
		}
			div.sectionInfoBlock .accordion h2.ui-state-hover { color: #fff !important; }
			div.sectionInfoBlock .accordion h2.ui-state-active {
				background: url(http://img.en25.com/Web/Seagate/home-accordion-header-bg-active.png) no-repeat 0 0;
				color: #fff !important;
			}
		div.sectionInfoBlock .accordion ul { }
			div.sectionInfoBlock .accordion ul li { padding-bottom: 7px; }				
				div.sectionInfoBlock .accordion ul li ul {
					background: url(http://img.en25.com/Web/Seagate/home-accordion-content-bg-active.png) no-repeat 0 0;
					height: 163px;
					padding: 1px 9px;
				}
					div.sectionInfoBlock .accordion ul li ul li {
						border-bottom: 1px solid #d7d7d7;
						line-height: 22px;
						padding: 0 5px;
					}
						div.sectionInfoBlock .accordion ul li ul li.last { border: none; }
						div.sectionInfoBlock .accordion ul li ul li a { color: #000; text-decoration: none; }
							div.sectionInfoBlock .accordion ul li ul li a:hover { color: #f56600; }
				
			
/* Utility Classes */
.selfClear:after { /* Make elements self-clearing - see http://positioniseverything.net/easyclearing.html */
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

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

/* ================= */
/* = jCarousel CSS = */
/* ================= */

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

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

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

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

/**
 * 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".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

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


div.ui-dialog {
/*	background: #fff;
	border: 1px solid #111;
	padding: 35px 40px;*/
	position: relative;
}
	div.ui-dialog .ui-dialog-titlebar { height: 0; }
	div.ui-dialog span.ui-dialog-title { float: left;  color: #7db83c; font-size: 138.5%;}
	div.ui-dialog a.ui-dialog-titlebar-close {
		background: url(http://img.en25.com/Web/Seagate/modal-close-button-bg.png) no-repeat 100% 0;
		color: #262626;
		display: block;
		font-weight: bold;
		line-height: 23px;
		outline: none;
		padding: 0 0 0 26px;
		position: absolute;
		right: 12px;
		top: 30px;
		width: 47px;
	}
	div.ui-dialog div.ui-dialog-content { clear: both; }


/* Overlays */
.ui-widget-overlay {
	background: #000;
	opacity: .9;
	filter:Alpha(Opacity=90);
}

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
/*.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }*/


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Print Page */
html.print { background: #fff; }
body.print #Wrapper { background: #fff; }
body.print #Toolbar { display: none; }
body.print #LoggedInBar { display: none; }
body.print #Header .content { background: #fff; }
body.print #ShopInfo { display: none; }
body.print ul#NavigationPrimary {display:none;}
body.print #Breadcrumbs { display: none; }
body.print #PageTools { display: none; }
body.print #Footer p.copy, body.print #Footer a { color: #000; }
body.print #MainBody { background: #fff; }
body.print .subNav { display: none; }

body.print .shadowBox .header, body.print .shadowBox .header .content,
	body.print .shadowBox .channel, body.print .shadowBox .channel .content,
	body.print .shadowBox .footer, body.print .shadowBox .footer .content {
		background: #fff !important;
	}
body.print div.valueBlockGrid ul li { background: 0; }
body.print .promoCarousel { display: none !important; }
body.print div.feature { background: 0; }
body.print div.tabs div.feature { display: none; }
body.print div.productContent .purchaseContainer { display: none; }
body.print div.productInfoSelector { display: none; }
body.print div.addCart { display: none; }
body.print .purchaseContainer, body.print .retailContainer { display: none; }

body.print #Mast { background: #fff; }
body.print #Mast h1, body.print #Mast h2 { color: #000; }
body.print #Mast .banner { height: auto; }
body.print .highlightBoxShort { display: none; }

body.print a.shop { display: none; }
body.print fieldset.filters { display: none; }
body.print .releaseDetail a.highlightButtonSmall { display: none; }
body.print ul.pagination { display: none; }