/* CSS Document */

* {
text-decoration : none;
}



/* body */

body {
font-family : Arial;
font-size : 62.5%;
margin : 20px;
text-align : center;
}

	img {
	border : none;
	}
	
	.b {
	font-weight : bold;
	}



/* wrapper */

#wrapper {
background : url('../graphics/layout/banner.jpg') no-repeat;
margin : auto;
text-align : left;
padding : 143px 0 0;
width : 920px;
}



/* navigation */

p#nav {
background : #000 url('../graphics/layout/fade.gif') 100% 0 repeat-y;
color : #fff;
font-size : 1.2em;
font-weight : bold;
margin : 0;
padding : 5px 20px;
}

	p#nav span {
	color : #000;
	float : right;
	}

	p#nav a {
	color : #fff;
	margin : 0 20px 0 2px;
	}
	
		p#nav span a {
		margin : 0 2px;
		}
	
		p#nav a:hover {
		color : #eee4ca;
		text-decoration : underline;
		}




/* content */

#content {
background : #eee4cb url('../graphics/layout/fade.gif') 100% 0 repeat-y;
font-size : 1.4em;
}

	#pad {
	padding : 0 10px;
	}
	
	#content h1 {
	font-size : 1.4em;
	margin : 0;
	padding : 27px 30px 15px;
	}
	
	#content p {
	line-height : 1.3em;
	margin : 0;
	padding : 0 30px 15px;
	}
	
		#content p.float_right {
		float : right; 
		padding : 15px 30px;
		}
	
		#content p#info_message {
		background : #0D2144;
		color : #fff;
		padding : 10px;
		margin : 0 30px 15px;
		}
	
		#content p.home {
		padding : 0 1px;
		}
	
	#content a {
	color : #0D2141;
	text-decoration : underline;
	}
	
		#content a:hover {
		color : #000001;
		}




/* footer */

p#footer {
background : url('../graphics/layout/foot.jpg') no-repeat;
color : #0D2143;
font-size : 1.1em;
margin : 0;
padding : 130px 0 10px;
text-align : center;
}

	p#footer a {
	color : #0D2142;
	margin : 0 2px;
	}
	
	 	p#footer a:hover {
		color : #000001;
		text-decoration : underline;
		}



/* contact form */

form {
margin : 0 30px 15px;
}

	table.generic {
	background : #E2D8C1;
	border-collapse : collapse;
	border : 1px solid #0D2144;
	margin : 0;
	padding : 0;
	width : 500px;
	}
	
		table caption {
		display : none;
		}
	
		table#access {
		margin : 0 30px 15px;
		}
	
		table.generic thead {
		display : none;
		}
		
		table.generic td {
		border-bottom : 1px solid #EEE4CC;
		padding : 5px 10px;
		}
		
		table.generic td input, table.generic td textarea {
		background : #fff;
		border : 1px solid #8690A0;
		color : #666;
		font-family : Arial;
		font-size : 1em;
		padding : 2px 5px;
		}
		
			table.generic td input.code {
			background : #fff url('../graphics/common/code.jpg') no-repeat;
			color : #c00;
			letter-spacing : 1px;
			}
			
	#content p.cart-buttons {
	background : #0D2144;
	padding : 5px 10px;
	width : 480px;
	}
	
		#content p.cart-buttons input {
		display : none;
		}
	
		#content p.cart-buttons input.float_right {
		border : 1px solid #fff;
		display : block;
		float : right;
		font-weight : bold;
		font-family : Arial;
		font-size : 1em;
		padding : 5px 10px;
		}
		
		

/* products pages */

#productsMenu, #productImages {
padding : 0 0 15px 30px;
}

	#productsMenu img {
	float : left;
	margin : 0 19px 19px 0;
	}

	#productImages img {
	border : 1px solid #0D2143;
	float : left;
	margin : 0 18px 18px 0;
	}



/* fixes */

p#nav,
#content,
#content p.cart-buttons,
#productsMenu {
height : 1%;
}

	html>body p#nav,
	html>body #content,
	html>body #content p.cart-buttons,
	html>body #productsMenu {
	height : auto;
	overflow : auto;
	}
