/* CSS Document */

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



/* page body */

body {
background : url('/graphics/layout/back.jpg') 50% 0% repeat-x;
font-family : Arial;
font-size : 62.5%;
margin : 0;
text-align : center;
}

	body#comp {
	background : #F5C361 url('/graphics/layout/compact-header-r.gif') 100% 0 no-repeat;
	}

	img {
	border : none;
	}



/* containing wrapper */

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

	#wrapper {
	background : url('/graphics/layout/fading.jpg') 50% 0% no-repeat;
	width : 971px;
	}

	#compact-wrapper {
	background : url('/graphics/layout/compact-header-l.gif') 0 0 no-repeat;
	font-size : 1.2em;
	padding : 101px 0 0;
	text-align : left;
	}
	
		#compact {
		background : #fff;
		padding : 20px;
		}



/* navigation */

#nav {
background : #50653F url('/graphics/layout/banner.jpg') no-repeat;
color : #50653F;
font-size : 1.1em;
font-weight : bold;
height : 1%;
margin : 0 10px;
padding : 106px 15px 5px;
position : relative;
}

	a#request {
	display : block;
	height : 62px;
	position : absolute;
	top : 22px;
	right : 10px;
	width : 128px;
	}

	#compact-wrapper #nav {
	background : #50653F;
	font-size : 1em;
	padding : 5px 15px 5px;
	margin : 0;
	}

	html>body #nav {
	height : auto;
	overflow : auto;
	}
	
	#nav span#fontsize {
	float : right;
	}

	#nav a {
	color : #fff;
	padding : 0 8px;
	}

		#nav span#fontsize a {
		color : #fff;
		padding : 0 2px;
		}
	
		#nav a:hover, #nav span#fontsize a:hover {
		color : #000;
		}
		


/* main content area */

#main {
background : url('/graphics/layout/middle.jpg') repeat-y;
font-size : 1.2em;
margin : 0 10px;
}
	
	#top {
	background : url('/graphics/layout/top.jpg') no-repeat;
	}
	
	#bottom {
	height : 379px;
	padding : 0 0 300px;
	}

		html>body #bottom {
		height : auto;
		min-height : 379px;
		overflow : auto;
		}



/* main content */

#content {
float : right;
line-height : 1.6em;
text-align : right;
width : 680px;
}

	#content p, #content ul {
	margin : 0;
	padding : 10px 20px 10px 0;
	}
	
		#content ul {
		list-style : none !important;
		padding : 10px 40px 10px 0;
		}
		
			#content li {
			background : url('/graphics/common/bullet.gif') 100% 7px no-repeat;
			padding : 0 15px 0 0;
			margin : 3px 0;
			}

	#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	color : #000;
	font-size : 1.2em;
	margin : 0;
	padding : 8px 20px 8px 0;
	}

		#content h1 {
		color : #F5C361;
		font-size : 1.5em;
		padding : 20px 20px 0 0;
		}
	
		#content h2 {
		color : #50653F;
		padding : 0 20px 10px;
		}
		
		#content a {
		color : #50653F;
		}
		
			#content a:hover {
			border-bottom : 1px dashed #000;
			color : #000;
			}



/* left content */

#left {
float : left;
font-size : 1.4em;
font-weight : bold;
letter-spacing : -1px;
width : 195px;
}

	#left ul {
	border-top : 2px dashed #50653F;
	list-style : none;
	margin : 30px 10px 0px 20px;
	padding : 0;
	}
	
		#left li {
		border-bottom : 2px dashed #50653F;
		padding : 8px 10px;
		}
		
		#left a {
		color : #50653F;
		}
		
			#left a.red {
			color : #D63A3A;
			}
		
			#left a:hover {
			color : #000;
			}
			
		#left p#rms {
		background : url('/graphics/layout/rms.jpg') no-repeat;
		height : 131px;
		margin : 30px 10px 0 20px;
		}
		
		#left #offer {
		padding : 30px 10px 0 20px;
		}


	/* tables  */
	
	table {
	border : 1px solid #eee;
	padding : 0;
	margin : 20px 0 0;
	text-align : left;
	width : 660px;
	}
	
		table th, table#pricelist td.dark {
		background : #eee;
		}
		
		table td, table th {
		border : 1px solid #eee;
		padding : 5px;
		margin : 0;
		}
			
		table label {
		font-weight : bold;
		}
			
			table label span {
			font-size : .8em;
			}
		
		table input, table select, table textarea {
		background : #fff url('/graphics/common/input.jpg') repeat-x;
		border : 1px solid #ccc;
		font-family : Arial;
		font-size : 1em;
		padding : 3px 5px;
		width : 450px;
		}
		
			textarea {
			height : 75px;
			}
	
			input.submit {
			background : #fff url('/graphics/common/input.jpg') repeat-x;
			border : 1px solid #ccc;
			font-family : Arial;
			font-size : 1em;
			font-weight : bold;
			padding : 5px 8px;
			}
		
			.field {
			width : 520px;
			}
			
			.required {
			border : 1px solid #c00;
			}
			
				select.field {
				background : #fff;
				width : 400px;
				}
			
				select.vis {
				background : #fff;
				width : 80px;
				}
		
			table input.checkbox {
			width : 20px;
			}



table#pricelist {
width : auto;
}

.offer {
color : #c00;
font-size : 1.4em;
}


p#info_message {
background : #50653F;
border : 1px solid #000;
color : #fff;
margin : 10px 20px 10px 50px;
padding : 5px;
}

div#weather {
padding: 0 0 5px 0;
}

div#weather a {
color: #fff;
}