/* CSS Document */
/*-------------------------------------------------------------------------------------
  MAIN COLUMN - NAV
  bottom, slide & top nav together
  -------------------------------------------------------------------------------------*/
/* TOP NAV */
ul, ul li, ul#nav, ul#botNav, ul#nav li, ul#botNav li { padding: 0; margin: 0; list-style: none; }
#nav li, #botNav li, #slideNav li { float: left; }

ul#nav{
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	border-bottom: 3px solid #999; /*must be same as padding in li*/
	float: left; /* so that it expands to fit li */
	width: 100%;
	margin-bottom: 20px;
}
.showrooms ul#nav, #links ul#nav, .installation ul#nav { margin-bottom: 25px;}
.articles ul#nav { margin-bottom: 15px;}
#searchPg ul#nav, #searchPg #botNav { width: 400px; display: inline; float: left; margin: 0 0 0 232px;} #searchPg ul#nav {margin-top: 20px;}
#nav a {
	color: #333;
	text-decoration: none;
	padding: 0px 3px 0px 3px;
	border-bottom:0px;
}
#nav a:hover, #homePg li#home a, body.articles li#articles a, body.showrooms li#showrooms a, body.typesPg li#types a, 
body.installation li#installation a, #links li#links a, #contact li#contact a, #askusPG li#askus a, body.clarkslist li#clarkslist a {
	color: #000;
	text-decoration: none;
	padding-bottom: 3px; /*must be same as border in ul*/
	background: #e3edec url("../images/navTop-arrow.gif") no-repeat bottom center;
}
#homePg li#home a:hover, #articles li#articles a:hover, body.showrooms li#showrooms a:hover, body.typesPg li#types a:hover, 
body.installation li#installation a:hover, #contact li#contact a:hover, #askusPG li#askus a:hover, body.clarkslist li#clarkslist a:hover {
	cursor: default;
}

/* SLIDE SHOW NAV */
p#slideNav {
	width: 400px;
	clear: left;
	text-align: center;
	color: #999;
}
p#slideNav a {
	clear: none;
}
p#slideNav a#mainLink {
	float: right;
}
p#slideNav a#title {
	float: left;
}
p#slideNav a#back {
	margin: 0px;
	padding: 0px;
	border-left: 3px solid #999; /* change a:hover */
	border-bottom: 0px;
	padding-left: 3px;
	font-size: 12px;
	text-decoration: none;
}
p#slideNav a#back:hover {
	background: #e3edec url("../images/slideBack-arrow.gif") no-repeat left center;
	padding-left: 6px; /* reg padding + border */
	border: 0px;
}
a#next {
	margin: 0px;
	padding: 0px;
	border-right: 3px solid #999; /* change a:hover */
	border-bottom: 0px;
	padding-right: 3px;
	font-size: 12px;
	text-decoration: none;
}
a#next:hover {
	background: #e3edec url("../images/navVert-arrow.gif") no-repeat right center;
	padding-right: 6px; /* reg padding + border */
	border: 0px;
}

/* BOTTOM NAV */
#botNav {
	margin: 20px 0 0 0;
	padding: 4px 0 0 0;
	width: 100%;
	height: 45px; /* otherwise OP9 gives a slight border */
	background-color: #ddd;
	float: left;
	clear: left;
} .showrooms #botNav { margin-top: 30px; } 
#botNav input, #botNav form { /*IE has a loto of auto pad */
	margin: 0px;
	padding:0px;
}
#botNav ul {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	background-color: #fff;
	border-top: 3px solid #ddd;/*must be same as padding in li*/
	margin: 1px 0px 0px 0px;
	padding: 0 0 15px 0;
	width: 100%;
	float: left;
	clear: both;
	border-bottom: 0px;
}
#botNav a {
	color: #bbb;
	text-decoration: none;
	padding: 0px 3px 0px 3px;
	border-bottom: 0px;
}
#botNav a:hover, #copyPg li#copyright a, #newsPg li#news a, #searchPg li#search a, #links li#links a, #contactPg li#contact a {
	color: #000;
	text-decoration: none;
	background: #e3edec url("../images/navBot-arrow.gif") no-repeat top center;
	border-bottom: 0px;
	padding: 3px 3px 0px 3px;/*must be same asa border in ul*/
	background-color: #e3edec;
}