@font-face {font-family: 'Audi Sans Ext';
  src: url('/dealersite/fonts/audi/sans/sans_extended_roman.eot');
  src: local("?"),
    url('/dealersite/fonts/audi/sans/sans_extended_roman.ttf') format('truetype');
}
@font-face {font-family: 'Audi Sans Ext';
  src: url('/dealersite/fonts/audi/sans/sans_extended_bold.eot');
  src: local("?"),
    url('/dealersite/fonts/audi/sans/sans_extended_bold.ttf') format('truetype');
  font-weight: bold;
}

/* common */
body, td, p, ol, ul, li {font: 11px Verdana, Arial, Geneva, Helvetica, sans-serif; color: #000000;}
body {background: #e1e7e7 url(/img/en/bg.jpg) center bottom no-repeat fixed; margin: 0; padding: 0; text-align: center; vertical-align: top;}

h1 {font-family: 'Audi Sans Ext', sans-serif; font-size: 18px; text-align: left; margin: 0 0 30px 0; border-bottom: 1px solid #ccc;}
h2 {font-family: 'Audi Sans Ext', sans-serif; font-size: 16px; text-align: left; margin: 0 0 5px 0; padding: 0;}
h2.first {margin-top: 0;}
h3 {font-size: 14px; text-align: left; margin: 20px 0 0 0; padding: 0;}
h3.first {margin-top: 0;}
div.text {text-align: justify;}
div.text p {margin: 0 0 10px 0; padding: 0;}
div.text p.last {margin-bottom: 0;}
div.introtext {margin-bottom: 30px;}

a:link, a:visited {color: #b00203; text-decoration: none;}
a:hover, a:active, a:focus {color: #7F0F1E; text-decoration: underline;}
a img {border: none;}

.nobr {white-space: nowrap;}

.ctnfloat {overflow: hidden;}
/* common */


table#maintable {width: 100%; height: 100%;}
table#maintable td#banner{background-color: #fff; text-align: center;}

table#content {clear: both; width: 980px; height: 100%; margin: 0 auto;}

td#main {width: 725px; padding: 40px 15px 40px 40px; vertical-align: top; background: url(/img/en/bg_content.png);}
td#main.plan {width: 980px;}
td#contenttd {height: 100%; text-align: center;}

/* banner */
div#header {position: relative; border-top: #000 5px solid; width: 980px; height: 90px; margin: 0 auto;}
div#logo {float: left; width: 295px; padding: 19px 19px 0 19px;}
p#address {float: left; width: 310px; margin: 0; padding: 30px 20px 19px 11px; text-align: left; font-weight: bold; font-size: 12px;}
div.contact {float: left; padding: 4px 11px 5px 40px;}

div#logoTwitter {position: absolute; top: 45px; right: 77px; width: 114px; height: 33px;}
div#logoFacebook {position: absolute; top: 45px; right: 195px; width: 114px; height: 33px;}
div#facebookLike {position: absolute; top: 59px; right: 283px; width: 114px; height: 33px;}
div#cnInfo {position: absolute; top: 47px; right: 15px; width: 61px; height: 23px;}

div#topnav {border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;}


ul#mainnav {width: 980px; margin: 0 auto; padding: 0; list-style: none; list-style-position: outside; list-style-type: none; clear: both; overflow: hidden;}
ul#mainnav li {margin: 0; padding: 0; overflow: hidden; float: left; height: 38px; font-size: 12px;}
ul#mainnav a, ul#mainnav span {font-family: 'Audi Sans Ext', sans-serif; font-weight: bold; padding: 9px 0; /*15px 9px 14px;*/ float: left; text-decoration: none; color: #000; clear: both; height: 20px; line-height: 20px;}
ul#mainnav li.new a, ul#mainnav li.new span {width: 176px;}
ul#mainnav li.used a, ul#mainnav li.used span {width: 176px;}
ul#mainnav li.promos a, ul#mainnav li.promos span {width: 200px;}
ul#mainnav li.service a, ul#mainnav li.service span {width: 90px;}
ul#mainnav li.parts a, ul#mainnav li.parts span {width: 78px;}
ul#mainnav li.cart a, ul#mainnav li.cart span {width: 110px;}
ul#mainnav li.requests a, ul#mainnav li.requests span {width: 140px;}

ul#mainnav a {color: #b00203; border-bottom: 2px solid #b10304; display: block; height: 18px; white-space: nowrap;}
ul#mainnav span {display: none;}
/* banner */


/* home page */
div#homecars {width: 980px; margin: 0 auto;}

div#dealerpic {padding: 0 15px 20px 0; float: left;}
div#hometext {width: 380px; float: left;}
div#hometext p {margin: 8px 0; text-align: justify;}
div#hometext p.first {margin-top: 0;}
div#hometext p.last {margin-bottom: 0;}

div#block1 {float: left; width: 508px;}

div.hometitle {height: 40px; text-align: left;}

div#homepromo {position: relative; text-align: left; width: 460px; background-color: #b4b7be; padding: 15px; border: 9px solid #d2d1d6;}

div#homenews {position: relative; width: 476px; padding: 15px; border: 1px solid #d2d1d6; margin: 16px 0 0 0; text-align: justify;}
div#homenews div#newstitleandpic {float: left; width: 200px; padding: 0 10px; border-right: 8px solid #000; margin-right: 10px;}
div#homenews div#newstitleandpic p {font-family: "Audi Sans Ext"; color: #000; font-size: 14px; margin: 0 0 5px 0; text-align: left;}
div#homenews div#newstitleandpic img {width: 190px;}

div#homenews p.arttile,
div#homepromo p.arttile {font-family: "Audi Sans Ext"; font-weight: bold; text-align: left; margin: 0 0 5px 0; font-size: 12px;}

div#homenews p.arttile a,
div#homepromo p.arttile a {color: #b50200;}

div.newsmore {position: absolute; border: 10px; right: 10px; bottom: -8px;}

div#preowned {float: right; width: 197px;}
div#preowned div#preownedrec {padding: 15px; border: 1px solid #ccc; background-color: #fff;}
div#preowned ul {margin: 8px 0; padding: 0; list-style: none none outside; background-color: #eeeeee; border: 1px solid #b2b2b2;}
div#preowned ul li {padding: 5px; font-size: 10px; text-align: left;}
div#preowned ul li.first {background: url(/img/en/dot.gif) 0 bottom repeat-x;}
div#preowned ul li span {float: right; color: #b20000;}

div.pics {background: url(/img/en/left_menu_featured_img_01.gif) top center no-repeat; text-align: center;}
div.pics img {width: 165px;}
#homepromo embed, #homepromo object, #homenews embed, #homenews object  {width: 460px;}

div.photopromo {float: left; margin: 0 15px 15px 0;}

ul#homecarsnav {z-index: 998; position: relative; margin: 0; padding: 0; list-style: none none outside; background-color: #f3f3f3; width: 200px; height: 363px; float: left;}
ul#homecarsnav li {padding: 5px 0 5px 0; margin: 0 14px; background: url(/img/en/dot.gif) 0 bottom repeat-x; position: relative;}
ul#homecarsnav li.beforelast {padding: 4px 0 3px 0; background-image: none;}
ul#homecarsnav li.last {padding: 0; margin: 0; background-image: none; height: 24px;}
ul#homecarsnav li div {position: absolute; top: 15px; right: 5px; display: none;}
ul#homecarsnav li.last div {position: absolute; top: 6px; right: 18px; display: none;}
ul#homecarsnav li.last ul {display: none; position: absolute; list-style: none none outside; top: 0; left: 199px; width: 620px; height: 24px; background: url(/img/en/bg_smodel.png); margin: 0; padding: 0;}
ul#homecarsnav li.last ul li {float: left; position: relative; color: #fff; font-family: "Audi Sans Ext"; font-weight: bold; padding: 5px; background: none;}
ul#homecarsnav li.last ul li a {color: #fff;}

div#homebigpic {position: relative; float: right;}
div#homebrowseimg {position: absolute; bottom: 20px; left: 40px;}
/* home page */


/* business hours */
div.businesshours {float: right; padding: 0; width: 230px; height; 260px; background-color: #fff; border: 1px solid #d2d1d6;}
div.businesshours.contact {float: left; margin-right: 0 10px;} /* for contact us section only */
div.businesshours div {margin: 10px 18px 0 18px; padding: 0 0 10px 0; border-bottom: 5px solid #ededed; text-align: left;}
div.businesshours ul {margin: 5px 18px 20px 18px;}
div.businesshours ul li {margin: 0; padding: 5px 0; background: url(/img/en/dot_black.gif) 0 bottom repeat-x; text-align: left; font-size: 10px;}
div.businesshours ul li.last {margin-bottom: 0;}
div.businesshours ul li span {display: block; float: left; width: 74px;}

ul.customlist {margin: 0; padding: 0;}
ul.customlist li {list-style-type: none; margin: 0; padding: 0;}
ul.customlist li.last {margin-right: 0 !important;}

#contacthrsctn div.businesshours {height: 290px; margin: 0 10px 40px 0;}
#contacthrsctn .last{margin-right: 0 !important;}
/* business hours */


/* complementary content */
td#complementary {width: 200px; height: 100%; vertical-align: top; background: url(/img/en/bg_quickmenu.png);}
p#quickmenutitle {font-family: "Audi Sans Ext"; font-weight: bold; font-size: 16px; margin: 20px 0 10px 16px;}
ul#quickmenu {margin: 5px 13px 5px 13px; padding: 0 0 35px 0; list-style: none none outside;}
ul#quickmenu li {margin: 0; padding: 8px 5px; text-align: left; font-size: 10px; background: url(/img/en/dot.gif) 0 bottom repeat-x;}
ul#quickmenu a {color: #000; display: block;}

#lftoption div {padding-bottom: 35px; text-align: center;}
/* complementary content */


/* newcars section */
div#latestnews {float: left; position: relative; text-align: left; width: 420px; background-color: #b4b7be; padding: 10px 15px; border: 9px solid #d1d2d4;}
div#latestnews div.innerloop {clear: both; height: 52px;  position: relative; margin: 5px 0; padding: 5px 0; background: url(/img/en/dot.gif) 0 bottom repeat-x;}
div#latestnews div.innerloop.last {margin: 5px 0 0 0; padding: 5px 0 0 0; background: none;}
div#latestnews div.newstitleandpic {float: left; width: 65px; padding: 5px; margin-right: 10px; background-color: #d1d2d4;}
div#latestnews div.newstitleandpic img {width: 65px;}

div#latestnews p.arttitle {font-family: "Audi Sans Ext"; font-weight: bold; text-align: left; margin: 0 0 5px 0; font-size: 10px;}
div#latestnews p.arttitle a {color: #b000;}

div#latestnews div.arttext {padding-right: 80px;}

div#latestnews div.innerloop div.newsmore {position: absolute; border: 10px; right: 10px; bottom: 6px;}
div#latestnews div.innerloop.last div.newsmore {bottom: 0;}

div#newcarstext {clear: both; padding: 10px 0}

#modelGalleryBox {width: 721px; overflow: hidden; margin: 0 0 10px 0; background-color: #232323;}
#modelGalleryBox #multiGallery {float: left; width: 500px; height: 315px;}
#modelGalleryBox #linkslist {float: left; margin: 0;}
#modelGalleryBox #linkslist ul {margin: 0; padding: 15px 0 0 0; list-style-type: none;}
#modelGalleryBox #linkslist ul li {margin: 0 0 10px 0; padding: 0;}
#modelGalleryBox #linkslist ul li.last {margin-bottom: 0;}
#modelGalleryBox #linkslist ul li a:link, #modelGalleryBox #linkslist ul li a:visited {color: #FFF;}
#modelGalleryBox #linkslist ul li a:hover, #modelGalleryBox #linkslist ul li a:focus, #modelGalleryBox #linkslist ul li a:active {color: #7F0F1E; text-decoration: none;}

#wrap {position: relative; width: 100%; margin: auto;}
#popBox {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000;}
#popBg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5;}
#popGallery {position: relative; width: 980px; overflow: hidden; margin: 0 auto; padding: 0; z-index: 1100; background: #232323;}
/* newcars section */

/* usedcars section */
#usedtxtbox {width: 489px;}
#usedtxtbox .text {padding: 10px;}
/* usedcars section */

/* promos section */
#promostxtbox .text {width: 348px; padding-bottom: 10px;}
/* promos section */

/* service section */
#servicetxtbox {padding-top: 10px;}
#selectmodel {float: left; margin-top: 15px; width: 453px;}
#selectmodel table select {background: #cbccd1; border: 1px solid #868a93;}
/* service section */

/* tools section */
ul#toolsbtnbox {margin: 0; padding: 0; list-style: none none outside;}
ul#toolsbtnbox li {float: left; margin: 0 15px 15px 0;}
/* tools section */

/* compare section */
#comparebox {height: 395px; position: relative; background: url(/img/en/compare_bg.png) center 20px no-repeat; margin-top: 40px;}
#comparepasser {position: absolute; top: 0; left: 0;}
#comparesuv  {position: absolute; top: 300px; left: 380px;}
/* compare section */

/* chinese section */
/*#chineseInfo {position: relative; width: 742px; height: 451px; background: url(/img/cn/chinese_text.jpg) no-repeat; font: 16px "Times, Times New Roman";}
#chineseInfo .chineseInfoAddress {position: absolute; left: 106px; top: 311px;}
#chineseInfo .chineseInfoPhone {position: absolute; left: 106px; top: 355px;}
#chineseInfo .chineseInfoEmail {position: absolute; left: 106px; top: 374px;}*/
#chineseInfo .chineseInfoAddress, #chineseInfo .chineseInfoPhone, #chineseInfo .chineseInfoEmail {font-size: 12px; text-align: left;}
#chineseInfo div.chineseText p {font-size: 15px;}
.chineseContactInfo {font-size: 12px; text-align: left;}

/* chinese section */

/* parts section*/
#partsImg p {padding: 8px 0;}
#partsImg img {padding-bottom: 10px;}
#wrapBtnParts {padding-bottom: 35px;}
#wrapBtnParts a img {padding: 0 6px;}


/* site map */
dl.sitemap {margin: 10px 90px 0 0; padding: 0; float: left; text-align: left;}
dl.sitemap.last {margin-right: 0;}
dl.sitemap dt {padding: 0; margin: 15px 0 0 0; font-weight: bold;}
dl.sitemap dt.first {margin-top: 0;}
dl.sitemap dd {margin: 0; padding: 3px 5px;}
dl.sitemap dd  a {color: #000;}
/* site map */

/* footer */
td#footer {background: url(/img/en/bg_footer.png); padding: 15px;}
td#footer a {color: #6f6f6f;}

div#quickmenufooter {float: left; width: 200px; padding: 0 20px 0 0;}

ul.footernav {margin: 0; padding: 0; list-style: none none outside;}
ul.footernav li {color: #fff; background: url(/img/en/dot_black.gif) 0 bottom repeat-x; padding: 5px 10px;}

p.menutitlefooter {font-family: "Audi Sans Ext"; font-weight: bold; color: #3b3b3b; font-size: 16px; margin: 0;}

div#carfooter {float: left; width: 510px; padding: 0 20px 0 0; overflow: hidden;}

ul.footernavmodels {margin: 0; padding: 0; list-style: none none outside; overflow: hidden;}
ul.footernavmodels li {float: left; width: 150px; background: url(/img/en/dot_black.gif) 0 bottom repeat-x; padding: 5px 10px;}

div#addressfooter {font-family: "Audi Sans Ext"; float: left; width: 200px; padding: 0; color: #fff; font-size: 10px;}
div#addressfooter p {font-weight: bold; color: #3b3b3b; font-size: 16px;}

div#disclaimer {/*clear: both;*/ float: right; padding: 26px 0 0 9px; overflow: hidden;}
div#disclaimer.notmap {clear: both; float: none;}
div#footerLegalText {/*clear: both; float: right;*/ text-align: left; font-size: 10px;}
div#footerLegalText p {margin: 4px 0 3px 0; font-size: 9px; color: #666;}
div#footerLegalText p a {color: #666;}
div#footerLegalLogo123 {/*float: left; */text-align: left; /*width: 150px;*/ margin: 5px 0 0 0; border-width: 0;}
div#footerLegalLogo123 p {margin: 5px 0 0 0; padding: 0; font-size: 9px; color: #666;}
/* footer */

/* templates */
.norm {font-size: 11px;}
.title {font-size: 14px; font-weight: bold; color: #000000; text-decoration: none;}
.bigtitle {font-size: 14px; font-weight: bold; color: #000000; text-decoration: none;}
.copyr {font-size: 9px; text-decoration: none;}
.form {font-size: 10px; color: #000000;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.upper {text-transform: uppercase;}
.header {background-color: #A40000; color: #FFFFFF; font-weight: bold;}
.subheader {background-color: #DEDEDE; color: #000000; font-weight: bold;}
.menutitle {font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #A40000;}
.menubigtitle {font-size: 18px; font-weight: bold; color: #FFFFFF; background-color: #A40000;}
.menusoustitle {font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #A40000;}
.alt1 {font-size: 11px; font-weight: bold; color: #000000; background-color: #EFEFEF;}
.alt2 {font-size: 11px; font-weight: bold; color: #000000; background-color: #DEDEDE;}
.menu {font-size: 11px; color: #000000; background-color: #DEDEDE;}

.emph {font-weight:bold;}
.caption {font: 9px Arial; color: #000000;}
.justify {text-align: justify;}
.left {text-align: left;}
.right {text-align: right;}
.fright {float: right;}
.fleft {float: left;}
.cright {clear: right;}
.cleft {clear: left;}
.cboth {clear: both;}
select.dpt {font-size: 9px; color:#000000;}
.dpt {font-size: 9px; color:#000000;}
.dp {font-size: 8px; color:#000000; font-weight: bold;}
.dps {font-size: 11px; color:#000000;}
.dpw {font-size: 9px; color:#FFFFFF; font-weight: bold;}
.dpwnb {font-size: 9px; color:#FFFFFF;}
.dpwnb1 {font-size: 9px; color:#FFFFFF; line-height: 115%;}
.dpb{font-size: 12px; color: #A40000; font-weight: bold;}
.dpbw {font-size: 1px; color:#FFFFFF; font-weight: bold;}
.dpbws2 {font-size: 10px; color:#FFFFFF; font-weight: bold;}
.dpbws {font-size: 10px; color:#FFFFFF; font-weight: bold;}
.dpbws:link {font-size: 10px; color:#FFFFFF; font-weight: bold;}
.dpbws:visited {font-size: 10px; color:#FFFFFF; font-weight: bold;}
.dpbws:hover {font-size: 10px; color:#FFFFFF; font-weight: bold;}
.results-header {font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #A40000;}
.results-body {font-size: 9px; color: #000000; background-color: #EFEFEF;}

TABLE.Specs              {border-spacing: 1px; margin: 0px; padding: 0px;}
TABLE.Specs TR.alt1      {background-color: #EFEFEF;}
TABLE.Specs TR.alt2      {background-color: #DEDEDE;}
TABLE.Specs TD.H1        {font-size: 18px; font-weight: bold; font-family: arial,sans-serif; padding: 2px;}
TABLE.Specs TD.title     {font-size: 18px; font-weight: bold; font-family: arial,sans-serif;}
TABLE.Specs TD.header    {background-color: #A40000; color: #FFFFFF; font-weight: bold; border-top: 1px outset #FFFFFF; border-bottom: 1px outset #FFFFFF;}
TABLE.Specs TD.subheader {background-color: #DEDEDE; color: #000000; font-weight: bold;}
TABLE.Specs TD.elemTitle {font-weight: bold;}
TABLE.Specs TD.command   {background-color: #f7f7f7; border: 1px outset #333366; padding: 4px;}
TABLE.Specs A.selection  {font-family: arial,verdana,helvetica,sans-serif; font-size: 10px; font-weight: bold; padding: 2px;}
TABLE.Specs .dps         {font-size: 10px;}
TABLE.Specs .dpt         {font-size: 9px;}

TABLE.au TD.title        {font-size: 14px; color:#FFFFFF; font-weight: bold; background-color: #A40000;}
TABLE.au TD.norm         {font-size: 11px; color:#000000; background-color: #DEDEDE;}
/* templates */


/* PartsPROMOS */
div.sectionpromos {position: relative; width: 730px; height: 300px; text-align: left; padding-top: 20px; text-align: center;}
div.sectionpromos p {margin: 0; padding: 0;}
div.sectionpromos p.title {font-size: 22px; font-weight: normal; text-transform: uppercase; margin: 0 0 5px 0;}
div.sectionpromos p.title a:link, div.sectionpromos p.title a:visited,
div.sectionpromos p.title a:hover, div.sectionpromos p.title a:focus, div.sectionpromos p.title a:active {font-weight: normal;}
div.sectionpromos div#homepromosContent {position: relative; width: 730px; height: 300px; overflow: hidden;}
div.sectionpromos div.sectionpromosItem {position: relative; top: 0; left: 0;}
div.sectionpromos div.sectionpromosItemOff {display: none; opacity: 0;}
div.sectionpromos div.sectionpromosItem div.img { margin: 0 auto;}

div.sectionpromos div#sectionpromosThumbs {display: none; position: absolute; top: -20px;; right: -7px; overflow: hidden; padding: 0 3px 0 7px;}
div.sectionpromos div#sectionpromosThumbs p {float: left; text-transform: uppercase; line-height: 13px; margin: 0 20px 0 0;}
div.sectionpromos div#sectionpromosThumbs p a:link, div.sectionpromos div#sectionpromosThumbs p a:visited,
div.sectionpromos div#sectionpromosThumbs p a:hover, div.sectionpromos div#sectionpromosThumbs p a:focus, div.sectionpromos div#sectionpromosThumbs p a:active {font-weight: bold; color: #333;}
div.sectionpromos div#sectionpromosThumbs ul {float: left; overflow: hidden; padding: 0;}
div.sectionpromos div#sectionpromosThumbs ul li {float: left; width: 12px; height: 12px; overflow: hidden; margin: 0 5px 0 0;}
div.sectionpromos div#sectionpromosThumbs ul li a {display: block; text-indent: -5000px; width: 10px; height: 10px; overflow: hidden; border: 1px #666 solid;}
div.sectionpromos div#sectionpromosThumbs ul li.current a {background-color: #b00203;}
div.sectionpromos div.homepromosEmpty {text-align: center; width: 483px; height: 244px; background-color: #FFF; border: 1px #333 solid;}
div.sectionpromos div.homepromosEmpty div {padding: 32px 0 0 0;}