body, #foot { background:#8f9398 url(../images/bg_main.png) top center repeat-y; }
body { color:black; margin:0 25px 70px; text-align:center; }
body, td, input, textarea, select { font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size:12px; }

ul { list-style-type:square; }
p, ul, ol, dl.news dd.full p { margin-top:0px; margin-bottom:20px; }

h1 { color:white; font-size:22px; margin:20px 0; }
h2.h1 { margin:-15px 0 20px 42px; font-size:18px; }

a { color:black; }
a:hover { text-decoration:none; }
form { margin:0px; }
form.form { width:365px; }
form b.title { display:block; height:16px; line-height:16px; }
input.form, textarea.form, div.input input { border:0; }
input.form, textarea.form, div.input { float:right; width:184px; }
div.input img { vertical-align:middle; }
form b.title, input.form, textarea.form { margin-bottom:6px; }

div.form { padding:20px 24px; }

div.but_r, a.but_r { color:white; font-weight:bold; font-size:11px; display:inline-block; text-decoration:none; }
div.but_r, a.but_r, div.but_r div, a.but_r div { height:21px; line-height:21px; background:url(../images/sprite_buttons.png) no-repeat 0 -465px; cursor:pointer; _display:inline; }
div.but_r div, a.but_r div { background-position:100% -465px; position:relative; left:4px; padding:0 14px 0 10px; }
div.but_r:hover, a.but_r:hover { background-position:0 -434px; }
div.but_r:hover div, a.but_r:hover div { background-position:100% -434px; }

form div.but_r { margin-left:181px; }
#pres { margin-top:-42px; margin-left:579px; position:absolute; }

.clr { clear:both; }

.verdana, ul.models, div.navigation, #submenu, a.close, #title, #title2, h1, h2, ul.l4, #slider, button, form b.title, div.models, #modelslist { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; }
.arial, div.footsub a.tv, ul.audi_teaser_area h2 { font-family:Arial, Helvetica, sans-serif }

