/*
# (c) 2006 DS Data Systems UK Ltd, All rights reserved.
#
# DS Data Systems and KonaKart and their respective logos, are 
# trademarks of DS Data Systems UK Ltd. All rights reserved.
#
# The information in this document below this text is free software; you can redistribute 
# it and/or modify it under the terms of the GNU Lesser General Public
# License as published by the Free Software Foundation; either
# version 2.1 of the License, or (at your option) any later version.
# 
# This software is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
# Lesser General Public License for more details.
#
*/
@import 'trshop.tile.css';

@import 'trshop.audimodified.css';

@import 'trshop.quicknavigation.css';

@import 'trshop.basket.css';

/*
---------------------------------
|.BEGIN-REGION: FLASH REPLACEMENT FONTS:
---
 */
@font-face {
    font-family: 'AudiType';
    src: url('AudiType-ExtendedBold.eot');
    src: local('AudiType'), url('AudiType-ExtendedBold.ttf')
        format('truetype');
}

@font-face {
    font-family: 'AudiTypeBold';
    src: url('auditypev01-bold-webfont.eot');
    src: local('AudiTypeBold'), url('auditypev01-bold-webfont.woff')
        format('woff'), url('auditypev01-bold-webfont.ttf') format('truetype'),
        url('auditypev01-bold-webfont.svg#webfontBAtHK8ye') format('svg');
}

/* THEN use like you would any other font 
    This shop font has no more Flash siFR but is so named here for historical reasons ;
    a better name would be now: .shopFont-hadFlash
*/
h1.maintitle {
    font-family: "AudiType";
    color: white;
    background-color: transparent;
    font-size: 17px;
    font-weight: 400;
    font-style: normal;
    word-spacing: 0;
    text-shadow: 1px 1px 1px #797D84;
    /*  filter: Shadow(color =             #797D84, direction =             135,
        strength =  
                  2)
        alpha(opacity =               100, finishopacity =             100,
        style =  
                  3);*/
        strength =  
                  2)
        alpha(opacity =               100, finishopacity =             100,
        style =  
                  3);
    zoom: 1;
    width: 720px;
}

h1.shopFont {
    font-family: "AudiType";
    color: white;
    background-color: transparent;
    font-size: 17px;
    font-weight: bold;
    word-spacing: 0;
    text-shadow: 1px 1px 1px #797D84;
    /*  filter: Shadow(color =             #797D84, direction =             135,
        strength =  
                  2)
        alpha(opacity =               100, finishopacity =             100,
        style =  
                  3);*/
        strength =  
                  2)
        alpha(opacity =               100, finishopacity =             100,
        style =  
                  3);
    zoom: 1;
}

.shopFont-hasFlash {
    font-family: "AudiType" !important;
    color: white;
    text-shadow: 1px 1px 1px #797D84;
    /*  filter: Shadow(color =             #797D84, direction =             135,
        strength =  
                  2)
        alpha(opacity =               100, finishopacity =             100,
        style =  
                  3);*/
        strength =  
                  2)
        alpha(opacity =               100, finishopacity =             100,
        style =  
                  3);
    zoom: 1;
}

.shopFont {
    font-family: "AudiType" !important;
    color: white;
    text-shadow: 1px 1px 1px #797D84;
    /*  filter: Shadow(color =             #797D84, direction =             135,
        strength =  
                  2)
        alpha(opacity =               100, finishopacity =             100,
        style =  
                  3);*/
        strength =  
                  2)
        alpha(opacity =               100, finishopacity =             100,
        style =  
                  3);
    zoom: 1;
}

h3.shopFont {
    font-family: "AudiType";
    color: white;
    background-color: transparent;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    word-spacing: 0;
    text-shadow: 1px 1px 1px #797D84;
    /*  filter: Shadow(color =             #797D84, direction =             135,
        strength =  
                  2)
        alpha(opacity =               100, finishopacity =             100,
        style =  
                  3);*/
        strength =  
                  2)
        alpha(opacity =               100, finishopacity =             100,
        style =  
                  3);
    zoom: 1;
}

h3.shopFont_mainaction {
    font-family: "AudiType";
    color: white;
    background-color: transparent;
    font-size: 9px;
    font-weight: bold;
    font-style: normal;
    word-spacing: 0;
    text-shadow: 1px 1px 1px #797D84;
    /*  filter: Shadow(color =             #797D84, direction =             135,
        strength =  
                  2)
        alpha(opacity =               100, finishopacity =             100,
        style =  
                  3);*/
        strength =  
                  2)
        alpha(opacity =               100, finishopacity =             100,
        style =  
                  3);
    zoom: 1;
}

h5.shopFont {
    font-family: "AudiType";
    color: white;
    /*background-color: transparent;*/
    font-size: 17px;
    font-weight: 400;
    font-style: normal;
    word-spacing: 0;
    text-shadow: 1px 1px 1px #797D84;
    width: 100%;
    /*  filter: Shadow(color =             #797D84, direction =             135,
        strength =  
                  2)
        alpha(opacity =               100, finishopacity =             100,
        style =  
                  3);*/
        strength =  
                  2)
        alpha(opacity =               100, finishopacity =             100,
        style =  
                  3);
    zoom: 1;
}

