body {font: 10px/1.2em Arial, Sans-serif; background:#fff url(/images/divisional/pontiac/bg.jpg) center repeat-y} a {text-decoration:none} #wrap {width:990px; margin:0 auto; } #broadcast {position:relative; overflow:hidden; height:427px} #flashContent {position:absolute;} #other {background:white; 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/pontiac/nav_bar.gif) repeat-x 0 0;margin-top:-5px;} #tab.on {background-position:0px -31px;} #tab.off {background-position:0px 0px;} #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:298px;width:15px;height:10px;background-image:url(/images/divisional/pontiac/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/pontiac/small_arrow.gif);background-position:0 0;background-repeat: no-repeat} /* SORTER STYLIN' */ #veh_sorter {position:absolute; height:187px; bottom:0px; background: white url(/images/divisional/pontiac/bg_scroller.gif) repeat 0 0; color:#333;} /*#veh_sorter #tab {height:27px; background:#940A0A; text-align:center}*/ #veh_sorter #cda {font-size:11px; line-height:2em; margin:4px;color:#999} #veh_sorter #cda a {color:#666} #veh_sorter #cda a:hover {color:red} /* Jellybeans */ table.jtable div, #veh_hcard {position:relative;} table.jtable dl {position:absolute; top:82px; left:0; width:180px; text-align:center; font-weight:bold; color:#999} table.jtable dt {font-size:11px; color:#333} 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:155px; display:none; background:url(/images/divisional/pontiac/hcard_bg.png) no-repeat; _background:url(/images/divisional/pontiac/hcard_bg.gif) no-repeat; padding:3px 8px 8px 8px; _padding-top:3px /*IE hack*/;} #veh_hcard a {color:#333} #veh_hcard a:hover {text-decoration:underline} #veh_hcard ul {position:absolute; top:23px; left:50px; font-size:13px; line-height:1.5em} #veh_hcard ul li {background:transparent url(/images/divisional/pontiac/bullet_hcard.gif) left center no-repeat; padding-left:10px} #veh_hcard dl {position:absolute; top:196px; 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 {margin:13px 0 0 0px; height:24px; width:990px;} #filter dt, #filter dd {display:inline; font-size:13px; font-weight:bold; color:#999;} #filter dt {margin-left:160px; color:#000} #filter a {position:relative; color:#666; padding:5px 4px; -moz-border-radius: 3px;} #filter a.on, #filter a:hover, #filter a.asc, #filter a.dsc {background:transparent url(/images/divisional/pontiac/btn_filter_bg.gif) no-repeat; text-decoration:none; color:#333 } #filter a.asc span, #filter a:hover span {background: transparent url(/images/divisional/pontiac/btn_filter_arrows.gif) no-repeat;} #filter a.dsc span, #filter a.dsc:hover span {background: transparent url(/images/divisional/pontiac/btn_filter_arrows.gif) bottom right no-repeat;} #filter dd.sort a {padding-right:25px} #filter dd.sort a span {position:absolute; top:0; right:0; _right:/*IE hacK*/ ; width:25px; height:24px; text-indent:-2000em; cursor:pointer} /* Offers/Features */ #other {width:988px; height:280px; _height:300px/*IE hacK*/; color:#666; font-size:12px; padding:5px 0 2px 2px} #other #col {float:left} #other #features {float:right} #col {background:white; margin:2px 3px 0 0;} #offers {height:80px; width:241px; } #offers dd {font-size:11px; padding:4px 0} #offers dd input {float:left; width:100px;color:#666;} #offers dd a {float:left; display:block; height:24px; margin:0 10px; background:url(/images/divisional/pontiac/btn_bg_left.gif) left no-repeat; text-decoration:none; color:#fff } #offers dd a:hover {color:white} #offers dd a span {display:block; line-height:14px; padding:5px 9px 5px 20px; background:url(/images/divisional/pontiac/btn_bg_right.gif) right no-repeat; font-weight:bold} #tools {height:196px; width:241px; font-size:13px;} #offers dt, #tools dt {font-weight:bold; padding:7px 15px; color:#666; font-size:14px} #tools a {display:block; font-weight:bold; margin:10px 20px 10px 0; color:#666; background: none;} #tools dd a:hover {color:#A60A0A;background:none;} #col dd {margin-left:15px} #feattabs {position:relative; top:1px; z-index:100; background-color:#ddd;font-size:14px; border-top:1px solid #ddd;border-bottom:1px solid #ddd;} #feattabs li {display:inline; line-height:29px; padding:6px 20px; margin-left:5px;} #feattabs li.on, #feattabs li.sub {background-color:white; border-top:1px solid white;} #feattabs li a.on {color:#A60A0A} #feattabs li a {color:#666; font-weight:bold; padding-bottom:5px; _padding-bottom:0px} #feattabs li a:hover {color:#A60A0A;} #feattabs li.sub {padding:6px; margin-left:0px; border-left: 0px; } #feattabs #first {margin-left:0} #featContent {position:relative; width:740px; height:250px; background:white; z-index:200} #featContent div.content {width:740px;display:none} #featContent div#highlights div.content {display:block} #featContent .disabled, .disabled {color:#ccc!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:#A60A0A; 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:#A60A0A; font-weight:bold; } #featContent .content a.link {background:url(/images/divisional/pontiac/btn_more_left.gif) left no-repeat;line-height:30px; padding:5px 0px 5px 10px } #featContent .content a.link span {background:url(/images/divisional/pontiac/btn_more_right.gif) right no-repeat;padding:15px} #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; opacity:.5} #ft_prev.disabled, #ft_next.disabled {visibility:hidden} #ft_prev {left:10px; background:url(/images/divisional/gmc/big_arrow.gif) 0 0 no-repeat;} #ft_next {right:10px; background:url(/images/divisional/gmc/big_arrow.gif) -72px 0 no-repeat;} #ft_prev:hover {left:10px; background:url(/images/divisional/gmc/big_arrow.gif) -22px 0 no-repeat;} #ft_next:hover {right:10px; background:url(/images/divisional/gmc/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:135px; /* height of scrolling content */ overflow:hidden; } div#scrollbar { position:relative; width:954px; height:18px; /* width = track width + (2 * arrow widths) */ margin-left:18px; display:block; /* 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:20px; background: #e7e7e7 url(/images/divisional/pontiac/scrollbar_bg.gif) repeat-x; } div#dragBar { position:absolute; left:1px; top:1px;margin-top:2px; width:20px; height:14px; background:#999 url(/images/divisional/pontiac/scrollbar_dragbar.gif) 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: 194px; height: 74px; position: absolute;} #divNav #divLogo {width: 194px; height: 41px;} /* width is from divNav divLogo img, height is from divNav */ #divNav #divLogo img { background-image: url(/images/divisional/pontiac/divNavLogo.png); } /* IE fix */ * #divNav #divLogo a,* #divNav #divLogo img { _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/divisional/pontiac/divNavLogo.png", sizingMethod="crop"); } /* main nav */ #divNav {background: url(/images/divisional/pontiac/divNavBkgd.gif) no-repeat #fff;height:41px;} #divNav li {padding:18px 9px 10px 0px;} #divNav li ul li{padding:0px 0px 0px 0px;} #divNav li, #divNav li a {color:#666;font-weight:bold; font-family: Arial; font-size:13px} #divNav2 a:hover, #divNav2 ul ul a:hover{background:transparent;color:#a60a0a;} #divNav2 :hover > a, #divNav2 ul ul :hover > a {background:transparent;color:#a60a0a;} #divNav li ul{left:0px;top:14px;} /* overrides divNav.css */ /* dropdown menus */ #divNav li ul {margin:17px 0px 0px 0px; width:147px;}} #divNav li ul a:hover {color:#a60a0a;height:100%;} #divNav li ul li.firstItem {background-color:#2f2f2f; border-width: 1px;border-style: solid; border-color: #f1f1f1 #ffffff #ffffff #ffffff} #divNav li ul li {background-color:#2f2f2f; border-width: 1px;border-style: solid; border-color: #f1f1f1 #ffffff #ffffff #ffffff} #divNav li ul li,#divNav li ul li:hover, #divNav li ul li#firstItem:hover {background: #2f2f2f url(/images/divisional/pontiac/divSubnavHover.gif) no-repeat center right;height:100%; } #divNav li ul a {color:#666; padding: 7px 0 7px 14px;width:131px;} /*FOOTER STYLES*/ div#footer table#footerContent {color:#333 !important;} div#footer table#footerContent td a {color:#333 !important;} 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:14px !important;}