/*
	All CSS compatible browsers
*/

body {
	background: white;
	color: rgb(26, 50, 74);
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 85%;
}

/*
	CSS2 compliant browsers only
*/

@media screen {
	
	.note {
		color: rgb(199, 32, 51);
	}
	
	.center {
		text-align: center;
	}
	
	/*
		Address section
	*/
	
	a img {
		border: 0px;
	}
	
	address {
		border-top: 2px solid rgb(199, 32, 51);
		font-size: 75%;
		font-style: normal;
		margin: 40px 27px 0px 109px;
		padding: 3px 0px 15px 70px;
		white-space: nowrap;
	}
		
		address span {
			color: white;
		}
		
		address img {
			float: left;
		}
		
	/*
		Main body section
	*/
	
	body {
		background-attachment: fixed;
		background-image: url("/images/bg_main.gif");
		background-position: bottom left;
		background-repeat: repeat-y;
		margin: 0px;
		padding: 0px;
	}
	
	/*
		Main header section
	*/
	
	div#header {
		background-color: white;
		background-image: url("/images/header_bg.gif");
		background-repeat: repeat-x;
		height: 142px;
		margin: 0px 27px 0px 84px;
	}
	
	/*
		Main menu section
	*/
	
	div#menu {
		background: rgb(26, 50, 74);
		font-size: 80%;
		left: 0px;
		position: absolute;
		text-align: right;
		top: 175px;
		width: 150px;
	}
		
		div#menu ul {
			list-style: none;
			margin: 0px;
			padding: 2px 0px 0px 2px;
		}
			
			div#menu ul li {
				margin: 15px 15px 15px 0px;
			}
				
				div#menu ul li a {
					color: white;
					font-weight: bold;
					text-decoration: none;
				}
				
				div#menu ul#site-links li a {
					text-transform: lowercase;
				}
				
				div#menu ul#section-links li a {
					text-transform: capitalize;
				}
				
				div#menu ul li.current a {
					color: rgb(199, 32, 51);
				}
				
				div#menu ul li a:hover {
					color: rgb(199, 32, 51);
				}
				
	/*
		Main content section
	*/
	
	div#content {
		margin: 48px 140px 65px 150px;
		padding: 0px 0px 0px 70px;
	}
		dl dt {
			color: rgb(26, 50, 74);
			font-weight: bold;
			margin: 4px 0px;
		}
		
		dl dd {
			margin: 2px 0px 20px 60px;
		}
		
		h1 {
			font-size: 140%;
			padding-bottom: 12px;
			text-transform: lowercase;
		}
		
		small {
			font-size: 80%;
		}
		
		.float-left {
			float: left;
			margin: 0px 10px 10px 0px;
		}
		
		.float-right {
			float: right;
			margin: 0px 0px 10px 10px;
		}
	
	/*
		Image layer used on Home, About and Contact
	*/
	
	div#img-layer {
		left: 287px;
		position: absolute;
		top: 90px;
	}
	
	/*
		Products tables
	*/
	
	table.products {
		font-size: 80%;
		width: 100%;
	}
		
		table.products th, table.products td {
			vertical-align: top;
		}
		
		table.products th {
			text-align: left;
		}
		
		table.products th.part-no {
			padding-right: 30px;
			width: 10%;
		}
		
		table.products td.image {
			padding: 4px 20px 20px 0px;
		}
		
		table.products td.image a img {
			border: 1px solid rgb(26, 50, 74);
		}
		
		table.products td.image a:hover img {
			border: 1px solid rgb(199, 32, 51);
		}
		
		table.products td.desc {
			padding: 5px 0px 20px 0px;
		}
}