html , body {
  height : 100%;
}

body {
  font : 12px Arial, sans-serif;
  background :  url("../img/bkgrnd_b.jpg") repeat ;
  margin : 0;
  padding : 0;
}

h1 , h2 , h3 , h4 {
  margin : 0;
}

p {
  color : #4d4853;
  font-size : 100%;
  margin : 0;
  padding : 0;
}

h1 {
  font-weight : normal;
  font-size : 160%;
  color : #424142;
  line-height : 34px;
}

h2 {
  font-weight : normal;
  font-size : 140%;
  color : #424142;
  line-height : 34px;
}

h3 {
  font-size : 120%;
  font-weight : bold;
  color : #424142;
}

h4 { /* a bold version of p */
  font-size : 112%;
  font-weight : bold;
  color : #424142;
  padding-bottom : 4px;
}


hr {
  height : 1px;
  color : #CCCCCC;
  background-color : #CCCCCC;
  border : 0 solid #CCCCCC;
  border-top-width : thin;
}

#logoLink {
  position : relative;
  width : 290px; 
  height : 88px;
  border : 0;
}


/**************************************/
/************  main layout **************/
/**************************************/


#wrapper {
  padding-top : 10px;
  /*padding-bottom : 10px;*/
  position : relative;
  width : 980px;
  margin : 0 auto;
  
  /*outline : 2px cyan solid;*/  
  /*background-color : #CCCC66;   this is centered */
}

#pageShadow {
  width : 980px;
  padding : 10px 0px 10px 0px;
  background : url("../img/shadow.png")  repeat;

  /*outline : 1px yellow solid;*/
}

/*
   IMPORTANT:
   The AlphaImageLoader filter does not load images relative to css url but relative to the document url.
   As such all image locations for this loader have to be adjusted.
   All styles in this document which use AlphaImageLoader, have their images set in PHP function:
   templates/gbi/funcs.inc::gbi_AlphaImageLoaderCSS()
*/
* html #pageShadow {
  background-image : none;
  filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="../img/shadow.png");
}

#pageWrapper {
  position : relative;
  width : 960px; /* grew from 885px */
  margin : 0 auto; /* center, not in IE5 */
  background-color : #FFFFFF;

  /*outline : 1px magenta solid;*/
}

* html #contentWrapper {
  /*height : 748px;*/ /* we now have JS to adjust height to fill viewport */
  /*margin-bottom : 18px;*/
}

#contentWrapper {
  position : relative;
  display : block;
  width : 960px;
  /*min-height : 572px;*/
  /*min-height: 100%;*/
  background : url("../img/header_low.jpg") top no-repeat;
  overflow : hidden;
  /*padding-bottom : 18px;*/

  /*outline : 2px dashed orange;*/
}

#mainContent {
  position : relative;
  float : left;
  margin-top : 74px;
  left : 18px;
  width : 700px; /* was 654 */
  overflow : hidden;

  /*border : 1px solid red;*/
}

.mainContentTitle {
  position : relative;
  width : 700px;
  padding-bottom : 18px;
}

.paraBoxNarrow {
  position : relative;
  display : block;
  margin-bottom : 19px;
  width : 440px;
  height : auto;
}

.paraBoxMedium {
  position : relative;
  display : block;
  margin-bottom : 19px;
  width : 540px;
  height : auto;
}

#flashContent {
  display : block;
  width : 960px;
  height : 443px;
  text-align : center;
}

#fpContent { /*positioned to absolute btm of contentWrapper */
  position : relative;
  display : block;
  left : 0px;
  bottom : 0px;
  width : 960px;
  min-height : 272px;
  background : url("../img/fp_btm_grad.png") bottom repeat-x;
  overflow : visible;
}

* html #fpContent {
  height : 272px;
}

.leftCol {
  position : relative;
  float : left;
  margin : 80px 14px 10px 18px;
  width : 320px;
  /*height : auto;*/
  border : #CCCCCC 1px solid; /* actual, not debug border */
}

.leftCol h2 {
  padding-left : 12px;
}

.leftCol hr {
  width : 94%;
}

