.Center {
	text-align: center;
	padding-left: 500px;
	}

#im_centeredBox {
	position: relative;
	top: 0;
	right: 0;
	margin: 0 auto;
	width: 800px;
	text-align: center;
	}

#im_centeredMain {
	position: absolute;
	left: 0;
	top: 0;
	width: 780px;
	padding: 5px;
	}

.image_View {
	text-align: center;
	}

.image_Topic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	text-decoration: underline;
	}

.image_SubTopic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	text-decoration: none;
	}



body {
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	color: #000000;
	background-color: #e7e7dc; 
	}

#bodyText {
	text-align: justify;
	margin: 9mm 2mm 0;
	padding: 0 0px 0px 40px;
	width: 90%;
	font-size: 90%;
	}

#bodyText p {
	line-height: 1.3em;
	}

#bodyText a:link {
	text-decoration: none;
	}

#bodyText a:hover {
	text-decoration: none;
	}

#bodyText h1 {
	padding-bottom: 0ex;
	border-bottom: 0px none;
	}

#bodyText h2 {
	}

#bodyText h3 {
	padding-bottom: 0ex;
	}

#intro_text {
	line-height: normal;
	}

.intro_text {
	line-height: normal;
	}

/* must remove id from web pages and rename them to class, below */
#intro_indent1 {
	padding-bottom: 2px;
	}

#intro_indent2 {
	padding-left: 20px;
	padding-bottom: 2px;
	}

#intro_indent3 {
	padding-bottom: 3px;
	padding-left: 40px;
	}

#intro_indent4 {
	padding-left: 40px;
	}

#intro_indent5 {
	padding-left: 65px;
	padding-bottom: 3px;
	}

/* these are the correct classes replacing the id's above */
.intro_indent1 {
	padding-bottom: 2px;
	}

.intro_indent2 {
	padding-left: 20px;
	padding-bottom: 2px;
	}

.intro_indent3 {
	padding-bottom: 3px;
	padding-left: 40px;
	}

.intro_indent4 {
	padding-left: 40px;
	}

.intro_indent5 {
	padding-left: 65px;
	padding-bottom: 3px;
	}
/* end of the correct classes for intro_indentxx */

.intro_text_under {
	text-decoration: underline;
	}

.inline_indent {
	padding-left: 50px;
	}

.inline_indent_fixed {
	white-space: nowrap;
	padding-left: 50px;
	}

/* change all prod_indent id's with classes */
.prod_indent1 {
	padding-bottom: 2px;
	font-weight: bold;
	}

.prod_indent2 {
	padding-left: 20px;
	padding-bottom: 2px;
	font-weight: bold;
	}

.prod_indent3 {
	padding-bottom: 3px;
	padding-left: 40px;
	}

.prod_indent4 {
	padding-left: 40px;
	}

.prod_indent5 {
	padding-left: 65px;
	padding-bottom: 3px;
	}

/* remove these id's for prod_indent when finished changing for classes above */
#prod_indent1 {
	padding-bottom: 2px;
	font-weight: bold;
	}

#prod_indent2 {
	padding-left: 20px;
	padding-bottom: 2px;
	font-weight: bold;
	}

#prod_indent3 {
	padding-bottom: 3px;
	padding-left: 40px;
	}

#prod_indent4 {
	padding-left: 40px;
	}

#prod_indent5 {
	padding-left: 65px;
	padding-bottom: 3px;
	}
/* end of replace id's with class for prod_indent */

.prod_text_under {
	text-decoration: underline;
	}

img {
  border: none;
	}

pre, iframe {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	}

#square ul, .square ul  {
  list-style-type: square;
	}

#square ol { 
  list-style-type: square;
	}


.smallCaps {
	font-variant: small-caps;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#header {
	background-color: #e7e7dc;
	background-attachment: scroll;
	background-image: url(../images/trace5.png);
	background-repeat: repeat;
	height: 100px;
	padding-left: 40px;
	margin-top: 9mm;
	margin-right: 2mm;
	margin-bottom: 0mm;
	margin-left: 2mm;
	border-top-width: 1px;
	border-top-style: solid;
}
.header {
	background-color: #e7e7dc; 
	background-attachment: fixed;
	background-image: url(../images/trace5.png);
	background-repeat: repeat;
	height: 100px;
	padding-left: 40px;
	margin-top: 9mm;
	margin-right: 2mm;
	margin-bottom: 0mm;
	margin-left: 2mm;
	background-position: center;
}

