html,table,tr,td,form,select,textarea,div
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}


.ntstyle {
  background-color: #ffffff;

}

a, a:visited 
{
	color: #3E6189;
}

a:link
{
	color: #222255;
}

th
{
   background-color: gray;
   background-image: url(/images/agrp_bckgrd.gif);   
   color: white;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
  
}

body
{
   background-image: url('long.jpg');
   margin-left: auto; margin-right: auto;
}

.outerTable
{
   width: 760px;
   background-color: white;
   padding: 0px;
   border-spacing: 0px;
   border: 1px solid gray; 
   border-collapse: collapse;
   margin: auto;
}

.outerTable a 
{
color:#c10000;
}


.headerTable
{
   width: 100%;
   padding: 0px;
   background-color: white;
   border: 0px black;
   border-style: solid;
}

.hdrTitle
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.75em;
  font-variant: small-caps;
  font-stretch: expanded;
  color: white;
}

.tagline {
   font-weight: bold;
   font-style: italic;
   color: black;
}


.searchCell {
   background-color: #3497C9;
   color: white;
}


.navigationDIV {
   color: black;
   background-color: white;
   font-size: 17px;
   vertical-align: top;
   padding-top: 15px; 

}

a.nav_h:active {
   color: #3E6189;
}

a.nav_h:link {
   color: #3E6189;
}

a.nav_h:visited {
   color: #3E6189;
}

a.nav_h:hover {
   color: #3E6189;
}

.spacerDIV {
   padding: 2px;
}

.bodyCol {
   background-color: white;
   border: 0px black solid;
   vertical-align: top;
   padding: 0px;
}

.leftCol {
   background-color:#000;
   width: 153px;
   border: 0px solid;
   border-color: black;
   border-right: 1px solid gray;
   vertical-align: top;
   padding: 0px;
}



h1
{
   font-size: 21px;
   font-weight: bold;
   padding: 2px;
   font-stretch: expanded;
   margin: .1em;
   color: black;
}


h2 {
   font-size: 17px;
   font-weight: bold;
   margin-left:.5em;
   margin-top: .5em;
}


.prevNext {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: black;
}


/* --- Prod -- */
.productTitle {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 17px;
   font-weight: bold;
}

.productSubTitle {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: black;
}

.productDesc {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: black;
}

.productImageCell {
   text-align: center;
   vertical-align: top;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    padding:15px;
}

.productDescCell {
   text-align: left;
   vertical-align: top;
}
/* --- Prod -- */

.prodLst
{
   width: 90%;
   border: 1px dotted #3497C9;
}

/* --- Nav -- */
.navTableHeaderCell {
   background-color: #000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   font-style: italic;
   color: white;
}

.navTDLevel1 {
   border-bottom: 1px dotted black;
}

a.navLevel1, a.navLevel1:visited {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   /* color: white; */
   text-decoration: none;
}

a.navLevel1:hover, a.navLevel1:active {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   /* color: white; */
   text-decoration: underline;
   color: black;
   /* background-color: #3497C9; */ 
}

a.navLevel1Selected, a.navLevel1Selected:visited {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: black;
   font-weight: bold;
   text-decoration: none;
}

a.navLevel1Selected:hover, a.navLevel1Selected:active {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #2B5555;
   font-weight: bold;
   text-decoration: underline;
}

.navTDLevel2 {
   border-bottom: 1px dotted #9EB8B8;
}

.navTDLevel3 {
   border-bottom: 1px dotted #9EB8B8;
}

.navTDLevel4 {
   border-bottom: 1px dotted #9EB8B8;
}
/* --- Nav -- */


/* --- Price -- */
.price {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #30435C;
   font-weight: bold;
}

.price_spec {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #ff0000;
   font-weight: bold;
}

.price_off {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #007170;
   font-weight: bold;
}

#price_clk { color:red;}

/* --- Price -- */


/* --- Detailed Page -- */
.detailPnl {
   width: 100%;
   background-color: white;
   vertical-align: top;
   padding:0px;
}
/* --- Detailed Page -- */



/* --- Front Page Panel -- */
.specHeaderCell {
   background-color: white;
/*   background-image: url(/images/agrp_bckgrd.gif);   */
   font-size: 17px;
   font-weight: bold;
   color: black;
   height: 25px;
}

.specHeaderCellLeft {

}

.specHeaderCellRight {
   
}

.specContentCell {
   background-color: white;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 150%;
   border-style: solid;
   border-color: gray;
   border-width: 0px;
   padding: 3px;
}

.specTable {
 border-style: solid;
 border-color: gray;
 border-width: 1px;
 border-collapse: collapse;
}

/* --- Front Page Panel -- */

/* --- Footer -- */
.footerGray {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   color:#000;
}

a.footerLink, a.footerLink:visited {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #30435C;
   text-decoration: none;
   font-weight: bold;
}

a.footerLink:hover, a.footerLink:active {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #660000;
   text-decoration: underline;
   font-weight: bold;
}
/* --- Footer -- */

.breadcrumb {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}

.specLabel
{
  font-weight: bold;
}

.footerDIV {
   border-top: 1px solid gray;
   background-color: #fff;
   padding: 0px;
   width: 100%;
   position: relative;
}

.pagingLinks {
padding: 10px;
line-height: 2;
}

/****** header css ******/
 
#header{height:105px; width:1024; background-image:url('http://ascendentgroup.com/images/nav/header.jpg')}
 
 
#headerpic{margin-top:13px; margin-left:310px;}
 
#topnav {width:1024px;  font-family:Myriad Pro; background-image:url('http://ascendentgroup.com/images/nav/bg.jpg')}
 
#topnav a{ line-height: 34px; font-size:19px; color:#858585;}
 
#topnav a:hover{color: #9a0002;  }
 
a{border-style: none; color:#fff; text-decoration:none;  }
 
img{border: none;}


/***** vertical menu css *****/
#menu {
width: 13em;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
font: 12px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #777
margin: 0;
padding: 5px 1px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
font-size:16em;
font-weight:bold;
color: #000;
background: #fff;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

#menu ul ul ul,
#menu ul ul li:hover ul ul
{display: none;}

#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul
{display: block;}

<!--[if IE]>
<style type="text/css" media="screen">
 #menu ul li {float: left; width: 100%;}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
} 
#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: 1em/1.4em arial, helvetica, sans-serif;
} 

</style>
<![endif]-->