body		{margin: 0px; padding: 0px; background-image: url('bkgd.jpg'); background-position: top left; background-repeat: repeat-x; background-attachment: fixed; background-color: #fff;}

#container	{position: relative; top: 0px; left: 0px; width: 980px; margin-left: auto; margin-right: auto; height: auto; min-height: 100%; overflow: visible;}

p {margin-top: 0px; margin-bottom: 0px;}

.contentpaneback {padding-top:20px;}

.linkhead 	{font: 10px/12px Tahoma, Arial, Helvetica; color: #F4E142; letter-spacing: 1px;}
.locate 	{font: bold 10px/12px Tahoma, Arial, Helvetica; color: #000;}
.subnav 	{font: bold 12px/12px Tahoma, Arial, Helvetica; color: #fff;}
.fine 	{font: 9px/11px Tahoma, Arial, Helvetica; color: #000;}

.title 	{font: bold 20px/25px Helvetica, Arial, Verdana; color: #e12522; letter-spacing: 1px; text-transform: uppercase;}
.title1 	{font: bold 25px/25px Helvetica, Arial, Verdana; color: #e12522; letter-spacing: 1px; text-transform: uppercase;}

.tagline 	{font: bold 15px/15px Helvetica, Arial, Verdana; color: #000;}

.sub 	{font: bold 14px/17px Helvetica, Arial, Verdana; color: #e12522; letter-spacing: 1px; text-transform: uppercase;}
.sub1 	{font: bold 17px/17px Helvetica, Arial, Verdana; color: #e12522; letter-spacing: 1px; text-transform: uppercase;}

.crumb 	{font: 10px/12px Verdana, Tahoma, Arial; color: #333;}

.overview {font: 12px/17px Verdana, Tahoma, Arial; color: #000;}

.bodyl	{background-color: #fff; border-style: solid; border-width: 1px 0px 0px 1px; border-color: #333; margin-left: 1px;}
.bodyr	{background-color: #fff; border-style: solid; border-width: 1px 1px 0px 0px; border-color: #333;}
.body 	{font: 11px/15px Verdana, Tahoma, Arial; color: #000; background-color: #fff;}

.tables 	{font: 11px/15px Verdana, Tahoma, Arial;}

.test 	{font: italic 11px/15px Verdana, Tahoma, Arial; color: #000;}
.foot 	{font: 9px/12px Verdana, Tahoma, Arial; color: #333;}

.feature 	{font: bold 12px/15px Verdana, Tahoma, Arial; color: #000; text-transform: uppercase;}
.benefit 	{font: 10px/12px Verdana, Tahoma, Arial; color: #e12522;}

A:link    {color: #333; text-decoration: underline;}
A:visited {color: #999; text-decoration: underline;}
A:active  {color: #333; text-decoration: underline;}
A:hover   {color: #e12522; text-decoration: underline;}

A.header:link		{color: #fff; text-decoration: none;}
A.header:visited 	{color: #fff; text-decoration: none;}
A.header:active  	{color: #fff; text-decoration: none;}
A.header:hover   	{color: #F4E142; text-decoration: underline;}

A.subbar:link    	{color: #fff; text-decoration: none;}
A.subbar:visited 	{color: #e3e3e3; text-decoration: none;}
A.subbar:active  	{color: #fff; text-decoration: none;}
A.subbar:hover   	{color: #e12522; text-decoration: none;}

A.pressart:link    	{color: #e12522; text-decoration: underline;}
A.pressart:visited 	{color: #e12522; text-decoration: underline;}
A.pressart:active  	{color: #e12522; text-decoration: underline;}
A.pressart:hover   	{color: #333; text-decoration: underline;}

img.greybord	{border-color: #333;}

.lowText, a.lowText:link, a.lowText:visited, a.lowText:active, a.lowText:focus {color: #fff; font: 10px/18px Verdana, sans-serif; text-align: left; text-decoration: none; text-transform: uppercase; margin-left: 11px;}
.highText, a.highText:link, a.highText:visited, a.highText:active, a.highText:focus {color: #ff0; font: 10px/18px Verdana, sans-serif; text-align: left; text-decoration: none; text-transform: uppercase; margin-left: 11px;}

.bigcap 	{font-size: 13px;}

.itemBorder 		{border: 1px solid #772F29;}
.itemBorderBlank 	{border: 1px solid #772F29;}

#header-bg {position: relative; left: 0px; top: 0px; width: 980px; height: 114px; margin-left: auto; margin-right: auto; z-index: 0; background-color:#000000;} 

#head-links {position: relative; left: 0px; top: -115px; width: 960px; height:23px; margin-left: auto; margin-right: auto; z-index: 2; text-align:right;}

#whykangaroo {position: relative; left: 445px; top: -124px; width: 100%; height: 60px; margin-left: auto; margin-right: auto; overflow: hidden; z-index: 5;}

#main-body {position: absolute; left: 0px; top: 136px; margin-top: -16px; width: 100%; margin-left: auto; margin-right: auto; z-index: 1;}

#content {position: absolute; left: 154px; top: 0px; margin: 0px; padding:0px; width: 825px; z-index: 1; border-top:#333 solid 1px; background-color:#FFFFFF}

#backcontent {position: absolute; left: 154px; top: 0px; margin: 0px; padding:5px 0px 0px 0px; width: 825px; z-index: 1; border:#333 solid 1px; background-color:#FFFFFF}

#homecontent {margin:22px 22px 0px 23px; font: 10px/14px Verdana, sans-serif;}
* html #homecontent {margin:26px 22px 22px 26px; font: 10px/14px Verdana, sans-serif;}

#locate-distributor {position: absolute; left: 316px; top: 98px; width: 500px; height:25; margin: 0px; padding:0px; z-index: 222;}

.whatsnew {margin: 0px 0px 0px 16px; padding:0px; line-height:12px; font-size:10px;}

.wn-header { font: 11px/16px Verdana, sans-serif; font-weight:bold;}

#listMenuRoot 	{position: relative; top: 0px; left: 0px; width: 154px; margin: 0px; padding: 0px;}
#listMenuRoot li 	{position: relative; margin: 0px; padding: 0px; list-style: none;}
#listMenuRoot li, #listMenuRoot a 	{display: block; margin: 0px; padding: 0px; text-decoration: none;} 
#navline {background: url(nav/nav-topline.gif); background-repeat:no-repeat; line-height:1px; left: 0px; top: 0px; width: 154px; height: 1px;}
#products 		{background: url(nav/nav-products.gif); left: 0px; top: 1px; width: 154px; height: 25px;}
#products a:hover 	{background: url(nav/nav-products.gif) 0 -25px no-repeat;}
#navdiv1 {background: url(nav/nav-divider.gif); background-repeat:no-repeat; line-height:3px; left: 0px; top: 0px; width: 154px; height: 3px;}
#whatsnew 		{background: url(nav/nav-whatsnew.gif); left: 0px; top: 0px; width: 154px; height: 21px;}
#whatsnew a:hover 	{background: url(nav/nav-whatsnew.gif) 0 -21px no-repeat;}
#navdiv2 {background: url(nav/nav-divider.gif); background-repeat:no-repeat; line-height:3px; left: 0px; top: 0px; width: 154px; height: 3px;}
#markets 		{background: url(nav/nav-markets.gif); left: 0px; top: 0px; width: 154px; height: 21px;}
#markets a:hover 	{background: url(nav/nav-markets.gif) 0 -21px no-repeat;}
#navdiv3 {background: url(nav/nav-divider.gif); background-repeat:no-repeat; line-height:3px; left: 0px; top: 0px; width: 154px; height: 3px;}
#literature 		{background: url(nav/nav-literature.gif); left: 0px; top: 0px; width: 154px; height: 21px;}
#literature a:hover 	{background: url(nav/nav-literature.gif) 0 -21px no-repeat;}
#navdiv4 {background: url(nav/nav-divider.gif); background-repeat:no-repeat; line-height:3px; left: 0px; top: 0px; width: 154px; height: 3px;}
#kangaroo 		{background: url(nav/nav-kangaroo.gif); left: 0px; top: 0px; width: 154px; height: 21px;}
#kangaroo a:hover 	{background: url(nav/nav-kangaroo.gif) 0 -21px no-repeat;}
#navdiv5 {background: url(nav/nav-divider.gif); background-repeat:no-repeat; line-height:3px; left: 0px; top: 0px; width: 154px; height: 3px;}
#mailing 		{background: url(nav/nav-mailing.gif); left: 0px; top: 0px; width: 154px; height: 21px;}
#mailing a:hover 	{background: url(nav/nav-mailing.gif) 0 -21px no-repeat;}
#usergroups {background: url(nav/nav-usergroups.gif); left: 0px; top: 0px; width: 154px; height: 30px;}
#owners 		{background: url(nav/nav-owners.gif); left: 0px; top: 0px; width: 154px; height: 21px;}
#owners a:hover 	{background: url(nav/nav-owners.gif) 0 -21px no-repeat;}
#navdiv6 {background: url(nav/nav-divider.gif); background-repeat:no-repeat; line-height:3px; left: 0px; top: 0px; width: 154px; height: 3px;}
#fleet 		{background: url(nav/nav-fleet.gif); left: 0px; top: 0px; width: 154px; height: 21px;}
#fleet a:hover 	{background: url(nav/nav-fleet.gif) 0 -21px no-repeat;}
#navdiv7 {background: url(nav/nav-divider.gif); background-repeat:no-repeat; line-height:3px; left: 0px; top: 0px; width: 154px; height: 3px;}
#leasing 		{background: url(nav/nav-leasing.gif); left: 0px; top: 0px; width: 154px; height: 21px;}
#leasing a:hover 	{background: url(nav/nav-leasing.gif) 0 -21px no-repeat;}
#navdiv8 {background: url(nav/nav-divider.gif); background-repeat:no-repeat; line-height:3px; left: 0px; top: 0px; width: 154px; height: 3px;}
#dealer 		{background: url(nav/nav-dealer.gif); left: 0px; top: 0px; width: 154px; height: 21px;}
#dealer a:hover 	{background: url(nav/nav-dealer.gif) 0 -21px no-repeat;}
#navdiv9 {background: url(nav/nav-divider.gif); background-repeat:no-repeat; line-height:3px; left: 0px; top: 0px; width: 154px; height: 3px;}
#distributor 		{background: url(nav/nav-distributor.gif); left: 0px; top: 0px; width: 154px; height: 21px;}
#distributor a:hover 	{background: url(nav/nav-distributor.gif) 0 -21px no-repeat;}
#navdiv10 {background: url(nav/nav-divider.gif); background-repeat:no-repeat; line-height:3px; left: 0px; top: 0px; width: 154px; height: 3px;}
#employees 		{background: url(nav/nav-employees.gif); left: 0px; top: 0px; width: 154px; height: 21px;}
#employees a:hover 	{background: url(nav/nav-employees.gif) 0 -21px no-repeat;}
#separator {background: url(nav/nav-separator.gif); background-repeat:no-repeat; line-height:10px; left: 0px; top: 0px; width: 154px; height: 10px;}
#wouldyoulike {background: url(nav/nav-wouldyoulike.gif); background-repeat:no-repeat; line-height:60px; left: 0px; top: 0px; width: 154px; height: 60px;}

#applybox 	{position: relative; top: 0px; left: 0px; width: 154px; height: 60px; margin: 0px; padding: 0px;}
#applybox li 	{position: relative; width: 130px; height: 17px; margin: 0px; padding: 0px; list-style: none; overflow: hidden;}
#applybox li, #applybox a 	{display: block; width: 130px; height: 17px; margin: 0px; padding: 0px; font: 15px/16px Tahoma, Verdana, sans-serif; text-decoration: none;} 
#applybutton 		{background: url(nav/nav-apply.gif); left: 12px; top: -24px; width: 130px; height: 17px;}
#applybutton a:hover 	{background: url(nav/nav-apply.gif) 0 -17px no-repeat;}
#applybut {position:relative; top:-24px; left:12px;}

#why {background: url(nav/nav-whyreading_new.gif); left: 0px; top: -17px; width: 154px; height: 110px; padding:0px;}
#why a:hover	{background: url(nav/nav-whyreading.gif); left: 0px; top: 0px; width: 154px; height: 110px;}
#whyread {position:relative; top:-17px;}

#why a {
display:block;
font-family:Tahoma,Verdana,sans-serif;
font-size:100px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:110px;
text-decoration:none;
}

#preloads	{position: absolute; top: -50px;}

#kangabox 	{position: relative; top: 0px; left: 422px; width: 90px; height: 60px; margin: 0px; padding: 0px; overflow: hidden;}
#kangabox li 	{position: absolute; top: 0px; left: 0px; width: 90px; height: 60px; margin: 0px; padding: 0px; list-style: none; overflow: hidden;}
#kangabox li, #kangabox a 	{display: block; width: 90px; height: 60px; margin: 0px; padding: 0px; font: 12px/60px Tahoma, Verdana, sans-serif; text-decoration: none;} 
#kangabutton 		{background: url(images/head-kangaroo.gif); left: 0px; top: 0px; width: 90px; height: 60px;}
#kangabutton a:hover 	{background: url(images/head-kangaroo.gif) 0 -60px no-repeat;}

#shempbox 	{position: relative; top: 0px; left: 407px; width: 160px; height: 70px; margin: 0px; padding: 0px; overflow: hidden;}
#shempbox li 	{position: absolute; top: 0px; left: 0px; width: 160px; height: 70px; margin: 0px; padding: 0px; list-style: none; overflow: hidden;}
#shempbox li, #shempbox a 	{display: block; width: 160px; height: 70px; margin: 0px; padding: 0px; font: 12px/60px Tahoma, Verdana, sans-serif; text-decoration: none;} 
#shempbutton 		{background: url(images/head-shemp.gif); left: 0px; top: 0px; width: 160px; height: 70px;}
#shempbutton a:hover 	{background: url(images/head-shemp.gif) 0 -70px no-repeat;}

#whyrdg {background: url(nav/nav-whyrdg.gif); left: 0px; top: 387px; width: 154px; height: 110px;}
#whyrdg a	{font: 100px/110px Tahoma, Verdana, sans-serif; text-decoration: none; display: block;}

.ilist	{margin-top: 0px; margin-bottom: 0px; margin-left: 15px; padding: 0px; font-size: 10px; font-family: Tahoma, Verdana, sans-serif; line-height: 12px;}

a.navpadding {padding:4px 10px 4px 10px; width:190px;}


/* HORIZONTAL FREESTYLE MENU LAYOUT */

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
 z-index: 2;
color: #fff; font: 9px/13px Verdana, sans-serif; text-align: left; text-decoration: none; text-transform: uppercase;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 visibility: hidden;
 position: absolute;
 top: -1px; /* I'm using ems rather than px to allow people to zoom their font */
 left: 154px;
 width: 190px;
 z-index: 2;
}

.menulist ul.small {
 visibility: hidden;
 position: absolute;
 top: -1px; /* I'm using ems rather than px to allow people to zoom their font */
 left: 154px;
 width: 75px;
 z-index: 2;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -1px;
 left: 74px;
 z-index: 2;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 position: relative;
 background: #e12522;
 border: 0px solid #ffffff;
 margin-right: 0px;
 z-index: 2;
}


/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin-right: 0;
 margin-bottom: -1px;
  border: 1px solid #333333;
  border-bottom: 0px;
  background-color: #e12522;
 z-index: 2;
}

.menulist ul>li:last-child {
 margin-bottom: 1px;
 z-index: 2;
 border-bottom: 1px solid #333333;
}

/* Links inside the menu */
.menulist a:link {
 display: block;
 padding: 0px;
 color: #ffffff;
 text-decoration:  none;
  z-index: 2;
  text-align: left;
font: 9px/13px Verdana, sans-serif; text-transform: uppercase;
}

.menulist a:visited {
 display: block;
 padding: 0px;
 color: #ffffff;
 text-decoration:  none;
  z-index: 2;
    text-align: left;
	font: 9px/13px Verdana, sans-serif; text-transform: uppercase;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #ffff00;
  z-index: 2;
    text-align: left;
	    background-color:#e12522;
		font: 9px/13px Verdana, sans-serif; text-transform: uppercase;
}
.menulist  a.highlighted {
 color: #ffff00;
 z-index: 2;
   text-align: left;
	   background-color:#e12522;
	   font: 9px/13px Verdana, sans-serif; text-transform: uppercase;
}

.menulist a:active {
 display: block;
 padding: 0px;
 color: #fff;
 text-decoration:  none;
  z-index: 2;
    text-align: left;
	font: 9px/13px Verdana, sans-serif; text-transform: uppercase;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display:  none;
}
.menulist ul a .subind {
 display:  block;
 float: right;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist  ul li {
 float: left;
 height: 1%;
}
* html .menulist  ul a {
 height: 1%;
}
/* End Hack */

img{border:0px;}

.home_intro
{
	font-family:Tahoma;
	font-size:10px;
	
}
#txtSearch
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	background-color: #ffffff;
	height: 12px;
}
.crumb{text-align:right;}
.FCKLinkGalleryContainer{background-color: white;}