@charset "UTF-8";
/* CSS Document */
*{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica;
}


body	
	{
	background-image:url(images/header-footer-original-art/body-background-slice.jpg);
	text-align: center;
	}


#container

	{
	width: 1000px;
	background-color: #FFF;
	margin: 0 auto;
	padding: 0;		
	top: 0px;
	position: relative;
	border: 0;
	z-index: 1;
	}
	
	
#siteHeader

	{
	width: 1000px;
	top: 0px;
	margin: 0 auto;
	padding: 0;
	z-index: 2;
	border: 0;
	}

#sidebarMain

	{
	float: left;
	width: 160px;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	z-index: 5;
	}

#mainContent

	{
	background-color: #FFF;
	width: 840px;
	font-family: Arial, Helvetica;	
	font-size: 90%;
	z-index: 0;
	float: right;
	margin: 0px;
		}

		#mainContent h1

		{
		font-family: Arial, Helvetica;
		text-align: left;
		}
		
		#mainContent h2

		{
		font-family: Arial, Helvetica;
		font-size: 100%;
		text-align: left;
		}

		#mainContent p

		{
		font-family: Arial, Helvetica;
		font-size: 100%;
		text-align: center;
		}
		
#mainContentpages

	{
	float: right;	
	background-color: #FFF;
	width: 840px;
	font-family: Arial, Helvetica;
	font-size: 90%;
	text-align: left;
	padding: 0px;
	margin: 0px;
	z-index: 7;
	}
		

#sectionHeader

		{
		background-color: #FFF;
		width: 840px;
		height: 105px;
		position: relative;
		z-index: 6;
		float: right;
		margin: 0px;
		padding: 0px;
		}
		

#sectionContent

		{ 
		width: 840px;
		float: right;
		position: relative;
		margin: 0px 0px 10px 0px;
		padding: 0px;
		}


#sectionSubHeader

		{
		background-image:url(images/SubHeaderMenuBackground.jpg);
		background-repeat: no-repeat;
		width: 840px;
		font-family: Arial, Helvetica;
		font-size: 75%;
		text-align: center;
		position: relative;
		z-index: 9;
		float: right;
		margin: 5px 0px 0px 0px;
		padding: 3px 0px 0px 0px;
		}
	

#sectionContentDivs

		{
		background-color: #FFF;
		width: 220px;
		height: 210px;
		font-family: Arial, Helvetica;
		font-size: 90%;
		position: relative;
		z-index: 0;
		float: left;
		margin: 15px 25px 15px 25px;
		padding: 0px;
		}
			
			#sectionContentDivs smidge

				{
				font-size: 10%;
				line-height: 10%;
				text-align: center;
				text-indent: 0px;
				}

			#sectionContentDivs h1

				{
				font-size: 120%;
				line-height: 130%;
				text-align: center;
				text-indent: 0px;
				}
				
			#sectionContentDivs h2

				{
				font-size: 110%;
				line-height: 130%;
				text-align: center;
				text-indent: 0px;
				}
		
			#sectionContentDivs p

				{
				text-align: center;
				font-size: 90%;
				line-height: 110%;
				}
				
#sectionContentInfoPages

		{
		float: right;
		background-color: #FFF;
		width: 680px;
		font: Arial, Helvetica, sans-serif;
		text-indent: 20px;
		font-size: 90%;
		margin: 0;
		padding: 20px 80px 0px 80px;
		text-align:left;
		z-index: 7;
		}
		
			#sectionContentInfoPages h1

				{
				font-size: 140%;
				text-align: left;
				text-indent: 0px;
				}
		
			#sectionContentInfoPages h2

				{
				font-size: 100%;
				text-align: left;
				text-indent: 0px;
				}

			#sectionContentInfoPages p

				{
				text-align: left;
				font-size: 90%;
				font-family: Arial, Helvetica, sans-serif;
				}
		
			#sectionContentInfoPages h3

				{
				font-size: 100%;
				text-align: center;
				text-indent: 0px;
				}
				
#sectionFillerDiv

		{
		position: relative;
		z-index: 0;
		float: left;
		margin: 115px 70px 115px 70px;
		padding: 0px;
		}
				
#productPageMainHeaderDiv

		{
		background-image:url(images/SubHeaderMenuBackground.jpg);
		background-repeat: no-repeat;
		width: 840px;
		height: 30px;
		font-family: Arial, Helvetica;
		text-align: center;
		font-size: 160%;
		font-weight: bold;
		line-height:180%;
		position: relative;
		z-index: 9;
		float: right;
		margin: 5px 0px 0px 0px;
		padding: 3px 0px 0px 0px;
		}
		
#productPageMainImage

		{
			width: 260px;
			min-height: 350px;
			margin: 20px 10px 20px 10px;
			float: left;
		}
		
#productDescriptionDiv

		{
			width: 530px;
			text-align: left;
			padding: 0px 10px 0px 0px;
			margin: 20px 10px 20px 10px;
			float: right;
		}
		
		
		#productDescriptionDiv h1

				{
				font-size: 110%;
				line-height: 130%;
				text-align: left;
				text-indent: 0px;
				}
		
			#productDescriptionDiv p

				{
				text-align: left;
				line-height: 110%;
				}
				