.dealerShowAll {
  position : relative;
  display : block;
  height : auto;
  padding : 0px 12px 0px 12px;
  font-size : 50%;
}

.dealerResults {
  cursor : pointer;
  position : relative;
  display : block;
  height : auto;
  padding : 14px 0px 14px 12px;
}

.dealerResultsOn {
  cursor : pointer;
  position : relative;
  display : block;
  height : auto;
  background-color : #f0f1f8;
  padding : 14px 0px 14px 12px;
}

.dealerResultsCount {
  position : relative;
  display : block;
  height : auto;
  padding : 0px 0px 8px 12px;
  font-weight: bold;
  text-decoration : none;
}

.dealerResultsFrame {
  border : none;
  width : 320px;
  height : 440px; /* originally 430 but bumped it until IE6 would stop cutting off the frame */
}

.dealerResultsFallback {
  display : block;
  position : absolute;
  border : 1px solid black;
  padding : 3ex;
  background-color : #ffffff;
}

.homeIcon { /* changed to class from div */
  position : absolute;
  right : 4px;
  top : 9px;
  width : 28px;
  height : 32px;
  background : url("../img/home_icon.png") no-repeat; /* PNG transparency for IE6 added via funcs.inc::gbi_AlphaImageLoaderCSS() but no worky for this */
  visibility : hidden; /* IMPORTANT: initial state */
}



#gMap {
  position : relative;
  float : left;
  margin : 80px 0px 40px 0px;
  width : 590px;
  height : 550px;
  background-color: #778;
}

.gMapMap { 
  width: 574px;
  height: 534px;
  margin: 7px;
  border: solid white 1px;
}

.titleDropDown {
  display : inline;
  margin-left : 12px;
  font-size : 60%;
  font-weight : normal;
  color : #424142;
}

a.dloadLink , a.dloadLink:visited {
  text-decoration : none;
  color : #7866ff;
  padding : 1px 2px 1px 2px;
}

a.dloadLink:hover {
  color : white;
  background-color : #999999;
}



/**************************************/
/********** header and footer  ************/
/**************************************/

#header {	
  display : block;
  width : 960px;
  height : 124px;
  background : url("../img/header.jpg") top no-repeat;
}

/*positioned to absolute btm of pageWrapper */

.footer {
  display : block;
  margin-top : 6px;
  width : 960px;
  height : 200px;
  background-color : #424142;
}

.prodBkgrnd {
  position : relative;
  float : left;
  width : 210px;
  height : 200px;
  background : url("../img/prod_bkgrnd.png") left repeat-x;
}

#sbmProd {
  position : absolute;
  left : 0;
  bottom : 0;
  width : 210px;
  height : 200px;
  background : url("../img/sbm_prod.png") no-repeat;
  background-position : center center;
}

/*product forums*/

.prodForums {
  position : relative;
  float : left;
  left : 10px;
  width : 440px;
  padding-left : 6px;
  text-align : left;
}

/*product industries - floated next to forums */

.prodIndustry {
  position : relative;
  float : left;
  left : 40px;
  width : 247px;
  height : 200px;
  padding-left : 16px;
  border-left : 1px solid #464645;
  text-align : left;
  /*outline: solid red 1px;*/ /* DEBUG */
}

.threadTitle {
  display : block;
  margin-top : 6px;
  height : 24px;
  color : #8177e2;
  font-size : 120%;
}

.right {
  position : absolute;
  right : 0px;
}

h2.footerTitles , h2.footerTitles  a {
  
  line-height : 26px;
  margin : 0;
  font-weight : normal;
  color : white;
}

.prodForums a:link , .prodIndustry a:link {
  color : white;
}

.footer ul {
  list-style : none;
  margin : 0;
  padding : 0;
  color : white;
}

.threads li {
  height : 18px;
  border-top : 1px dotted #666666;
  line-height : 220%;
  padding-bottom : 8px;	
}

.industry  li {
  height : 19px;
  line-height : 220%;
  padding-bottom : 8px;	
}

.threads a , .industry  a {
  text-decoration : none;
  color : #ffffff;
}

