.container {
	position:relative;
	z-index:0;
}

.prod-top {
	clear:both;
	display:block;
	width:950px;
	height:10px;
	position:relative;
	background:transparent url(images/prod-top.gif) no-repeat top center;
}

.prod-mid {
	clear:both;
	display:block;
	background:transparent url(images/prod-mid.gif) repeat-y scroll center top;
	float:left;
	width:950px;
	z-index:0;
}

.prod-bot {
	clear:both;
	display:block;
	width:950px;
	height:10px;
	background:transparent url(images/prod-bot.gif) no-repeat top center;
}

#desktop-c .blue-banner {
	position:absolute;
	top:350px;
	width:950px;
	height:77px;
	background:transparent url(images/banner-desktop.gif) no-repeat top right;
	z-index:1;
}

#server-c .blue-banner {
	position:absolute;
	top:350px;
	width:950px;
	height:77px;
	background:transparent url(images/banner-server.gif) no-repeat top right;
	z-index:1;
}

#notebook-c .blue-banner {
	position:absolute;
	top:270px;
	width:950px;
	height:77px;
	background:transparent url(images/banner-notebook.gif) no-repeat top right;
	z-index:1;
}

.warrenty {
	position:absolute;
	top:447px;
	right:30px;
	width:240px;
	color:#7c7c7c;
	font-family:Arial, serif;
	font-size:12px;
	z-index:1;
}

#notebook-c .warrenty {
	top:367px;
}

div#tabs {
	width:940px;
	margin:0px auto;
	font-size:11px;
	border:none;
	clear:both;
	display:block;
	
}	
/* DIV that holds each tab*/
div.my_tab{
	width:530px;
	margin:0px auto;
	float:left;
	display:block;
		
}
	
/* Title of each tab, used when user don't have Javascript'*/	
div.my_tab h5 {
	color:#414141;
	border-bottom:solid 1px #cacaca;
		
}
	
/* Tab Bar, created via JS*/

div#tab-bar-top {
	clear:both;
	display:block;
	margin:0px 20px;
	width:364px;
	height:35px;
	background:transparent url(images/tab-bar-top.gif) no-repeat scroll center top;
}

div#tab-bar-mid {
	clear:both;
	display:block;
	margin:0px 20px;
	width:364px;
	background:transparent url(images/tab-bar-mid.png) repeat-y scroll center top;
	position:relative;
	z-index:10;
}

div#tab-bar-bot {
	clear:both;
	display:block;
	margin:0px 20px;
	width:364px;
	height:35px;
	background:transparent url(images/tab-bar-bot.gif) no-repeat scroll center top;
}

#desktop-c .tab-header {
	clear:both;
	display:block;
	margin:0px 20px;
	width:364px;
	height:29px;
	background:transparent url(images/header-desktop.gif) no-repeat scroll center top;
}

#server-c .tab-header {
	clear:both;
	display:block;
	margin:0px 20px;
	width:364px;
	height:29px;
	background:transparent url(images/header-server.gif) no-repeat scroll center top;
}

#notebook-c .tab-header {
	clear:both;
	display:block;
	margin:0px 20px;
	width:364px;
	height:29px;
	background:transparent url(images/header-notebook.gif) no-repeat scroll center top;
}

div#tab-bar {
	clear:both;
	display:block;
	margin:0px 17px;
	padding:10px 0px 10px 0px;
	background:#ffffff;
	/*border-right:solid 1px #414141; */
	font:normal 12px "Trebuchet MS";
	width:330px;
	background:transparent url(images/tab-bar-bg.gif) repeat-x scroll center top;
}
	
/* Single Tab */
div#tab-bar div.mt-tab {
	width:310px;
	position:relative;
	text-align:left;
	
	cursor:pointer;
	font:normal 11px Arial;
	margin:0px 0px 0px 10px;
	
	color:#626262;
	padding:8px 5px 8px 15px;				
}

div#tab-bar div.mt-tab:hover {
	text-align:left;
	cursor:pointer;
	background:transparent url(images/tab-bar-highlight.gif) no-repeat scroll center left;
	margin:0px 0px 0px 10px;

	color:#000;
	font-weight:bold;
	padding:8px 5px 8px 33px;	
}

div#tab-bar #mt-,
div#tab-bar #mt-:hover {
	background:none;
	width:310px;
	position:relative;
	text-align:left;
	
	cursor:default;
	font:normal 11px Arial;
	margin:0px 0px 0px 10px;
	
	color:#626262;
	padding:8px 5px 8px 15px;				
}
	
/* Single Tab, when active */
div#tab-bar div.mt-tab-active {

	text-align:left;
	cursor:pointer;
	background:transparent url(images/tab-bar-highlight.gif) no-repeat scroll center left;

	margin:0px 0px 0px 10px;

	color:#000;
	font-weight:bold;
	padding:8px 5px 8px 33px;	
		
}

.eol {
	color:#999;
}