@charset "utf-8";
/* CSS Document */
* {margin: 0px; padding: 0px;}
body {
  background: #c7c7c7 url('../images/site-bg.jpg') repeat-x;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
  font-size: 11px;
}
input,select{font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;}
a img{border:none;}
a:link, a:visited{color: #b50000; text-decoration:underline; font-weight: bold;}
a:hover, a:active{text-decoration: none;}

.pointer{cursor: pointer}

.clear {
	clear:both;
}

h1 {
	font-size:24px;
	margin:15px 0;
}

h2 {
  color: #3d3d3d; 
  font-size: 22px;
	color:#000000;
}

h3{
  font-size: 18px;
  color: #3d3d3d;
  padding: 15px 0 10px 0;
}

#content ul{
  margin-left: 30px;
  line-height: 1.5em;
}

#content p.error, p.error{
  color: #595959;
  font-size: 12px;
  background: #fff8bc;
  font-weight: normal;
  padding: 20px 15px;
  border: solid 1px #d6d6d6;
}
label.missing, span.req{
  color: #C61A10;
}
span.req{font-weight:bold;}

span.red{color: #C90000;}

/*** PODS ***/
div.pod{
  width: 221px;
	border: solid 5px #dedede;
	position: relative;
	margin: 5px auto 10px auto;	
 font-size: 11px;
}
div.pod h3{
  color: #000;
  padding: 4px;
  font-size: 18px;
}
/************/

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#b50000;
		font-weight:bold;
    border-bottom: 1px dashed #999;
		text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #b50000; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #333;
	font-weight: normal;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(/images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(/images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #b50000;
    background: url(/images/bubble.gif) no-repeat bottom;
}

/* img replacement */
.imgrep {
  display:-moz-inline-box;
  display:inline-block;
  background:transparent none 0 0 no-repeat;
  text-indent:-3000px;
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0);
  vertical-align:bottom;
}


/***** full white background pages ****/
#full-white-bg{
	margin: 0 0 40px 0;
  background: url('../images/white-bg-862.png');
  width: 862px;
  position: relative;
}
#full-white-bg-top{
  background: url('../images/full-white-bg-top.png') top left no-repeat;
  //margin: -2px -18px 0 -18px;
  margin: -2px 0 0 0;
  padding: 15px 10px 0 15px;
  width: 850px;
}
#full-white-bg-bottom{ 
  background: url('../images/full-white-bg-bottom.jpg') bottom no-repeat;  
  height: 17px;
  position: absolute;
  left: 0px;
  clear: both;
  width: 861px;
}

/******** HEADER STYLES *********/
#header{
  /*background: url(../images/header-top-bg.jpg) top left no-repeat;
  clear: both;
  width: 864px;
  height: 126px;
  margin: auto;
  position: relative;
  /*border: solid 1px yellow;*/
  text-align: left;
	z-index: 2;*/
	
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/header-top-bg.jpg) no-repeat scroll left top;
	clear:both;
	color:#8B8B8C;
	left:50%;
	margin:0 0 5px -430px;
	min-height:100px;
	padding:20px 20px 0;
	position:relative;
	text-align:left;
	width:816px;
}
#menu{
	position: relative;
	z-index: 3;
  clear: both;
  padding: 10px 0 0 0;
}
#logo{
  text-align: left;
  display: block;
  position: absolute;
  top: 26px;
  left: 20px;
}
#topNav{
  text-align: right;
  width: 600px;
  margin: 5px 9px 0 204px;
  float: right;
  color: #828283;
}
#topNav a{
  color: #828283;
  font-size: 11px;
  font-weight: normal;
	text-decoration:none;
}
#contact-info{
  width: 250px;
  margin: 5px 0 0 0;
	/*margin-right: -17px;*/ /*for IE*/
  float: right;
  text-align: right;
  color: #fff;
}
#contact-info p, #contact-info img, #header-chat-now{
  float: left;
  margin: 10px 5px 0 5px;
}
#contact-info p{
  font-size: 11px;
  margin-top: 12px;
	color: #828283;
}

#contact-info a {
	text-decoration:none;
}
#header-chat-now{
  background: url('../images/header-chat-button.jpg') top left no-repeat;
  height: 26px;
  width: 114px;
  color: #fff;
  padding: 6px 17px 0 0;
  margin-right: 0px;
  font-size: 12px;
}

#header-chat-now:hover {
	text-decoration:none;
}

#contact-info img{margin-top: 15px;}
#contact-info span.phone{color:#c61010; font-size:14px;}

#content-wrapper{
  width: 862px;
  margin: auto;
  text-align: left;
	position: relative;
	z-index: 1;
}
/******** end header styles ********/

/******** BREADCRUMBS **********/

#breadcrumbs {
	position: relative;
	z-index: 2;
	color:#6d6d6d;
}

#breadcrumbs a, #breadcrumbs a:visited {
	color:#c90000;
}

#breadcrumbs img {
	margin:0 5px;
}

/******** CONTENT RIGHT COL **********/

#content-right-col {
	float: right;
	width: 232px;
	text-align:left;
	margin-right:3px;
}

#content-left-col {
	float:left;
	width:600px;
	margin-left:3px;
	padding-bottom:20px;
}	
/******** end content right col **********/

/******** FOOTER STYLES *********/
#footer{
	background: url(../images/footer-top-bg.jpg) top left no-repeat;
	/*background-color:#C7C7C7;*/
	width: 810px;
	position: relative;
	min-height: 183px;
	left: 50%;
	margin: 10px 0 -20px -425px;
	/*margin: 10px auto 0px auto;*/
  text-align: left;
	padding: 20px 20px 0px 20px;
	color: #8b8b8c;
	clear: both;
}
#footer div{
  float: left;
  width: 195px;
 padding: 0 0 0 15px;
}

#footer #footer_company{width: 155px;}
#footer #footer_products{width:165px;}
#footer ul{list-style:none; margin-top: 10px;}
#footer ul li{ float:left; width:100px;margin: 0 10px 10px 0;}
#footer h2{
  color: #8b8b8c;
  font-size: 14px;
}
#footer #blog_entries{
  width: 230px;
  padding-left: none;
}
#footer h2.blog_entries{
  color: #fff;
  width: 230px;
}
#footer #blog_entries a{
  color: #b50000;
}
#footer #blog_entries h2.blog_entries a{color: #8b8b8c; font-weight:bold;}
#footer a{color: #8B8B8C; text-decoration:none; font-weight:normal;}
#copy {
  background: url(../images/footer-btm-bg.jpg) top left no-repeat;
  clear: both;
  width: 815px;
	height:36px;
	position: relative;
	left: 50%;
	margin: 0 0 0 -425px;
	/*margin:0 auto;*/
  padding:10px 0 0 35px;
	text-align:left;
  color: #8b8b8c;
}
#copy a{color: #b50000;}


/******** end footer styles ********/