#footerLinks {
  display : block;
  position : relative;
  width : 960px;
  height : 30px;
  background-color : #c1e24d;
  /*background : #c1e24d url(../) top no-repeat;*/
  /* deep purple 3c0072 */
}

#footerLinks ul {
  list-style : none;
  margin : 0 auto;
  padding : 0;
  text-align : center;
}

#footerLinks li {
  display : inline; 	/* float : left ignores the centering attribute above */
  margin : 3px 20px 3px 20px;
}

#footerLinks li a:link , #footerLinks li a:visited {
  color : #424142 ;
  text-decoration : none;
  line-height : 2.5em;
  padding : 3px 3px 2px 3px;
}

#footerLinks li a:hover {
  color : #000;
  padding : 2px 3px 2px 3px;
  background-color : #dddce8;
}

#footerToTop { 
  display : block;
  position : relative;
  padding: 1ex 5ex;
  text-align : right;
  /*background-color : lightblue;*/
}

#footerLink { 
  /*background-color: yellow;*/
}
#footerLink a {
  padding : 3px;
  color : #c1e24d;
}
#footerLink a:hover { 
  color : #ffffff;
  background-color : #c1e24d;
}

#footerSlack { 
  /*background-color: orange;*/
}


/**************************************/
/****************  menus  **************/
/**************************************/

li, a, img, span { 
  border : none;
  border-collapse : collapse;		
  border : 0px; 
}


/**************************************/
/*********** form elements **************/
/**************************************/

select {
  display : inline;
  width : 140px;
}

.dealerDropDowns {
  margin-left : 12px;
}

/**************************************/
/************** top nav  ***************/
/**************************************/

#topBar {
  position : absolute;
  top : 0px;
  left : 570px; /* from 460 */
  width : 168px;
  height : 33px;
}

#topBar ul {
  position : relative;
  width : 168px;
  height : 33px;
  list-style : none;
  margin : 0;
  padding : 0;	
}

#topBar li {
  float : left;
  width : 56px;
  height : 33px;
}

#topBar span {
  display : none;
  position : absolute;
}	

#topBar a {
  display : block;
  text-indent : -900%;
  position : absolute;
  outline : none;
  
  width : 56px;
  height : 33px;
}

#topBar a:hover {
  background-position : left bottom;
}

#topBar a:hover span {
  display : block;

}

#topBar #home {
  background : url("../img/topmenu_home.png") top no-repeat; 
}	

#topBar #home  span{
  background : url("../img/topmenu_home.png") top no-repeat;
}	

#topBar #blog {
  background : url("../img/topmenu_blog.png") top no-repeat;
}	

#topBar #blog span {
  background : url("../img/topmenu_blog.png") top no-repeat;
}	

#topBar #contact {
  background : url("../img/topmenu_contact.png") top no-repeat;
}

#topBar #contact span {
  background : url("../img/topmenu_contact.png") top no-repeat;
}	


/**************************************/
/************** main nav  ***************/
/**************************************/

#navBar {
  display : block;
  width : 960px;
  height : 33px;
}

#navBar ul {
  position : relative;
  list-style : none;
  margin : 0;
  padding : 0;
  width : 960px;
  height : 33px;		
}

#navBar li {
  float : left;
  width : 192px;
  height : 33px;
}

#navBar span {
  display : none;
  position : absolute;  
  width : 192px;
  height : 33px
}

#navBar a {
  display : block;
  text-indent : -900%;
  position : absolute;
  outline : none;
  width : 192px;
  height : 33px
}


#navBar li a:hover span {
  display : block;
  position : relative;
}

#navBar #products {
  background : url("../img/nav_products_off.jpg") top no-repeat;	
}

#navBar #products  span {
  background : url("../img/nav_products_over.jpg") top no-repeat;
}

.products #navBar #products  {
  background : url("../img/nav_products_on.jpg") top no-repeat;	
}

#navBar #support {
  background : url("../img/nav_support_off.jpg") top no-repeat;	
}

#navBar #support span {
  background : url("../img/nav_support_over.jpg") top no-repeat;	
}

.support #navBar #support {
  background : url("../img/nav_support_on.jpg") top no-repeat;	
} 

