/* Main CSS */

html {
	height:100%;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	margin:0 auto;
	background: url(../images/bg_fade.png) repeat-x #204C65;
}

#wrapper {width:900px; margin:0 auto;}

	#storage_facility {
		width:890px;
		margin:0 auto;
		background: url(../images/ds_main2.png) repeat-y;
	}
	
	
	#header {
		margin:0 auto;
		background:#FFFFFF;
		width: 872px;
		height:114px;
	}
	
		.zds {position:relative; top:20px; left:10px;}
		.za {
	position:relative;
	top:20px;
	left:250px;
}
	
		#header a, img {border:none; margin:0;}
		
			#navbar {
				width:872px;
				background: #5d5d5d;
				height: 25px;
				margin-top:30px;
			}
			
			#navbar input{margin:3px 0 0 130px;border:1px solid #000; color:#CCCCCC;}
			#navbar input.go {margin-left:8px;border:1px solid #000; color:#CCCCCC;}
			

			
		#topbanner {
			width:870px;
			height:225px;
			border:1px solid #505050;
			margin:0 auto;
			}			
			
			#toppicleft {
				float:left;
				color:#FFF;
				background:#ABABAB;
				width:603px;
				height:225px;
				margin:0;
				}
					
			#toptextright {
				border-left:1px solid #505050;
				width:246px;
				height:205px;
				background:#ABABAB;
				float:left;
				font-size:11px;
				color:#FFFFFF;
				padding:10px;
				}
				
				#toptextright h1
				{
				font-size:13px;
				margin:0 0 15px 0;
				padding:0;
				}
				
				#toptextright p
				{
				margin:0;
				padding:0;
				}
		
			
		#toppic {
			width:871px;
			height:195px;
			border: 1px solid #505050;
			margin:0 auto;
		}	
		
	#content {
		margin:0 auto;
		padding:0 0 20px 0;
		width:870px;
		background:url(../images/bg_content_fade.jpg) repeat-x #EDECEC;
		border:1px solid #ABABAB;
	}
	
	/* index columns */
	
	div.columner {
		width:271px;
		float:left;
		margin:15px 0 0 14px;
		padding:0;
		}
	
		div.indexhead {
			border:1px solid #505050;
			background:#E3004A;
			height:22px;
			color:#FFF;
			padding:3px 15px;
			width:238px;
			}
			
		div.indexpic {
			padding:0;
			border:1px solid #505050;
			width:268px;
			height:178px;
			margin-top:5px;
			margin-bottom:5px;
			}
			
			a.bigbutton {
				display:block;
				border-top:1px solid black;
				border-left:1px solid black;
				border-right:1px solid black;
				color:#000;
				text-decoration:none;
				padding: 7px 0 7px 15px;
				background:#FFFFFF;
				font-size:13px;
				font-style:italic;
				font-weight:bold;
				}
				
			a.bigbutton:hover {
				display:block;
				border-top:1px solid black;
				border-left:1px solid black;
				border-right:1px solid black;				
				color:#FFF; 
				text-decoration:none;
				padding:7px 0 7px 15px;
				background:#E3004A;
				font-size:13px; 
				font-style:italic; 
				font-weight:bold;
				}

			a.bigbuttonbottom {
				display:block;
				border:1px solid black;
				color:#000;
				text-decoration:none;
				padding: 7px 0 7px 15px;
				background:#FFFFFF;
				font-size:13px;
				font-style:italic;
				font-weight:bold;
				}
				
			a.bigbuttonbottom:hover {
				display:block;
				border:1px solid black;
				color:#FFF; 
				text-decoration:none;
				padding:7px 0 7px 15px;
				background:#E3004A;
				font-size:13px; 
				font-style:italic; 
				font-weight:bold;
				}				
			
		div.lowerright {
			border:1px solid black;
			padding:1em;
			font-size:11px;
			background:#FFF;
			}
		
		div.lowerright p {margin-top:0;margin-bottom:1em;}
	
	/* left column internal */
	
		#lcolumn {margin-top:16px; margin-left:15px;width:570px;float:left; clear:none;}
		
			#headliner_long {
				background: #E3004A;
				border: 1px solid #505050;
				width:538px;
				height:22px;
				color:#FFFFFF;
				padding:3px 15px;
			}
			
			#context {
				border:1px solid #505050;
				color:#000;
				background: #FFF;
				padding:0 10px 0 10px;
				width:548px;
				font-size:12px;
				margin: 5px 0 0 0;
			}
			
			#context a {color:#E3004A; text-decoration:none; font-weight:bold;}
			#context a:hover {color:#E3004A; text-decoration:underline; font-weight:bold;}
			#context td {vertical-align:top;}
			
				/* product images */
				
				.product {margin:20px;}
			
				/* table styles */
				.headlinetd {font-weight:bold; background:#E3004A; font-size:14px; color:#FFFFFF;}
				.greytd {background:#EDECEC;}
				.note {font-size:10px; color:#FF0000;}
		
		/* righ column internal */
		
		#rcolumn {width:256px;float:left;margin:16px 10px 0 0;margin-left:16px;}
		
			#headlines_short {
				background: #E3004A;
				border:1px solid #505050;
				height:22px;
				width:223px;
				padding:3px 15px;	
				color:#FFFFFF;
			}
			
		#gadgetpic {width:253px; border:1px solid #505050;margin:5px 0 0 0; background:url(../images/bg_product-grid.jpg) repeat;}
				#gadgetpic3 {
	wwidth:253px;
	border:1px solid #505050;
	margin:12px 0 0 0;
	background:url(../images/bg_product-grid.jpg) repeat;
}

		#gadgetpic2 {width:253px; border:1px solid #505050;margin:15px 0 0 0; background:url(../images/bg_product-grid.jpg) repeat; padding:0; font-size:0;}
		#gadgettext {width:254; color:#000; font-size:11px;padding:1em; margin:15px 0 0 0; background:url(../images/bg_product-grid.jpg) repeat; border:1px solid #505050;}
			#gadgettext a {color:#E3004A; text-decoration:none; font-weight:bold;}
			#gadgettext a:hover {color:#E3004A; text-decoration:underline; font-weight:bold;}
		
		/* application guide page */
	
		#lcolumnlong {margin-top:16px; margin-left:15px;width:840px;float:left; clear:none;}
		
			#headliner_longest {
				background: #E3004A;
				border: 1px solid #505050;
				width:809px;
				height:22px;
				color:#FFFFFF;
				padding:3px 15px;
			}
			
			#context_long {
				border:1px solid #505050;
				color:#000;
				background: #FFF;
				padding:0 10px 0 10px;
				width:819px;
				font-size:12px;
				margin: 5px 0 0 0;
			}
			
			#context_long a {color:#E3004A; text-decoration:none; font-weight:bold;}
			#context_long a:hover {color:#E3004A; text-decoration:underline; font-weight:bold;}
			#context_long td {vertical-align:top;}
			
				/* product images */
				
				.product {margin:20px;}
			
				/* table styles */
				.headlinetd {font-weight:bold; background:#E3004A; font-size:14px; color:#FFFFFF;}
				.greytd {background:#EDECEC;}
				.note {font-size:10px; color:#FF0000;}
	
	#footer {
		margin:0 auto;
		font-size:11px;
		color:#FFF;
		padding-bottom:15px;
	}
	
		#footer a {color:#FFF;}
		#footer p {text-align:center;}
		#footer input {margin-right:100px;}


/* forms */

.inputbutton {
}




/* text */

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}

h1 {font-size:17px; font-weight:bold;}
h2 {font-size:12px; font-weight:bold;}
h3 {font-size:13px; font-style:italic; font-weight:bold;} /* index rollover box */

/* Links */

a:link, a:visited, a:active, a:hover {
	
}

#footer a:link, #footer a:visited, #footer a:active, #footer a:hover {

}


/* Positioning */

.centertext { text-align:center; }

.floatleft { float:left; }

.floatright { float:right; }

.clearboth { clear:both; }

.nocursor { cursor:default; }
#gadgetpic-noback {
	width:253px;
	border:1px solid #505050;
	margin:5px 0 0 0;
	background-color: #FFFFFF;
}
#gadgetpic-noback p {
	margin:15px 15px;
}

#gadgetpic-noback a {
	color:#E3004A; text-decoration:none; font-weight:bold;
}
#techback01 {
	background-image: url(../images/i_41techsupport-collage.jpg);
	background-repeat: no-repeat;
}
#techback02 {
	background-image: url(../images/i_43s1.jpg);
	background-repeat: no-repeat;
}
#techback03 {
	background-image: url(../images/tech-01.jpg);
	background-repeat: no-repeat;
}