body {font: 10px/1.2em Arial, Sans-serif; background:#405d95 url(/images/divisional/hummer/bg.gif) center -5px no-repeat }
a {text-decoration:none}
#wrap {width:990px; margin:0 auto; background:transparent}

#broadcast {position:relative; overflow:hidden; height:425px}
#flashContent {position:absolute;}
#other {background:black; float:left}


#tab-cap{position:absolute;top:-10px;height:10px; z-index:1 !important;}
#tab-cap img {width:990px;height:10px;}
#tab{position:relative;width:990px;height:31px;background:transparent url(/images/divisional/hummer/nav_bar.gif) repeat-x 0 0;margin-top:-5px;}
#tab.on {background-position:0 -31px;}
#tab.off {background-position:0 0;}
#tab h3 {width:990px;padding-top:7px;font-size:14px;font-weight:bold;text-align:center;color:#fff;}
#tab-up-left{overflow:hidden;text-indent:-9000px;display:block;position:absolute;top:8px;left:295px;width:15px;height:10px;background-image:url(/images/divisional/hummer/small_arrow.gif);background-position:0 0;background-repeat: no-repeat}
#tab-up-right{overflow:hidden;text-indent:-9000px;display:block;position:absolute;top:8px;left:677px;width:15px;height:10px;background-image:url(/images/divisional/hummer/small_arrow.gif);background-position:0 0;background-repeat: no-repeat}

	
/* SORTER STYLIN' */	
#veh_sorter {position:absolute; height:150px; bottom:0px;  color:#333; z-index:90;background:#282828}
/*#veh_sorter #tab {height:56px; background:transparent;}*/
#veh_sorter #cda {position:absolute; z-index:9; font-size:11px; line-height:1em; margin:4px;color:#ccc; }
#veh_sorter #cda a {color:#fff}
#veh_sorter #cda a:hover {color:#fff}
#veh_sorter #wn {background: #282828 url(/images/divisional/hummer/bg_scroller.jpg) repeat-x}
div#scrollbar {visibility:hidden} /*remove this line if adding more vehicles in the future*/
/* Jellybeans */
table.jtable {margin:0 25px}
table.jtable div, #veh_hcard {position:relative;}
table.jtable dl {position:absolute; top:102px; left:0; width:250px; text-align:center; font-weight:bold; color:#999}
table.jtable dt {display:none}
table.jtable dd {font-size:12px} 
table.jtable td.loading {width:990px; padding-top:40px; text-align:center}
/* Hockey Card */
#veh_hcard {position:absolute; z-index:100; font-weight:bold; top:257px; display:none;  background:#282828; border:1px solid #828282 }
#veh_hcard a {color:#333}
#veh_hcard ul {position:absolute; width:224px; top:75px; left:5px; font-size:13px; line-height:1.3em}
#veh_hcard ul li a {display:block; zoom:1/* IE6 list white-space bug*/; margin:5px 0; color:#fff; background:#3c3c3c; padding:1px 12px}
#veh_hcard ul li a:hover {color:#000; background:#f3950a}
#veh_hcard dl {display:none}/*
position:absolute; top:200px; left:0; width:196px; text-align:center}
#veh_hcard dt {font-size:18px; line-height:1.3em;}
#veh_hcard dd.msrp span {font-size:16px}  */
/* Crunch Image */
#veh_crunch {position:absolute; top:0; display:none;}
/* Filter options */	
#filter {height:28px; display:none}
#filter dt, #filter dd {display:inline; font-size:13px; font-weight:bold; color:#999}
#filter dt {margin-left:30px; color:#333}
#filter a {position:relative; color:#666; padding:6px 10px;  -moz-border-radius: 5px;}
#filter a.on, #filter a:hover, #filter a.asc, #filter a.dsc  {background:transparent url(/images/divisional/hummer/btn_filter_bg.gif) no-repeat; text-decoration:none; color:#fff }
#filter a.asc span, #filter a:hover span {background: transparent url(/images/divisional/hummer/btn_filter_arrows.gif) no-repeat;}
#filter a.dsc span, #filter a.dsc:hover span  {background: transparent url(/images/divisional/hummer/btn_filter_arrows.gif) bottom right no-repeat;}
#filter dd.sort a {padding-right:35px}
#filter dd.sort a span {position:absolute; top:0; right:0; _right:/*IE hacK*/ ; width:25px; height:28px; text-indent:-2000em; cursor:pointer}

/* Offers/Features */
#other {width:990px; height:289px; _height:309px/*IE hacK*/; color:#fff; background:transparent; font-size:12px;padding:15px 0}
#other #features {float:right; }
#other #col {float:left; width:234px; background:#282828; margin:0px 5px 0px 0; border-left:1px solid #828282;border-right:1px solid #828282;border-bottom:1px solid #828282;}
#offers {height:88px; }
#offers dd {font-size:11px; padding:4px 12px;}
#offers dd input {float:left; width:100px;color:#666;}
#offers dd a {float:left; display:block; height:24px; margin:0 10px; background: #3c3c3c url(/images/divisional/hummer/btn_bg_left.gif) 5px no-repeat; text-decoration:none; color:#fff }
#offers dd a:hover {color:#f3950a}
#offers dd a span {display:block; line-height:14px; padding:5px 15px 5px 20px; background: url(/images/spacer.gif) right no-repeat; font-weight:bold}
#tools {height:199px; font-size:13px;}
#offers dt, #tools dt {font-weight:bold; padding:9px 15px; background-color:#505050; border-top:1px solid #828282;border-bottom:1px solid #828282;}
#tools a {display:block; margin:5px 0; color:#fff; background:#3c3c3c; padding:4px 12px}
#tools dd a:hover {color:#000; background:#f3950a}
#col dd {margin:0 3px}

#feattabs {position:relative; top:-1px; z-index:100; background:#505050; border-right:1px solid #828282; border-top:1px solid #828282;border-left:1px solid #828282;}
#feattabs li {display:inline; line-height:33px; padding:9px 20px;border-right:1px solid #828282;}
#feattabs li.on {border-bottom:1px solid #282828; background:#282828}
#feattabs li a.on {color:#f3950A}
#feattabs li a {color:#fff;}
#feattabs li a:hover {color:#f3950A;}
#feattabs li.sub {padding:9px 5px; border-left: 0px}
#feattabs #first {margin-left:0}

#featContent {position:relative; width:740px; height:250px; top:-1px; background:#282828; border:1px solid #828282;}
#featContent div.content {width:740px;  display:none}
#featContent div#highlights div.content {display:block}
#featContent .disabled, .disabled {color:#666!important}

#featContent .content table {margin:0 15px;}
#featContent .content td {padding:25px 18px 10px 18px; vertical-align:top;}
#featContent .content td img {margin-bottom:10px}
#featContent .content td h3, #featContent .content td h4 {color:#f9ab2d; margin: 0 0 10px 0; font-size:18px; }
#featContent .content td h4 {font-size:14px; font-weight:bold}
#featContent .content td p {line-height:1.5em}
#featContent .content a {color:#f9ab2d; font-weight:bold; }
#featContent .content a.link {background:url(/images/divisional/hummer/btn_circ_arrow_right.gif) center right no-repeat; padding:5px 25px 5px 5px }
#featContent .content a.link:hover {text-decoration:underline}

#ft_prev, #ft_next {position:absolute; top:100px; font-size:40px; z-index:100; cursor:pointer; color:#f1f1f1; }
#ft_prev.disabled, #ft_next.disabled {visibility:hidden}

#ft_prev {left:10px; background:url(/images/divisional/hummer/big_arrow.gif) 0 0 no-repeat;}
#ft_next {right:10px; background:url(/images/divisional/hummer/big_arrow.gif) -72px 0 no-repeat;}
#ft_prev:hover {left:10px; background:url(/images/divisional/hummer/big_arrow.gif) -22px 0 no-repeat;}
#ft_next:hover {right:10px; background:url(/images/divisional/hummer/big_arrow.gif) -50px 0 no-repeat;}




/* hide from incapable browsers */
div#scrollbar {display:none;} 
/* below in external file */
div#wn	{
	position:relative; 
    width:990px; height:143px; /* height of scrolling content */
    overflow:hidden;
		top:12px
	}