#navBar #company {
  background : url("../img/nav_company_off.jpg") top no-repeat;	
}

#navBar #company span {
  background : url("../img/nav_company_over.jpg") top no-repeat;	
}

.company #navBar #company{
  background : url("../img/nav_company_on.jpg") top no-repeat;	
}

#navBar #downloads {
  background : url("../img/nav_downloads_off.jpg") top no-repeat;	
}

#navBar #downloads span {
  background : url("../img/nav_downloads_over.jpg") top no-repeat;	
}

.downloads #navBar #downloads {
  background : url("../img/nav_downloads_on.jpg") top no-repeat;	
}

#navBar #dealers {
  background : url("../img/nav_dealers_off.jpg") top no-repeat;	
}

#navBar #dealers span {
  background : url("../img/nav_dealers_over.jpg") top no-repeat;	
}

.dealers #navBar #dealers {
  background : url("../img/nav_dealers_on.jpg") top no-repeat;	
}


/**************************************/
/*********** product panels  *************/
/**************************************/


#fpProducts {
  position : relative;
  top : 20px;
  margin : 0 auto;
  width : 840px;
  height : 166px;
}


#sbmPanel , #smrPanel , #veriPanel {
  position : relative;
  float : left;
  width : 280px;
  height : 166px;
}

#sbmLabel , #smrLabel , #veriLabel {
  position : relative;
  float : left;
  width : 280px;
  height : 28px;
  
}

#sbmPanel  {
  background : url("../img/fp_sbm.jpg") bottom center no-repeat;
}

#smrPanel {
  background : url("../img/fp_smr.jpg") bottom center no-repeat;
}

#veriPanel {
  background : url("../img/fp_veri.jpg") bottom center no-repeat;
}


#sbmLabel {
  background : url("../img/sbm_label.png") 17px 0px no-repeat;

}

#smrLabel {
  background : url("../img/smr_label.png") 17px 0px  no-repeat;
}

#veriLabel {
  background : url("../img/veri_label.png") 17px 0px  no-repeat ;
}


/**************************************/
/************** news ticker  **************/
/**************************************/


#newsTicker {
  position : relative;
  top : 44px;
  margin : 0 auto;
  width : 860px;
  height : 35px;
  background : url("../img/nt_dots.png") left repeat-x;
}


* html #newsTicker  {
  background-image : none;
  filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="../img/nt_dots.png");
}


#ntLeft , #ntCenter , #ntRight {
  position : relative;
  float : left;
}

#ntLeft {
  width : 92px;
  height : 33px;
  background : url("../img/news_bullet.png") right  no-repeat;
}

* html #ntLeft  {
  background-image : none;
  filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="../img/news_bullet.png");
}

#ntCenter {	
  width : 735px;
  height : 33px;
  background : url("../img/nt_bkgrnd.png") repeat-x;
}

* html #ntCenter  {  
  background-image : none;
  filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="../img/nt_bkgrnd.png");
}

#ntRight {
  width : 33px;
  height : 33px;
  background : url("../img/nt_rightbit.png") left no-repeat;
}			

* html #ntRight   {
  background-image : none;
  filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="../img/nt_rightbit.png");
}

#newsStories {
  text-align : left;
  line-height : 34px;
  color : #333333;
  font-size : 100%;
}



#headerNav {
  position : relative;
  left : 1px;
  width : 200px;
  height : 17px;
}

.headerLinks , a.headerLinks:link  , a.headerLinks:visited {
  color : #ffffff;
  font-size : 9px;
  margin : 0px;	
}

a.headerLinks:hover {
  color : #333333;
  background-image : url("../img/glblnav_selected.gif");
  background-position : center center;
  text-decoration : none;
}

.headerLinksmid , a.headerLinksmid:link  , a.headerLinksmid:visited {
  color : #ffffff;
  font-size : 9px;
  margin : 0px;
  border-right : 1px solid #9AB9D0;
  border-left : 1px solid #9AB9D0;
}

a.headerLinksmid:hover {
  color : #333333;
  background-image : url("../img/glblnav_selected.gif");
  background-position : center center;
  text-decoration : none;  
}