div.but a, div.but span { _height:25px; line-height:25px; margin:0 12px; padding:0 3px; text-decoration:none; font-size:12px; color:#cacaca; }
div.but a:hover { text-decoration:underline; }
div.but b, div.but i { background:url(); width:12px; height:25px; }
div.but i { background:url(); }
div.but a, div.but span { _margin-top:-25px; }

#main { display:inline-block; text-align:left; }
#main, #foot { width:971px; }

img.logo { float:right; margin:24px 12px 19px; width:218px; height:27px; border:0; }
img.aslogo { float:left; border:0; width:114px; height:70px; }

div.navigation { height:36px; line-height:34px; background:url(../images/bg_navigation_main.png) no-repeat; clear:both; vertical-align:middle; padding:0 10px 0 2px; margin-bottom:9px; }
img.share { width:19px; height:17px; float:right; margin:9px 0 0 8px; cursor:pointer; }
div.navigation input { float:right; margin-top:8px; }
input.audi_livesearch_input { height:20px; border:none; padding:3px 6px 4px; font-size:10px; background:url(../images/bg_input_search.png) no-repeat; _background-attachment:expression(isIE>7?'scroll':'fixed'); width:147px; margin-left:10px; outline:none; }
div.navigation form { background:url(../images/bg_search_separator.png) no-repeat 0 1px; height:100%; float:right; display:inline-block; width:175px; }

div.navigation a { margin-right:15px; }
div.navigation a, div.footsub a { color:white; text-decoration:none; font-weight:bold; font-size:12px; }
div.navigation a.cur, div.navigation a:hover, div.footsub a:hover, div.footsub a.cur, div.copy a:hover, div.copy a.cur, #submenu li a:hover { color:#d5d5d5; }

div.navigation ul a { margin:0; padding:7px 10px 9px; _padding:0 10px; _height:32px; _line-height:30px; _margin-top:2px; }
div.navigation ul li.startovaya a { background:none!important; }
div.navigation ul li.startovaya a:hover { color:#d5d5d5!important; }
div.navigation ul li.Active_ a, div.navigation ul li.Active_ a:hover, #overview li.Active_ a { background-color:#b4b7bd; color:white; }
div.navigation ul ul ul { display:none!important; }
div.navigation ul ul { line-height:normal; top:105px; padding:0 10px 10px; _padding-top:10px; background:url(../images/bg_navi_sub_pulldown.png) no-repeat 0 bottom; display:block; width:173px; _width:193px; line-height:15px; position:absolute; display:none; }
div.navigation ul li.Active_ ul a { color:black; _height:auto; _line-height:normal; font-size:11px; font-weight:normal; display:block; background:url(../images/link_arrows.png) no-repeat -30px 13px; padding:7px 0 8px 11px; margin:0; border-top:1px dotted #D2D4D7; }
div.navigation ul li.Active_ ul a:hover { color:white; }
div.navigation ul ul li { display:block;  }
div.navigation ul ul li:first-child a { border-top:0; }
div.navigation ul ul li.cur a { color:white; }
div.navigation ul ul li.last { display:none; }

div.navigation ul li.modelnyy_ryad ul, #overview ul { padding:9px 20px; background:url(../images/bg_model_full_pulldown.png) no-repeat 50% bottom; width:931px; _width:971px; }
div.navigation ul li.modelnyy_ryad ul ul { background:none; }

div.navigation ul li.modelnyy_ryad li { padding:0; margin:0; width:186px; height:193px; float:left; background:url(../images/models.background_sprite.gif) no-repeat; }
div.navigation ul li.modelnyy_ryad li.a1 { background-position:87px 0; }
div.navigation ul li.modelnyy_ryad li.a3 { background-position:-83px 0; }
div.navigation ul li.modelnyy_ryad li.a4 { background-position:-263px 0; }
div.navigation ul li.modelnyy_ryad li.a5 { background-position:-443px 0; }
div.navigation ul li.modelnyy_ryad li.a6 { background-position:-623px 0; }
div.navigation ul li.modelnyy_ryad li.a8 { background-position:-803px 0; }
div.navigation ul li.modelnyy_ryad li.q5 { background-position:-983px 0; }
div.navigation ul li.modelnyy_ryad li.q7 { background-position:-1163px 0; }
div.navigation ul li.modelnyy_ryad li.TT { background-position:-1343px 0; }
div.navigation ul li.modelnyy_ryad li.R8 { background-position:-1523px 0; }
div.navigation ul li.modelnyy_ryad li a { border:0; margin:15px 0 0; cursor:default; padding:0; line-height:normal; display:block; height:66px; color:#b4b7bd; background:url(../images/models.image_sprite.gif) no-repeat;}
div.navigation ul li.modelnyy_ryad li a:hover { color:#b4b7bd; background-color:transparent; }

div.navigation ul li.modelnyy_ryad ul ul, #overview ul ul { display:block!important; position:static!important; height:auto; width:auto; padding:0; margin:0; list-style-type:none; }
div.navigation ul li.modelnyy_ryad ul ul li, #overview ul ul li { width:auto; display:block; height:auto; float:none; background:none; }
div.navigation ul li.modelnyy_ryad ul ul li a, #overview ul ul a { color:black; padding:0 0 0 11px; margin:0 0 2px; height:auto; background:url(../images/link_arrows.png) no-repeat -30px 5px!important; cursor:pointer; }
div.navigation ul li.modelnyy_ryad ul ul li a:hover { color:white; }

#overview { float:right; }
#overview a { background:url(../images/overview.gif) no-repeat right 50%; padding-right:38px; }
#overview ul { background-image:url(../images/bg_sitemap.png); padding:15px 10px; width:951px; _width:971px; }
#overview ul ul { background:none; width:215px; float:left; margin:0 10px; }
#overview ul ul a { color:black!important; border:0; }
#overview ul ul a:hover { color:white!important; }

img.arrow { margin-right:15px; _margin:13px 15px 0 0; }

div.footsub ul, div.footsub li, div.copy ul, div.copy li, ul.models, ul.models li, ul.models ul, #submenu, #submenu li, #submenu ul, div.navigation ul, div.navigation li { display:inline; padding:0; margin:0; list-style-type:none; }
div.footsub ul a { margin-left:13px; }
li.last, div.footsub li.last, div.copy li.last, ul.models li.last, #submenu li.last { display:none; }

div.footsub { background:url(../images/bg_functions.png) no-repeat; height:23px; line-height:20px; _line-height:21px; }
div.footsub a.tv { float:right; margin-right:13px; }
div.footsub ul a { font-weight:normal; font-size:11px; }
div.copy { font-size:10px; color:white; padding:0 13px; line-height:20px; }
div.copy a { color:white; text-decoration:none; }
div.copy span { float:right; }
div.copy ul a { margin-right:15px; }

#foot { position:fixed; _position:absolute; bottom:0px; _margin-bottom:expression(isIE>7?'0px':'-1px'); padding-top:10px; clear:both; }

ul.audi_teaser_area { width:972px; height:135px; font-size:11px; margin:4px 0 0 0; padding:0; background:url(../images/con_teaser_area_bg.png) no-repeat; }
ul.audi_teaser_area li { display:inline; float:left; width:218px; _width:242px; height:135px; overflow:hidden; margin:0 0 0 1px; padding:6px 12px; position:relative; }
ul.audi_teaser_area h2 { color:white; font-size:13px; margin:0 0 6px 0; width:100%; filter:progid:DXImageTransform.Microsoft.dropShadow( Color=7c7f83,offX=1,offY=1,positive=true); }
ul.audi_teaser_area img { display:block; margin-bottom:6px; border:0; }

a.rarrow, a.rarrow2, ul.l3 a, div.l4 dl.m dt a, li.rarrow a { background:url(../images/link_arrows.png) no-repeat -30px 4px; padding-left:11px; display:block; }
a.rarrow2, ul.l3 a, div.l4 dl.m dt a { background-position:-30px 6px; }

ul.models { font-size:10px; _margin-left:13px; }
ul.models li { line-height:26px; margin-top:31px; float:left; background:url(../images/models.title_sprite.png) no-repeat 0 0; cursor:pointer; }
ul.models li.cur, ul.models li.Active_ { background-image:url(../images/models.title_sprite.high.png); }
ul.models li.n2 { background-position:-41px 0; }
ul.models li.n3 { background-position:-84px 0; }
ul.models li.n4 { background-position:-128px 0; }
ul.models li.n5 { background-position:-172px 0; }
ul.models li.n6 { background-position:-216px 0; }
ul.models li.n7 { background-position:-260px 0; }
ul.models li.n8 { background-position:-304px 0; }
ul.models li.n9 { background-position:-346px 0; }
ul.models li.n10 { background-position:-389px 0; }
ul.models a { width:44px; display:inline-block; text-align:center; text-decoration:none; visibility:hidden; }
ul.models ul { position:absolute; display:none; top:57px; width:145px; background:url(../images/bg_model_pulldown.png) no-repeat 0 0; padding:10px 0 0; }
ul.models ul a { visibility:visible; width:auto; text-align:left; margin:54px 20px 0; background:url(../images/link_arrows.png) no-repeat -30px 3px; padding-left:11px; }
ul.models ul li { background:url(../images/models.image_sprite.gif) no-repeat right bottom; display:block; line-height:normal; height:86px; float:none; margin:0; }
ul.models ul li.cur, ul.models ul li.Active_ { background:#cdcdd3 url(../images/models.image_sprite.gif) no-repeat; }
ul.models ul li.cur a { color:white; }
ul.models ul li.last { display:block; background:url(../images/bg_model_pulldown.png) no-repeat 0 bottom; position:relative; top:10px; height:10px; }

ul.models li li.audi_a1, #modelslist li.audi_a1, div.navigation ul li.modelnyy_ryad li.a1 a { background-position:10px 0; }
ul.models li li.audi_a3, #modelslist li.audi_a3, div.navigation ul li.modelnyy_ryad li.a3 a { background-position:-240px 0; }
ul.models li li.audi_a3_cabriolet, #modelslist li.audi_a3_cabriolet { background-position:-240px -470px; }
ul.models li li.audi_a3_sportback, #modelslist li.audi_a3_sportback { background-position:-240px -235px; }
ul.models li li.audi_s3, #modelslist li.audi_s3 { background-position:-240px -705px; }
ul.models li li.audi_s3_sportback, #modelslist li.audi_s3_sportback { background-position:-240px -940px; }
ul.models li li.audi_a4, #modelslist li.audi_a4, div.navigation ul li.modelnyy_ryad li.a4 a { background-position:-490px 0; }
ul.models li li.audi_a4_avant, #modelslist li.audi_a4_avant { background-position:-490px -235px; }
ul.models li li.audi_a4_allroad_quattro, #modelslist li.audi_a4_allroad_quattro { background-position:-490px -470px; }
ul.models li li.audi_s4, #modelslist li.audi_s4 { background-position:-490px -705px; }
ul.models li li.audi_s4_avant, #modelslist li.audi_s4_avant { background-position:-490px -940px; }
ul.models li li.audi_a5, #modelslist li.audi_a5, ul.models li li.audi_a5_coupe, #modelslist li.audi_a5_coupe, div.navigation ul li.modelnyy_ryad li.a5 a { background-position:-740px 0; }
ul.models li li.audi_s5, #modelslist li.audi_s5, ul.models li li.audi_s5_coupe, #modelslist li.audi_s5_coupe { background-position:-740px -705px; }
ul.models li li.audi_a5_cabriolet, #modelslist li.audi_a5_cabriolet { background-position:-740px -470px; }
ul.models li li.audi_a5_sportback, #modelslist li.audi_a5_sportback { background-position:-740px -235px; }
ul.models li li.audi_s5_cabrio, #modelslist li.audi_s5_cabrio { background-position:-740px -940px; }
ul.models li li.audi_a6_limousine, #modelslist li.audi_a6_limousine, div.navigation ul li.modelnyy_ryad li.a6 a { background-position:-990px 0; }
ul.models li li.audi_a6_avant, #modelslist li.audi_a6_avant { background-position:-990px -235px; }
ul.models li li.audi_s6, #modelslist li.audi_s6 { background-position:-990px -705px; }
ul.models li li.audi_a6_allroad_quattro, #modelslist li.audi_a6_allroad_quattro { background-position:-990px -470px; }
ul.models li li.audi_rs_6_avant, #modelslist li.audi_rs_6_avant { background-position:-990px -1410px; }
ul.models li li.audi_rs_6, #modelslist li.audi_rs_6 { background-position:-990px -1175px; }
ul.models li li.audi_a8, #modelslist li.audi_a8, div.navigation ul li.modelnyy_ryad li.a8 a { background-position:-1240px 0; }
ul.models li li.audi_a8_long, #modelslist li.audi_a8_long { background-position:-1240px -235px; }
ul.models li li.audi_s8, #modelslist li.audi_s8 { background-position:-1240px -470px; }
ul.models li li.audi_q5, #modelslist li.audi_q5, div.navigation ul li.modelnyy_ryad li.q5 a { background-position:-1490px 0; }
ul.models li li.audi_q7, #modelslist li.audi_q7, div.navigation ul li.modelnyy_ryad li.q7 a { background-position:-1740px 0; }
ul.models li li.audi_q7_v12_tdi_quattro, #modelslist li.audi_q7_v12_tdi_quattro { background-position:-1740px -235px; }
ul.models li li.tt_coupe, #modelslist li.tt_coupe, div.navigation ul li.modelnyy_ryad li.tt a { background-position:-1990px 0; }
ul.models li li.tt_roadster, #modelslist li.tt_roadster { background-position:-1990px -235px; }
ul.models li li.tts, #modelslist li.tts, ul.models li li.tts_coupe, #modelslist li.tts_coupe { background-position:-1990px -470px; }
ul.models li li.tts_roadster, #modelslist li.tts_roadster { background-position:-1990px -705px; }
ul.models li li.tt_rs, ul.models li li.tt_rs_coupe, #modelslist li.tt_rs, #modelslist li.tt_rs_coupe { background-position:-1990px -940px; }
ul.models li li.tt_rs_roadster, #modelslist li.tt_rs_roadster { background-position:-1990px -1175px; }

ul.models li li.r8_4_2_fsi_quattro, #modelslist li.r8_4_2_fsi_quattro, div.navigation ul li.modelnyy_ryad li.r8 a { background-position:-2240px 0; }
ul.models li li.r8_5_2_fsi_quattro, #modelslist li.r8_5_2_fsi_quattro { background-position:-2240px -470px; }


#submenu { display:block; width:242px; float:left; font-size:11px; line-height:15px; text-align:left; margin:0 20px 200px 0; }
#submenu li, #submenu ul { margin:0; padding:0; }
#submenu li ul { display:none; }
#submenu li a { background:#6F737A url(../images/nav_pagelevel_distributor_bg.png) no-repeat -242px 0; color:#FFFFFF; display:block; text-decoration:none; padding:6px 12px; }
#submenu li.cur { background:url(../images/nav_pagelevel_distributor_bg.png) no-repeat -726px bottom; display:block; }
#submenu li.cur ul { display:block; margin:3px 0 8px; padding-bottom:2px; }
#submenu li.cur a { background-position:-484px 0; }
#submenu li.cur li:first-child a { background:none; }
#submenu li.cur li { background:none; }
#submenu li.cur li a { background-position:-968px 0; background-color:transparent; }
#submenu li.cur li a.cur { background-position:-1936px 0; }
#submenu li.cur li:first-child a.cur { background:url(../images/nav_pagelevel_distributor_bg.png) no-repeat -2177px 0; }

ul.l3, ul.l3 li, ul.l4, ul.l4 li, dl.m, #modelslist, #modelslist li { padding:0; margin:0; display:block; list-style-type:none; line-height:auto; }
ul.l3 { border-bottom:1px dotted #c9d3dc; margin-bottom:15px; }

ul.l4 { width:100%; font-size:11px; }
ul.l4 li { background:url(../images/sprite_tabs.gif) no-repeat; float:left; margin-right:3px; }
ul.l4 li a { background:url(../images/sprite_tabs.gif) no-repeat 100% 0; line-height:22px; height:22px; display:inline-block; padding:0 18px 0 16px; color:#e1e2e4; text-decoration:none; position:relative; left:2px; }
ul.l4 li:hover { background-position:0 -22px; }
ul.l4 li:hover a { background-position:100% -22px; }
ul.l4 li.cur { background-position:0 -44px; }
ul.l4 li.cur a { background-position:100% -44px; font-weight:bold; color:white; }
ul.l4 li.last { display:none; clear:both; float:none; }

div.t, div.b { line-height:1px; font-size:1px; clear:both; }
div.t i, div.t b, div.b i, div.b b { display:block; width:4px; height:4px; float:left; background:url(../images/10percent_white_edge_sprite.png) no-repeat; }
div.t i, div.b i { margin-right:-3px; }
div.t b, div.b b { float:right; background-position:right 0; margin-left:-3px; _background-image:expression(AltBg()); }
div.t u, div.b u { display:block; height:4px; margin:0 4px; _margin:0; }
div.m, dl.m { _width:100%; }
div.m, dl.m, div.t u, div.b u { background:url(../images/bg_10percent_transparent_white.png); }
div.b i { background-position:0 100%;  _background-image:expression(AltBg()); }
div.b b { background-position:100% 100%; }

div.l4 { clear:both; width:100%; }
div.l4 div.t u { margin-left:0;}
div.l4 div.m, div.l4 dl.m { padding:2px 10px 11px; }
div.l4 dl.m dt a { _width:100%; text-decoration:none; cursor:pointer; }
div.l4 dl.m dt a:hover { color:white; }
div.l4 dl.m dd { margin:0; display:none; }

div.ac { text-align:center; }
div.content { text-align:left; width:704px; _width:744px; padding:40px 20px; background:#a1a5ae; display:inline-block; line-height:18px; }

div.comment { float:right; width:203px; margin:0 0 50px 38px; }
div.comment select { width:100%; }
div.comment b { color:white; font-size:14px; display:block; border-bottom:1px dotted #c9d3dc; width:100%; padding-bottom:2px; margin:8px 0 5px; }
div.comment div { margin-bottom:20px; font-size:11px; line-height:13px; }
div.comment div p { margin-bottom:5px; }

#engine { width:460px; }
#engine dt { background:url(../images/advice_faq_arrow_black.gif) no-repeat 0 12px; padding:5px 15px; }
#engine dt a { text-decoration:none; cursor:pointer; }
#engine dt a:hover { color:white; }
#engine dd  { border-bottom:1px dotted #c9d3dc; margin:0; padding:0; }
#engine dd div { display:none; padding-left:15px; font-size:11px; margin-bottom:15px; }

#modal { width:744px; margin:20px 0; text-align:left; position:relative; cursor:default; }
#overlay { cursor:wait; display:none; overflow:auto; position:fixed; _position:absolute; top:0; left:0; width:100%; _width:expression(document.body.clientWidth); height:100%; z-index:5000; background:url(../images/overlay.png); }
#overlay div.t i, #overlay div.t b, #overlay div.b i, #overlay div.b b { background-image:url(../images/modal_edge_sprite.png); }
#overlay div.m, #overlay div.t u, #overlay div.b u { background:#a0a5ad; }
#overlay div.m { _width:100%; padding:6px 20px 30px; }

a.close { text-decoration:none; font-size:10px; background:url(../images/icon_close_modal_layer.gif) no-repeat 100% 1px; padding-right:19px; }
a.close:hover { color:white; }
#overlay a.close { float:right; margin-right:-9px; }
#title, #title2 { color:white; font-weight:bold; }
#title { font-size:18px; border-bottom:1px dotted #d3d7e0; padding:23px 0 7px; margin-bottom:36px; }
#title2 { font-size:17px; margin-bottom:54px; }

#preview { background:#b3b6bd; padding:0 0 11px 0; }
#preview img { width:704px; height:396px; border:0; }
div.gallery { width:704px; overflow:hidden; margin-bottom:15px; }
#gallery, #gallery li { display:block; white-space:nowrap; padding:0; margin:0; }
#gallery li { display:inline-block; _display:inline; margin-right:2px; background:black; height:51px; }
#gallery img { border:0; width:91px; height:51px; opacity:.70; filter:alpha(opacity=70); }

#slider { display:none; height:35px; line-height:33px; font-size:10px; background:url(../images/bg_gallery_slider.png) no-repeat; _margin-top:-2px; }
#slider div { float:right; display:inline-block; width:60px; text-align:center; }
#slider img { margin:13px 0 0 13px; cursor:w-resize; width:51px; height:8px; }

#finish { display:block; width:704px; height:399px; }
#player { display:block; width:971px; height:399px; }
#showmenu { position:absolute; margin-top:164px; cursor:pointer; }

#slide { display:block; }

div.models { padding:7px 17px 27px; _padding-bottom:2px; color:white; }
div.models strong { display:block; margin-bottom:7px; }
div.models div { float:left; margin:0 11px; width:94px; font-size:11px; }
div.models span { float:left; display:block; background:url(../images/bg_models_slider.png) no-repeat; width:701px; margin-top:6px; }
div.models u { display:block; background:url(../images/bg_models_bg_slider.gif) repeat-x 0 1px; margin:0 1px; }
div.models img { width:51px; height:8px; position:relative; cursor:w-resize; }
#leftslider { left:-1px; }
#rightslider { float:right; left:1px; }

#modelslist li { font-size:10px; line-height:normal; float:left; background:url(../images/models.image_sprite.gif) no-repeat right bottom; width:161px; height:95px; }
#modelslist dl, #modelslist dt, #modelslist dd { padding:0; margin:0; }
#modelslist a { display:block; padding:52px 0 3px 29px; background:url(../images/link_arrows.png) no-repeat -11px 55px; text-decoration:none; }
#modelslist a:hover { color:white; }
#modelslist dd { padding-left:18px; }
div.modelslist { margin-top:11px; }
div.modelslist div.m { min-height:570px; }
div.modelslist div.m, div.modelslist div.t u, div.modelslist div.b u { background:#b5b7bd; }
div.modelslist div.t i, div.modelslist b, div.modelslist i, div.modelslist b { background-image:url(../images/models_edge_sprite.png); }

dl.news dt, dl.news dd { display:block; margin:0; padding:0; }
dl.news dt { clear:both; }
dl.news dt u { color:white; text-decoration:none; }
dl.news dt img { float:left; margin:5px 15px 15px 0; border:0;  }
dl.news dt span img { margin:0; float:none; }
dl.news dd { padding-bottom:25px; _display:inline-block!important; }
dl.news dd p { margin-bottom:5px; }
dl.news a.rarrow2 { display:inline-block; margin-top:5px; }

dl.search dt { font-weight:bold; font-size:14px; }
dl.search dt a { color:#777b83; }
dl.search dt em, dl.search dd em { color:black; font-style:normal; font-weight:bold; }
dl.search dd { padding:0; margin:0 0 15px; }
dl.search dd a { color:#990033; }