/************************************************************************************
GENERAL STYLING
*************************************************************************************/
@font-face {
    font-family: 'FuturaFuturisCRoman';
    src: url('futurafuturisc.eot');
    src: url('futurafuturisc.eot') format('embedded-opentype'),
    url('futurafuturisc.woff') format('woff'),
    url('futurafuturisc.ttf') format('truetype'),
    url('futurafuturisc.svg#FuturaFuturisCRoman') format('svg');
}
@font-face {
    font-family: 'FuturaFuturisCBold';
    src: url('futurafuturisc-bold.eot');
    src: url('futurafuturisc-bold.eot') format('embedded-opentype'),
    url('futurafuturisc-bold.woff') format('woff'),
    url('futurafuturisc-bold.ttf') format('truetype'),
    url('futurafuturisc-bold.svg#FuturaFuturisCBold') format('svg');
}
@font-face {
    font-family: 'ArialNarrow';
    src: url('arialn.eot');
    src: url('arialn.eot') format('embedded-opentype'),
    url('arialn.woff') format('woff'),
    url('arialn.ttf') format('truetype'),
    url('arialn.svg#ArialNarrow') format('svg');
}
@font-face {
    font-family: 'ArialNarrowBold';
    src: url('arialn-bold.eot');
    src: url('arialn-bold.eot') format('embedded-opentype'),
    url('arialn-bold.woff') format('woff'),
    url('arialn-bold.ttf') format('truetype'),
    url('arialn-bold.svg#ArialNarrowBold') format('svg');
}

body {
    margin: 0; background: #203343;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em; line-height: 1.25em; color: #000000;
}