#productDividerLineDiv

		{
			background-image:url(images/dividing-line.jpg);
			width: 840px;
			height: 10px;
			padding: 0px 0px 0px 0px;
			margin: 0px;
			float: right;
		}


#productPageMainDiv

		{
		background-color: #FFF;
		width: 840px;
		height: 250px;
		font-family: Arial, Helvetica;	
		position: relative;
		z-index: 6;
		float: right;
		margin: 0px;
		padding: 0px;
		}
			
			#productPageMainDiv smidge

				{
				font-size: 50%;
				line-height: 50%;
				text-align: center;
				text-indent: 0px;
				}
		
			#productPageMainDiv h1

				{
				font-size: 145%;
				line-height: 130%;
				text-align: center;
				text-indent: 0px;
				}
		
			#productPageMainDiv p

				{
				text-align: left;
				line-height: 110%;
				}
				
#relatedItemsDiv

		{
			width: 440px;
			height: 150px;
			padding: 0px 10px 0px 0px;
			margin: 5px 10px 5px 10px;
			float: left;
		}
		
		
		#relatedItemsDiv h1

				{
				font-size: 110%;
				line-height: 180%;
				text-align: left;
				text-indent: 0px;
				}
				
		#relatedItemsDiv h2
		
				{
					font-size: 130%;
					text-indent: 20px;			
				}
		
		#relatedItemsDiv p

				{
				text-align: left;
				line-height: 110%;
				}
				
#addToCartDiv

		{
			width: 340px;
			height: 150px;
			padding: 0px 10px 0px 0px;
			margin: 5px 10px 5px 10px;
			float: right;
			text-align:right;
		}
		
		
		#addToCartDiv h1

				{
				font-size: 110%;
				line-height: 130%;
				text-align: left;
				text-indent: 0px;
				}
		
		#addToCartDiv p

				{
				text-align: left;
				line-height: 110%;
				}

		
#footer

	{
	background-image:url(images/header-buttons/footer.jpg);
	background-repeat: no-repeat;
	width: 1000px;
	line-height: 70%;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	z-index: 0;
	color: #000;
	}
		
#footer h1

		{
		font-size: 70%;
		font-weight: bold;
		text-align: center;
		color: #000;
		}
		
#table

	{
	font-size: 60%;
	text-align: center;
	font-family: Arial, Helvetica;
	}

#sectionHeaderTable
   
    {
	width: 840px;
	font-size: 90%;
	text-align: center;
	font-family: Arial, Helvetica;
	font-style: normal;
	line-height: 110%;
	}
	
	#sectionHeaderTable h5

				{
				font-size: 110%;
				line-height: 110%;
				text-align: center;
				text-indent: 0px;
				}
	
#infoPageHeaderTable
   
    {
	background-repeat:no-repeat;
	font-size: 110%;
	text-align: center;
	font-family: Arial, Helvetica;
	font-style: normal;
	line-height: 110%;
	}
		
#table3
   
    {
	height: 40px;
	width: 840px;
	margin: 2px 0px 2px 0px;
	font-size: 120%;
	line-height: 250%;
	font-family: Arial, Helvetica;
	background-image:url(images/SubHeaderBarBackground.jpg);
	text-align: center;						
	}
	
#productMainTable
   
    {
	width: 820px;
	margin: 2px 0px 2px 0px;
	font-size: 100%;
	line-height: 100%;
	font-family: Arial, Helvetica;
	text-align: left;
	float: left;
	padding: 0px 0px 0px 10px;
	}
		
.fltrt 

	{ /* this class can be used to float an element right in your page. The floated element must precede the element it 			should be next to on the page. */
	float: right;
	}
		
.fltlft 

	{ /* this class can be used to float an element left in your page */
	float: left;
	}
		
.clearfloat 

	{ /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
	height: 0px;
	font-size: 1px;
	line-height: 0px;
	text-align: center;
	}
		
.bg1

    {
	background-image:url(Display-Hardware/Display-Hardware-Images/display-hardware.jpg);
	background-repeat:no-repeat;
	}
	
.style2 
	
	{
	color: #CC0000;
	font-weight:bold;
	}

a:link {text-decoration: none;color: #000000;}
a:visited {text-decoration: none;color: #000000;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;color: #000000;}

a.one:link {color: #006; text-decoration: none;}
a.one:visited {color: #006; text-decoration: none;}
a.one:hover {color: #C00; text-decoration: none;}
a.one:active {color: #3FF; text-decoration: none;}

a.two:link {border-style:none; border:none; border:#FFF}
a.two:visited {border:none; border-style:none; border:#FFF}
a.two:hover {border:none; border-style:none; border:#FFF}
a.two:active {border:none; border-style:none; border:#FFF}

a.three:link {color: #000; text-decoration:none;}
a.three:visited {color: #000; text-decoration:none;}
a.three:hover {color: #C00; text-decoration:none;}
a.three:active {color: #F00; text-decoration:none;}
