/* CSS Document */

* {
outline: none;
text-decoration: none;
vertical-align: top;
}



/* body */

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
margin: 20px 0 0 0;
text-align: center;
}

	img {
	border: none;
	}



/* fades */

#container {
background: url('../graphics/layout/fade.jpg') 50% 0 repeat-y;
margin: 0 auto;
width: 969px;
}

	p#fade-top {
	background: url('../graphics/layout/fade-top.jpg') 50% 0 no-repeat;
	font-size: 0;
	margin: 0;
	padding: 0;
	height: 10px;
	}



/* wrapper */

#wrapper {
background: url('../graphics/layout/banner.jpg') 50% 0 no-repeat;
margin: 0 auto;
padding: 93px 0 0 0;
position: relative;
width: 949px;
}

	#wrapper p#clickhere {
	height: 25px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 48px;
	right: 10px;
	width: 115px;
	}
	
		#wrapper p#clickhere a {
		display: block;
		height: 25px;
		width: 100%;
		}



/* navigation */

#nav {
background: #BDBEC1 url('../graphics/layout/nav.jpg') repeat-x;
border-bottom: 1px solid #97999C;
list-style: none;
margin: 0;
padding: 0;
}

	#nav p#trail {
	background: url('../graphics/layout/trail.jpg') no-repeat;
	border-right: 1px solid #97999C;
	float: left;
	font-size: 1.1em;
	margin: 0;
	padding: 9px 10px;
	text-align: left;
	width: 409px;
	}
	
	#nav ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 519px;
	}
	
		#nav ul li {
		border-right: 1px solid #97999C;
		display: block;
		float: left;
		}
		
			#nav ul li a {
			border-left: 1px solid #C6C8C9;
			color: #fff;
			display: block;
			float: left;
			}
			
			#nav ul li a span {
			border-right: 1px solid #DCDDDF;
			cursor: pointer;
			display: block;
			font-size: 1.4em;
			font-weight: bold;
			float: left;
			padding: 8px 15px;
			}
			
				#nav ul li a:hover {
				color: #97999C;
				}
				
			#nav ul li#access {
			border: none;
			color: #CECFD1;
			float: right;
			padding: 8px 10px;
			}
			
				#nav ul li#access a, #nav ul li#access span {
				border: none;
				display: inline;
				float: none;
				margin: 0;
				padding: 0;
				}
				
				#nav ul li#access a {
				margin: 0 2px;
				}
				
				#nav ul li#access span {
				border-bottom: 1px solid #97999C;
				border-left: 1px solid #C6C8C9;
				border-right: 1px solid #97999C;
				border-top: 1px solid #E0E1E2;
				padding: 0 2px;
				}



/* main */

#main {
border-top: 1px solid #BABCBE;
}

	#main h1 {
	font-size: 1.8em;
	letter-spacing: -1px;
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}
	
		#main h1 span {
		color: #104185;
		}



/* left */

#left {
float: left;
margin: 0 11px 0 5px;
width: 640px;
}

	#left object, #left param {
	margin: 0;
	padding: 0;
	}



/* right */

#right {
float: left;
width: 293px;
}

	#right.wide {
	float: none;
	padding: 0 20px;
	width: auto;
	}

	#right p, #right ul {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0;
	padding: 0 10px 15px 0;
	text-align: left;
	}
	
		#right ul {
		margin: 0 0 0 15px;
		}
		
			#right ul li {
			padding: 0 0 15px 0;
			}
	
	#right a {
	color: #1854A6;
	}
	
		#right a:hover {
		color: #000;
		}




/* footer */

p#footer {
background: #1854A6 url('../graphics/layout/footer.jpg') repeat-x;
color: #fff;
font-size: 1.1em;
margin: 10px 0 0;
padding: 9px 3px;
}

	p#footer span {
	margin: 0 0 0 10px;
	}
	
	p#footer a, p#spiders a {
	color: #fff;
	}
	
		p#footer a:hover, p#spiders a:hover {
		color: #000;
		}



/* spiderlinks */

p#spiders {
background: #fff url('../graphics/layout/fade-bottom.jpg') repeat-x;
color: #727272;
margin: 0 auto;
padding: 10px 10px 5px 10px;
text-align: center;
font-size: 1.1em;
}

	p#spiders a {
	color: #727272;
	}
	
		p#spiders a:hover {
		color: #000;
		}


/* fixes */

#main,
#nav,
#nav ul li,
ul#galleries {
height: 1%;
}

	html>body #main,
	html>body #nav,
	html>body #nav ul li,
	html>body ul#galleries {
	height: auto;
	overflow: auto;
	}
	

/* reset all CSS rules for tables and related elements */

table, caption, col, colgroup, thead, tbody, tfoot, tr, td, th, 
#content p.cart-buttons, #content p.cart-buttons a, #content p.cart-buttons input,
table input, table select, table textarea, table p, table div, table label {
background: none;
border: none;
border-collapse: collapse;
border-spacing: 0;
font-family: inherit;
font-size: 1em;
margin: 0;
outline: 0;
padding: 0;
text-align: left;
text-indent: 0;
vertical-align: top;
}

	caption,
	table#account-login thead, 
	table#search thead {
	display: none;
	}
	
	table input, table textarea, table select {
	background: #FFFFFF;
	}



/* table */

form {
border-top: 1px solid #FFFFFF;
}

thead {
display:none;
}

table {
margin: 8px 0;
width: 250px;
}

	th, td {
	padding: 8px 3px;
	}

	table input, table select, table textarea {
	margin: 0 10px;
	padding: 3px;
	width: 180px;
	}
	
	table label {
	display: block;
	padding: 2px 0 0;
	}
	
		td.td_left {
		border-right: 1px solid #97999C;
		padding: 3px 10px 3px 3px;
		width: 80px;
		}



/* generic table details */

td {
background: #DFE0E1;
}

	tr.altrow td, tr.alt td, tfoot tr td {
	background: #BDBEC1;
	}
	
	tr.border td {
	border-bottom: 1px solid #FFFFFF;
	}	
	
	input.code {
	background: url('../graphics/layout/code.gif') 0% 0% no-repeat;
	color:red;
	}
	
	
	
/* galleries */

ul#galleries {
list-style: none;
margin: 0;
padding: 0;
}

	ul#galleries li {
	float: left;
	margin: 0 20px 20px 0;
	width: 212px;
	text-align: center;
	font-weight: bold;
	color: #104185;
	}
	
		ul#galleries li img {
		margin-bottom: 10px;
		}

	ul#galleries li.nomargin {
	margin: 0 0 20px 0;
	}
	
	
	#homelist ul, #homelist2 ul {
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0;
	padding: 0 10px 8px 15px;
	text-align: left;
	}
	
		#homelist ul, #homelist2 ul {
		margin: 0 0 0 5px;
		}
		
			#homelist ul li, #homelist2 ul li {
			padding: 0 0 3px 0;
			}