/* content.css */

/* global classes */
.quiet														{ color:#666; }
.pdf														{ padding-right:20px; background:transparent url('../images/icons/pdf.gif') no-repeat right 0; line-height:16px; }

/* buttons */
a.button,a.button span										{ position:relative; float:right; display:block; padding-left:10px; background:#E7E7E7 url('../images/buttons/button.gif') no-repeat 0 -96px; color:#666; cursor:pointer; font-weight:bold; text-decoration:none; }
a.button span												{ float:left; height:32px; padding:0 10px 0 0; background-position:100% -96px; line-height:32px; vertical-align:middle; white-space:nowrap; }
a.button:hover,
a.button:focus												{ background-color:#00a5d4; background-position:0 -128px; }
a.button:hover span,
a.button:focus span											{ background-color:#00a5d4; background-position:100% -128px; color:#fff; }
a.toggle_more, a.toggle_more:visited						{ padding:1px 0 1px 18px; background:url('../images/icons/more.gif') no-repeat 1px 0; }
a.open, a.open:visited										{ background-position:1px -50px; }
a.print, a.print span										{ font-weight:normal; }
a.print span												{ padding-left:18px; }
a.print img													{ position:absolute; top:9px; left:0; }

/* list stock */
.list_stock													{ margin:0; padding:0; list-style:none; }
.list_stock ul												{ margin:0; list-style:none; }
.list_stock li												{ margin-bottom:-1px; position:relative; padding:5px 120px 5px 154px; overflow:hidden; vertical-align:top; }
.list_stock li.hover										{ background:#e8e8e8; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor:pointer; }
.list_stock li li											{ padding:0; }
.list_stock li li.mu										{ height:3em; overflow:hidden; }
.list_stock	h2												{ margin-bottom:.4545em; font-weight:normal; }
.list_stock	h2 a, .list_stock	h2 a:visited				{ text-decoration:none; }
.list_stock	h2 a:hover, 
.list_stock	h2 a:focus,
.list_stock li.hover h2 a, 
.list_stock li.hover h2 a:visited 							{ color:#00a5d4; text-decoration:underline; }
.list_stock	h2 span											{ display:block; font-size:.8125em; line-height:1em; }
.list_stock .image											{ float:left; position:relative; margin:9px 0 9px -137px; }
.list_stock .image span										{ position:absolute; top:-7px; left:-6px; width:124px; height:105%; background:transparent url('../images/backgrounds/mask.gif') no-repeat 0 0; }
.list_stock .image .mask_btm								{ position:absolute; top:auto; bottom:-7px; left:-6px; width:124px; height:100%; background:transparent url('../images/backgrounds/mask_btm.gif') no-repeat 0 bottom; }
.list_stock .hover .image span								{ background-position:-124px 0; }
.list_stock .hover .image .mask_btm							{ background-position:-124px bottom; }
.list_stock .price											{ position:absolute; top:8px; right:12px; width:180px; }
.list_stock .price span,
.list_stock .price del,
.list_stock .price ins										{ display:block; font-size:1.181818em; text-align:right; }
.list_stock .price ins										{ color:#c00; text-decoration:none; }
.list_stock .price span span,
.list_stock .price del span,
.list_stock .price ins span									{ display:inline; font-size:1em; font-weight:bold; }
.list_stock .price ins span									{ font-size:1.2307em; }
.list_stock .button											{ position:absolute; right:6px; bottom:7px; background-position:0 0; color:#fff; }
.list_stock .button span									{ background-position:100% 0; color:#fff; }
.list_stock .hover .button									{ background-position:0 -32px; }
.list_stock .hover .button span								{ background-position:100% -32px; }
.list_stock .button:hover,
.list_stock .button:focus									{ background-position:0 -64px; }
.list_stock .button:hover span,
.list_stock .button:focus span								{ background-position:100% -64px; }

/* list stock homepage */
.page_home .list_stock										{ clear:both; }
.page_home .list_stock li									{ width:186px; min-height:84px; padding:10px 10px 0; float:left; margin:0 2px 10px 0; overflow:visible; }
.page_home .list_stock .image								{ float:none; margin:9px 0; display:block; }
.page_home .list_stock .mask_top,
.page_home .list_stock .mask_btm							{ left:3px; width:180px; background:transparent url('../images/backgrounds/mask_overview.gif') no-repeat 0 0; }
.page_home .list_stock .mask_btm							{ height:100%; background:transparent url('../images/backgrounds/mask_overview_btm.gif') no-repeat 0 100%; }
.page_home .list_stock li:hover .mask_top,
.page_home .list_stock li:hover .mask_btm					{ background:transparent url('../images/backgrounds/mask_overview_mo.gif') no-repeat 0 0 !important; }
.page_home .list_stock li:hover .mask_btm					{ background:transparent url('../images/backgrounds/mask_overview_btm_mo.gif') no-repeat 0 100% !important; }
.page_home .list_stock h2 a, .page_home .list_stock h2 a:visited { display:block; text-align:center; font-size:.687em; }
.page_home .list_stock h2 a:hover,
.page_home .list_stock li.hover a							{ text-decoration:none; }

/* list_stock_detail */
.car_detail													{ position:relative; margin:0; padding:0 11px 0 0; font-size:1.181818em; list-style:none; }
.car_detail .top, 
.car_detail .btm											{ width:649px; height:5px; overflow:hidden; background:transparent no-repeat 0 0; }
.car_detail .top											{ background-image:url('../images/backgrounds/car_detail_top.gif'); }
.car_detail .btm											{ background-image:url('../images/backgrounds/car_detail_btm.gif'); }
.car_detail .images											{ float:left; width:188px; margin:7px 31px 0 0; }
.car_detail .details										{ float:left; width:649px; }
.car_detail .details .body									{ position:relative; overflow:hidden; padding:6px 10px 16px 10px; background:transparent url('../images/backgrounds/car_detail_body.gif') repeat-y 0 0; }
.car_detail h1												{ margin-bottom:10px; font-size:1.2307em; font-weight:normal; line-height:1.375em; }
.car_detail h1 a, .car_detail h1 a:visited					{ text-decoration:none; }
.car_detail h1 a:hover, 
.car_detail h1 a:focus	 									{ color:#00a5d4; text-decoration:underline; }
.car_detail h2												{ font-size:1em; }
.car_detail p												{ margin:0; }
.car_detail .image											{ position:relative; display:block; margin-bottom:2em; cursor:pointer; }
.car_detail .image span										{ position:absolute; top:-7px; left:-6px; width:188px; height:100%; background:transparent url('../images/backgrounds/mask_detail.gif') no-repeat 0 0; cursor:pointer; }
.car_detail .image .mask_btm								{ position:absolute; top:auto; bottom:-7px; left:-6px; width:188px; height:100%; background:transparent url('../images/backgrounds/mask_detail_btm.gif') no-repeat 0 100%; cursor:pointer; }
.car_detail .price											{ position:absolute; bottom:55px; right:10px; width:239px; padding-bottom:5px; background:transparent url('../images/backgrounds/price_btm.gif') no-repeat 0 100%; }
.car_detail .price span,
.car_detail .price del,
.car_detail .price ins										{ display:block; height:35px; overflow:hidden; padding:0 10px; font-size:1.2307em; line-height:41px; text-align:right; }
.car_detail .price ins										{ color:#c00; text-decoration:none; }
.car_detail .price span,
.car_detail .price del										{ background:#f2f2f2 url('../images/backgrounds/price_top.gif') no-repeat 0 0; }
.car_detail .price ins										{ height:30px; overflow:hidden; background:#e7e7e7 url('../images/backgrounds/price_action.gif') no-repeat 0 bottom; }
.car_detail .price span span,
.car_detail .price del span,
.car_detail .price ins span									{ display:inline; background:none; font-size:1.25em; font-weight:bold; }
.car_detail .price ins,
.car_detail .price ins span									{ line-height:33px; }
.car_detail .car_details									{ margin:0 0 1.5em 0; overflow:hidden; list-style:none; }
.car_detail .car_details strong								{ display:block; float:left; width:140px; }
.car_detail .car_details span								{ display:block; float:left; width:240px; }
.car_detail .car_details ul									{ margin-left:155px; list-style:disc; }
.car_detail .list_downloads									{ overflow:hidden; margin:0 0 .5em 0; list-style:none; }
.car_detail .list_downloads a,
.car_detail .list_downloads a:visited						{ float:left; color:#00a5d4; text-decoration:none; }
.car_detail .list_downloads a:hover,
.car_detail .list_downloads a:focus							{ text-decoration:underline; }
.car_detail .quiet											{ font-size:.9230em; }
.details .actions											{ position:absolute; right:0; bottom:0; }
.car_detail a.back											{ position:absolute; top:-41px; left:229px; font-size:.84615em; text-decoration:none; }
.audi .car_detail a.back									{ color:#fff; }
.car_detail a.back:hover,
.car_detail a.back:focus									{ text-decoration:underline; }
.car_detail a.button										{ margin-left:5px; }
.car_detail .body a.button									{ margin-left:18px; }
.car_detail a.button,
.car_detail a.button span									{ color:#666; }
.car_detail a.button										{ background-position:0 -96px; }
.car_detail a.button span									{ background-position:100% -96px; }
.car_detail a.button:hover,
.car_detail a.button:focus									{ background-position:0 -128px; color:#fff; }
.car_detail a.button:hover span,
.car_detail a.button:focus span								{ background-position:100% -128px; color:#fff; }

/* filter */
#filter_header												{ overflow:hidden; padding:10px; border-bottom:1px solid #fff; }
#filter_header h3											{ float:left; margin:0; font-size:1em; }
#filter_header a, #filter_header a:visited					{ float:right; }													
#filter .button												{ background-position:0 -32px; color:#fff; }
#filter .button span										{ background-position:100% -32px; color:#fff; }
#filter .button:hover										{ background-position:0 -64px; }
#filter .button:hover span,
#filter .button:focus,
#filter .button:focus span									{ background-position:100% -64px; }
body.js #filter .actions                                    { display: none;}

#ajax-loader                                                { display: none; position: absolute; top: 200px; left: 50%; width: 300px; margin-left:-296px; padding: 50px; background: #e8e8e8; border: 1px solid #ccc; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align: center;   }
#ajax-loader h2                                             { margin-bottom: .5em; }