h6.shopFont {
    font-family: "AudiType";
    color: black;
    /*background-color: transparent;*/
    margin-left: 2.33cm;
    letter-spacing: 0;
    font-size: 17px;
    font-weight: 100;
    font-style: normal;
    word-spacing: 0;
    text-shadow: 1px 1px 1px #797D84;
    /*  filter: Shadow(color =         #797D84, direction =         135, strength =
                2)
        alpha(opacity =           100, finishopacity =         100, style =
                3);
    zoom: 1; */
}

h6.shopFontQuickNav {
    font-family: "AudiType";
    color: white;
    background-color: transparent;
    letter-spacing: 0;
    font-size: 12px;
    text-shadow: 1px 1px 1px #797D84;
    /*  filter: Shadow(color =             #797D84, direction =             135,
        strength =  
                  2)
        alpha(opacity =               100, finishopacity =             100,
        style =  
                  3);*/
        strength =  
                  2)
        alpha(opacity =               100, finishopacity =             100,
        style =  
                  3);
    font-weight: 400;
    zoom: 1;
}

/*
---
END-REGION: FLASH REPLACEMENT FONTS.|
---------------------------------
 */
a.main_page_link_categories {
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

a.main_page_link_categories:hover {
    color: #d6dbd6;
    text-decoration: none;
}

/** Global Page Layouts*******************/
/* ------------------------------------- */
.layout_body_cell {
    padding-left: 15px;
    padding-right: 15px;
}

/* * { */
/*  font-type: Verdana; */
/* } */
h1
.shopFont
.clearAll {
    line-height: 0;
    font-size: 0;
    height: 0;
}

.spacer_footer {
    background: none;
    height: 35px;
    font-size: 0px;
    padding: 0px;
    margin: 0px;
    display: block;
}

/* ------------------------------------- */
/** End Global Page Layout ***************/
/* �berschrift f�r Productbeschreibung */
td.productdetailsueberschrift {
    font-size: 1.2em;
    color: #FFFFFF;
    font-weight: bold;
    font-type: Verdana;
    padding: 1px;
}

div.kategorieueberschrift {
    font-size: 2.2em;
    color: #FFFFFF;
    font-weight: bold;
    font-type: Verdana;
    padding: 1px;
}

/*Durchgestrichener Preis */
s.productPrice {
    font-size: 2.0em;
    color: #FFFFFF;
    font-weight: bold;
    font-type: Verdana;
    padding: 1px;
}

/* normaler Preis */
p.productPrice {
    font-size: 2.0em;
    color: #FFFFFF;
    font-weight: bold;
    font-type: Verdana;
    padding: 1px;
}

/*Boxenattribute f�r Preis und Optionen*/
div.header-property {
    background-image: url(../images/de_DE/buttons/header_property.jpg);
    background-repeat: no-repeat;
}

td.propertybox-left { /*background-color:#999999;*/ .
    marked background-image: url(../images/de_DE/buttons/color_property.jpg);
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
    text-align: left;
}

td.propertybox-right {
    background-image: url(../images/de_DE/buttons/color_property.jpg);
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
    text-align: center;
    width: 200px;
}

h1
.shopFont
div.categoriename {
    text-align: center;
    vertical-align: middle;
    font-size: 1.5em;
    color: #FFFFFF;
    font-weight: bold;
    font-type: Verdana;
    padding-left: 100px;
}

table.categorietabelle {
    margin-bottom: 10px;
}

#audi_nav_pagelevel ul li ul {
    display: block;
}

