/*XXXXXXXXXX Generic page styling rules XXXXXXXXXX*/
		
ul, li { padding: 0; margin: 0; list-style: none;}

/*XXXXXXXXXXXX Primary top nav rules XXXXXXXXXXX*/
#navContainer li, #franchiseNav li{position:relative;cursor:pointer;cursor:hand;}

#navContainer .nav {
	position: relative;
	background: #def;
	font-size:12px;
	text-align:center;
	line-height:44px;
	float:left;
	cursor:pointer;
	cursor:hand;
}

#navContainer .nav .button{width:102px;float:left;cursor:pointer;cursor:hand;}

.button2{width:100px;}

/*
.parent {position: relative;}  SCREWS UP IE7
 this parent div does not provide "sticky hovering", but instead fixes a 
strange bug in Op7. When an element serves as a hovered popup "parent" element, 
that element must not also be floated or all heck breaks loose in Opera 7. 
To prevent this, we have floated the top level list items, while nesting 
hoverable parent divs inside that are then hovered to generate the dropdowns. 
Thus the ugly (but interesting) Op7 bug is defeated. */

/*XXXXXXXXXXXX Primary dropdown/flyout rules XXXXXXXXXXX*/

#navContainer .nav .button .parent .dropdown { /* rules for dropdown div */
    margin-left:2px;
	width: 120px;
	position: absolute;		
	left: -3000px;
	top: auto; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */	
	cursor:pointer;
	cursor:hand;
	}

#navContainer .nav .button .parent .dropdown ul { 
  width: 102px; /* tweaked so that dropdowns appear to "line up" with top links */
  margin: -11px 30px 30px 30px; /* creates "sticky hovering" zones for dropdowns */
  cursor:pointer;
  cursor:hand;
} /* borders sides and top of the dropdowns and flyouts; links provide the bottom border */

#navContainer .nav li, #franchiseNav .nav4 li, #franchiseNav .nav5 li {text-align: center;cursor:pointer;cursor:hand;}

#navContainer .nav a, #franchiseNav .nav4 a, #franchiseNav .nav5 a {
	display: block;
	color: #666666;
	width:102px;
	background-color:#cdced0;
	text-decoration: none;
	padding: 6px 0 5px;
	background-image: url(/images/nav/navLeft.jpg);
	background-repeat: no-repeat;
	cursor:pointer;
	cursor:hand;
}
#navContainer .nav a:hover, #franchiseNav .nav4 a:hover, #franchiseNav .nav5 a:hover {
  	display: block;
  	color: #fff;
	width:102px;
	background-color:#b7b8ba;
	text-decoration: none;
	padding: 6px 0 5px;
	background-image: url(/images/nav/navLeftRoll.jpg);
	background-repeat: no-repeat;
	cursor:pointer;
	cursor:hand;
}
	
#navContainer .nav ul ul a {
  color: #666666;
  background-color:#e6e6e6;
  background-image:none;
  width:102px;
  padding:0;
  margin:0;
  cursor:pointer;
  cursor:hand;
  filter: alpha(opacity=90);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  -moz-opacity: 0.90;
  opacity:0.90;
  }
  
#navContainer .nav ul ul a:hover {
  color: #fff;
  background-image:none;
  background-color:#a2a4a6;
  padding:0;
  margin:0;
  cursor:pointer;
  cursor:hand;
  }
  
#navContainer .nav .button .parent .dropdown a.brochure{color:#fa1d20;cursor:pointer;cursor:hand;}
#navContainer .nav .button .parent .dropdown a.brochure:hover{color:#007034;cursor:pointer;cursor:hand;}
	
#navContainer .nav .button .parent .dropdown li {
  position: relative; 
  vertical-align: bottom; /* IE5/win bugfix */
  cursor:pointer;
  cursor:hand;
  }
				
#navContainer .nav .button .parent:hover {background-image: url(images/bgfix.gif);cursor:pointer;cursor:hand;} 
/* this hover calls a transparent GIF only to defeat the IE failed hover bug. Any 
background change on hovering div.parent will make IE obey and display the dropdown.
While the call itself will fix the bug, make sure you actually call a real image 
file so that your site error logs will not fill with failed image calls. */
				
#navContainer .nav .button .parent:hover div.dropdown {left: -31px;} /* hover rule for dropdowns */ 
/* extra pixel makes dropdowns "line up" with top links */ 

#navContainer .nav .button .parent .dropdown li:hover div { /* hover rule for flyouts */
	left: 180px; /* this value controls the amount of flyout "overlap" */
	top: -26px; /* this value controls the amount of flyout vertical offset */
	cursor:pointer;
	cursor:hand;
	}