#header_intro {
	height: 100px;
	padding-left: 40px;
	margin-top: 9mm;
	margin-right: 2mm;
	margin-bottom: 0mm;
	margin-left: 2mm;
	background-position: center;
	color: #edf3f3;
	width: 100%;
}
.header_intro {
	height: 100px;
	padding-left: 40px;
	margin-top: 9mm;
	margin-right: 2mm;
	margin-bottom: 0mm;
	margin-left: 2mm;
	background-position: center;
}

.headerTitle {
	font-size: 30px;
	font-weight: bold;
	letter-spacing: .25em;
	padding-top: 20px;
	padding-bottom: 10px;
	font-variant: normal;
	color: #787878;
}

.headerSubtitle {
	float: left;
	text-decoration: none;
	font-weight: bold;
	color: #787878;
}


.pageTitle {
	font-size: 25px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.pageSubtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	padding-top: 10px;
	font-weight: bold;
	}

#content ul {
	list-style-image: none;
	list-style-type: none;
}
/* replace all hor_line id's with classes */
.hor_line100 {
	border-top: 2px solid #787878;
	}

.hor_line100_gry {
	border-top: 2px solid #CCCCCC;
}

.hor_line60 {
	width: 60%;
	border-top: 2px solid #787878;
	}

.hor_line60_gry {
	width: 60%;
	border-top: 2px solid #CCCCCC;
}

.hor_line60_gryctr {
	width: 60%;
	border-top: 2px solid #CCCCCC;
	clear: both;
	right: 20%;
	left: 20%;
}


/* remove these when finished with the replace class for id */
#hor_line100 {
	border-top: 2px solid #787878;
	}

#hor_line100_gry {
	border-top: 2px solid #CCCCCC;
}

#hor_line60 {
	width: 60%;
	border-top: 2px solid #787878;
	}

#hor_line60_gry {
	width: 60%;
	border-top: 2px solid #CCCCCC;
}

#hor_line60_gryctr {
	width: 60%;
	border-top: 2px solid #CCCCCC;
	clear: both;
	right: 20%;
	left: 20%;
}
/* end of replace hor_line id's with classes */

a {
	text-decoration: none;
	color: #6699cc;
	font-weight: bold;
}

a:hover {
	color: #000000;
	text-decoration: none;
}

a:active {
	color: #6699cc;
	text-decoration: none;
}
a:visited {
	position: static;
	display: inline;
	font-weight: bold;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background: none;
	text-decoration: none;
	color:#993333;
	}

#logo_left {
	/* styleFloat: left; */
	/* cssFloat: left; */
	clear: right;
	float: left;
	margin-right: 10px;
}
#red_box {
	border: 2px solid #cc0000;
	text-align: center;
	margin: 10px;
}

/* change id table_products to class */
.table_products {
	margin-left: 20px;
}

#table_products {
	margin-left: 20px;
}
/* end of change id table_products to class
    remove #table_products when done */
	
#red_text {
	color: #cc0000;
}


.prod_box {
	height: auto;
	margin: 0;
	padding: 0;
	width: auto
}
.prod_title {
	float: left;
	margin-bottom: 1em;
	text-align: center;
	white-space: pre;
	width: 35%;
}
.prod_image {
	float: right;
	clear: left;
	padding-left: 10px;
	overflow: visible;
	padding-bottom: 10px;
	height: 200px;
	width: 200px; 
}
/* Box model hack per Tantek - for prod_image */
* html div.prod_image {
	width: 310px;
	w\idth: 300px;
}
.prod_intro {
	height: auto;
	clear: right;
	float: left;
	width: 500px;
	/* padding-right: 10px; */
}
.prod_mainText {
	height:auto;
	float: none;
	width: 100%;
	/* padding-right: 10px; */
}