/** Buttons ******************************/
/* ------------------------------------- */
.btn_bar_469px {
    width: 469px;
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.btn_bar_704px {
    width: 704px;
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    height:50px;
}

.btn_spacer_20px {
    float: left;
    width: 20px;
    display: block;
}

.btn_center {
    float: left;
    margin-left: 180px;
}

.btn_right {
    float: right;
    text-align: right;
    margin-right: 0px;
    padding-right: 0px;
}

.btn_right.btn_div {
    margin-right: 0px;
}

.btn_left {
    float: left;
    text-align: left;
}

.btn_row {
    display: block;
    h1 .shopFontheight: 30px;
}

.btn_row div {
    float: left;
}

.btn_div {
    display: block;
    margin: 0px 0px 0px 0px;
}

.medium {
    width: 144px;
    height: 21px;
}

.short {
    width: 100px;
    height: 21px;
}

.btn_link {
    text-align: center;
    display: block;
}

.btn_link a {
    display: block;
    padding-top: 2px;
    color: #FFF;
}

.btn_link a:link,.btn_link a:hover,.btn_link a:visited,.btn_link a:active
    {
    color: #FFF;
}

.btn_div input {
    padding-bottom: 3px;
}

.btn_gray_short {
    width: 100px;
    height: 21px;
    background: transparent url(../appimg/btn_gray_100x21.gif) no-repeat
        scroll left top;
    font-size: 0.95em;
    font-weight: bold;
    color: #fff;
    border: none;
    cursor: pointer;
}

.btn_gray_medium {
    width: 144px;
    height: 21px;
    background: transparent url(../appimg/btn_gray_144x21.gif) scroll left
        top;
    font-size: 0.95em;
    font-weight: bold;
    color: #fff;
    border: none;
    cursor: pointer;
}

.btn_gray_medium_update_wishlist {
    width: 144px;
    height: 21px;
    background: transparent url(../appimg/btn_gray_144x21.gif) scroll left;
    font-size: 7pt;
    font-weight: bold;
    color: #fff;
    border: none;
    cursor: pointer;
    padding-bottom: 2px
}

.btn_red_short {
    width: 100px;
    height: 21px;
    background: transparent url(../appimg/btn_red_100x21.gif) no-repeat
        scroll left top;
    font-size: 0.95em;
    font-weight: bold;
    color: #fff;
    border: none;
    cursor: pointer;
}

.btn_red_medium {
    width: 144px;
    height: 21px;
    background: transparent url(../appimg/btn_red_144x21.gif) no-repeat
        scroll left top;
    font-size: 0.95em;
    font-weight: bold;
    color: #fff;
    border: none;
    cursor: pointer;
}

/* ------------------------------------- */
/** END Buttons **************************/
/** Sfir Shopfonts ***********************/
/* ------------------------------------- */
.shopFont-alternate {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
    letter-spacing: 0;
}

h1
.shopFont
h5,h6 { /*font-size: 12px;*/
    
}

.shopFont-hasFlash h1.shopFont {
    visibility: visible;
    height: 25px;
    margin-left: -3px;
}

.shopFont-hasFlash h3.shopFont {
    visibility: visible;
    height: 20px;
    margin-left: -3px;
}

.shopFont-hasFlash h5.shopFont { /*visibility: visible;*/
    height: 30px;
    margin-left: -3px;
}

.shopFont-hasFlash h6.shopFont {
    visibility: visible;
    height: 30px;
    margin: -2px 0 0 65px;
}

.startteaser h3.shopFont,.teaser h3.shopFont {
    height: 40px;
}

/* ------------------------------------- */
/** Ende Sfir Shopfonts ******************/
/** Articlebox ***************************/
/* ------------------------------------- */
#detailsheader {
    height: 72px;
}

#articlebox {
    position: relative;
    width: 469px;
    margin-bottom: 12px;
}

#articlebox h2,#articlebox h3 .sIFR {
    width: 186px;
}

#articlebox #layer {
    width: 469px;
    height: 188px;
}

#articlebox .articleimg {
    width: 469px;
    height: 188px;
    background-color: #bcc0c5;
    text-align: center;
}

#articlebox .views {
    height: 37px;
    padding-top: 4px;
}

#articlebox .views .details {
    display: inline;
    float: left;
    background: transparent url(../appimg/icon_details.gif) no-repeat scroll
        left top;
    padding: 0 28px 0 20px;
}

#articlebox .views .around {
    display: inline;
    float: left;
    background: transparent url(../appimg/icon_360_grad.gif) no-repeat
        scroll left top;
    padding: 0 0 0 20px;
}

#articlebox .service .print {
    padding: 0 28px 0 20px;
}

#articlebox .service .suggest {
    padding: 0 28px 0 20px;
}

#articlebox .error {
    padding-left: 5px;
}

#articlebox #propertybox {
    width: 469px;
}

#articlebox #propertybox .header {
    background: transparent url(../appimg/header_artikelbox.gif) no-repeat
        scroll left top;
    width: 469px;
    height: 4px;
    line-height: 4px;
    font-size: 0px;
}

#articlebox #propertybox .properties {
    background: transparent url(../appimg/bg_verlauf_artikelbox.gif)
        repeat-y scroll left;
    padding: 12px 12px 10px 12px;
    width: 469px;
}

#articlebox #propertybox .properties .right {
    display: inline;
    float: right;
    text-align: right;
    width: 190px;
    margin: 14px 10px 0 0;
    background: transparent;
}

#articlebox #propertybox .properties .right h3 {
    width: 200px;
}

#articlebox #propertybox .properties .left .available {
    width: 280px;
}

#articlebox #propertybox .variations {
    background: transparent url(../appimg/bg_verlauf_artikelbox.gif)
        repeat-y scroll left;
    padding: 12px 12px 4px 12px;
    margin-top: 1px;
    width: 469px;
}

#articlebox #propertybox .variations .right {
    display: block;
    text-align: right;
    width: 450px;
    clear: both;
    margin: 0px 10px 0 0;
    background: transparent;
}

#articlebox #propertybox .variations select {
    display: inline;
    float: left;
    width: 74px;
    height: 19px;
    border: medium none;
    font-size: 0.9em;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
    margin-right: 20px;
}

#articlebox #propertybox .variations .sendbtn {
    display: inline;
    float: right;
    margin-right: 10px;
}td { background-position:expression(-this.offsetLeft); }

#articlebox #propertybox .variations input {
    width: 144px;
    height: 21px;
    background: transparent url(../appimg/bg_bttn_144x21_red.gif) no-repeat
        scroll left top;
    font-size: 0.95em;
    font-weight: bold;
    color: #fff;
    border: none;
    padding-bottom: 2px;
    cursor: pointer;
}

