html
{
	height:100%;
}
body
{
	padding-right: 0px;
	padding-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-bottom: 0px;
	margin: 0px;
	color: #000000;
	padding-top: 0px;	
	background-color: #ffffff;
	height:100%;
}

table
{
	font-size:10px;
	margin-top:0;
	padding-bottom:0;	 
}
ul {
	padding: 0px 10px 0px 10px;
}
img {
	border:0
}
sub {
	font-size:8px;
}

h1 
{
    margin:0px;
}

div.spacer  /* div sections used as vertical spacers */
{
    padding:0px;
    margin:0px;
    border:0px;
    line-height:0px;
}

a:link{
	color:#000000;
	text-decoration:none;
}
a:visited{
	color:#000000;
	text-decoration:none;
}
a:hover{
	color:#000000;
	text-decoration:none;
}
a:active{
	color:#000000;
	text-decoration:none;
}

a.mplLinkEmphasized:link {color:#000000;}
a.mplLinkEmphasized:visited {color:#000000;}
a.mplLinkEmphasized:hover {color:#000000;}
a.mplLinkEmphasized:active {color:#000000;}

.textLink:link{
	color:#333333;
	text-decoration:underline;
	font-weight:bold;
}
.textLink:visited{
	color:#333333;
	text-decoration:underline;
	font-weight:bold;
}
.textLink:active{
	color:#333333;
	text-decoration:underline;
	font-weight:bold;
}
.textLink:hover{
	color:#333333;
	text-decoration:underline;
	font-weight:bold;
}

table.summary
{
    font-size:10px; 
    background:#FFFFFF; 
    border:0px;
    padding:10px;
}
.summaryTitle
{
    padding-left: 10px;
    padding-top:7px;
    padding-bottom:7px;
    font-weight: bold;
    background: #B5BBAD;
    color: #000000;
    text-decoration: none;
    border-top:1px solid #FFFFFF;
}

.summaryHeader
{
    text-decoration:none;
    padding-bottom:4px;
}
.summaryText, .summaryTextBold
{
    padding-top:6px;
}
.summaryTextBold 
{
    font-weight:bold;
}

.summaryPageHeader		/* Header text on the summary page. Like listHead, but font-weight normal */
{
	font-size:10px;
	font-weight: normal;
	background:#D7DBD3;
	line-height:1.6;
	padding-left:9px;
	padding-top:1px;
	padding-bottom:1px;
}

.summaryCalcHeader 
{
    background-color:#D7DBD3; font-weight:bold; color:#000000;
    padding-left:10px; padding-right:10px;
    padding-top:4px; padding-bottom:4px; 
}

.summaryNote
{
    padding-bottom: 4px;
    color: gray;
    text-decoration: none;
}

.summaryLabelColumn
{
    text-decoration:none;
    padding-right:20px;
    width:200px;
    text-align:left;
    padding-left:10px;
}
.summaryRuler 
{
    border-bottom:1px solid #E1E1E1; 
}


.pageSubBorder
{
	font-weight: bold;
	cursor: hand;
	color: white;
	text-indent: 50px;
	height: 12px;
	background-color: #003366;
}

/*			NAVIGATION-TABLEELEMENTS	*/
.navLeft {padding-left:9px; padding-bottom:7px;}
.navRight {padding-right:9px; padding-bottom:7px;}

/*			HISTORY-TABLEELEMENTS	*/

.tabHistory,
.tabHistoryActive,
.tabHistoryForw,
.tabHistoryForwCalcGroup,
.tabHistoryCalcGroup,
.tabHistoryActiveCalcGroup
{
	padding-left: 16px;
	font-size:10px;
	font-weight: bold;
	width: 165px;
	color: #000000;
	line-height: 19px;
	text-decoration: none;
}
.tabHistoryUnchecked
{
	background: url(/CalculatorFE/layouts/audi/bullet_unchecked.gif);
	background-repeat:no-repeat;
	background-position: left center;
}
.tabHistoryChecked
{
	background: url(/CalculatorFE/layouts/audi/bullet_checked.gif);
	background-repeat:no-repeat;
	background-position: left center;
}
.tabHistoryActive a
{
	color: #FFFFFF;
}
.tabHistoryForw a
{
	color: #555555;
}
.tabHistoryForwCalcGroup
{
	padding-left: 24px;
	font-weight: normal;
}
.tabHistoryForwCalcGroup a
{
	color: #333333;
}
.tabHistoryCalcGroup
{
	padding-left: 24px;
	font-weight: normal;
}
.tabHistoryCalcGroup a
{
	color: #333333;
}
.tabHistoryActiveCalcGroup
{
	padding-left: 24px;
	
}
.tabHistoryActiveCalcGroup a
{
	color: #FFFFFF;
}
/* Styles used for the product list */
.productList
{
	left: 20px;
	position: relative;
}
.productLabel
{
	color: #000000;
	font-weight:bold;
}
.productDescription
{
	padding-bottom: 20px;
	width:400px;
	color: #000000;
}

.errorMsg
{
}
.errorCell
{
	color:#FFFFFF;
	background-color:#D68A2C;
	font-weight:bold;
	padding:8px 8px 8px 8px;
}

/* Information control MPL (Multi Puporse List) */
.mplBold{
	color:#000000;
	font-weight:bold;
	padding-left:2px;
}
.mplLinkEmphasized{
	color:#000000;
	font-weight:bold;
	padding-left:2px;
}
.mplHeader
{
  	font-weight: bold;
	color: white;
}
.mpl{
	color:#333333;
	font-weight:normal;
	padding-left:2px;
}
.mplNoPad{
	color:#333333;
	font-weight:normal;
}
.mplErrorMsg{
	color:#cc3300;
	font-weight:bold;
}
.mplErrorMsg ul
{
	margin-left: 17px;
}
.mplErrorMsgNetscape{
	color:#cc3300;
	font-weight:bold;
}
.mplErrorMsgNetscape ul
{
	margin-left: -20px;
}
.mplPaddingCellTop
{
	background-color:#E1E1E1;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}
.mplPaddingCellLeft
{
	background-color:#E1E1E1;
}

.mplTable
{
	background: url(/CalculatorFE/layouts/audi/bg_mpl.gif);
}
.mplVehicleTable .mplHeader
{
	color: #000000;
	padding-left:4px;
	background: url(/CalculatorFE/layouts/audi/infobox_bg.gif);
}
.mplVehicleCell
{
	text-align: center;
	padding-left:2px;
	background: url(/CalculatorFE/layouts/audi/infobox_bg.gif);
}
.mplVehicleTable .mplValue
{
	color:#333333;
	font-weight:normal;
	padding-left:2px;
}
.mplVehicleTable .mpl
{
	padding-left:0px;
	white-space: nowrap;
}
.calculateBackground {background-color:#FFFFFF;}

/*			TEXT				*/

.maintext{
	color:#000000;
}
.maintextSmall{
	color:#666666;
	font-size:9px;
}
.maintextSmallSup
{
	font-size: 9px;
	vertical-align: super;
	color: #000000;
}
.maintextBold{
	color:#000000;
	font-weight:bold;
}
.tableHeader{
	color:#000000;
	font-size:12px;
	font-weight:bold;
}
.maintextBlack{
	color:#000000;
}
.maintextBoldBlack{
	color:#000000;
	font-weight:bold;
}
.mainheader
{
	font-weight: bold;
	font-size: 11px;
	height: 29px;
	width: 429px;
	color: #FFFFFF;
	background-color: #B4BAAC;
	vertical-align: top;
}
.subheader
{
	color: #000000;
}
.calcheader
{
	font-size: 12px;
	font-weight:bold;
	color: #000000;
}
.disclaimer
{
	color:#666666;
}
.disclaimerCell
{
	padding-left:9px;
	padding-right:9px;
	padding-bottom:4px;
}
.disclaimerCalc
{
	color:#666666;
}

/*			FORMELEMENTS		*/

.inputRow
{
	height: 25px;
}

.txtfieldshort, .txtfieldmiddle, .txtfieldlong, .txtfieldlongNumeric, 
.txtfieldlonger, .txtfieldwide, .txtfielddate, .txtfieldmonth, .txtfieldyear 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
}

.txtfieldwide	{ width: 200px; }
.txtfieldlong	{ width: 130px; }	/* txtfieldlong + txtfieldshort + error column + padding = txtfieldwide */
.txtfieldmiddle	{ width: 70px; }
.txtfieldshort	{ width: 50px; }
.txtfielddate	{ width: 70px; }
.txtfieldmonth	{ width: 23px; }
.txtfieldyear	{ width: 35px; }
.txtfieldlongNumeric	{ width: 150px; text-align: right; }

.textBoxReadOnly, .textBoxReadOnlyNumeric
{
	width:150px;
	color:#000000;
	font-size:11px;
	border-style: none;
	background-color: transparent;
}
.textBoxReadOnlyNumeric
{
	text-align: right;
}

.pulldownwide, .pulldownlong, .pulldownmiddle, .pulldownshort, .pulldownyear, .pulldown, .pulldownauto
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:10px;
}

.pulldownwide	{ width:200px; }
.pulldownlong	{ width:150px; }
.pulldownmiddle	{ width:70px; }
.pulldownshort	{ width:40px; }
.pulldownyear	{ width:70px; }
.pulldown, .pulldownauto { }	/* combo box with variable width */

/*			Contentcells		*/

.cellQuadquestion{
    width:20px;
}
.cellAlert
{
    width: 10px;
    font-weight: bold;
    font-size: 12px;
    color: #cc3300;
    text-align: center;
}
.cellLabel
{
	width:140px;
	color:#666666;
}
.cellLabelBold{
	width:140px;
	color:#666666;
	font-weight:bold;
}
.cellDuty{
	width:10px;
	color:#666666;
	padding-bottom:13px;
	text-align:right;
	padding-right:2px;
}
.cellFormelement{
	width:130px;
	text-align:right;
}
.cellFormelementLeft{
	width:250px;
}
.cellTextelementBold{
	width:130px;
	text-align:right;
	color:#666666;
	font-weight:bold;
}
.layoutTable
{
	table-layout:fixed;
}
.cellXmlElement{
	width:350px;
}

.tableRow 
{
	background-color:#D8DBD4;
}

/* Help popup */
.helpPopup
{
	display: none;
	z-index: 10;
	left: 80px;
	overflow: auto;
	color: #000000;
	width: 255px;
	height: 200px;
	border-style: none;
	position: absolute;
	top: 200px;
	background-color: #E1E1E1;
	border-left:1px solid #D48C2C;
	border-right:1px solid #D48C2C;
	border-bottom:1px solid #D48C2C;	
}
.helpTitle
{
	background-color:#D48C2C;
	padding-left:1px; padding-top:2px;
	font-weight:bold;
}
.helpBody
{
	padding-left:4px; padding-top:4px; padding-bottom:4px; padding-right:4px;
}


.listHead
{
	font-size:10px; 
	font-weight: bold;
	background:#D7DBD3; 
	line-height:1.6; 
	padding-left:9px; 
	padding-top:1px; 
	padding-bottom:1px; 
}

.itemList .listHead 
{
	padding-left:2px;
}


.headBox		{ background:#B5BBAD; font-size:11px; line-height:12px; font-weight:bold; color:#FFFFFF; }
.headBox .text	{ padding-left:9px; padding-top:4px; padding-bottom:20px; font-size: 11px; line-height: 14px; font-weight: bold; color: #FFF; }
.headBox xTABLE	{ border-top: 1px solid #FFF; width: 100%; height: 36px; }

.itemList
{ 
    font-size:10px; 
    background:#FFFFFF; 
    table-layout:auto; 
    border-top:1px solid #FFFFFF; 
    border:0px;
}

.itemList .itemFirst,	    /* Common properties of itemList elements */
.itemList .itemText,
.itemList .itemTextLeft,
.itemList .itemTextRight,
.itemList .itemSelectLabel,
.itemList .text,
.itemList .error	
{ 
    padding-top:6px; 
    padding-bottom:4px; 
    padding-left:2px; 
    padding-right:2px; 
    vertical-align:middle; 
}

.itemList .itemTextLeft,	/* leftmost column of an itemList table */
.itemList .itemFirst	    /* Leftmost column of an itemList containing some symbol like 'Help' or an radio button */
{
    padding-left:10px; 
}

.itemList .itemFirst
{
    padding-right:10px;
}

.itemList .itemTextRight    /* rightmost column of an itemList table */
{ 
    padding-right:10px;
}

.itemList .error			/* validator column in credit forms */
{ 
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	padding-right: 0px;
    text-align: right;
    width:13px;
}

.itemList .itemSelectLabel 
{
    vertical-align:top; 
    padding-left:9px; 
}

.itemList .itemAlert {
	width: 10px;
	font-weight: bold;
	font-size: 12px;
	color: #cc3300;
	text-align: center;
}

.itemList .itemLast	    /* bottom-most row of an itemList table */
{ 
    padding-bottom:0px;
    border-top:1px solid #E1E1E1; 
}

.itemList .checkBox1
{
    padding-top:3px; 
    padding-bottom:4px; 
    padding-left:9px; 
    width:20px; 
    vertical-align:top;
    border-top:1px solid #E1E1E1;
}

.itemList .text		
{ 
	padding-left:10px;
    vertical-align:top; 
    border-top:1px solid #E1E1E1;
}

.itemList .textBold	{ vertical-align: top; font-weight:bold; }
.itemList .text3	{ vertical-align: middle; padding-left: 6px; }
.itemList .dottedY	{ background: url(/CalculatorFE/layouts/audi/dotted_y2.gif); width: 1px; }
.itemList .dottedYw	{ background: url(/CalculatorFE/layouts/audi/dotted_y3.gif); width: 1px; }
.itemText .small	{ font-size:9px; color:#666666; }

/* hack for asp:RadioButtonList tables: */
.radio * label		{ padding-right: 20px; }

.metalink {padding-left:5px; padding-right:5px; font-weight:bold;}
a.metalink:active {font-weight:bold;color:#666666;}
a.metalink:link {font-weight:bold;color:#666666;}
a.metalink:active {font-weight:bold;color:#666666;}
a.metalink:visited {font-weight:bold;color:#666666;}

.infoBoxTable
{
	table-layout:fixed;
	border-top:1px solid #333333;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
}
.infoCell1
{
	background-color:#FFFFFF;
}
.infoCell2
{
	background-color:#E1E1E1;
}
.infoCellDot
{
	background-image: url(/CalculatorFE/layouts/audi/metabox_dotted.gif);
}
.yellowa{background-color:#FFCC00;}
.yellowb{background-color:#FFE991;}
.yellowc{background-color:#FFEDA6;}
.yellowd{background-color:#FEF7DA;}
.yellowe{background-color:#FFE373;}
.yellowf{background-color:#FFF3C3;}

/* Form, Summary Styles BEGIN */
/* TODO: rename .formXXX to XXX, because parent defines exact scope */
/* Surrounding table */
.formTable,
.sumTable
{
	width:100%;
	font-size:10px; 
    background:#FFFFFF; 
    table-layout:auto; 
    border-top:1px solid #FFFFFF; 
    border:0px;
}
#vehicleSelect .formLabel
{
	padding-left: 30px;
}
.calcTable
{
	width:100%;
	font-size:10px; 
    background:#FFFFFF; 
    table-layout:auto; 
    border-top:1px solid #FFFFFF; 
    border:0px;
}

/* Headline Cell */
.formTable .formHeadline,
.sumTable .sumHeadline,		   
.calcTable .calcHeadline
{
    background:#B5BBAD; color:#000000;
    font-weight:bold;
    padding-left:30px; padding-right:0px; padding-top:7px; padding-bottom:7px;
    border-top:1px solid #FFFFFF;
}

/* dealer search special */
#dealerSearchTable .formTable .formLabel
{
	padding-left:30px; 
}

#dealerSearchTable .formTable .formUnits
{
	text-align:left;
    padding-left:4px; padding-right:20px; padding-top:6px; padding-bottom:4px; 
	vertical-align:middle; 

}

#dealerSearchTable .formButton
{
	text-align:right;
    padding-left:4px; padding-right:20px; padding-top:6px; padding-bottom:4px; 
}
/* end dealer search */

.formTable .formSubHeadline,	/* Subheadline Cell */
.sumTable .sumSubHeadline,
.calcTable .calcSubHeadline
{
	color:#000000; background-color:#D7DBD3; 
	font-weight:bold; 
    padding-left:30px; padding-right:10px; padding-top:4px; padding-bottom:4px; 
}
.sumTable .sumHeadline,
.sumTable .sumSubHeadline
{
	padding-left: 10px;
}
.formTable .formLabel,			/* Label Cell */
.calcTable .calcLabel
{
	width:50%;
    padding-left:0px; padding-right:2px; padding-top:6px; padding-bottom:4px; 
    vertical-align:middle; 
}
/* Calc note */
.calcTable .calcNoteText
{
	color:#666666;
	font-size:9px;	
}
.sumTable .sumLabel
{
	width:40%;
    padding-left:10px; padding-right:6px; padding-top:6px; padding-bottom:4px; 
    vertical-align:middle; 
}

.sumTable .sumText
{
	padding-left: 2px;
}

.sumTable .sumDisclaimer
{
	padding-left:10px;
}
/* Help Cell */
.formTable .formHelp,
.calcTable .calcHelp
{
	width:30px;
    padding-left:0px; padding-right:0px; padding-top:6px; padding-bottom:4px; 
}
.formTable .formVal,				/* Validator Cell */
.calcTable .calcVal
{
	text-align:left;
	empty-cells: show;
    padding-left:5px; padding-right:2px; padding-top:6px; padding-bottom:4px; 
}
.formTable .formValRow2,			/* Validator Cell without deco (for multiline cells) */
.calcTable .calcValRow2
{
	text-align:right;
	empty-cells: show;
	padding-left:20px; padding-right:0px; padding-top:2px; padding-bottom:2px;
}
.formTable .formValSpacer,		/* Validator Cell without deco (for multiline cells or sub tables (postcode, city)) */
.calcTable .calcValSpacer
{
	text-align:right;
	padding-left:4px; padding-right:4px; padding-top:2px; padding-bottom:2px;
	width: 12px;
}
.formTable .formCtl,			/* Control/Value Cell */
.sumTable .sumValue
{
    padding-left:5px; padding-right:10px; padding-top:6px; padding-bottom:4px; 
	vertical-align:middle; 
}
.calcTable .calcCtl
{
	white-space:nowrap;
	text-align:right;
    padding-left:5px; padding-right:4px; padding-top:6px; padding-bottom:4px; 
	vertical-align:middle; 
}
/* Select Controls, groupwise */
.calcTable .calcSelCtrl
{
	text-align:left;
    padding-left:5px; padding-right:4px; padding-top:6px; padding-bottom:4px; 
	vertical-align:middle; 
}
/* Label for Select Group above */
.calcTable .calcSelLabel
{
	text-align:left;
    padding-left:5px; padding-right:4px; padding-top:6px; padding-bottom:4px; 
	vertical-align:middle; 
}

/* Units Cell */
.calcTable .calcUnits
{
	text-align:left;
    padding-left:4px; padding-right:0px; padding-top:6px; padding-bottom:4px; 
	vertical-align:middle; 
}
/* Comment Cell */
.formTable .formComment,
.formTable .formText,
.sumTable .sumComment,
.calcTable .calcComment
{
	text-align: left;
    padding-left:10px; padding-right:10px; padding-top:6px; padding-bottom:4px; 
}
.formTable .formComment,
.formTable .formText
{
	padding-left:30px;
}
/* Last row */
.formTable .formLastRow,		
.sumTable .sumLastRow,	
.calcTable .calcLastRow
{
    padding-top:4px;
    padding-bottom:0px;
    border-bottom:1px solid #E1E1E1; 
}
.formTable .formCtlRow2
{
	text-align:left;
	padding-left:5px; padding-right:10px; padding-top:2px; padding-bottom:2px;
}

.formTable .formHelpDiv,
.calcTable .calcHelpDiv
{
	text-align: right;
	padding-right: 4px;
	width: 26px;
	height: 15px;
}

/* Form Styles END */

/* Styles for generic banner control BEGIN */

div.banner						/* Global settings for the banner */
{
	font-weight:normal;
}

div.bannerHeading,				/* The banner headline */
div.bannerIntroText,			/* Intro text above the image */
div.bannerText,					/* Text below the image */
a.bannerLink					/* Information link */
{
	padding-left:2px;
}

div.bannerHeading
{
  	font-weight: bold;
  	padding-bottom:4px;
}

img.bannerImage					/* The banner image */
{
	display:inline;				/* (necessary to center the image!) */
}

div.bannerIntroText,
div.bannerText 
{
	color:#333333;
}

div.bannerIntroText,
div.bannerText,
div.bannerLink
{
	padding-top:4px;
}

div.bannerLink 
{
	color:#000000;
	font-weight:bold;
	margin-bottom:8px;
}

a.bannerLink:link,
a.bannerLink:visited,
a.bannerLink:hover,
a.bannerLink:active
{
	color:#000000;
}

/* Styles for generic banner control END */