
/*----------------------------------------
Universals

width: 900px
nav col: 200
con col: 600
ovf col: 100
----------------------------------------*/

/* Imports
----------------------------------------*/

@import url("reset.css");
/*
@import url("xlinks.css");
@import url("modx.css");
*/
/* Skips 
---------------------------------------*/
#spareparts {display:none;}
.skip {display: none;}
a.skip {display: none;}
#axs {display:none;}
#cc  {display:none;}

/* Body Globals Elements
----------------------------------------*/
body
{
	color:#55565b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:76%;  /* Tip: Treat this as 10pt. */
}

body {
	background-color: #f3f3f3;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin:0;
}
/* jquery clickable blocks */
h2 {
	color:rgb(136, 140, 90);
	font-size:1.5em;
}

td {text-align:right;
font-size:12px;
}

.dataTable {
background:#FFFFFF;

}
 .pane-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pane-list li {
	background: #ffffff;
	padding: 5px 20px 5px;
	border-top: solid 1px #eeeeee;
	cursor: pointer;
}
.pane-list li:hover {
	background: #efefef;
}

/* Layout */
#container_wrap {width:850px;margin:0 auto;text-align:left;background: #8f8f93 url(../img/vwall.gif) repeat-y;}
#container_wraphome {width:850px;margin:0 auto;text-align:left; background: #8f8f93 url(../img/vwall.gif) repeat-y;}

/* header with search */
#header {width:841px;height:32px; background: url(../img/pnav.gif) no-repeat;}
#header h1 a  {display:block; position:relative; left:0; top:0; width:50px; height:50px; text-indent:-9999px;background:#ff0000 url(../img/header.gif); float:left;}

/*page banners */
#pagebanner  {display:block; position:relative; left:0; top:0; width:850px; height:50px; text-indent:-9999px; border:0; background:transparent url(../img/longtitle.gif) no-repeat;}
#pageBannerGuy  {
	display:block; 
	position:relative; 
	left:0; 
	top:0; 
	width:850px; 
	height:100px; 
	text-indent:-9999px; 
	border:0; 
	background:transparent url(../img/pageBannerGuy.gif) no-repeat;
}

#pageBannerTitle  {
	position:absolute;
	margin:-50px 0px 0px 100px;
	color:#D1D1D1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bolder;
}

#page { width:840px; margin:0; padding:0; margin-left:25px; }

#ipage { width:840px; margin:0; padding:0; margin-left:20px;}


.colend  {width:261px;height:10px;margin:0;padding:0;float:left; background:transparent url(../img/bucketwallbot.gif) no-repeat;}

p.homeblurb {font-size:1.2em;line-height:1.25em; margin:50px 10px 2px 120px;}
p.homeblurb2 {font-size:1.2em;line-height:1.25em; margin:50px 100px 2px 20px;}

#icolumn1 {width:1px;margin:0;padding:0;float:left;background-color:#ffffff;}

#icolumn2 { width:570px; margin:0; padding:0 0 0 10px; float:left; background-color:#ffffff;}
#icolumn2 p {font-size:100%;line-height:150%;}

#icolumn3 {width:200px;margin:0;padding:0;float:right; margin-right:22px;}
#icolumn3 p {font-size:1.0em;line-height:1.8em; padding:2px 10px;}

#feature {
margin:0;
width:850px; 
height:225px; 
background:#ffffff url(../img/feature1.gif) no-repeat top left;
margin-top:15px;
}

#example {
	position: relative;
	border: 0;
	width: 850px;
	height: 225px;
}

.slide-image {
	position: absolute;
	top: 0;
	padding: 0px;
	width: 850px;
	height: 225px;
	background-color: #ffffff;
	background-position: top left;
	background-repeat: no-repeat;
	visibility: hidden;
}

#featuresub {
margin:0;
width:800px; 
margin:10px 20px 4px 30px;
border:0;
background:transparent;
}