#articlebox #propertybox .variations .quantity input {
   	width: 30px;
	height: 15px;
	background: window;
	font-size: 100%;
	font-weight: normal;
	color: #000;
	border: medium none;
	padding-bottom: 0px;
	padding: 0;
	cursor: auto;
	text-align: center;
}

#articlebox #propertybox .variations .service {
    clear: both;
    margin: 20px 0 0 4px;
}

#articlebox #propertybox .footer {
    background: transparent url(../appimg/footer_artikelbox.gif) no-repeat
        scroll left top;
    width: 469px;
    height: 4px;
    line-height: 4px;
    font-size: 0px;
}

#articlebox .layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 469px;
    height: 188px;
    background: transparent url(../appimg/layer_469x188.gif) no-repeat;
    -moz-opacity: 0.7;
    filter: alpha(opacity =                                       70);
    cursor: pointer;
}

/* ------------------------------------- */
/** END Articlebox ***********************/
/** roundbox_469px ***********************/
/* ------------------------------------- */
.roundbox_469px {
    position: relative;
    width: 469px;
    margin-bottom: 12px;
}

.roundbox_469px .header {
    background: transparent url(../appimg/header_artikelbox.gif) no-repeat
        scroll left top;
    width: 469px;
    height: 4px;
    line-height: 4px;
    font-size: 0px;
}

.roundbox_469px .spacer {
    height: 5px;
    line-height: 5px;
    font-size: 0px;
    background: transparent url(../appimg/dotted_line_extract.gif) repeat-x;
    background-position: 0% 50%;
}

.roundbox_469px .content,.roundbox_469px .content_upperline {
    background: transparent url(../appimg/bg_verlauf_artikelbox.gif)
        repeat-y scroll left;
    padding: 12px 12px 10px 12px;
    vertical-align: middle;
    width: 469px;
}

.roundbox_469px .content {
    margin: 0%;
}

.roundbox_469px .content_upperline {
    margin-top: 1px;
}

.roundbox_469px .footer {
    background: transparent url(../appimg/footer_artikelbox.gif) no-repeat
        scroll left top;
    width: 469px;
    height: 4px;
    line-height: 4px;
    font-size: 0px;
}

.roundbox_469px .loginform .top {
    margin: 0;
    padding: 5px 20px 10px 20px;
}td { 
	vertical-aligin:top;
	background-position:expression(-this.offsetLeft); }

.roundbox_469px .loginform .top .error {
    padding: 0;
    width: 365px;
}

.roundbox_469px .loginform .middle {
    padding-bottom: 10px;
    margin: 1px 0;
}

.roundbox_469px .loginform .middle label {
    clear: clear;
    display: inline;
    float: left;
    width: 135px;
    padding-top: 3px;
}

.roundbox_469px .loginform .input {
    clear: both;
    padding: 7px 20px;
    margin-bottom: 10px;
    height: 1px;
}

.roundbox_469px .loginform .middle .input input {
    clear: none;
    display: inline;
    float: left;
    width: 185px;
    height: 14px;
    font-size: 0.90em;
    border: none;
}

.roundbox_469px .loginform .middle #linkbox {
    clear: both;
    margin: 0 0 0 155px;
    padding-top: 11px;
}

.roundbox_469px .loginform .middle #linkbox a {
    text-decoration: underline;
}

.roundbox_469px .loginform .middle .loginselect,.roundbox_469px .loginform .middle .loginselect2,.roundbox_469px .loginform .middle .loginselect3
    {
    clear: both;
    padding: 10px 0 0 12px;
    height: 20px;
}

.roundbox_469px .loginform .middle .loginselect .label,.roundbox_469px .loginform .middle .loginselect2 .label,.roundbox_469px .loginform .middle .loginselect3 .label
    {
    padding: 0 0 3px 10px;
}

.roundbox_469px .loginform .middle #div_login .error {
    display: inline;
    float: left;
}

.roundbox_469px .loginform .bottom {
    height: auto;
    width: 420px;
}

.roundbox_469px .loginform .bottom .mandatory {
    padding: 10px 0 10px 20px;
    height: auto;
    width: 400px;
}

.roundbox_469px .loginform .question select {
    width: 350px;
}

.roundbox_469px .loginform .answer input {
    width: 347px;
}

.roundbox_469px .loginform p {
    margin: 0;
}

.roundbox_469px .loginform .agree {
    margin-top: 10px;
}

.roundbox_469px .loginform .agree a {
    text-decoration: underline;
}

.roundbox_469px .loginform .salutation {
    margin-top: 12px;
}

.roundbox_469px .loginform .salutation label {
    margin-left: 20px;
}

.roundbox_469px .loginform .salutation .value {
    margin: 3px 20px 2px 5px;
}

.roundbox_469px .loginform .salutation div,.roundbox_469px  .loginform .agreementChoice div,.roundbox_469px .loginform .input,.roundbox_469px .loginform .tipp
    {
    float: left;
    display: inline;
}