/************************************************************************************
HELPERS
*************************************************************************************/
.hide {
    display: none;
}
.error {
    color: red;
}
.success {
    color: green;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
body {
    text-align: center;
}
.pagewrap {
    width: 320px;
    margin: 0 auto;
    background-color: #FFFFFF;
    text-align: left;
}

/************************************************************************************
HEADER
*************************************************************************************/

/* header */
.touareg .header {
    padding: 15px 0 17px 110px;
    background: url(../img/das_auto.png) 20px 19px no-repeat;
}
.touareg .header .company {
    font-family: FuturaFuturisCBold;
    font-size: 1.1625em; line-height: 0.8871em; margin: 0;
}
.touareg .header .description {
    font-family: FuturaFuturisCRoman;
    font-size: 0.8231em; line-height: 1.2528em; margin: 0;
}
.touareg .header .phone {
    font-family: FuturaFuturisCRoman;
    font-size: 1.4044em; line-height: 1.0347em; margin: 0;
}
.touareg .header .address {
    font-family: FuturaFuturisCRoman;
    font-size: 0.8231em; line-height: 1.1177em; margin: 0;
}

/* photo */
.touareg .photo {
    width: 100%; height: 214px;
    background: url(../img/touareg_photo.png) left top no-repeat;
}

/* promo */
.touareg .promo .title {
    font-family: FuturaFuturisCBold;
    font-size: 1.2888em; line-height: 1.1702em; margin: 0; padding: 3px 0 3px 20px;
}
.touareg .promo .date {
    font-family: ArialNarrow; color: #FFFFFF;
    font-size: 1.7481em; line-height: 1.0665em; margin: 0; padding: 6px 20px 7px 20px;
    background-color: #0061AF;
    text-transform: uppercase;
}
.touareg .promo .date span {
    font-family: ArialNarrowBold;
}

/* offer */
.touareg .offer {
    font-size: 0.8125em; line-height: 1.1538em;
    border-bottom: 1px solid #888888;
}
.touareg .offer p {
    padding: 8px 20px 8px 20px; margin: 0;
}
.touareg .offer p.first {
    padding: 0 20px 5px 45px;
    background: url(../img/touareg_offer_nums.png) 19px 4px no-repeat;
}
.touareg .offer p.second {
    padding: 0 20px 5px 45px;
    background: url(../img/touareg_offer_nums.png) 19px -46px no-repeat;
}
.touareg .offer p.third {
    padding: 0 0 5px 45px;
    background: url(../img/touareg_offer_nums.png) 19px -96px no-repeat;
}
.touareg .offer p span {
    font-family: ArialNarrowBold; text-transform: uppercase;
}

/* button-call */
.button-call {
    text-align: center;
}
.button-call a {
    display: block; width: 171px; height: 44px; margin: 0 auto;
    text-decoration: none; border: none; outline: none;
    background: url(../img/button_call.png) center center no-repeat;
}
.button-call a span {
    display: none;
}

.touareg .offer .button-call {
    margin: 2px 0 9px 0;
}

/* advantage */
.touareg .advantage {
    border-bottom: 1px solid #888888;
}
.touareg .advantage p {
    font-family: FuturaFuturisCRoman;
    font-size: 1.3175em; line-height: 1.0299em; margin: 5px 0 6px 0;
    text-align: center;
}
.touareg .advantage p span {
    font-family: FuturaFuturisCBold;
}

/* request-form */
.touareg .request-form {
    padding: 14px 27px 0 27px;
}


.request-form form {
    padding: 2px 10px;
    background: #BDBEC0;
    -webkit-border-radius: 0.7em;
    border-radius: 0.7em;
}
.ui-field-contain .ui-controlgroup-controls {
    width: 100%;
}
.ui-field-contain, .ui-mobile fieldset.ui-field-contain {
    margin: 0.6em 0;
}
.request-form legend {
    font-size: 0.875em;
    padding-left: 10px;
    color: #000000;
}

.ui-fullsize .ui-btn-inner, .ui-fullsize .ui-btn-inner {
    padding: 0.42em 18px 0.38em 18px;
    font-size: 0.8125em; font-weight: normal;
}
.ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon {
    left: 10px;
}
.ui-checkbox .ui-btn-icon-left .ui-btn-inner, .ui-radio .ui-btn-icon-left .ui-btn-inner {
    padding-left: 34px;
}

.ui-field-contain label.ui-input-text {
    display: block;
    width: 100%;
}
.ui-field-contain label.error {
    font-size: 0.875em;
    padding: 0 0 0 10px;
}
.tiguan .ui-field-contain label.error {
    font-size: 0.8125em;
}
.ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text, .ui-field-contain .ui-input-search, .ui-field-contain div.ui-input-text {
    display: block;
    width: 100%;
}

.min-width-480px .myelement {
    float: left;
}


input.ui-input-text, textarea.ui-input-text {
    font-size: 0.8125em;
}
div.ui-input-text {
    padding: 0 10px;
}
div.ui-input-text input.ui-input-text, div.ui-input-text textarea.ui-input-text, .ui-input-search input.ui-input-text {
    padding: 0.42em 0 0.38em 0;
}
label.ui-input-text {
    font-size: 0.875em;
    padding-left: 10px;
}

.button-row {
    padding: 0 10px;
    line-height: 1em;
    margin: 1.6em 0 1.2em 0;
}
.button-row .ui-btn-inner {
    font-size: 1.375em;
    padding: 0.6em 10px;
}
.tiguan .button-row .ui-btn-inner {
    font-size: 1.125em;
    padding: 0.6em 5px;
}

/* configs */
.touareg .configs {

}
.touareg .configs .title {
    font-family: FuturaFuturisCBold;
    font-size: 1.2888em; line-height: 1.1702em; margin: 0; padding: 15px 20px 0 20px;
}

.touareg .configs .config {
    padding: 16px 0 20px 0;
    background: url(../img/config_dvdr.png) center bottom no-repeat;
}
.touareg .configs .config .picture {
    width: 280px;
    height: 111px;
    margin-left: 20px;
}
.touareg .configs .config.v8tdi .picture {
    background: url(../img/touareg_config_v8tdi.png) center center no-repeat;
}
.touareg .configs .config.v6tdi .picture {
    background: url(../img/touareg_config_v6tdi.png) center center no-repeat;
}
.touareg .configs .config.hybrid .picture {
    background: url(../img/touareg_config_hybrid.png) center center no-repeat;
}
.touareg .configs .config .label {
    margin: 14px 36px;
    padding: 17px 15px;
    font-family: FuturaFuturisCBold;
    font-size: 1.375em; line-height: 1.1818em;
    color: #FFFFFF;
    background: #0060AF;
    -webkit-border-radius: 0.7em;
    border-radius: 0.7em;
}
.touareg .configs .config .label span {
    font-size: 1.1818em;
}
.touareg .configs .config .description {
    padding: 0 20px 0 55px;
    margin: 0;
    color: #000000;
    background: url(../img/config_bullet.png) 45px 8px no-repeat;
}
.touareg .configs .config.last {
    padding: 16px 0 17px 0;
    background: none;
}
.touareg .configs .button-call {
    margin-top: 15px;
}





.touareg .advantages {
    margin-top: 21px;
}
.touareg .advantages .picture {
    width: 100%; height: 800px; position: relative;
    background: url(../img/atlant_m_touareg_advantages.png) center top no-repeat;
}
.touareg .advantages .picture .title {
    position: absolute; font-family: FuturaFuturisCBold;
    font-size: 1.085em; line-height: 1.2068em; color: #FFFFFF;
    top: 12px; left: 0; right: 0; text-align: center;
}
.touareg .advantages .picture .label {
    position: absolute; width: 100px; color: #FFFFFF;
    font-family: FuturaFuturisCBold; font-size: 0.7813em; line-height: 1em; text-align: center;
}
.touareg .advantages .picture .label .sublabel {
    font-family: FuturaFuturisCRoman; font-size: 0.8568em; line-height: 1.1673em; width: 100%;
}

.touareg .advantages .picture .label_1_01 { left: 17px; top: 139px; width: 142px; }
.touareg .advantages .picture .label_1_02 { left: 178px; top: 138px; width: 130px; }
.touareg .advantages .picture .label_1_03 { left: 40px; top: 314px; width: 80px; }
.touareg .advantages .picture .label_1_04 { left: 178px; top: 303px; width: 116px; }
.touareg .advantages .picture .label_1_05 { left: 26px; top: 506px; width: 132px; }
.touareg .advantages .picture .label_1_06 { left: 172px; top: 512px; width: 136px; }
.touareg .advantages .picture .label_1_07 { left: 82px; top: 702px; width: 170px; }

.touareg .questions {
    margin-top: 15px;
    border-bottom: 1px solid #888888;
}
.touareg .questions .have-more {
    margin: 0; color: #000000; padding-left: 20px;
    font-family: FuturaFuturisCRoman; font-size: 1.125em;
}
.touareg .questions .phone {
    margin: 0; color: #0060af; padding-left: 20px; padding-bottom: 10px;
    font-family: FuturaFuturisCRoman; font-size: 1.3931em; line-height: 1.2530em;
}
.touareg .questions .phone span {
    font-family: FuturaFuturisCBold;
}
.touareg .questions .manager {
    margin: 0; color: #000000; padding-left: 20px; padding-top: 9px; padding-bottom: 23px;
    font-family: FuturaFuturisCRoman; font-size: 1.125em; line-height: 1em;
}


.footnotes {
          padding: 0 20px;
}
.footnotes p {
   font-size: 0.875em; line-height: 1em;
    margin: 0;
    color: #a4a3a3;
}



/************************************************************************************
TIGUAN
*************************************************************************************/

/* header */
.tiguan .header {
    width: 320px; height: 168px;
    background: url(../img/tiguan_header.png) center center no-repeat;
}
.tiguan .header .promo {
    font-family: FuturaFuturisCRoman;
    font-size: 1.5513em; line-height: 0.9267em;
    margin: 0; padding: 25px 19px 0 19px;
}
.tiguan .header .promo span {
    font-family: FuturaFuturisCBold;
    font-size: 0.9230em;
}
.tiguan .header .promo-desc {
    font-size: 0.8019em; line-height: 1.0133em;
    margin: 0; padding: 8px 20px 0 20px;
}



/* photo */
.tiguan .photo-front {
    width: 100%; height: 169px;
    margin-top: 8px;
    background: url(../img/tiguan_photo_front.png) left top no-repeat;
}
.tiguan .photo-side {
    width: 100%; height: 126px;
    background: url(../img/tiguan_photo_side.png) left top no-repeat;
}
.tiguan .photo-back {
    width: 100%; height: 169px;
    margin-top: 11px;
    background: url(../img/tiguan_photo_back.png) left top no-repeat;
}

/* features */
.tiguan .features {
    margin-top: 8px;
}
.tiguan .features ol {
    font-size: 0.875em; line-height: 1em;
    font-weight: bold;
    color: #0061af;
    margin: 0; padding: 0;
}
.tiguan .features ol li {
    padding: 0; margin: 0 8px 0 32px;
}
.tiguan .features ol li span {
    color: #010000; padding: 0; margin: 0; font-weight: normal;
}
.tiguan .features ol li span span {
    font-weight: bold;
}

.tiguan .dimensions {
    margin-top: 6px; padding-top: 5px; padding-bottom: 51px;border-top: 1px solid #888888;
    background: url(../img/tiguan_dimensions.png) center bottom no-repeat;
}
.tiguan .dimensions p {
    font-size: 0.875em; line-height: 1em; color: #010000;
    margin: 0; padding: 0; text-align: center;
}
.tiguan .dimensions p span {
    font-weight: bold;
}




.road-after {
    padding-bottom: 44px;
    background: url(../img/dvdr_road.png) center bottom no-repeat;
}

/* request-form */
.tiguan .request-form {
    margin: 10px 0 0 0;
    padding-left: 20px; padding-right: 90px;
    position: relative;
}
.tiguan .request-form .rightside {
    position: absolute; width: 59px; height: 579px;
    background: url(../img/rightside_bg.png) center top no-repeat;
    right: 19px; top: 0;
}


/* colors */
.tiguan .colors {
    width: 100%; height: 452px;
    margin-top: 8px;
}
.tiguan .colors .title {
    font-family: FuturaFuturisCBold;
    font-size: 1.125em; line-height:1.2778em;
    margin: 0; padding: 0 0 0 20px;
}
.tiguan .colors .title span {
    font-family: FuturaFuturisCRoman;
    font-size: 1.6667em; line-height: 0.7667em;
}
.tiguan .colors .subtitle {
    font-family: FuturaFuturisCRoman;
    font-size: 1.5em; line-height: 0.75em;
    margin: 0; padding: 8px 0 5px 167px;
    position: relative;
}
.tiguan .colors .subtitle span {
    position: absolute; left: 138px; top: 6px;
    font-size: 1.875em; line-height: 0.9222em;
}
.tiguan .colors .photo {
    width: 100%; height: 351px; position: relative;
    background: url(../img/tiguan_colors.png) center top no-repeat;
}
.tiguan .colors .photo .configs-count {
    position: absolute; font-family: FuturaFuturisCRoman;
    font-size: 1.5em; line-height: 0.75em; color: #000000;
    left: 138px; top: 273px;
}
.tiguan .colors .photo .configs-count span {
    font-size: 1.875em;
}

/* configs */
.tiguan .config.trend .photo {
    width: 100%; height: 168px;
    margin-top: 3px;
    background: url(../img/tiguan_config_photo_trend.png) center top no-repeat;
}
.tiguan .config.track .photo {
    width: 100%; height: 184px;
    background: url(../img/tiguan_config_photo_track.png) center top no-repeat;
}
.tiguan .config.sport .photo {
    width: 100%; height: 185px;
    background: url(../img/tiguan_config_photo_sport.png) center top no-repeat;
}
.tiguan .config.style .photo {
    width: 100%; height: 168px;
    background: url(../img/tiguan_config_photo_style.png) center top no-repeat;
}

.tiguan .config .desc-table {
    position: relative; padding-left: 141px; margin-top: 3px;
}
.tiguan .config .desc-table .desc-info {
    border-left: 2px solid #888888;
    padding-left: 8px; min-height: 29px;
}
.tiguan .config .desc-table .desc-info p {
    font-size: 0.75em; line-height: 1em; color: #000000;
    background: url(../img/config_desc_bullet.png) 0px 4px no-repeat;
    margin: 0; padding: 0 0 0 7px;
}
.tiguan .config .desc-table .title-n-price {
    position: absolute; top: 0; left: 20px;
    font-size: 0.875em; line-height: 1em;
    font-weight: bold; color: #000000;
}

.tiguan .config .button-call {
    margin-top: 15px; margin-bottom: 22px;
}
.tiguan .config.style .button-call {
    margin-bottom: 7px;
}

.tiguan .features-extra {
}
.tiguan .features-extra .title {
    font-family: FuturaFuturisCRoman;
    font-size: 1.5em; line-height: 0.75em;
    margin: 0; padding: 0 0 10px 125px;
}
.tiguan .features-extra .picture {
    width: 100%; height: 877px; position: relative;
    background: url(../img/tiguan_features_extra.png) center top no-repeat;
}
.tiguan .features-extra .picture .label {
    position: absolute; width: 90px; color: #000000;
    font-family: FuturaFuturisCRoman; font-size: 0.75em; line-height: 1em; text-align: center;
}
.tiguan .features-extra .picture .label_1_01 { top: 147px; left: 6px; }
.tiguan .features-extra .picture .label_1_02 { top: 147px; left: 112px; }
.tiguan .features-extra .picture .label_1_03 { top: 147px; left: 215px; width: 96px; }
.tiguan .features-extra .picture .label_1_04 { top: 266px; left: 7px; }
.tiguan .features-extra .picture .label_1_05 { top: 266px; left: 113px; }
.tiguan .features-extra .picture .label_1_06 { top: 266px; left: 228px; }
.tiguan .features-extra .picture .label_1_07 { top: 347px; left: 136px; width: 80px; }
.tiguan .features-extra .picture .label_now {
    font-family: FuturaFuturisCRoman; font-size: 1.5175em; line-height: 0.75em;
    position: absolute; top: 469px; left: 148px; width: 152px;
}
.tiguan .features-extra .picture .label_specials {
    font-family: FuturaFuturisCRoman; font-size: 1.5175em; line-height: 0.75em; color: #FFFFFF;
    position: absolute; top: 534px; left: 30px; right: 30px; text-align: center;
}
.tiguan .features-extra .picture .label_specials span {
    font-size: 1.8537em;
}
.tiguan .features-extra .picture .label_special {
    position: absolute; width: 140px; color: #000000;
    font-family: FuturaFuturisCRoman; font-size: 0.8338em; line-height: 1em; text-align: center;
}
.tiguan .features-extra .picture .label_special span {
    font-family: FuturaFuturisCBold;
}
.tiguan .features-extra .picture .label_2_01 { top: 700px; left: 5px; }
.tiguan .features-extra .picture .label_2_02 { top: 700px; right: 5px; }
.tiguan .features-extra .picture .label_2_03 { top: 740px; left: 5px; }
.tiguan .features-extra .picture .label_2_04 { top: 740px; right: 5px; }

.tiguan .advantages { }
.tiguan .advantages .title {
    font-family: FuturaFuturisCRoman;
    font-size: 1.5em; line-height: 0.75em;
    margin: 0; padding: 2px 0 8px 0; text-align: center;
}
.tiguan .advantages .picture {
    width: 100%; height: 647px; position: relative;
    background: url(../img/atlant_m_tiguan_advantages.png) center top no-repeat;
}
.tiguan .advantages .picture .label {
    position: absolute; width: 100px; color: #000000;
    font-family: FuturaFuturisCRoman; font-size: 0.75em; line-height: 1em; text-align: center;
}
.tiguan .advantages .picture .label_1_01 { top: 160px; left: 0px; }
.tiguan .advantages .picture .label_1_02 { top: 160px; left: 112px; }
.tiguan .advantages .picture .label_1_03 { top: 160px; left: 224px; width: 96px; }
.tiguan .advantages .picture .label_1_04 { top: 295px; left: 0px; }
.tiguan .advantages .picture .label_1_05 { top: 295px; left: 112px; }
.tiguan .advantages .picture .label_1_06 { top: 295px; left: 224px; width: 96px; }
.tiguan .advantages .picture .label_1_07 { top: 370px; left: 158px; width: 70px; }
.tiguan .advantages .picture .footer {
    position: absolute; left: 10px; right: 0; color: #000000;
    font-family: FuturaFuturisCRoman;
}
.tiguan .advantages .picture .footer-desc { top: 504px; font-size: 0.968em; font-family: FuturaFuturisCBold; }
.tiguan .advantages .picture .footer-title { top: 528px; font-size: 1.75em; font-family: FuturaFuturisCBold; }
.tiguan .advantages .picture .footer-questions { top: 550px; font-size: 1.4375em; }
.tiguan .advantages .picture .footer-phone { top: 575px; font-size: 1.5em; }

/* goto-site-main */
.goto-site-main {
    text-align: center;
    padding: 0 0 20px 0;
}
.goto-site-main a {
    display: block; width: 242px; height: 52px;
    margin: 0 auto;
    background: url(../img/button_goto_site_main.png) center top no-repeat;
}
.goto-site-main a span {
    display: none;
}
.tiguan .goto-site-main {
    padding-top: 10px;
}

/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }







.guarantee {
    text-align: center;
}


.wf-privacy {
    text-align: center !important;
    margin-bottom: 15px !important;
}
.wf-privacyico {
    padding: 4px 0 0 20px !important;
    background: none no-repeat left center !important;
    font-family: Arial !important;
    font-size:10px !important;
    color:rgb(61, 60, 61) !important;
    font-weight: normal !important;
    font-style: italic !important;
    text-decoration: none !important;
}