#navContainer .nav .button .parent .dropdown li:hover {background: #235;cursor:pointer;cursor:hand;} /* hover color effect on dropdown links */

#navContainer .nav .button .parent .dropdown div li:hover {background: #ff7;cursor:pointer;cursor:hand;} /* hover color effect on flyout links */


/*XXXXXXXXXXXX Primary bottom nav rules XXXXXXXXXXX*/
#bottomNavContainer{height:33px;}

#bottomNavContainer .nav, #bottomNavContainer .nav2, #bottomNavContainer .nav3 {
	position: relative;
	background: #def;
	font-size:12px;
	text-align:center;
	line-height:33px;
	float:left;
	cursor:pointer;
	cursor:hand;
}

#bottomNavContainer .nav .button, #bottomNavContainer .nav2 .button, #bottomNavContainer .nav3 .button {width:102px;float: left;}

#bottomNavContainer .nav li, #bottomNavContainer .nav2 li, #bottomNavContainer .nav3 li {text-align: center;}

#bottomNavContainer .nav a, #bottomNavContainer .nav2 a, #bottomNavContainer .nav3 a {
	display: block;
	color: #666666;
	background-color:cccccc;
	text-decoration: none;
	padding-top:2px;
	margin-bottom:-2px;
	*padding-top:1px;
	*margin-bottom:-1px;
	background-image: url(/images/nav/navBottomLeft.jpg);
	background-repeat: no-repeat;
	cursor:pointer;
	cursor:hand;
}

#bottomNavContainer .nav a:hover, #bottomNavContainer .nav2 a:hover, #bottomNavContainer .nav3 a:hover {
  	display: block;
  	color: #fff;
	background-color:#000;
	text-decoration: none;
	padding-top:2px;
	margin-bottom:-2px;
	*padding-top:1px;
	*margin-bottom:-1px;
	background-image: url(/images/nav/navBottomLeftRoll.jpg);
	background-repeat: no-repeat;
	cursor:pointer;
	cursor:hand;
}
	
	
/* Wider Button On Right */
#bottomNavContainer .nav2 .button {width:101px;}
#bottomNavContainer .nav2 a {background-image: url(/images/nav/navBottomRight.jpg);}
#bottomNavContainer .nav2 a:hover {background-image: url(/images/nav/navBottomRightRoll.jpg);}

/* Mexico Button On Left */
#bottomNavContainer .nav3 a {background-image: url(/images/nav/navBottomMexico.jpg);}
#bottomNavContainer .nav3 a:hover {background-image: url(/images/nav/navBottomMexicoRoll.jpg);}


/* Franchise Nav */
#franchiseNav .nav4 {
	position: relative;
	background-color:#adc5b5;
	font-size:12px;
	text-align:center;
	position:absolute;*position:relative;
	margin:7px 0 0 120px;
	*margin-left:0;
	float:left;
	cursor:pointer;
	cursor:hand;
}
#franchiseNav .nav4 .button {width:116px;float:left;cursor:pointer;cursor:hand;}
#franchiseNav .nav4 a {
	color:#666666;
	width:116px;
	background-color:#adc5b5;
	background-image: url(/images/nav/navFranchise.jpg);
}
#franchiseNav .nav4 a:hover {
  	display: block;
  	color: #fff;
	width:116px;
	background-color:#8ba290;
	text-decoration: none;
	background-image: url(/images/nav/navFranchiseRoll.jpg);
}
#franchiseNav .nav5 {
	position: relative;
	background-color:#adc5b5;
	font-size:12px;
	text-align:center;
	position:absolute;*position:relative;
	margin-top:7px;
	float:left;
	cursor:pointer;
	cursor:hand;
}
#franchiseNav .nav5 .button {width:120px;float:left;cursor:pointer;cursor:hand;}
#franchiseNav .nav5 a {
	color:#666666;
	width:120px;
	background-color:#adc5b5;
	background-image: url(/images/nav/navFranchiseL.jpg);
}
#franchiseNav .nav5 a:hover {
  	display: block;
  	color: #fff;
	width:120px;
	background-color:#8ba290;
	text-decoration: none;
	background-image: url(/images/nav/navFranchiseLRoll.jpg);
}
a.franchilseMargin {line-height:18px;height:16px;*line-height:16px;}

/*XXXXXXXXXXX Special fixes XXXXXXXXXXX*/

/* This is to hide the following from IE/Mac. \*/
* html .button .dropdown li {
height: 1%;
margin-left: -16px;
mar\gin-left: 0;
}
/* */

* html .nav a
 {height: 1%;}

/* The first 2 rules above fix "bullet region" problems in IE5.x/win, 
and the 2nd is to make all links fully clickable. */