.roundbox_469px .loginform .agreementChoice {
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: 15px;
}

.roundbox_469px .loginform .agreementChoice .value {
    margin: 3px 20px 2px 5px;
}

.roundbox_469px .loginform p {
    margin: 0;
}

.roundbox_469px .loginform .agree {
    margin-top: 10px;
}

.roundbox_469px .loginform .agree a {
    text-decoration: underline;
}

.roundbox_469px .loginform .salutation .error {
    padding-left: 58px;
}

.roundbox_469px .loginform .input select {
    display: inline;
    float: left;
    margin: 3px 0;
    width: 189px;
    height: 16px;
    font-size: 0.90em;
    border: medium none;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
}

.roundbox_469px .tableHeader,.roundbox_469px .tableRow {
    margin: 0 0 0 0;
    padding: 12px 12px 10px 12px;
    display: block;
   width: 465px;
    background: url(../appimg/bg_verlauf_artikelbox.gif)
        repeat-y scroll left !important;
}
 
.tdBackImage{
     
	   
	}

.roundbox_469px .tableHeader {
    text-align: center;
    clear: both;
    vertical-align: middle;
    height: 30px;
}

.roundbox_469px .tableHeader .col1,.roundbox_469px .tableHeader .col2,.roundbox_469px  .tableHeader .col3,.roundbox_469px  .tableHeader .col4
    {
    text-align: center;
}

.roundbox_469px .tableRow {
    text-align: center;
    clear: both;
    vertical-align: middle;
    height: 60px;
    margin-top: 1px;
}

/* 20100905 AZ */
.roundbox_469px .tableRow .article h3.shopFont {
    width: 330px;
}

.roundbox_469px .col1 {
    float: left;
    width: 80px;
    display: block;
}

.roundbox_469px .col2 {
    float: left;
    width: 80px;
    display: block;
}

.roundbox_469px .col3 {
    float: left;
    width: 179px;
    display: block;
}

.col3 .prioselect {
    width: 75px;
}

.roundbox_469px .col4 {
    float: left;
    width: 93px;
    display: block;
}

#wishlistBody .col1 {
    width: 65px;
}

#wishlistBody .col2 {
    width: 65px;
}

#wishlistBody .col3 {
    width: 220px;
}

#wishlistBody .col4 {
    width: 95px;
}

.roundbox_469px .cluster .input .error {
    margin-left: 135px;
    padding-left: 0px;
    float: left;
}

.roundbox_469px .adviceTooltip {
    background: transparent
        url(../appimg/bg_dotted_line_1px_000-transparent.png) repeat-x scroll
        0 100% !important;
    position: relative;
    top: 0;
    display: inline;
    left: 0;
}

.roundbox_469px .adviceTooltip p {
    margin-right: 10px;
}

.roundbox_469px .article,.roundbox_469px .singlePrice,.roundbox_469px .priceExTax,.roundbox_469px .taxRate,.roundbox_469px .priceIncTax
    {
    float: left;
    display: block;
}

.rounbox_469px .apnDetails {
    
}

.roundbox_469px .article {
    width: 120px;
}

.roundbox_469px .singlePrice {
    width: 80px;
}

.roundbox_469px .priceExTax {
    width: 100px;
}

.roundbox_469px .taxRate {
    width: 50px;
}

.roundbox_469px .priceIncTax {
    width: 100px;
}

.roundbox_469px .right {
    float: right;
    width: 120px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

#step_wk_3 .cluster .input .date #date_year {
    margin-right: 0px;
}

/* ------------------------------------- */
/** END roundbox_469px *******************/
/** roundbox_469px_bg*********************/
/* ------------------------------------- */
.roundbox_469px_bg {
    position: relative;
    width: 469px;
    margin-bottom: 12px;
}

.roundbox_469px_bg .header {
    background: transparent url(../appimg/header_artikelbox.gif) no-repeat
        scroll left top;
    width: 469px;
    height: 4px;
    line-height: 4px;
    font-size: 0px;
}

.roundbox_469px_bg .spacer {
    height: 5px;
    line-height: 5px;
    font-size: 0px;
    background: transparent url(../appimg/dotted_line_extract.gif) repeat-x;
    background-position: 0% 50%;
}

.roundbox_469px_bg .content,.roundbox_469px_bg .content_upperline {
    background: #BCC0C5;
    padding: 12px 12px 10px 12px;
    vertical-align: middle;
}

.roundbox_469px_bg .content {
    margin: 0%;
}

.roundbox_469px_bg .content_upperline {
    margin-top: 1px;
}

.roundbox_469px_bg .footer {
    background: transparent url(../appimg/footer_artikelbox.gif) no-repeat
        scroll left top;
    width: 469px;
    height: 4px;
    line-height: 4px;
    font-size: 0px;
}

/* ------------------------------------- */
/** END roundbox_469px_bg ****************/
/** roundbox_704px ***********************/
/* ------------------------------------- */
.roundbox_704px {
    position: relative;
    width: 704px;
    margin-bottom: 12px;
}

.roundbox_704px .header {
    background: transparent url(../appimg/roundbox704_top.gif) no-repeat
        scroll left top;
    width: 704px;
    height: 4px;
    line-height: 4px;
    font-size: 0px;
}