/* Box model hack per Tantek - for prod_image 
* html div.prod_intro {
	width: 300px; /* changed fixed width of 250px; to percentage for testing 
	w\idth: 300px; /* changed fixed width of 250px; to percentage for testing 
} */
.product_header {
	height: 1px;
	margin-bottom: 1em;
}
.product_gutter {
	float: left;
	height: 1px;
	width: 3px;
}
.product_col1 {
	float: left;
	width: 44%;
	margin-bottom: 1em;
	padding-right: 3%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.product_col2 {
	float: left;
	width: 44%;
	margin-bottom: 1em;
	margin-left: 3%;
	padding-right: 3%;
	background-position: right;
}
.product_footer {
	clear: both;
	height: 1px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #666666;
}
.product_text {
	padding: .5px;
	clear: both;
}

.prodSum_box {
}

.prodSum_box h4 {
	padding: 2px;
}


.prodSum_header {
	height: 1px;
	margin-bottom: 1em;
}
.prodSum_text {
	position:relative;
	clear: both;
	margin-left: 1.5em;
	text-align: left;
}
.prodSum_gutter {
	float: left;
	height: 1px;
	width: 3px;
}
.qa_Col1 {
	float: left;
	width: 40%;
	margin-bottom: 1em;
	padding-right: 3%;
	margin-left: 2em;
}
.qa_Col2 {
	float: left;
	width: 40%;
	margin-bottom: 1em;
	padding-right: 3%;
	background-position: right;
}
.prodSum_col1 {
	float: left;
	width: 21%;
	margin-bottom: 1em;
	padding-right: 3%;
	font-size: 85%;
	margin-left: 2em;
}
.prodSum_col2 {
	float: left;
	width: 44%;
	margin-bottom: 1em;
	padding-right: 3%;
	background-position: right;
	font-size: 85%;
}
.prodSum_footer {
	clear: both;
	height: 1px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #666666;
}
.Col1 {
	float: left;
	width: 40%;
	margin-bottom: 1em;
	font-size: 85%;
	padding-left: 3%;
	text-align: center;
}
.Col2 {
	float: right;
	width: 40%;
	margin-bottom: 1em;
	padding-right: 13%;
	font-size: 85%;
	text-align: center;
}
#prodHorList ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
} 
#prodHorList ul li {
	margin-left: 0;
	list-style: none;
	display: inline;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#prodHorList ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}
.prodSum3col_col1 {
	float: left;
	width: 21%;
	margin-bottom: 1em;
	padding-right: 3%;
	font-size: 85%;
	margin-left: 2em;
}
.prodSum3col_col2 {
	float: left;
	width: 15%;
	margin-bottom: 1em;
	padding-right: 3%;
	font-size: 85%;
}
.prodSum3col_col3 {
	width: 40%;
	margin-left: 3%;
	margin-bottom: 1em;
	font-size: 85%;
	float: left;
}
.prodSum_SingleRow {
	float: left;
	width: 60%;
	margin-bottom: 1em;
	padding-right: 3%;
	font-size: 85%;
}
.prelim {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFF99;
}
#text p {
	font-size: 85%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* added class=text 19Jan2006 */

.text p {
	font-size: 85%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.spacer {
	line-height: 3px;
}
.qa_mainText {
	font-size: 95%;
	margin-left: 2em;
}
.qa_headerText {
	font-size: 95%;
	margin-left: 1em;
}
.qa_boxText {
	line-height: normal;
}
.qaSum_col1 {
	float: left;
	width: 33%;
	margin-bottom: 1em;
	padding-right: 3%;
	font-size: 85%;
	margin-left: 2em;
}
.qaSum_col2 {
	float: left;
	width: 33%;
	margin-bottom: 1em;
	padding-right: 3%;
	background-position: right;
	font-size: 85%;
}
#its_HorList ul li {
	margin-left: 0;
	list-style: none;
	display: inline;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.its_mainText {
	font-size: 95%;
	text-align: center;
	line-height: 10px;
}


.its_headerText {
	font-weight: bold;
	color: #cc0000;
	text-align: center;
	font-family: Impact, Verdana, Arial;
	letter-spacing: 1px;
}  

.its_boxText {
	line-height: normal;
}
.introwarning {
	font-size: 75%;
	line-height: 2em;
	text-align: center;
	color: #808080;
}
.introfooter {
	font-size: 75%;
	color: #808080;
	text-align: center;
}

.introfooter1 {
	font-size: 75%;
	color: #808080;
	text-align: center;
	padding: 2px;
}

#copyright {
	width:760px;
	text-align: center;
	color: #999999;
	font-size: 9px;
}

.copyrights {
	font-size: 75%;
	color: #666666;
	height: auto;
	width: 400px;
	padding: 0px;
}

.copyright { /* use for sitemap.html only */
	font-size: 75%;
	color: #808080;
	text-align: center;
}


