/* CSS Document */

a {
text-decoration : none;
}

	a:hover {
	text-decoration : underline;
	}

form {
vertical-align : middle;
}



/* page body */

body {
background : url(../graphics/layout/back.gif);
font-family : Arial, Helvetica, sans-serif;
font-size : 62.5%;
margin : 0;
text-align : center;
}

	img {
	border : 0;
	}
	
	.b {
	font-weight : bold;
	}
	
	.n {
	font-weight : normal;
	}
	
	.center {
	text-align : center;
	}
	
	table {
	margin : 10px;
	}
	
	blockquote {
	padding: 0px;
	margin: 0px 0px 10px 30px;
	}



/* page wrapper */

#wrapper {
background : url(../graphics/layout/head.gif) 0 100px repeat-x;
font-size : 1.1em;
}



/* header */

#head {
background : url(../graphics/layout/lines.gif) repeat-x;
color : #ccc;
font-weight : bold;
margin : 0 auto;
}

	#head p {
	margin : 0 auto;
	padding : 3px 0 3px 0;
	width : 755px;
	}

		#head p#head-link {
		padding : 5px 0 6px 0;
		text-align : right;
		}
	
	#head a {
	color : #fff;
	}



/* navigation */

#main {
background : url(../graphics/layout/nav.gif);
}

	#navigation {
	background : url(../graphics/layout/nav-shadow.gif) 50% 0 repeat-y;
	margin : auto;
	text-align : left;
	width : 761px;
	}
	
		ul#nav {
		background : url(../graphics/layout/pic.jpg) 100% 0 no-repeat;
		margin : 0 4px;
		padding : 0;
		list-style : none;
		}
		
		ul#nav li {
		display : inline;
		}

			ul#nav li#skeleton {
			display : none;
			}
		
		ul#nav a {
		background : url(../graphics/common/bullet.gif) 10px 50% no-repeat;
		color : #fff;
		display : block;
		font-weight : bold;
		width : 202px;
		}
		
			ul#nav a span {
			display : block;
			padding : 4px 0 4px 26px;
			}



/* content */

#content-wrapper {
background : url(../graphics/layout/main-shadow.gif);
margin : auto;
overflow : auto;
width : 761px;
}

	#content {
	float : left;
	padding : 0 4px;
	text-align : left;
	}



/* left box */

#left {
color : #485663;
float : left;
width : 203px;
}

	#left a {
	color : #485663;
	}

	#left p {
	margin : 10px;
	padding : 0;
	}

	#left p.left-map {
	line-height : 2.4em;
	margin : 10px;
	}

	#left p.left-header {
	background : #485663;
	color : #fff;
	font-size : 1.2em;
	font-weight : bold;
	margin : 10px 3px;
	padding : 1px 5px;
	}
	
	#left object#map {
	float : right;
	}
	
		#left .map {
		display : block;
		padding : 40px 0 0;
		}



/* right content */

#right {
color : #485663;
float : right;
text-align : justify;
width : 550px;
}

	#right h1 {
	background : #485663;
	color : #fff;
	font-size : 1.2em;
	font-weight : bold;
	margin : 10px 0 10px 10px;
	padding : 1px 5px;
	}

	#right h2 {
	border-bottom : 1px dotted #ccc;
	font-size : 1.2em;
	font-weight : bold;
	margin : 10px 15px 10px 10px;
	padding : 0 0 10px 0;
	}
	
	#right p {
	padding : 0 5px 14px 10px;
	margin : 0;
	}
	
	#right a {
	color : #485663;
	}



/* spiderlinks */

p#spiders {
background : url(../graphics/layout/bottom-shadow.jpg) no-repeat;
font-size : 0.9em;
margin : 0 auto;
padding : 10px 0 5px 0;
width : 761px;
}

	p#spiders span {
	margin : 0 6px 0 7px;
	}
	
	p#spiders a {
	color : #000;
	}





/* index page */

#featured, #new-meters, #sub-cats {
float : left;
padding : 0 0 30px 0;
text-align : center;
width : 100%;
}

	#featured img, #sub-cats img {
	margin : 0 0 10px 0;
	}

		#new-meters img.expand {
		margin : 0 0 45px 0;
		}

	#featured p {
	float : left;
	margin : 0 4px 0 0;
	padding : 0;
	width : 103px;
	}

	#new-meters p {
	float : left;
	margin : 0 0px;
	padding : 0;
	width : 250px;
	}

	#sub-cats p {
	float : left;
	margin : 0 25px;
	padding : 0;
	width : 110px;
	}

		#featured p span {
		padding : 0 0 0 10px;
		}



/* products */

.product {
border-bottom : 1px dotted #ccc;
float : left;
margin : 10px 0;
text-align : left;
width : 100%;
}

	.product img {
	float : right;
	margin : 20px 50px;
	}
	
	.product ul {
	margin : 0 50px 10px;
	padding : 0 auto;
	}
	
		.product ul.small {
		margin : 0 290px 0 50px;
		padding : 0 auto;
		}
	
	.product p.product-title {
	font-size : 1.2em;
	font-weight : bold;
	}
	
	.product p#trans {
	float : right;
	margin : 0 50px 0 0;
	width : 150px;
	}




/**/

p#sub-page-links {
border-bottom : 1px dotted #ccc;
}

	p#sub-page-links a {
	background : url(../images/subsquare.gif) 0 50% no-repeat;
	font-size : 1.2em;
	font-weight : bold;
	margin : 0 40px 0 0;
	padding : 0 0 0 20px;
	}




/* orderform */

table#orders {
border : 0;
padding : 0;
margin : 0;
width : 100%;
}

	table#orders td {
	padding : 0;
	margin : 0;
	}
	
	.req {
	color : #c00;
	}



/* order form */

form#order {
margin : 10px;
padding : 0 0 20px 0;
width : 530px;
}

	form#order p {
	clear : both;
	}

	form#order label {
	float : left;
	font-weight : bold;
	margin : 0 0 7px 0;
	width : 150px;
	}

		form#order label.label2 {
		float : left;
		font-weight : bold;
		margin : 0 0 7px 10px;
		width : 55px;
		}

	form#order input, form#order select {
	border : 1px solid #485663;
	float : left;
	margin : 0 0 7px 0;
	width : 325px;
	}
	
		form#order input#imageField {
		height : 20px;
		margin : 0 0 0 247px;
		width : 80px;
		}
	
		form#order .form-product input {
		width : 128px;
		}
	
		form#order .form-product select {
		width : 132px;
		}
		
			form#order .form-brochure label {
			font-weight : normal;
			width : 250px;
			}
			
			form#order .form-brochure input {
			border : none;
			width : 20px;
			}
		
			form#order .form-brochure input#imageField {
			float : right;
			height : 20px;
			margin : 0 50px 0 0;
			width : 96px;
			}