.roundbox_704px .spacer {
    height: 5px;
    line-height: 5px;
    font-size: 0px;
    background: transparent url(../appimg/dotted_line_extract.gif) repeat-x;
    background-position: 0% 50%;
}

.roundbox_704px .content,.roundbox_704px .content_upperline {
    background-color: #BCC0C5;
    padding: 12px 12px 20px 12px;
    vertical-align: middle;
}

/* Alexander Muss */
.roundbox_704px .contentX,.roundbox_704px .contentX_upperline {
    background-color: #BCC0C5;
    padding-top: 10px;
    padding-left: 8px;
    vertical-align: middle;
}

.roundbox_704px .content {
    margin: 0%;
}

.roundbox_704px .content_upperline {
    margin-top: 1px;
}

.roundbox_704px .footer {
    background: transparent url(../appimg/roundbox704_bottom.gif) no-repeat
        scroll left top;
    width: 704px;
    height: 4px;
    line-height: 4px;
    font-size: 0px;
}

/* ------------------------------------- */
/** END roundbox_704px *******************/
/** Advanced Search Form *****************/
/* ------------------------------------- */
.advsearchform .cluster {
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 20px;
    padding-top: 0px;
}

.advsearchform .cluster .input {
    clear: both;
    margin-bottom: 10px;
    height: 1px;
    padding: 0;
}

.advsearchform .cluster .tipp {
    clear: both;
    margin-bottom: 10px;
    height: 1px;
    padding: 0;
}

.advsearchform .cluster label {
    clear: both;
    display: inline;
    float: left;
    width: 135px;
    padding-top: 3px;
    font-weight: bold;
}

.advsearchform .cluster .example {
    margin: 0 0 0 135px;
}

.advsearchform .cluster .input select {
    display: inline;
    float: left;
    margin: 3px 0;
    width: 189px;
    height: 16px;
    font-size: 0.90em;
    border: medium none;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
}

.advsearchform .cluster .input input {
    display: inline;
    float: left;
    margin: 3px 0;
    width: 185px;
    height: 14px;
    font-size: 0.90em;
    border: none;
}

.advsearchform .cluster .tipp {
    float: none;
}

.advsearchform .cluster .tipp .checkbox {
    margin-left: 135px;
    display: inline;
    float: left;
}

.advsearchform .cluster .tipp .text {
    padding-top: 1px;
}

/* ------------------------------------- */
/** END Advanced Search Form *************/ /* Bildgroessen */
/* ------------ */
.img_xs {
    width: 60px;
    height: 45px;
}

.img_s {
    width: 188px;
    height: 75px;
}

.img_m {
    width: 202px;
    height: 152px;
}

.img_l {
    width: 469px;
    height: 188px;
}

.img_xl {
    width: 560px;
    height: 420px;
}

.img_kat {
    width: 188px;
    height: 75px;
}

.img_prod_teaser {
    width: 100px;
    height: 75px;
}

/** START Errors and Warnings ************/
/* ------------------------------------- */
/* ------------------------------------- */
/** END Errors and Warnings **************/
/* tootltips */
.adviceTooltip {
    float: left;
    margin-left: 2px;
    margin-right: 3px;
    margin-top: 2px;
}

.adviceTooltip .adviceContainer {
    display: none;
    position: absolute;
    top: 10px;
    left: 50%;
    width: 243px;
    color: #fff;
    background: none;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    z-index: 10000;
}

.adviceTooltip .header {
    width: 243px;
    height: 6px;
    line-heigt: 6px;
    clear: both;
    font-size: 0px;
    background: transparent url(../appimg/adviceTooltip_header.png)
        no-repeat scroll left top;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    z-index: 10000;
}

.adviceTooltip .footer {
    width: 243px;
    height: 6px;
    line-heigt: 6px;
    clear: both;
    font-size: 0px;
    background: transparent url(../appimg/adviceTooltip_footer.png)
        no-repeat scroll left bottom;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    z-index: 10000;
}

.adviceTooltip .content {
    width: 243px;
    clear: both;
    background: transparent url(../appimg/adviceTooltip_content.png)
        repeat-y scroll left top;
    padding-left: 5px;
    padding-right: 5px;
    margin: 0px 0px 0px 0px;
    z-index: 10000;
}

.adviceTooltip .content a {
    text-decoration: underline;
    font-weight: bold;
}

#audi_nav_pagelevel .navspacer {
    width: 228px;
}

/*-----------------------------------------------------------------------------------------------------------
    *********************************************************************************************************
    PER JSP SPECIFIC
    
------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>    
    BEGIN OF: ProductDetailsBody.jsp
--------------------------------------------------------*/

/*here are the prices font: */
dt.cell_cartidge_white {
    position: relative;
    height: 17px;
    width: 120px;
    font-family: "AudiType" !important;
    color: white !important;
    text-shadow: 1px 1px 1px #797D84;

    zoom: 1;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    word-spacing: 0;
}