.copyright_image { /* use for image pages only */
	font-size: 75%;
	color: #808080;
	text-align: center;
}


.quote {
	border: 1px solid #808080;
	height: auto;
	width: 80%;
	padding: 10px;
	font-weight: bold;
	margin-left: 50px;
	list-style-type: square;
}
.quote1 {
	border: 1px solid #808080;
	padding: 10px;
	font-weight: bold;
	margin-left: 50px;
	list-style-type: none;
	height: auto;
	width: 425px;
	white-space: pre;
}

#horlist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#horlist ul {
	list-style-type: none;
}

#horlist li { 
  margin: 0 30px 0 0; 
  display: inline; 
}

table {
	font-size: 85%;
	}

 /* .787878 {
	color: #787878;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	} */
	
#hidden h3{
	display: none;
}

.hidden, hidden.h3{
	display: none;
}

.printOnly {
	display: none;
	}

/* horizontal list code */

#inline-list {
	border: none; 
	margin: 0; 
	width: 100%;
	padding: 0; 
	font-family: Verdana, sans-serif;
	}

#inline-list p {
	display: inline;
	}

#inline-list ul, #inline-list li {
	display: inline;
	margin: 0;
	padding: 0;
	color: #000;
	font-weight: normal;
	}

/* breadcrumbs code */

#bread {
	color: #ccc;
	background-color: #006;
	padding: 3px;
	margin-bottom: 25px;
	}

#bread ul {
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#bread ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}

/* inline list code */

#inline ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#inline ul li {
	margin-left: 0;
	margin-bottom: 0;
	padding: 0px 25px 0px 0px;
	border: none;
	list-style: none;
	display: inline;
	}
	
		
#inline ul li.here {
	border-bottom: 1px solid #ffc;
	list-style: none;
	display: inline;
	}


/* SITEMAP.HTML CSS */

#contents ul {list-style-image: none; 	list-style-type: none; }

hr {height:1px; border-top:1px dotted #CED8E9; border-left:0; border-right:0; border-bottom:0; margin:0; padding:3px 0; width: 95%;}

div.hr {
  height:1px;
  background:url(/alamo/common/images/misc/hr_dot.gif) repeat scroll center;
  width:95%;
  margin:5px 0;
}

div.hr hr {display: none;}

/* sitemap list headings */
.bold {
	font-weight:bold;
	color: #666666; /* green #99aa00; dark blue #0b3091; */
	} 

.clear {
	clear:both;
	text-align: center;
}

/* Note - Layout Rules*/
#topSpace {width:100%;}

div#contents .bold {
}/* need this content border for NS and Opera layouts */
#sitemapContents {
	width:100%!important;
	width:760px;
	margin:0px;
	border-left-width: 50px;
	border-left-style: solid;
	border-left-color: #e7e7dc;
}
#sitemapContents #leftContents {float:left; margin-left:-50px; width:285px; position: relative; z-index: 10;}
#sitemapContents #contents {width:575px;}
#sitemapContents #innerContents {width:100%; margin:0 0 0 5px; padding:0;}

/* Footer - contains copyright */
#footer {
	color: #666666;
	text-align:center;
	font-size: 80%;
	}

/* Note - Footer Menu*/
#footer_menu{
	clear:both;
	margin-left:6px !important;
	margin-left:10px;
	margin-top:10px; 
	padding-top:10px;
	width:750px !important;
	width:748px;	
	text-align:center;
}
#footer_menu ul{margin:0 10px 1px 0; padding:0; text-align:center;}
#footer_menu ul li{margin:0;	padding:0 0.1em; display:inline;}
#footer_menu ul a{margin:0 0 0 -8px; padding:0 0 0 12px;	color:#0b3d91; text-decoration:none;}
#footer_menu ul a:hover {color:#d40026; text-decoration:none;}
#footer_menu .pipe {font-weight:bold; color: #99aa00; padding-left:8px;}

/* Note - Footer_Image */
#footer_image{
	clear:both;
	margin-left:6px !important;
	margin-left:10px;
	margin-top:10px; 
	padding-top:10px;
	width:750px !important;
	width:748px;	
	text-align:center;
}
#footer_image ul{margin:0 10px 1px 0; padding:0; text-align:center;}
#footer_image ul li{margin:0;	padding:0 0.1em; display:inline;}
#footer_image ul a{margin:0 0 0 -8px; padding:0 0 0 12px;	color:#0b3d91; text-decoration:none;}
#footer_image ul a:hover {color:#d40026; text-decoration:none;}
#footer_image .pipe {font-weight:bold; color: #99aa00; padding-left:8px;}

