/*PC Shop Page Design by PerreLink*/

/*This style sheet is used for most major browers - including NS4x*/

/*Test the style sheet in various browsers when changing any of the styles*/

body {
	background-color: White;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
	 td, p, ul,ol {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 12px;
 }

/*This table holds the left and main content areas*/
table.tableborder, table.tableborder td, table.tableborder th{
	border: 1px solid #656E8D;
	border-collapse: collapse;
	padding: 2px 2px 2px 2px;
}
.headingrow {
	background: #ECF2F9;
	margin-bottom: 0px;
}

/*background image for the nav bar table -  make url absolute to keep NS4+ happy*/
#navbar {
	background-image: url(../images/backgrounds/buttonback.jpg);
	background-repeat: repeat-x;
	width: 100%;
}

#navbar2 {
	background-image:  url(../images/backgrounds/nav2back.jpg);
	background-repeat: repeat-x;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 2px;	
	FONT: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	}

/*background image for the 2nd header table - make url absolute to keep NS4+ happy*/

#header {
background-image:  url(../images/backgrounds/headerback.jpg);
background-repeat: repeat-x;
}
	/*this formats the product boxes on front page*/
.box-blue {
	BORDER-RIGHT: #485677 1px solid;	
	BORDER-TOP: #485677 1px solid;
	FONT: 10px Verdana, Arial, Helvetica, sans-serif;
	BORDER-LEFT: #485677 1px solid;
	COLOR: #000000;
	BORDER-BOTTOM: #485677 1px solid;
	BACKGROUND-COLOR: White;	
	width: 120px;	
	margin-top: 5px;
	text-align: left;
	padding: 0px;
		}		
	
.box-blue td {
padding: 0px;
}

/*Formats the left column  - menu box -*/		
#newsbox {
background-image: url(../images/misc/categories.gif);
background-position: top;
background-repeat: no-repeat;
	BORDER-RIGHT: #485677 1px solid;	
	border-left: #485677 1px solid;
	border-bottom: #485677 1px solid;
	FONT: 10px Verdana, Arial, Helvetica, sans-serif;
	COLOR: #000000;
	BACKGROUND-COLOR: White;	
	width: 140px;
	padding: 0px;
	}
	
	/*Formats the left column cell on the secondary pages*/		
#newsbox td {
padding: 5px;

}	
	/*Formats the left column headers on the secondary pages*/		
#newsbox h3 {
color: #996666;
}

#newsbox h1 {
font-size: 14px;
color: #996666;
}	
		
/*declares the styles applied to the images*/
.imgright {
display: block;
float: right;
padding: 10px;

}
.imgleft {
display: block;
float: left;
padding-left: 10px;
}

.imgcenter {
display: block;
float: none;
margin-top: 26px;
text-align: left;
}
/*Formats the secondary pages - main content */
#main {
vertical-align: top;	
font-size: 12px;		
padding: 0px 5px 5px 5px;
}

#main h1 {
	color: #4C69A6;
	font-size: 16px;
}

#main a:link{
	color: #4B5C7C;
	text-decoration: none; 
}
  
#main a:visited {
	color: #4B5C7C;
	text-decoration: none; 
}

#main a:hover {
		color: #996666;
		text-decoration: none; 
}
.producttable{
	border: 1px solid;
	border-color: #4C69A6;
margin: 4px;
	padding: 6px 6px 6px 2px;
}
    
 #footer {
 	background-color: #A5C3E0;	
	background-image: url(../images/backgrounds/footerback.jpg);
	background-repeat: repeat-x;	
 	color: #000066;
	padding: 5px 5px;
}
#footer a:link {
	color: #000066;
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: underline;
}

#footer a:visited {
	color: #000066;
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: underline;
}

#footer a:hover {
	color: #FF9046;
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
}
#footer a:active {
	color: #000066;
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: underline;
}

 #copyright {
 	background-color: #91C1E4;		
 color: #000066;
 padding-top: 10px;
 padding-bottom: 5px;
 }

 #copyright td {
 	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
 }
 
 #copyright a:link {
	color: #000066;
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: underline;
}

#copyright a:visited {
	color: #000066;
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: underline;
}

#copyright a:hover {
	color: #FF6600;
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: underline;
}
#copyright a:active {
	color: #000066;
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: underline;
}
    
 .smallfont {
 	font-family: sans-serif;
	color: Gray;
	font-size: 9px;
 }
 
  h1 {
 	color: #4C69A6;
	font-size: 16px;
 }
  h6 {
 	color: #4C69A6;
	font-size: 16px;
 }
 
 h2{
 	color: #FF6600;
	font-size:13px;
 }
 
h3{
 	color: #006599;
	font-size: 12px;
 }
h4 {
 	color: #FF6600;
	font-size: 13px;
 }
  h5 {
 	color: Navy;
	font-size: 16px;
	margin-bottom: 0px;
	 }
/*We have not used the list definitions in this template, but they are here for your convenience should you need them*/
LI {
	
	list-style-image:  url(../../sitefiles/images/misc/arrow.jpg);
}

UL.featurelist {
	LIST-STYLE-POSITION: inside;
	TEXT-ALIGN: left;
	line-height: 18px;	
	}