/*here are the prices font: */
dt.cell_cartidge_white_quattro {
    position: relative;
    height: 18px;
    width: 120px;
    font-family: "AudiType" !important;
    color: white !important;
    text-shadow: 1px 1px 1px #797D84;

    zoom: 1;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    word-spacing: 0;
}

/*here are the prices font: */
dt.cell_cartidge_black {
    background-repeat: repeat-x;
    background-image: url(../appimg/dotblack.gif);
    background-position: 2px 8px;
    position: relative;
    height: 17px;
    width: 110px;
    margin-left: 10px;
    font-family: "AudiType" !important;
    color: black;
    text-shadow: 1px 1px 1px #797D84;

                  3);*/
    zoom: 1;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    word-spacing: 0;
}

/*here are the prices font: */
dt.cell_cartidge_black_quattro {
    background-repeat: repeat-x;
    background-image: url(../appimg/dotblack.gif);
    background-position: 0px 8px;
    position: relative;
    height: 18px;
    width: 110px;
    font-family: "AudiType" !important;
    color: black;
    text-shadow: 1px 1px 1px #797D84;


    zoom: 1;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    word-spacing: 0;
}

td.descHeader {
    position: relative;
    width: 270px;
    direction: ltr;
    vertical-align: top;
}

dl.prices_values_dl {
    position: relative;
    left: -15px;
    margin-left: 5px;
}

dl.adjust_price_title {
    position: relative;
    text-align: right;
    z-index: 10000;
}

/*------------------------------------------------------
    END OF: ProductDetailsBody.jsp ./
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
--------------------------------------------------------*/
/*------------------------------------------------------
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>    
    BEGIN OF: ProductsBody.jsp
--------------------------------------------------------*/
span.Productsbody_hinweis {
    position: relative;
    margin-left: 141px;
    top: 2px;
}

span.Productsbody_p1 {
    position: relative;
    top: 2px;
}

span.Productsbody_p1_rayed {
    position: relative;
    top: 2px;
    text-decoration: line-through;
}

span.Productsbody_p2 {
    position: relative;
    top: 2px;
}

/*------------------------------------------------------
    END OF: ProductsBody.jsp ./
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
--------------------------------------------------------*/
/*------------------------------------------------------
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>    
    BEGIN OF: CatalogCheckoutDeliveryBody.jsp
--------------------------------------------------------*/
div.btn_checkPlantNumber {
    position: relative;
    z-index: 1000;
    top: -10px;
    left: 5px;
}

/*------------------------------------------------------
    END OF: CatalogCheckoutDeliveryBody.jsp ./
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
--------------------------------------------------------*/
/*------------------------------------------------------
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>    
    BEGIN OF: CatalogCheckoutPaymentBody.jsp
--------------------------------------------------------*/
select.payment_combo {
    position: relative;
    left: 10px;
    min-width: 164px;
    max-width: 164px;
    width: 164px;
}

div.surround_download {
    position: relative;
    left: 0px;
    height: 250px;
    width: 662px;
    background-color: transparent;
    top: 9px;
}

table.tb_pdf {
    
}

td.label_wa_number {
    
}

div.label_wa_number {
    
}

td.wa_number {
    position: relative;
    border-left-width: 10px;
    border-left-style: solid;
    border-left-color: transparent;
}

div.wa_number {
    
}

td.btn_download {
    
}

div.btn_download {
    position: relative;
    left: -89px;
    top: 2px;
}

input.btn_download {
    position: relative;
}

td.error_wa_number {
    
}

div.error_wa_number {
    position: relative;
    left: -137px;
    top: 2px;
    width: 180px;
}

td.label_file_chooser {
    
}

div.label_file_chooser {
    
}

td.file_chooser {
    position: relative;
    border-left-width: 10px;
    border-left-style: solid;
    border-left-color: transparent;
}

div.file_chooser {
    
}

div.file_chooser_button {
    position: relative;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 2px;
    z-index: 1;
    left: -90px;
    width: 100px;
    height: 16px;
}

input.file_chooser {
    position: relative;
    text-align: right;
    -moz-opacity: 0;
    filter: alpha(opacity :   0);
    opacity: 0;
    z-index: 2;
    top: -20px;
    left: -160px;
    width: auto;
    cursor: pointer;
}

td.file_chooser_err {
    
}

div.file_chooser_err {
    position: relative;
    left: -20px;
}

td.btn_upload_again {
    
}

div.btn_upload_again {
    padding: 0 12px;
    background: url(../appimg/advice_faq_arrow_red.gif) no-repeat scroll 0px
        23px;
    vertical-align: middle;
    text-align: left;
}

input.btn_upload_again {
    position: relative;
    background-color: transparent;
    border-style: none;
    text-align: left;
    font-family: verdana;
    font-size: 11px;
    top: 3px;
}

td.btn_upload {
    
}

div.btn_upload {
    
}

td.btn_upload_err {
    
}

div.btn_upload_err {
    
}

td.label_checkbox {
    
}

div.label_checkbox {
    
}

td.checkbox {
    
}

div.checkbox {
    margin-right: 10px;
}

div.checkbox_err {
    position: relative;
    top: -20px;
    margin-left: 15px;
    width: 150px;
}