div#scrollbar { 
    position:relative; 
    width:954px; height:18px; /* width =  track width + (2 * arrow widths) */
	margin-left:18px; 
    display:inline; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
	cursor:pointer;
  }

div#track { 
    position:absolute; left:12px; top:0;
    width:930px; height:18px; 
    background: #e7e7e7 url(/images/divisional/hummer/scrollbar_bg.gif) repeat-x;
  }
div#dragBar {
    position:absolute; left:1px; top:1px;margin-top:1px;
    width:20px; height:14px; 
    background:#F1B310 url(/images/divisional/hummer/scrollbar_dragbar.jpg) top center no-repeat;
  }  
div#left { position:absolute; left:0; top:0; }  
div#right { position:absolute; right:0; top:0;  }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#left, div#right {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    } 

/*** div navigation ***/

/* Logo */
#divNav #divLogo img {width: 206px; height: 50px; position: absolute;}
#divNav #divLogo {width: 206px; height: 50px;} /* width is from divNav divLogo img, height is from divNav */

#divNav.logo_english #divLogo img
{
background-image: url(/images/divisional/hummer/divNavLogo.png);
}
/* IE fix */
* #divNav.logo_english #divLogo a,* #divNav.logo_english #divLogo img
{
_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/divisional/hummer/divNavLogo.png", sizingMethod="crop");
}

