@import url('price.css');
#navigation { padding-right:2px;}
html {height:100%;min-height:100%;}

.new {width:100%;}
.new a {margin-left:10px;}
.new a img {margin-left:10px;border:0}
.copy td {padding:10px;}
	.copy a img {border:0;}
	.copy a {border:0;}
	.copy {color:#000;}
.opacity {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	}
 .norep		{background-position:top left;		 background-repeat:no-repeat;}
 .norepbl	{background-position:bottom left;		 background-repeat:no-repeat;}
 .repx		{background-position:top left;		 background-repeat:repeat-x;}
 .repy		{background-position:top left;		 background-repeat:repeat-y;}
 .tx	{		 background-color:#FFFFFF;		 COLOR: #000000;		 width:110px; 	 	 BORDER-RIGHT: #afb0b1 1px solid; 	 	 BORDER-TOP: #afb0b1 1px solid;  	 	 BORDER-LEFT: #afb0b1 1px solid;  	 	 BORDER-BOTTOM: #afb0b1 1px solid;}
 
 FORM 	{	MARGIN: 0px;	PADDING-BOTTOM: 0px;    	PADDING-LEFT: 0px;    	PADDING-RIGHT: 0px;    	PADDING-TOP: 0px}
 select 	{	FONT-FAMILY: Arial, Arial, Verdana, sans-serif;	font-size : 13px; 	text-decoration: none; 	color: #545454; 	background-color: #ffffff}	
 input 	{	FONT-FAMILY: Arial, Arial, Verdana, sans-serif;	text-decoration: none; 	backgro1und-color: #FFFFFF; 	color: #004080;}
 textarea{  	FONT-FAMILY: Arial, Arial, Verdana, sans-serif;	text-decoration: none; 	background-color: #FFFFFF; 	color: #004080;	font-size : 13px;}
 ul 	{	MARGIN: 0px;	PADDING-BOTTOM: 0px;    	PADDING-LEFT: 15px;    	PADDING-RIGHT: 0px;    	PADDING-TOP: 0px;
	list-style-type:none;}
 .img_bord { border: 1px solid #eaf8d5; padding:5px; margin-top:3px; background:#ffffff;} 
 .smaller		{	color: #99da99;	FONT-SIZE: 11px;}
 
h1 {
	color:#006600;

	} 
 /* Normal css Styling */
 
*::selection {
	background-color:#bde38a;	
	
	}
*::-moz-selection {
	background-color:#bde38a;	
	
	}
* {margin:0;padding:0;
font-family:verdana, arial, "times new roman", tahoma;
}
div {margin:0;}
/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 
p {margin:0 0 1em 0;padding:2px}

body {
background-color:#bde38a;	 
background-image: url(../images/design/bg.png);		 
background-repeat: repeat-x;		 
background-position: 200 left;		 
padding:0;		 
margin:0;

	position:relative;/* for ie7*/
}
a, a:link, a:visited, a:active {
	color:rgb(20, 100, 20);
	}
a:hover { 
	color:rgb(20, 120, 20);
	}
#outer{
	min-height:100%;
	margin:0 215px 0 215px;
	
	border-left:0px solid #000;
	border-right:0px solid #000;
	color: #000;
}

* html #outer{height:100%;} /*IE treats height as min-height anyway*/
#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:275px;
	background: url(../images/mounts.jpg) repeat-x top center;
	overflow:hidden;
	color: #fff;
}
#header a{color:#fff;}
#left {
	position:relative;/*ie needs this to show float */
	width:215px;
	margin-top:-32px;
	float:left;
	background: url(../images/design/logo-bottom.png) no-repeat top left;
	margin-left:-214px;/*must be 1px less than width otherwise won't push footer down in some browsers */
	padding-top:32px;
	
	color:#000;
	left:-1px;
	z-index:10;
	padding-bottom:102px;/* clear footer*/
	
}
	.left-helper {
		margin-left:5px;
		width:190px;
		padding:0px 10px 10px 5px;
		
		}
		.left-helper div {
			padding:0px;
			margin:0px;
			}
	.left-menu-top {
		background: url(../images/design/left-menu-top2.png) no-repeat; 
		height:25px;
		width:190px;
		}
	.left-menu-middle {
		background: url(../images/design/left-menu-bg2.png) repeat-y; 
		width:190px;
		}
		.left-menu-middle h1 {
			font-size:14px;
			text-align:center;
			
			}
		.menu-left-list {
			font-size:14px;
			
			padding-top:10px;
			list-style-type:none;
			}
		.menu-left-list li{
			padding:10px 0px;
			background: url(../images/design/left-menu-spacer.png) no-repeat bottom center;
			}
			.menu-left-list li > ul {
				padding:0px 10px;
				}
			.menu-left-list li > ul li {
				background:0;
				}
		.menu-left-list a {
			text-decoration:none;
			}
		.menu-left-list  span.here, .menu-left-list a.here{
			color:black;
			font-style:italic;
			}
	.left-menu-bottom {
		background: url(../images/design/left-menu-bottom2.png) no-repeat; 
		height:25px;
		width:190px;
		}

#right {
	position:relative;/*ie needs this to show float */
	width:215px;
	float:right;
	margin-right:-214px;/*must be 1px less than width otherwise won't push footer down in some browsers */
	padding-top:250px;/* to clear header*/
	color:#000;
	left:1px;
	z-index:10;
	padding-bottom:20px;/* clear footer*/
}
	.right-helper {
		margin-left:5px;
		width:190px;
		padding:0px 10px 10px 5px;
		
		}
		.right-helper div {
			padding:0px;
			margin:0px 5px;
			}
	.right-menu-top {
		background: url(../images/design/left-menu-top2.png) no-repeat; 
		height:25px;
		width:190px;
		}
	.right-menu-middle {
		background: url(../images/design/left-menu-bg2.png) repeat-y; 
		width:190px;
		padding:3px;
		}
		.right-menu-middle h1 {
			font-size:14px;
			text-align:center;
			width:185px;
			
			}
		.menu-right-list {
			font-size:14px;
			padding-right:10px;
			padding-top:10px;
			list-style-type:none;
			}
		.menu-right-list li{
			padding:10px 0px;
			background: url(../images/design/left-menu-spacer.png) no-repeat bottom center;
			}
			.menu-right-list li > ul li {
				background:0;
				}
		.menu-right-list a {
			text-decoration:none;
			}
		.menu-right-list a.selected {
			color:black;
			font-style:italic;
			}
		.menu-right-list  a.here{
			color:black;
			font-style:italic;
			}
	.right-menu-bottom {
		background: url(../images/design/left-menu-bottom2.png) no-repeat; 
		height:25px;
		width:190px;
		}
#footer {
	width:100%;
	clear:both;
	padding:15px 0px 0px 0px;
	
	color: #fff;
	text-align:left;
	position:relative;
	
	margin-top:0px;/*drag footer from below the fold*/
}
	.footer-helper {
		
		background:#bde38a;
		border-top:0px dotted #006600;
		height:75px;
		
		}
#centrecontent {
	float:right;
	width:100%;
	position:relative;
	z-index:10;

	padding-bottom:15px;/* clear footer*/
	margin-left:-1px;
}
	#top-menu {
		height:50px;
		width:100%;
		border-collapse:collapse;
		}
		
		
		.menu-top-left {
			width:25px;
			height:10px;
			background: url(../images/design/top-left2.png) no-repeat top left;
			
			}
		.menu-top-middle {
			background: url(../images/design/top-middle2.png) repeat-x top center;
			height:10px;
			}
		.menu-top-right {
			width:25px;
			height:10px;
			background: url(../images/design/top-right2.png) no-repeat top right;
			}
		.menu-center-left {
			width:25px;
		
			background: url(../images/design/center-left2.png) repeat-y top left;
			}
		.menu-center-middle {
			background:#f5f8f9;
			height:20px;
		}
			.menu-top-list {
				padding:0;
				width:100%;
				display:inline;
				float:left;
				list-style-type:none;
				}
				.menu-top-list li {
					width:20%;
					float:left;
					text-align:center;
					display:inline;
					
					}
				.menu-top-list a {
					text-decoration:none;
					font-weight:bold;
					font-size:14px;
					}
					 
		.menu-center-right {
			width:25px;
			background: url(../images/design/center-right2.png) repeat-y top right;
		}
		.menu-bottom-left {
			width:25px;
			height:10px;
			background: url(../images/design/bottom-left2.png) no-repeat bottom left;
			}
		.menu-bottom-middle {
			height:10px;
			background: url(../images/design/bottom-middle2.png) repeat-x bottom center;
			}
		.menu-bottom-right {
			width:25px;
			height:10px;
			background: url(../images/design/bottom-right2.png) no-repeat bottom right;
			}
	#central {
		border-collapse:collapse;
		width:100%;
		min-height:500px;
		margin-top:10px;
		
		}
	#central td {
		padding:0px;
		margin:0px;
		vertical-align:top;
		}
	#central .price-table td {
		padding:10px;
		margin:0px;
		}
		.top-left {
			width:25px;
			height:20px;
			background: url(../images/design/top-left2.png) no-repeat top left;
			
			}
		.top-middle {
			background: url(../images/design/top-middle2.png) repeat-x top center;
			height:20px;
			}
		.top-right {
			width:25px;
			height:20px;
			background: url(../images/design/top-right2.png) no-repeat top right;
			}
		.center-left {
			width:25px;
			
			background: url(../images/design/center-left2.png) repeat-y top left;
			}
		.center-middle {
			background:#f5f8f9;
			height:475px;
			font-size:13px;
			}
			.center-middle h1 {
				text-align:center;
				color:#006600;
				margin-bottom:10px;
				font-size:16px;
			}
			.center-middle ul {
				list-style-type:disc;
				padding-left:15px;
				margin-left:15px;
				padding-bottom:15px;
				

}	
		.center-right {
			width:25px;
			
			background: url(../images/design/center-right2.png) repeat-y top right;
		}
		.bottom-left {
			width:25px;
			height:20px;
			background: url(../images/design/bottom-left2.png) no-repeat bottom left;
			}
		.bottom-middle {
			height:20px;
			background: url(../images/design/bottom-middle2.png) repeat-x bottom center;
			}
		.bottom-right {
			width:25px;
			height:20px;
			background: url(../images/design/bottom-right2.png) no-repeat bottom right;
			}
.outerwrap {
	float: left;	
	width: 100%;
	height:100%;
	
	padding-top:250px;/* to clear header*/
	margin-right:-3px;/* to stop columns dropping*/
}
p.expand a:hover{display:block;height:300px;background:red}
.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}