td.final_err {
    
}

div.final_err {
    position: relative;
    left: -20px;
}

/*------------------------------------------------------
    END OF: CatalogCheckoutPaymentBody.jsp ./
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
--------------------------------------------------------*/

/*catalog checkout confirmation body*/
table.adjust_columns {
    margin-left: -20px !important;
    width: 100% !important;
}

div.separator_width {
    width: 103%;
}

div.checkout_spec {
    position: relative;
    right: 15px;
}

/*END OF: catalog checkout confirmation body*/


/* Order Returns*/
DIV.orf_tbr{
	background: #BCC0C5;
	float: none;
	clear: none;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom:	20px;
	padding-left: 12px;
}

DIV.orf_tbr_upperline {
	margin-top: 1px;
}

DIV.orf_tbr DIV.orf_tbh, DIV.orf_tbr DIV.orf_tbc{
	float: left;
	clear: right;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	/*border: 1px solid red*/;
}

DIV.orf_tbr DIV.orf_tbh{
	text-align: center;
}

DIV.orf_tbr DIV.orf_tbc{
}

DIV.orf_tbr .col_options{
	width: 130px;
	text-align: left;
}

DIV.orf_tbr .col_sku{
	width: 100px;
	text-align: center;
}

DIV.orf_tbr .col_qty{
	width: 80px;
	text-align: center;	
}

DIV.orf_tbr .col_articlename{
	width: 250px;
	text-align: left;	
}

DIV.orf_tbr .col_remove{
	width: 100px;
	text-align: center;	
}

DIV.orf_tbr .col_half{
	width: 335px;
	text-align: right;
}

DIV.orf_tbr .col_half .defect_desc{
	width: 320px;
	margin-left: 10px;
}

.return_defect_desc{
	width: 660px;
}

.return_reason_select {
	float: right;
	width: 175px;	
}

#returnPageContent .input label,
	.ticketOwners .input label {
	clear: both;
    display: inline;
    float: left;
    padding-top: 3px;
    width: 135px;
}

#returnPageContent .input label.top {
    width: 185px;
}

#returnPageContent .input select,
	.ticketOwners .input select {
    border: medium none;
    display: inline;
    float: left;
    font-size: 0.9em;
    height: 16px;
    margin: 3px 0;
    outline: medium none;
    width: 189px;
}

#returnPageContent .input input,
	.ticketOwners .input input {
    border: medium none;
    display: inline;
    float: left;
    font-size: 0.9em;
    height: 14px;
    margin: 3px 0;
    width: 185px;
}

#returnPageContent .input textarea,
	.ticketOwners .input textarea{
    clear:both;
    border: medium none;
    display: inline;
    float: left;
    font-size: 0.9em;
    height: 14px;
    margin: 3px 0;
    width: 320px;
    height: 80px;
}

#returnPageContent .input .error,
	.ticketOwners .input .error{
	display: inline;
    float: left;
    color: #CC0033;
    font-weight: bold;
    line-height: 12px;
    padding-left: 20px;
    width: 300px;
}

.ticketOwners .input .street {
	width: 140px;
}

.ticketOwners .input .streetnr {
	width: 36px;
}

.ticketOwners .input .plz {
	width: 60px;
}

.ticketOwners .input .ort {
	width: 116px;
}

.ticketOwners .input .street,.ticketOwners .input .plz {
	margin-right: 5px;
}

.showOwnerLink {
	float:left; 
	clear:both;
	display: inline;
	background: transparent url(../appimg/advice_faq_arrow_black.gif) no-repeat scroll left 55%;
    padding: 5px 28px 0 20px;
}

.hideOwnerLink {
	float:left; 
	clear:both;
	display: inline;
	background: transparent url(../appimg/advice_faq_arrow_black_active.gif) no-repeat scroll left 55%;
    padding: 5px 28px 0 20px;
}

/* END Order Returns*/
.download_right {
    background: url("../appimg/icon_download.gif") no-repeat scroll left 1px transparent;
    display: inline;
    padding: 0 0 0 15px;
}

.notallowed {
	padding-left: 0px !important;
	padding-top: 20px;
}

#loader-pane {
	display: none;
	height: 100%;
	position: absolute;
	width: 100%;
	opacity: 0.9;
	z-index: 10000;
	text-align: center;
}

#vtp_preloader {
	position: absolute;
	text-align: center;
	z-index: 10030;
}

#image-pane {
	display: none;
	height: 100%;
	position: absolute;
	width: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
	z-index: 10100;
	background-color: black;
}

#image-pane-img {
	display: none;
	position: absolute;
	text-align: center;
	padding: 20px 0px 20px 0px;
	z-index: 10130;
}
.headerImg {
    background: transparent url(../appimg/header_704_a0a5ad.gif) no-repeat
        scroll left top;
    width: 704px;
    height: 3px;
    line-height: 3px;
    font-size: 0px;
}
.footerImg {
    background: transparent url(../appimg/footer_704_a0a5ad.gif) no-repeat
        scroll left top;
    width: 704px;
    height: 4px;
    line-height: 4px;
    font-size: 0px;
}