/* Note - Sitemap */
#sitenav {
	padding-bottom:10px;
	font-size: 85%;
}
#sitenav ul {
	padding-left:5px;
	margin:0;
}
#sitenav li {
	padding-left:3px;
	margin:0;
}
#sitenav .leftBorder {border-left: 1px solid #99aa00;}

#sitenav.leftCol.bold { color: #0b3091; }

#sitenav .section {padding-top:10px;}
#sitenav .leftCol, #sitenav .centerCol, #sitenav .rightCol {height:auto;}
#sitenav .leftCol {
	float:left;
	width:35%;
}
#sitenav .centerCol {
	float:left;
	width:60%;
}
#sitenav .rightCol {float:left; width:180px;}

/* LIST STYLE FOR PRODUCT DETAIL PAGES */
/* will have to change all references to id with class 
    to conform with doctype */

/* NOT USED - USE LIST.CSS INSTEAD */
/*
div.byitem ul.vert {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 10pt;
	}
div.byitem ul.vert li {
	padding: 0px 0px 5px;
	margin: 0px;
	height: 15px;
	font-size: 10pt;
	}
div.byitem ul.vert li.odd {
	background-color: #eee;
	font-size: 10pt;
	}
div.byitem ul.vert li.under {
	background-color: ; 
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-left: 10px;
	width: 300px;
	font-size: 10pt;
	}
div.byitem ul.horz {
	clear: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 10pt;
	}
div.byitem ul.horz li {
	float: left;
	width: 300px;
	padding: 0 8px 0 0;
	margin: 0;
	font-size: 10pt;
	}
div.byitem ul.horz li.note1{
	float: left;
	width: 80px;
	padding: 0 10px 0 60px;
	margin: 0;
	text-align: right;
	color: #666666;
	font-size: 10pt;
	}
div.byitem ul.horz li.note2{
	float: none;
	width: 340px;
	padding: 0;
	margin: 0;
	text-align: left;
	color: #666666;
	font-size: 10pt;
	}
div.byitem ul.horz li.name {
	width: 200px;
	text-align: left;
	padding-left: 10px;
	font-size: 10pt;
	}
div.byitem ul.horz li.desc {
	width: 350px;
	font-size: 10pt;
	}
---------------*/
/* delete these when finished changing all page
	references from id to class above 
div#byitem ul.vert {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 10pt;
	}
div#byitem ul.vert li {
	padding: 0px 0px 5px;
	margin: 0px;
	height: 15px;
	font-size: 10pt;
	}
div#byitem ul.vert li.odd {
	background-color: #eee;
	font-size: 10pt;
	}
div#byitem ul.vert li.under {
	background-color: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-left: 10px;
	width: 590px;
	font-size: 10pt;
	}
div#byitem ul.horz {
	clear: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 10pt;
	}
div#byitem ul.horz li {
	float: left;
	width: 300px;
	padding: 0 8px 0 0;
	margin: 0;
	font-size: 10pt;
	}
div#byitem ul.horz li.note1{
	float: left;
	width: 80px;
	padding: 0 10px 0 60px;
	margin: 0;
	text-align: right;
	color: #666666;
	font-size: 10pt;
	}
div#byitem ul.horz li.note2{
	float: none;
	width: 340px;
	padding: 0;
	margin: 0;
	text-align: left;
	color: #666666;
	font-size: 10pt;
	}
div#byitem ul.horz li.name {
	width: 200px;
	text-align: left;
	padding-left: 10px;
	font-size: 10pt;
	}
div#byitem ul.horz li.desc {
	width: 350px;
	font-size: 10pt;
	}

/* end of change id to class for byitem */


/* TRANSMENU SECTION */

#menu {
	background: #d5d0b0;
	border-bottom:1px solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	list-style-type: none;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 30px;
	margin-top: 5px;
	font-size: 80%;
    }

#menu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding:4px 5px;
	text-decoration:none;
	color: #000000;
	}

#menu a.hover {
	text-decoration:none;
	background: #e7e7dc;
	color: #000000;
	font-size: 80%;
    } 
.hr_short {
	color: #666666;
}