#featuresub p {font-size:1.1em;line-height:2.0em;}

#footer
{
	clear: both;
	padding: 20px 0 4px 0;
	height: 60px;
	width: 850px;
	background:transparent url(../img/footer.gif) no-repeat bottom center;
}

#footer p 
{
	color:#dddddd;
	text-align:center;
	font-size:.85em;
}

#footer h3.green {font-size:1.15em;line-height:1.15em;color:#b0b579;text-transform:none;background:transparent;text-align:center;}

/* Ajax Search */

label {
padding:1px;
margin:1px;
}

#ajaxSearch_form {
position: relative;
height:32px;
margin: 2px 4px 0 0;
padding: 0;
float:right;
}

#ajaxSearch_input {
margin:0;
padding:0;
width:170px;
height:2.5em;
float:left;
color: #c4c4c6;
border:0;
font-size: 11px;
top:4px;
}

#ajaxSearch_submit {
  width: 38px;
  height:29px;
  margin: 0 0 0 4px;
  padding:0;
  border: 0;
  background:url(../img/searchbutton.png) no-repeat;
}

/* ALL NAV BELOW */
/* PNAV
---------------------------------------*/

#navwrap { 
	width: 530px;
	height: 32px;
	margin: 0;
	border:0;
	padding: 0;
	position:relative;
	background: url(../img/pnav.gif) no-repeat;
	float:left;
}

#navwraphome { 
	width: 530px;
	height: 32px;
	margin: 0;
	border:0;
	padding: 0;
	position:relative;
	margin-left:200px;
}

#nav { 
	width: 530px;
	height: 32px;
	margin: 0;
	border:0;
	padding: 0;
	background: #ffffff;
	position:relative;
	float:left;
}

#nav ul	{
	width: 530px;
	height: 32px;
	background: url(../img/pnav.gif) no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	list-style-type: none;
}

#nav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
}

#nav ul li, #nav a {
	height: 32px;
	display: block;
}

#nav ul li a {
	text-indent: -9999px; 
	text-decoration: none;
}

#nav1 {left: 20px; width:165px;}
#nav2 {left: 215px; width:251px;}
#nav3 {left: 490px; width:40px;}

#nav1 a:hover  {background: transparent url(../img/pnav.gif) -20px -32px;}
#nav2 a:hover  {background: transparent url(../img/pnav.gif) -215px -32px;}
#nav3 a:hover  {background: transparent url(../img/pnav.gif) -490px -32px;}


#on1 {background: transparent url(../img/pnav.gif) -20px -64px;}
#on2 {background: transparent url(../img/pnav.gif) -215px -64px;}
#on3 {background: transparent url(../img/pnav.gif) -490px -64px;}

/*  HNAV discrete */
#hnavwrap { margin:0;float:left; border:0; text-align:center;margin-left:300px;}
 
ul#hnavlist {
position:relative;
padding: 0px;
white-space: nowrap;
border:0;
line-height:2.8em;
}

#hnavlist li
{
display: inline;
list-style-type: none;
}

#hnavlist a { 	text-decoration: none; padding:3px 8px 2px 8px; font-size:11px;}

#hnavlist a:link, #hnavlist a:visited {color: #b1b579;}
#hnavlist a:hover { background-color: #b1b579; color:#ffffff;}

/* VNAV */
#vnavwrap {margin:0; padding:0;margin-top:15px;}

#vnav ul
{
margin: 0;
padding: 0;
list-style-type: none;
width:200px;
}

#vnav ul li a
{
display:block;
height:22px;
margin:0;
font-size:12px;
padding:6px 0 1px 10px;
color: #b1b579;
background-color: transparent;
text-decoration: none;
background: transparent url(../img/dotltgray.gif) repeat-x bottom left;
}

#vnav a:link, #vnav a:visited {color: #b1b579;text-decoration: none;}

#vnav a:hover, #vnav a:active {background-color: #efefef; color:#222222;}