#divNav.logo_french #divLogo img
{
background-image: url(/images/divisional/hummer/divNavLogo_fr.png);
}
/* IE fix */
* #divNav.logo_french #divLogo a,* #divNav.logo_french #divLogo img
{
_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/divisional/hummer/divNavLogo_fr.png", sizingMethod="crop");
}

/* main nav */
#divNav {background: url(/images/divisional/hummer/divNavBkgd.gif) repeat-x #405d95;height:50px;}
#divNav li {padding:22px 16px 7px 0px;}
#divNav li ul li{padding:0px 0px 0px 0px;}
#divNav li, #divNav li a {color:#fff;font-weight:bold; font-family: Arial; font-size:12px;}

#divNav2 a:hover, #divNav2 ul ul a:hover{background:transparent;color:#ff9901;}
#divNav2 :hover > a, #divNav2 ul ul :hover > a {background:transparent;color:#ff9901;}

#divNav li ul{left:0px;top:19px;} /* overrides divNav.css */

/* dropdown menus */
#divNav li ul {background-color: #405D95; margin:15px 0px 0px 0px; width:147px;}
#divNav li ul li {padding: 0}
#divNav li ul a {color:#fff; padding: 7px 0px 7px 14px;width:131px;}
#divNav li ul a:hover {color:#ff9933;height:100%;width:131px;}
#divNav li ul li a {border-width: 1px;border-style: solid; border-color: #6784B4;}
#divNav li ul li.firstItem {border-color: #6784B4 #6784B4 #6784B4 #6784B4;}
#divNav li ul li a:hover, #divNav li ul li#firstItem a:hover {background-color: #405D95;height:100%;width:131px;}

/*** END DIV NAVIGATION ***/
/*FOOTER STYLES*/
div#footer table#footerContent {color:#fff !important;}
div#footer table#footerContent td a {color:#fff !important;}
div#footer table#footerContent td#botRow {border-top: 1px solid #778CBB;}
div#footer td, th, tr {vertical-align:top !important;}
div#footer table#footerContent td {font-size:100%;font-weight:500}
form#gsfull input#q {margin-top:12px !important;}