@media screen {
    body {
        color: #000000;
        font-family: Verdana, Arial, Sans-serif;
        /* See fonts Small or Big */
        text-align: center;
        margin: 0px;
        padding: 0px;
        background-color: #E5E5E5;
        background-image: url("../images/pattern.gif");
        background-repeat: repeat;
        background-position: 50% top;

        SCROLLBAR-FACE-COLOR: #dddddd;
        SCROLLBAR-HIGHLIGHT-COLOR: #dddddd;
        SCROLLBAR-SHADOW-COLOR: #dddddd;
        SCROLLBAR-3DLIGHT-COLOR: #eeeeee;
        SCROLLBAR-ARROW-COLOR: #000000;
        SCROLLBAR-TRACK-COLOR: #f5f5f5;
        SCROLLBAR-DARKSHADOW-COLOR: #cccccc;
        overflow: auto;
    }
    body.printTemplate {
        overflow: auto;
   	}
}
@media screen, print {
    body.login div.error {
        width: 400px;
        background-image: url("../images/icons/red_cross.gif");
        background-repeat: no-repeat;
        background-position: 12px 50%;
        margin: 10px 0px;
        background-color: #EEE;
        border: 1px solid #AAA;
    }
    body.login div.error div.text {
        font-family: Verdana, Arial, Sans-serif;
        padding: 10px;
        padding-left: 40px;
        color: #FF0000;
    }
    body.login {
        overflow: auto;
    }
    body.htmlTemplate {
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: #FFF;
        background-image: none;
        text-align: left;
    }
    body.login .loginTable {
        margin: 0px auto;
    }
    body.iframe {
        background-color: #EEEEEE;
        margin: 0px;
        padding: 0px;
        background-image: none;
    }
    body.iframe #message {
        padding-top: 50px;
    }
    #container {
        width: 100%;
        height: 100%;
        text-align: left;
        background-color: #FFFFFF;
        padding: 0px;
        margin: 0px;
    }
    #container td {
        height: auto;
    }
    #container td#content {
        height: 100%;
        vertical-align: top;
    }
    #container td.interactive#content {
    	border-top: 5px solid #AAAAAA;
    }

    #messageAjax {
        text-align: center;
        padding-top: 20px;
        color: #000000;
        width: 100%;
    }
    #messageAjax div {
        width: 150px;
        margin: 20px auto;
        padding: 10px;
        text-align: center;
        background-color: #FFFFFF;
        border: 1px solid #CCCCCC;
    }
    #message {
        position: absolute;
        left: 0px;
        top: 300px;
        width: 100%;
        text-align: center;
        color: #000000;
        display: none;
    }
    #message div {
        width: 150px;
        margin: 20px auto;
        padding: 10px;
        text-align: center;
        background-color: #FFFFFF;
        border: 1px solid #CCCCCC;
    }
    #content {
        padding: 0px;
    }
    .contentTable {
        width: 100%;
       	clear: both;
    }
    #layoutTable {
        width: 100%;
        height: 100%;
        display: table;
        table-layout: fixed;
     }
    .layoutTableIdLocation {
        width: 100%;
        height: 100%;
        max-height: 100%;
        background-color: #F5F5F5;
        border: 1px solid #DDDDDD;
        border-bottom: none;
    }

    #footer {
        background-color: #F9F9F9;
        border-top: 1px solid #CCCCCC;
        /* See fonts Small or Big */
        color: #BBBBBB;
        text-align: center;
        padding: 2px 1px;
    }
    .shadow {
        */ width: 100%;
        background-image: url("../images/shadow.gif");
        background-repeat: no-repeat;
        background-position: bottom right;
        margin: 5px;
        clear: both;
    }
    .innershadow {
        */ width: 100%;
        background-image: url("../images/shadow2.gif");
        background-repeat: no-repeat;
        background-position: left top;
        padding: 0 6px 6px 0;
    }
    #waiver {
        border: 1px solid #DDDDDD;
        background-color: #FFFFFF;
        padding: 5px;
    }

    <!-- Main selection menu - brands/my truck/components -->

    #brandingmenu {
        vertical-align: bottom;
        padding: 0px;
        margin: 0px;
    }
    #brandingmenu table {
        padding: 0px;
        margin: 0px;
        margin-left: 4px;
        background-image: url("../images/aluminium2.gif");
        background-repeat: repeat-x;
        background-position: 50% top;
        border-collapse: collapse;
    }
    #brandingmenu td {
        padding: 0;
        margin: 0px;
        border: 1px solid #AAAAAA;
        border-bottom: none;
    }
    #brandingmenu td a {
        display: block;
        padding: 4px 8px;
        color: #555555;
        text-decoration: none;
        /* See sizes */
        /* See fonts Small or Big */
    }
    #brandingmenu td#active {
        border: 1px solid #AAAAAA;
        border-bottom: none;
    }
    #brandingmenu td#active a {
        background-color: #FFFFFF;
        color: #555555;
        font-weight: bold;
    }
    #brandingmenu td.disabled span {
        display: block;
        padding: 4px 8px;
        color: #555555;
        text-decoration: none;
        cursor: default;
        /* See sizes */
        /* See fonts Small or Big */
    }
    .carworkshop {
        background-image: url("../images/icons/carworkshop.gif");
        background-repeat: no-repeat;
        background-position: 30% -8px;
    }
    .truckworkshop {
        background-image: url("../images/icons/truckworkshop.gif");
        background-repeat: no-repeat;
        background-position: 30% -8px;
    }
    .workshoporganizer {
        background-image: url("../images/icons/organizer_off.gif");
        background-repeat: no-repeat;
        background-position: 30% -8px;
    }
     .workshoporganizerActive {
    	background-image: url("../images/icons/organizer.gif");
        background-repeat: no-repeat;
        background-position: 30% -8px;
    }
    
    #brandingmenu {
        vertical-align: bottom;
        padding: 0px;
        margin: 0px;
    }
    #brandingInteractiveTitle {
        background-image: url("../images/interactiveCover.gif");
        background-repeat: repeat-x;
        background-position: 50% 0px;
        padding: 0px 8px;
        color: #777777;
        white-space: nowrap;
    }
    #brandingInteractiveTitle span#big {
        font-weight: bold;
        /* See fonts Small or Big */
    }
    #brandingInteractiveTitle div.headerIconTitleWrapper {
        padding: 10px 0px;
    }
    #brandingInteractiveTitle div.headerIconTitleWrapper img {
        margin-right: 10px;
    }
    #brandingInteractivebuttons {
        background-image: url("../images/interactiveCover.gif");
        background-repeat: repeat-x;
        background-position: 50% 0px;
        padding: 0px;
        padding-top: 10px;
        color: #777777;
        white-space: nowrap;
    }
    #brandingInteractivetabBarlevel1 {
        padding: 0px 10px;
    }
    #brandingInteractiveLogo {
        vertical-align: top;
        text-align: right;
        padding-right: 25px;
    }

    <!-- Main image shown on welcome page -->
    table#SelectionTable {
        border-top: 1px solid #eeeeee;
    }
    div#Selection {
        padding: 0px 6px;
        padding-top: 5px;
    }
    #Selection td#leftheader {
        border-left: 1px solid #eeeeee;
        padding: 0px;
    }
    #Selection td#centerheader {
        border-left: 1px solid #eeeeee;
        border-right: 1px solid #eeeeee;
        padding: 0px;
    }
    #Selection td#rightheader {
        border-right: 1px solid #eeeeee;
        padding: 0px;
    }
    #Selection td.header a#active {
        margin: 0px;
        display: block;
        padding: 5px 8px;
        color: #AAAAAA;
        background-color: #ffffff;
        text-decoration: none;
        /* See sizes */
        /* See fonts Small or Big */
    }
    #Selection td.header a#active:hover {
        /* See branding */
    }
    #Selection td.header a {
        display: block;
        color: #777777;
        background-color: #f5f5f5;
        font-weight: normal;
        padding: 5px 8px;
        text-decoration: none;
        /* See sizes */
        /* See fonts Small or Big */
    }
    #Selection td.header a:hover {
        /* See branding */
    }
    #Selection td.header span.disabled {
        display: block;
        color: #777777;
        background-color: #f5f5f5;
        font-weight: normal;
        padding: 5px 8px;
        text-decoration: none;
        cursor: default;
        /* See sizes */
        /* See fonts Small or Big */
    }

    #quickFinder {
        text-align: right;
        float: right;
        width: 50%;
        padding: 4px;
        background-color: #eeeeee;
        background-image: url("../images/aluminium.gif");
        background-repeat: repeat-x;
        background-position: 50% bottom;
        border-left: 1px solid #AAAAAA;
        border-bottom: 1px solid #AAAAAA;
    }
    #quickFinder input.text {
        /* See sizes */
    }
    #carTypeTitle {
        padding: 10px 8px;
        padding-bottom: 5px;
        background-color: #FFFFFF;
        margin: 0px;
        /* See fonts Small or Big */
    }
    #carTypeTitle #big {
        font-weight: bold;
        /* See fonts Small or Big */
    }
    #carTypeTitle img {margin-bottom: -3px;}


    #leftSelection {vertical-align: middle; padding: 10px 10px;
        /* See sizes */
    }
    #centerSelection {vertical-align: middle; padding: 10px 10px;
        /* See sizes */
    }
    #rightSelection {vertical-align: middle; padding: 10px 10px;
        /* See sizes */
    }

    #welcome {
        border-collapse: collapse; empty-cells: show; padding: 0px;
    }
    #welcome div {
        width: 100%;
    }
    #welcome div.link {
        padding: 7px 8px; border: 2px outset; color: #000000; text-decoration: none;
        background-color: #eeeeee;
        background-image: url("../images/aluminium2.gif");
        background-repeat: repeat-x;
        background-position: bottom left;
        /* See fonts Small or Big */
    }
    #welcome div.hover {
    	padding: 7px 8px; border: 2px outset;
        cursor: pointer;
	cursor: hand;

        /* See branding */
        /* See fonts Small or Big */
    }
    #welcome div.hover span.accentcolor {color: #FFFFFF;}
    #welcome div.disabled {
        padding: 7px 8px; border: 2px outset; color: #000000; text-decoration: none;
        background-color: #eeeeee;
        background-image: url("../images/aluminium2.gif");
        background-repeat: repeat-x;
        background-position: bottom left;
	cursor: pointer;
	cursor: hand;

        /* See fonts Small or Big */
    }

    table.makesBox {
        width: 100%;
        empty-cells: show;
        border-collapse: collapse;
        padding: 0px;
    }
    table.makesBox td.makesListContainer {width: 100%; height: 100%;
        /* See sizes */
    }
    table.makesBox div.list {
        width: 100%;
        /* See sizes */
    }
    table.makesBox div.list table {
        width: 100%;
        empty-cells: show;
        border-collapse: collapse;
        border: 1px solid #AAAAAA;
    }
    table.makesBox div.list td {border: 1px solid #EEEEEE; vertical-align: middle; padding: 1px;}
    table.makesBox div.list td.link {background-color: #FFFFFF; color: #000000; text-decoration: none;}
    table.makesBox div.list td.hover {
	cursor: pointer;
	cursor: hand;
        /* See branding */
    }
    table.makesBox div.list div.makelogo {float: left; background-color: #FFFFFF; text-align: center; padding: 1px 0px;
        margin: 0px;
        margin-right: 2px;
        /* See sizes */
    }

    table.scrollBox {background-color: #FFFFFF; border: 1px solid #AAAAAA; width: 100%;}
    table.scrollBoxWarning {background-color: #FFFFFF; border-top: 1px solid #AAAAAA;  width: 100%;}
    table.scrollBox td.header {
        background-color: #eeeeee;
        background-image: url("../images/aluminium.gif");
        background-repeat: repeat-x;
        background-position: 50% bottom;
        border-bottom: 1px solid #AAAAAA;
        padding-right: 16px;
        width: 100%;
        margin-right: 16px;
    }
     table.scrollBoxWarning td.header {
        background-color: #eeeeee;
        background-image: url("../images/aluminium.gif");
        background-repeat: repeat-x;
        background-position: 50% bottom;
        border-bottom: 1px solid #AAAAAA;
        padding-right: 16px;
        width: 100%;
        margin-right: 16px;
    }
    table.scrollBox td.header table {width: 100%; empty-cells: show; table-layout: fixed;}
    table.scrollBox td.header table td {font-weight: bold; color: #555555; padding: 4px 3px; white-space: nowrap; overflow: hidden;}
    table.scrollBox td.header td.yearsHeader {padding: 0px;}
    table.scrollBox td.header td.yearsHeader td {font-weight: normal; padding: 0px; text-align: center;}
    table.scrollBox td.scrollContainer {width: 100%; height: 100%;
        /* See sizes */
    }
    table.scrollBoxWarning td.header table {width: 100%; empty-cells: show; table-layout: fixed;}
    table.scrollBoxWarning td.header table td {font-weight: bold; color: #555555; padding: 4px 3px; white-space: nowrap; overflow: hidden;}
   
    table.scrollBox div.scroll {
        overflow: auto;
        overflow-y: scroll;
        overflow-x: hidden;
        width: 100%;
        /* See sizes */
    }
    table.scrollBox div.scroll table {width: 100%; empty-cells: show;}
    table.scrollBox div.scroll td {border-bottom: 1px solid #EEEEEE; vertical-align: top; padding: 3px;}
    table.scrollBox div.scroll td.link {color: #000000; text-decoration: none;}
    table.scrollBox div.scroll td.activeLink {font-weight: bold;} 
    table.scrollBox div.scroll td.hover {
		cursor: pointer;
		cursor: hand;
        /* See branding */
    }
    table.boxHighLited {
	    border: 1px solid #EEE;
	    background-color: #FDFDFD;
    }
    table.boxHighLited div.scroll td {
    	color: #aaa;
    	border-bottom: 1px solid #F5F5F5;
    }
    table.scrollBox div.scroll table.yearsBuild td {border-left: 1px solid #cccccc; border-bottom: none; font-weight: normal; padding: 0px;
        /* See sizes */
        /* See fonts Small or Big */
    }
    table.scrollBox div.scroll table.yearsBuild td.year {background-color: #DDDDDD;}
    table.scrollBox div.scroll table.yearsBuild td.yearActive {background-color: #AAAAAA;}
    table.scrollBox div.scroll table.yearsBuild td.year#first {
        background-image: url("../images/gradient_before.gif");
        background-repeat: repeat-y;
        background-position: right 0%;
    }
    table.scrollBox div.scroll table.yearsBuild td.yearsBefore {
        background-image: url("../images/gradient_after_active.gif");
        background-repeat: repeat-y;
        background-position: -6px 0%;
    }
    table.scrollBox div.scroll table.yearsBuild td.yearActive#firstActive {
        background-color: #FFFFFF;
        background-image: url("../images/gradient_before_active.gif");
        background-repeat: repeat-y;
        background-position: right 0%;
    }
    table.scrollBox div.scroll table.yearsBuild td.year#last {
        background-image: url("../images/gradient_after.gif");
        background-repeat: repeat-y;
        background-position: left 0%;
    }
    table.scrollBox div.scroll table.yearsBuild td.yearActive#lastActive {
        background-image: url("../images/gradient_after_active.gif");
        background-repeat: repeat-y;
        background-position: left 0%;
    }
    .shadowMessageContainer {
        width: 400px;
        height: 350px;
        margin: 0px auto;
    }
    #messageContainer div#messageScroll {
    	padding-right: 250px;
        background-image: url("../images/message.jpg");
        background-repeat: no-repeat;
        background-position: right top;
    }

    .listFilter {
		padding-top: 6px;
		padding-right: 6px;
		text-align: right;
		float: right;
		width: 50%;
		padding: 0px;
        line-height: 0px;
    }
    .listFilter .text {
		width: 150px;
    }
    .listFilter form {
		margin: 0px;
    }

    .idlocationTableContainer {
        width: 100%;
        padding: 10px;
    }
    .idlocationTable {
        width: 100%;
        height: 100%;
        display: table;
        background-color: #F5F5F5;
        border: 1px solid #DDDDDD;
    }
    #idlocationContentLeft {background-color: #F5F5F5; border-bottom: 1px solid #DDDDDD; padding-left: 4px;}
    #idlocationContentLeftScroll {background-color: #FFFFFF; overflow: auto; margin-right: 16px; margin-top: 6px; border: 1px solid #ffffff;
        height: 600px;
    }
    #idlocationRight {padding: 0px; padding-right: 4px; width: 320px;}
    div#idlocationTextArea {
        clear: both;
        background-color: #FFFFFF; margin-top: 6px;
        border: 1px solid #CCCCCC;
        margin: 4px;
        padding: 5px;
        text-align: left;
    	overflow: auto;
        /* See sizes */
        /* See fonts Small or Big */
    }
    #idlocationHeader {
        text-align: left;
        background-color: #DDDDDD; padding: 8px 4px;
        /* See fonts Small or Big */
    }
    #idlocationtext {margin: 4px; margin-top: 20px; background-color: #FFFFFF; padding: 4px;}
    #idlocationimage {
        padding: 4px;
        padding-top: 10px;
        text-align: center;
        background-color: #FFFFFF;
        border-bottom: 1px solid #DDDDDD;
    }
    #idlocationimage img {
        /* See sizes */
    }
    #idlocationContentRight {
        background-color: #F5F5F5;
        padding-left: 1px;
    }
    #idlocationGeneralRight {
    	width: 320px;
        background-color: #F5F5F5;
        border: 1px solid #DDDDDD;
        border-bottom: none;
    }
    #idlocation1 div.close {margin: 10px 4px; float: right; text-align: right;}
    #idlocation1 h1 {float: left;}

    #contentTabs {
        width: 100%;
        margin: 0px;
    }
    #contentTabs td {
        background-color: #EEEEEE;
        background-image: url("../images/aluminium.gif");
        background-repeat: repeat-x;
        background-position: 50% bottom;
        padding: 0px;
    }
    #contentTabs td a {
        display: block;
        padding: 4px;
        color: #555555;
        text-decoration: none;
        border: 1px outset;
        /* See sizes */
        /* See fonts Small or Big */
    }
    #contentTabs td a:hover {
        /* See branding */
    }
    #contentTabs td a#active {
        font-weight: bold;
        letter-spacing: -1px;
        color: #555555;
        background-color: #F5F5F5;
        border: 1px solid #F5F5F5;
    }
    #contentTabs td a#active:hover {
        /* See branding */
    }
    #contentTabs td a.active {
        font-weight: bold;
        letter-spacing: -1px;
        color: #555555;
        background-color: #F5F5F5;
        border: 1px solid #F5F5F5;
    }
    #contentTabs td a.active:hover {
        /* See branding */
    }
    #contentTabs td div.disabled {
        display: block;
        padding: 4px;
        color: #AAAAAA;
        text-decoration: none;
        border: 1px outset;
        font-style: italic;
        cursor: default;
        /* See sizes */
        /* See fonts Small or Big */
    }


    .maintenance {
        height: 65px;
        max-height: 55px;
        padding-top: 10px;
        background-color: #FFF;
        border-bottom: 1px solid #DDDDDD;
        background-image: url("../images/icons/maintenance.gif");
        background-repeat: no-repeat;
        background-position: left top;
    }
    .lubricants {
        height: 65px;
        max-height: 55px;
        padding-top: 10px;
        background-color: #FFF;
        border-bottom: 1px solid #DDDDDD;
        background-image: url("../images/icons/lubricants.gif");
        background-repeat: no-repeat;
        background-position: left top;
    }
    .engine {
        height: 65px;
        max-height: 55px;
        padding-top: 10px;
        background-color: #FFF;
        border-bottom: 1px solid #DDDDDD;
        background-image: url("../images/icons/engine.gif");
        background-repeat: no-repeat;
        background-position: left top;
    }
    .transmission {
        height: 65px;
        max-height: 55px;
        padding-top: 10px;
        background-color: #FFF;
        border-bottom: 1px solid #DDDDDD;
        background-image: url("../images/icons/transmission.gif");
        background-repeat: no-repeat;
        background-position: left top;
    }
    .transfercase {
        height: 65px;
        max-height: 55px;
        padding-top: 10px;
        background-color: #FFF;
        border-bottom: 1px solid #DDDDDD;
        background-image: url("../images/icons/transfercase.gif");
        background-repeat: no-repeat;
        background-position: left top;
    }
    .exterior {
        height: 65px;
        max-height: 55px;
        padding-top: 10px;
        background-color: #FFF;
        border-bottom: 1px solid #DDDDDD;
        background-image: url("../images/icons/exterior.gif");
        background-repeat: no-repeat;
        background-position: left top;
    }
    .brakes {
        height: 65px;
        max-height: 55px;
        padding-top: 10px;
        background-color: #FFF;
        border-bottom: 1px solid #DDDDDD;
        background-image: url("../images/icons/brakes.gif");
        background-repeat: no-repeat;
        background-position: left top;
    }
    .axles {
        height: 65px;
        max-height: 55px;
        padding-top: 10px;
        background-color: #FFF;
        border-bottom: 1px solid #DDDDDD;
        background-image: url("../images/icons/axles.gif");
        background-repeat: no-repeat;
        background-position: left top;
    }
    .steering {
        height: 65px;
        max-height: 55px;
        padding-top: 10px;
        background-color: #FFF;
        border-bottom: 1px solid #DDDDDD;
        background-image: url("../images/icons/steering.gif");
        background-repeat: no-repeat;
        background-position: left top;
    }
    .electronics {
        height: 65px;
        max-height: 55px;
        padding-top: 10px;
        background-color: #FFF;
        border-bottom: 1px solid #DDDDDD;
        background-image: url("../images/icons/electronics.gif");
        background-repeat: no-repeat;
        background-position: left top;
    }

    #quickguides table {
        width: 100%;
    }
    #quickguides td {
        border-left: 2px solid #FFF;
        border-top: 2px solid #FFF;
        border-bottom: 2px solid #9d9da1;
        border-right: 2px solid #9d9da1;
        cursor: pointer;
        font-size: 11px;
        vertical-align: middle;
        padding-bottom: 2px;
    }
    #quickguides td.link {
        background-color: #FDFFDE;
        color: #333333;
    }
    #quickguides td.disabled {
        background-color: #FDFFDE;
        color: #AAAAAA;
        cursor: default;
    }
    #quickguides td img {
        height: 30px;
        float: left;
        margin-right: 5px;
    }
    #quickguides td p {
        margin-top: 10px;
    }
	#carHome {height: 100%;}
    #mainGroups {empty-cells: show; vertical-align: bottom;}
    #mainGroups p {margin: 0px 10px;}
    #mainGroups ul {margin: 0px 15px; margin-top: 5px; margin-right: 0px; padding: 0px; padding-left: 10px;}
    #mainGroups ul ul {margin: 0px 5px;}
    #mainGroups li {margin: 0px; list-style-image: url(../images/list_square.gif); color: #888888;}

    #mainGroups div.extraInfoHeader {font-weight: bold; margin: 4px 20px; margin-top: 18px; margin-right: 0px; padding: 0px; padding-left: 0px; color: #777777;}
    #mainGroups ul.extraInfo {margin: 0px 22px; margin-right: 0px; padding: 0px; padding-left: 10px;}
    #mainGroups ul.extraInfo li {margin: 0px; list-style-image: url(../images/extraInfo_bullet.gif); color: #888888;}

    .mainGroupA {
        margin: 0px;
        padding: 0px;
        border: 1px solid #999999;
        background-color: #E1ECF7;
        /* See sizes */
        overflow: auto;
    }
    .mainGroupB {
        margin: 0px;
        padding: 0px;
        border: 1px solid #BBBBBB;
        background-color: #F5F5F5;
        background-image: url("../images/aluminium_main.gif");
        background-repeat: no-repeat;
        background-position: 0% 0%;
        /* See sizes */
        overflow: auto;
    }
    .mainGroupC {
        color: #888888;
        margin: 0px;
        padding: 2px;
        border: 1px solid #BBBBBB;
        background-color: #F5F5F5;
        background-image: url("../images/aluminium_main.gif");
        background-repeat: no-repeat;
        background-position: 0% 0%;
        /* See sizes */
        overflow: auto;
    }
    .mainGroupC #messageAjax {
        color: #000000;
    }


    .mainGroup1 li a {}
    .mainGroup2 li a {}
    .mainGroup3 li a {}

    .subjectsList {
        color: #888888;
        margin: 0;
        padding: 0px;
        border: 1px solid #BBBBBB;
        background-color: #F5F5F5;
        background-image: url("../images/aluminium_main.gif");
        background-repeat: no-repeat;
        background-position: 0% 0%;
        /* See sizes */
        overflow: auto;
    }
    .subjectsListDisabled {
        color: #888888;
        margin: 0;
        padding: 0px;
        border: 1px solid #BBBBBB;
        background-color: #F5F5F5;
        background-image: url("../images/aluminium_main.gif");
        background-repeat: no-repeat;
        background-position: 0% 0%;
        /* See sizes */
        overflow: auto;
    }

    .adjustmentdata {
        height: 55px;
        background-color: #FFF;
        border-bottom: 1px solid #DDDDDD;
        background-image: url("../images/icons/adjustmentdata.gif");
        background-repeat: no-repeat;
        background-position: left 0px;
        /* See sizes */
    }
    .lubricants {
        height: 55px;
        background-color: #FFF;
        border-bottom: 1px solid #DDDDDD;
        background-image: url("../images/icons/lubricants.gif");
        background-repeat: no-repeat;
        background-position: left 0px;
        /* See sizes */
    }
    .repairmanuals {
        height: 60px;
        background-color: #FFF;
        border-bottom: 1px solid #DDDDDD;
        background-image: url("../images/icons/repairmanuals.gif");
        background-repeat: no-repeat;
        background-position: left 0px;
        /* See sizes */
    }
    .repairTimes {
        height: 55px;
        background-color: #FFF;
        border-bottom: 1px solid #DDDDDD;
        background-image: url("../images/icons/repairtimes.gif");
        background-repeat: no-repeat;
        background-position: left 0px;
        /* See sizes */
    }
    .technicaldrawings {
        height: 55px;
        background-color: #FFF;
        border-bottom: 1px solid #DDDDDD;
        background-image: url("../images/icons/technicaldrawings.gif");
        background-repeat: no-repeat;
        background-position: left 0px;
        /* See sizes */
    }
    .enginemanagement {
        height: 55px;
        background-color: #FFF;
        border-bottom: 1px solid #DDDDDD;
        background-image: url("../images/icons/management.gif");
        background-repeat: no-repeat;
        background-position: left 0px;
        /* See sizes */
    }
    .abselectronical {
        height: 55px;
        background-color: #FFF;
        border-bottom: 1px solid #DDDDDD;
        background-image: url("../images/icons/abselectronical.gif");
        background-repeat: no-repeat;
        background-position: left 0px;
        /* See sizes */
    }
    .diagnosis {
        height: 60px;
        background-color: #FFF;
        border-bottom: 1px solid #DDDDDD;
        background-image: url("../images/icons/diagnosis.gif");
        background-repeat: no-repeat;
        background-position: left 0px;
        /* See sizes */
    }
    .wiringdiagrams {
        height: 55px;
        background-color: #FFF;
        border-bottom: 1px solid #DDDDDD;
        background-image: url("../images/icons/wiringdiagrams.gif");
        background-repeat: no-repeat;
        background-position: left 0px;
        /* See sizes */
    }
    .fusesRelays {
        height: 55px;
        background-color: #FFF;
        border-bottom: 1px solid #DDDDDD;
        background-image: url("../images/icons/fuses.gif");
        background-repeat: no-repeat;
        background-position: left 0px;
        /* See sizes */
    }
    .enginerebuilding {
        height: 55px;
        background-color: #FFF;
        border-bottom: 1px solid #DDDDDD;
        background-image: url("../images/icons/enginerebuilding.gif");
        background-repeat: no-repeat;
        background-position: left 0px;
        /* See sizes */
    }
    .generalinfo {
        height: 55px;
        background-color: #FFF;
        border-bottom: 1px solid #DDDDDD;
        background-image: url("../images/icons/generalinfo.gif");
        background-repeat: no-repeat;
        background-position: left 0px;
        /* See sizes */
    }



    #leftcontent {vertical-align: top; padding-left: 5px;}

    #rightcontent {border-left: 1px solid #eeeeee; vertical-align: top; overflow: hidden;}
    div#rightcontentScroll {
        overflow: auto; 
        margin-top: 0px;
        width: 100%;
        /* See sizes */
    }
    div#rightcontentScroll form {
    }

    #rightcontent p {margin: 5px; margin-bottom: 10px;}

    #skipTypes {padding: 2px 4px; background-color: #DDDDDD;}

    div#breadCrum {padding: 5px 4px;display:block;width:90%;float:left;}


    div.iAgree {
        float: right;
    }
    div.licenceAgreement {
        border: 3px double #eeeeee;
        padding: 5px;
        margin: 5px; width: 100%;
        background-image: url("../images/content_gradient.gif");
        background-repeat: repeat-x;
    }
    div.licenceAgreement h4 {
        border-bottom: none;
        color: #000;
    }
    div.tosWrapper {
        width: 100%;
    }
    div.tos {
        background-color: #FFF;
        border: 3px double #eeeeee;
        padding: 5px;
        margin: 5px;
        background-image: url("../images/content_gradient.gif");
        background-repeat: repeat-x;
    }
    div.tos h4 {
        border-bottom: none;
        color: #000;
    }
    div.preferencesSave {
        float: right;
    }
    div.feedBackFormPrintSend {
        float: right;
    }
    div.orderLicenceFormPrintSend {
        float: right;
    }


    div.preferencesTable {
        border: 3px double #eeeeee;
        padding: 5px;
        margin: 5px;
        background-image: url("../images/content_gradient.gif");
        background-repeat: repeat-x;
    }
    div.preferencesTable table {empty-cells: show;}
    div.preferencesTable td {padding: 2px 4px; vertical-align: top;}
    div.preferencesTable th {padding: 2px 4px; border-bottom: 1px solid #eeeeee; text-align: left; font-weight: bold;}
    div.preferencesTable td.description {font-weight: bold;}
    div.preferencesTable div.companyLogoPreview {
        border: 1px solid #eeeeee;
        background-color: #fff;
    }

    .error {color: #FF0000;}
    
	table.emissionTable{empty-cells:hide;clear:both;}
	table.emissionTable td {padding: 2px 4px;font-size: 11px;}
	table.emissionTable td.headerDescr{font-weight: bold; background-color: #F0F0F0; border-bottom: 1px solid #CCCCCC; border-top:  1px solid #CCCCCC;border-right: 1px solid #CCCCCC; text; font-size: 11px;}
	table.emissionTable td.headerDescr1{font-weight: bold; background-color: #F0F0F0; border-bottom: 1px solid #CCCCCC; border-top:  1px solid #CCCCCC;border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;text; font-size: 11px;}
	table.emissionTable td.sentence{cursor: text;border-bottom: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC; }
	table.emissionTable td.sentence1 {cursor: text;border-bottom: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC; }
	
    table.contentTable {empty-cells: show; clear: both;}
    table.contentTable td {padding: 2px 4px; border-bottom: 1px solid #eeeeee;}
    table.contentTable th {padding: 2px 4px; border-bottom: 1px solid #eeeeee; text-align: left; font-weight: bold; background-color: #f5f5f5;}
    table.contentTable td.description {font-weight: bold; background-color: #f5f5f5;cursor: text;}
    table.contentTable td.descrPeriodsTable {background-color: #DDDDDD;}
    table.contentTable td.indent {padding-left: 14px;cursor: text;}
    table.contentTable td.indent2 {padding-left: 28px;}
    #emissionHeader{background-color:  #DDDDDD;}
    table.contentTable td.maintenanceCheck {padding: 0px; text-align: center;}

    table.contentTable .link1 td {border-bottom: 1px solid #FFFFFF; background-color: #DDDDDD; color: #000000; text-decoration: none;}
    table.contentTable .link2 td {border-bottom: 1px solid #FFFFFF; background-color: #EEEEEE; color: #000000; text-decoration: none;}
    table.contentTable .link3 td {background-color: #FFFFFF; color: #000000; text-decoration: none;}
    table.contentTable td.remark {color: #666666;
        /* See fonts Small or Big */
    }
    table.contentTable h6 {margin: 2px 0px; font-variant: small-caps; color: #555555; font-weight: normal;
        /* See fonts Small or Big */
    }
    table.contentTable tr.hover h6 {color: #FFFFFF;}

    table#repairTimesTotals {empty-cells: show; border-top: 1px solid #AAA;}
    table#repairTimesTotals td {padding: 2px 4px; border-bottom: 1px solid #eeeeee;}
    table#repairTimesTotals th {padding: 2px 4px; border-bottom: 1px solid #eeeeee; text-align: left; font-weight: bold; background-color: #f5f5f5;}
    table#repairTimesTotals td.description {font-weight: bold; background-color: #f5f5f5;}
    table#repairTimesTotals td.indent {padding-left: 14px;}
    table#repairTimesTotals td.indent2 {padding-left: 28px;}
    table#repairTimesTotals td.maintenanceCheck {padding: 0px; text-align: center;}

    .noHover {color: #555555;}
    .noLink {color: #555555; background-color: #F5F5F5;}

    .link {color: #000000; text-decoration: none;}
    .activeLink {color: #000000; text-decoration: none; font-weight: bold; background-color: #DDD;}
    .hover {
	cursor: pointer;
	cursor: hand;
        /* See branding */
    }
    .selected {
        background-color: #DDD;
    }
    .selectedNoLocation {
        background-color: #DDD;
        font-style: italic;
    }
    .noLocation {
        font-style: italic;
    }
    .hoverNoLink {
        cursor: default;
        /* See branding */
    }
    div.link {padding: 3px;}
    div.hover {padding: 3px;}



    #tabBarInteractive {
        margin: 0px 5px;
        padding: 0px 4px;
        border-collapse: collapse;
        border-bottom: 4px solid #AAAAAA;
    }
    #tabBarlevelContainer {
        padding-top: 10px;
        border-bottom: 4px solid #AAAAAA;
    }
    #tabBarlevelContainerMaintenance {
        padding-top: 10px;
        border-bottom: 4px solid #C1D9EF;
    }
    #tabBarlevelContainerQuickGuides {
        padding-top: 10px;
        border-bottom: 4px solid #FDFFB7;
    }
    .menuspacer {
        /* See sizes */
    }
        
    #tabBarlevel1 {
        margin: 0px;
        padding: 0px;
        background-color: #FFFFFF;
        border-collapse: collapse;
    }
    #tabBarlevel1 td.tab {
        background-color: #EEEEEE;
        background-image: url("../images/alu.gif");
        background-repeat: repeat-x;
        border: 1px solid #FFFFFF;
        border-bottom: none;
        vertical-align: top;
        text-align: center;
        padding: 0px;
        margin: 0px;
    }
    #tabBarlevel1 td.tabMaintenance {
        background-color: #E1ECF7;
        background-image: url("../images/tab_transp.gif");
        background-repeat: repeat-x;
        border: 1px solid #FFFFFF;
        border-bottom: none;
        vertical-align: top;

        text-align: center;
        padding: 0px;
        margin: 0px;
    }
    #tabBarlevel1 td.tabQuickGuides {
        background-color: #FDFFDE;
        background-image: url("../images/tab_transp.gif");


        background-repeat: repeat-x;
        border: 1px solid #FFFFFF;
        border-bottom: none;
        vertical-align: top;
        text-align: center;
        padding: 0px;
        margin: 0px;
    }
    .tab-leftcorner {
        background-image: url("../images/tab_leftcorner.gif");
        background-repeat: no-repeat;
        background-position: left top;
    }
    .tab-rightcorner {
        background-image: url("../images/tab_rightcorner.gif");
        background-repeat: no-repeat;
        background-position: top right;
    }
    .tab-leftActive {
        background-image: url("../images/tab_leftActive.gif");
        background-repeat: no-repeat;
        background-position: left top;
    }
    .tab-rightActive {
        background-image: url("../images/tab_rightActive.gif");
        background-repeat: no-repeat;
        background-position: top right;
    }

    #tabBarlevel1 a {
        display: block;
        color: #555555;
        text-decoration: none;
        margin: 0px;
        padding: 2px 5px;
        padding-right: 12px;
        padding-top: 3px;
        /* See sizes */
        /* See fonts Small or Big */
    }
    #tabBarlevel1 a:hover {
        background-image: url("../images/tab_rightHover.gif");
        background-repeat: no-repeat;
        background-position: top right;
        /* See branding */
    }
    #tabBarlevel1 td#active {
        background-image: url("../images/tab_transp.gif");
        background-color: #AAAAAA;
    }
    #tabBarlevel1 td#MaintenanceActive {
        background-color: #C1D9EF;
    }
    #tabBarlevel1 td#QuickGuidesActive {
        background-color: #FDFFB7;
    }
    #tabBarlevel1 td#active a {
        color: #FFFFFF;
    }
    #tabBarlevel1 div.disabled {
        display: block;
        color: #AAAAAA;
        text-decoration: none;
        margin: 0px;
        padding: 2px 5px;
        padding-right: 12px;
        padding-top: 3px;
        font-style: italic;
        cursor: default;
        /* See sizes */
        /* See fonts Small or Big */
    }
    #tabBarlevel1 div.disabledTab {
        margin: 0px;
        padding: 0px;
    }
    #tabBarlevel1 div.disabledTab a {
        display: block;
        color: #AAAAAA;
        text-decoration: none;
        margin: 0px;
        padding: 2px 5px;
        padding-right: 12px;
        padding-top: 3px;
        font-style: italic;
    }
    #tabBarlevel1 div.disabledTab a:hover {
        background-color: transparent;
        color: #AAAAAA;
        cursor: default;
    }
    #tabBarlevel1 div.noLink {
        display: block;
        color: #FFFFFF;
        text-decoration: none;
        margin: 0px;
        padding: 2px 5px;
        padding-right: 12px;
        padding-top: 3px;
        cursor: default;
        /* See sizes */
        /* See fonts Small or Big */
    }
    #tabBarlevel1 td#active div.disabled {
        color: #FFFFFF;
        font-style: normal;
    }


    #tabBarlevel2Container {
        background-color: #AAAAAA;
    }
    #tabBarlevel2Container a {
        color: #FFFFFF;
    }
    #tabBarlevel2ContainerMaintenance {
        background-color: #C1D9EF;
    }
    #tabBarlevel2ContainerMaintenance a {
        color: #777;
    }
    #tabBarlevel2ContainerQuickguides {
        background-color: #FDFFB7;
    }
    #tabBarlevel2ContainerQuickguides a {
        color: #999;
    }
    #tabBarlevel2 {
        margin: 0px;
    }
    #tabBarlevel2 td {
        vertical-align: middle;
        text-align: center;
        margin: 0px;
        color: #777;
        font-size: 14px;
    }
    #tabBarlevel2 td a {
        display: inline;
        text-decoration: none;
        margin: 0px;
        padding: 2px 5px;
        text-decoration: none;
        /* See sizes */
        /* See fonts Small or Big */
    }
    #tabBarlevel2 td a:hover {
        /* See branding */
        background-color: transparent;
        text-decoration: underline;
    }
    #tabBarlevel2 td a#active {
        color: #333;
        font-weight: bold;
    }
    #tabBarlevel2 td div.disabled {
        display: block;
        color: #666666;
        text-decoration: none;
        margin: 0px;
        padding: 2px 5px;
        font-style: italic;
        cursor: default;
        /* See sizes */
        /* See fonts Small or Big */
    }
    #tabBarlevel2 td.disabled{
    	font-size: 11px;
        color: #666666;
    }
    #interActiveContainerCompLocation {
        width: 100%;
        height: 100%;
        margin: 0px;
        background-color: #FFFFFF;
        /* See sizes */
    }
    #interActiveContainerCompLocation #contentSubnav div#leftcontentScroll {
        cursor: default;
    }
    #interActiveContainer {
        height: 100%;
        margin: 0px;
        background-color: #FFFFFF;
        /* See sizes */
    }
    #interActiveContainer td#value {
        text-align: right;
        width: 30px;
        /* See sizes */
    }


    #interActiveContainer td#interactionleft {vertical-align: top; overflow: hidden; border-left: none;}

    #interActiveContainer div#interactionleftScroll {
        overflow: auto;
        overflow-y: scroll;
        overflow-x: hidden;
        background-color: #eeeeee;
        background-image: url("../images/pattern.gif");
        background-repeat: repeat;
        background-position: 50% 50%;
        /* See sizes */
    }
    #interActiveContainer div#interactionleftScroll table td {
        padding: 2px 3px;
        border-bottom: 1px solid #EEEEEE;
    }
    #interActiveContainer td#interactionleftTop {vertical-align: top; overflow: hidden;
        border-right: 1px solid #AAAAAA;
    }
    #interActiveContainer div#interactionleftTopScroll {
        overflow: auto;
        overflow-y: scroll;
        overflow-x: hidden;
        /* See sizes */
    }
    #interActiveContainer div#interactionleftTopScroll table td {
        padding: 2px 3px;
        border-bottom: 1px solid #EEEEEE;
    }
    #interActiveContainer div#interactionleftTopScroll .link {
        border-bottom: 1px solid #EEEEEE;
        padding: 2px 3px;
    }
    #interActiveContainer div#interactionleftTopScroll .hover {
        border-bottom: 1px solid #EEEEEE;
        padding: 2px 3px;
    }
    #interActiveContainer div#interactionleftTopScroll div.linkAccent {float: left; font-size: 9px; padding: 1px; text-align: center; font-weight: bold; width: 10px; margin: 0px;
        /* See branding */
    }
    #interActiveContainer div#interactionleftTopScroll .unActive {
        font-weight: normal;
    }
    #interActiveContainer div#interactionleftTopScroll .active {
        font-weight: bold;
    }


    #interActiveContainer td#interactionleftBottom {vertical-align: top; overflow: hidden;
        border-right: 1px solid #AAAAAA;
    }
    #interActiveContainer div#interactionleftBottomScroll {
        overflow: auto;
        overflow-y: scroll;
        overflow-x: hidden;
        /* See sizes */
    }
    #interActiveContainer div#interactionleftBottomScroll table td {
        padding: 2px 3px;
        border-bottom: 1px solid #EEEEEE;
    }
    #interActiveContainer td#interactionTop  {
        height: 374px;
        width: 100%;
        border-bottom: 3px solid #AAA;
    }
    #interActiveContainer div#topScroll {
        overflow: auto; text-align: center;
        background-color: #fff;
        height: 373px;
        width: 100%;
        padding: 10px;
    }
    #interActiveContainer td#interactionTopRight  {
        height: 373px;
        width: 100%;
        border-bottom: 3px solid #AAA;
    }
    #interActiveContainer td#interactionRight div#rightContainer {
        width: 100%;
        height: 100%;
    }
    #interActiveContainer div#topRightScroll {
        overflow: auto;
        overflow-y: auto;
        overflow-x: hidden;
        text-align: left;
        background-color: #fff;
        height: 373px;
        width: 100%;
    }
    #interActiveContainer div#topRightScroll .pageContainer {
        padding: 0px 10px;
        width: 100%;
    }
    #interActiveContainer #contentSubnav {
        margin: 0px;
        padding: 0px;
        border: none;
        background-color: #FFFFFF;
    }
    #interActiveContainer #contentSubnav div#topLeftScroll {
        overflow: auto;
        background-color: #eeeeee;
        background-image: url("../images/pattern.gif");
        background-repeat: repeat;
        background-position: 50% 50%;
        height: 373px;
    }
    #interActiveContainer #contentSubnav div#topLeftScroll div {
    }
    #interActiveContainer td#interactionTopLeft  {
        border-right: 1px solid #AAAAAA;
        height: 373px;
        border-bottom: 3px solid #AAA;
    }
    #interActiveContainer td#interactionbottom  {
        vertical-align: top;
        height: 100%;
        width: 100%;
    }
    #interActiveContainer div#interactionbottomScroll {
        overflow: auto;
        overflow-y: scroll;
        overflow-x: hidden;
        /* See sizes */
    }
    #interActiveContainer div#interactionbottomScroll table {
        width: 100%;
    }
    #interActiveContainer div#interactionbottomScroll td {
        padding: 2px 3px;
        border-bottom: 1px solid #EEEEEE;
    }
    #interActiveContainer div#interactionbottomScroll td div.number {float: left; text-align: center; padding: 0px; margin: 0px;
        width: 30px;
    }
    .compNumber {
        float: left; text-align: center; padding: 0px; margin: 0px;
        width: 30px;
    }

    table.schemeLayoutContainer {
        height: 100%;
    }
    table.schemeLayoutContainer td.header {
    }


    #contentSubnav {
        margin: 0px;
        margin-right: 5px;
        padding: 0px;
        border: 1px solid #AAAAAA;
        background-color: #FFFFFF;
    }
    #contentSubnav div#leftcontentScroll {
        overflow: auto;
        background-color: #eeeeee;
        background-image: url("../images/pattern.gif");
        background-repeat: repeat;
        background-position: 50% 50%;
    }
    #contentSubnav div#leftcontentScroll table.fusesMenu td {
        padding: 2px 3px;
        border-bottom: 1px solid #EEEEEE;
    }
    #contentSubnav div#leftcontentScroll table.fusesMenu tr.hover {
        cursor: default;
    }
    #contentSubnav div.size1 {
        /* See sizes */
    }
    #contentSubnav div.size2 {
        /* See sizes */
    }
    #contentSubnav div.size3 {
        /* See sizes */
    }
    #contentSubnav .unActive {
        font-weight: normal;
    }
    #contentSubnav .active {
        font-weight: bold;
    }

    #contentSubnav .menuWrapper {width: 100%}

    #contentSubnav .level1 {display: block; clear: both; margin: 0px; padding: 3px 0px; background-color: #FFFFFF; border-bottom: 1px solid #F5F5F5;}
    #contentSubnav .level2 {display: block; clear: both; margin: 0px; padding: 3px 0px; padding-left: 16px; background-color: #EEEEEE; border-bottom: 1px solid #F5F5F5;}
    #contentSubnav .level3 {display: block; clear: both; margin: 0px; padding: 3px 0px; padding-left: 32px; background-color: #DDDDDD; border-bottom: 1px solid #F5F5F5;}

    #contentSubnav .hover1 {cursor: inherit; display: block; clear: both; margin: 0px; padding: 3px 0px; border-bottom: 1px solid #009900; cursor: pointer;}
    #contentSubnav .hover2 {cursor: inherit; display: block; clear: both; margin: 0px; padding: 3px 0px; padding-left: 16px; cursor: pointer;}
    #contentSubnav .hover3 {cursor: inherit; display: block; clear: both; margin: 0px; padding: 3px 0px; padding-left: 32px; cursor: pointer;}

    #contentSubnav .menuFolded div {
        background-image: url("../images/treeMenu/minus.gif");
        background-repeat: no-repeat;
        background-position: 12px 50%;
        padding-left: 20px;
    }
    #contentSubnav .menuFoldedOn div {
        background-image: url("../images/treeMenu/minus_on.gif");
        background-repeat: no-repeat;
        background-position: 12px 50%;
        padding-left: 20px;
    }

    #contentSubnav .menuUnFolded div {
        background-image: url("../images/treeMenu/plus.gif");
        background-repeat: no-repeat;
        background-position: 12px 50%;
        padding-left: 20px;
    }
    #contentSubnav .menuUnFoldedOn div {
        background-image: url("../images/treeMenu/plus_on.gif");
        background-repeat: no-repeat;
        background-position: 12px 50%;
        padding-left: 20px;
    }

    #contentSubnav .arrow div {
        background-image: url("../images/treeMenu/arrow.gif");
        background-repeat: no-repeat;
        background-position: 12px 50%;
        padding-left: 20px;
    }
    #contentSubnav .arrowOn div {
        background-image: url("../images/treeMenu/arrow_on.gif");
        background-repeat: no-repeat;
        background-position: 12px 50%;
        padding-left: 20px;
    }

    #contentSubnav .arrow div {
        background-image: url("../images/treeMenu/arrow.gif");
        background-repeat: no-repeat;
        background-position: 12px 50%;
    }
    #contentSubnav .arrow div.level1 {
        background-position: 12px 50%;
        padding-left: 20px;
    }
    #contentSubnav .arrow div.level2 {
        background-position: 22px 50%;
        padding-left: 30px;
    }
    #contentSubnav .arrow div.hover3 {
        background-position: 32px 50%;
        padding-left: 40px;
    }

    #contentSubnav .arrow div.hover1 {
        background-image: url("../images/treeMenu/arrow_on.gif");
        background-position: 12px 50%;
        padding-left: 20px;
    }
    #contentSubnav .arrow div.hover2 {
        background-image: url("../images/treeMenu/arrow_on.gif");
        background-position: 22px 50%;
        padding-left: 30px;
    }
    #contentSubnav .arrow div.hover3 {
        background-image: url("../images/treeMenu/arrow_on.gif");
        background-position: 42px 50%;
        padding-left: 50px;
    }


    #contentSubnav div.Accent {float: left; background-color: #E5E5E5; font-size: 8px; padding: 1px; text-align: center; font-weight: bold; border: 1px solid #999999; width: 12px; margin: 0px 2px;
        /* See branding */
    }
    #contentSubnav div.AccentActive {float: left; background-color: #E5E5E5; font-size: 8px; padding: 1px; text-align: center; font-weight: bold; border: 1px solid #555555; width: 12px; margin: 0px 2px;
        /* See branding */
    }
    #contentSubnav .link {
    	background-color: #FFFFFF;
    }
    #contentSubnav div.linkAccent {float: left; background-color: #FFFFFF; font-size: 9px; padding: 1px; text-align: center; font-weight: bold; border: 1px solid #555555; width: 12px; margin: 0px 2px;
        /* See branding */
    }
    #contentSubnav .descrp {padding: 0px 2px;}
    #contentSubnav .number {float: right; padding: 0px 2px; font-size: 9px; letter-spacing: -1px;}


    #contentSubnav .level1 a:hover div {color: #ffffff;}
    #contentSubnav .level1 a:hover div {color: #ffffff;}

    #contentSubnav .header {
        clear: both;
        padding: 3px; margin: 0px; font-variant: small-caps;
        background-color: #eeeeee;
        background-image: url("../images/aluminium.gif");
        background-repeat: repeat-x;
        background-position: 50% bottom;
        border-bottom: 1px solid #AAAAAA;
        color: #555555;
        /* See fonts Small or Big */
    }




    #contentSubnav div.group {font-weight: normal; font-style: italic; text-decoration: none; background-color: #FFFFFF; padding: 3px;
        /* See branding */
    }
    #contentSubnav div.level1 a {display: block; font-weight: normal; text-decoration: none; background-color: #FFFFFF; padding: 3px;
        /* See branding */
    }
    #contentSubnav div.level2 a {display: block; font-weight: normal; text-decoration: none; background-color: #EEEEEE; padding: 3px; padding-left: 20px;
        /* See branding */
    }
    #contentSubnav div.level3 a {display: block; font-weight: normal; text-decoration: none; padding: 3px;
        /* See branding */
    }
    #contentSubnav div.level1 a:hover {
        /* See branding */
    }
    #contentSubnav div.level2 a:hover {
        /* See branding */
    }
    #contentSubnav div.level3 a:hover {
        /* See branding */
    }

    #contentSubnav a.navlink {text-decoration: none;}
    #contentSubnav a.contentlink {text-decoration: none;}
    #contentSubnav a#active {font-weight: bold; color: #444444;}
    #contentSubnav a#active:hover {font-weight: bold; color: #ffffff;}
    #contentSubnav a {color: #000000;}
    #contentSubnav a.unfold {color: #000000;}

    #contentbookmarks {
        border: 1px solid #CCCCCC;
        background-color: #eeeeee;
        background-image: url("../images/aluminium_main.gif");
        background-repeat: repeat;
        background-position: 50% top;
        text-align: right;
        margin-right: 5px;
    }
    #contentbookmarks div#leftcontentScroll {overflow: auto; margin-right: 16px
        /* See sizes */
    }
    #contentbookmarks ul {margin-left: 2px; margin-right: 4px;}
    #contentbookmarks ul li {padding: 2px 0px; display: block; list-style-type: none; list-style-image: none;}
    #contentbookmarks ul li a {padding: 1px; display: inline;}

    #diagnostics {
        border: 1px solid #CCCCCC;
        background-color: #eeeeee;
        background-image: url("../images/aluminium_main.gif");
        background-repeat: repeat;
        background-position: 50% top;
        margin: 10px 0px;
    }
    .diagnosticsWizard {
        background-image: url("../images/aluminium_main.gif");
        background-repeat: repeat;
        background-position: 50% top;
        border: 1px solid #CCCCCC;
        margin: 10px;
        width: 100%;
    }
    .diagnosticsExplanation {
        border: 1px solid #CCCCCC;
        margin: 10px 0px;
        width: 100%;
    }
    .diagnosticsExplanation p {
        margin-top: 15px;
    }
    .plugLocation {
        margin: 10px 0px;
        padding: 10px;
        border: 1px solid #CCCCCC;
        text-align: center;
    }

    ul.diagnosisList {
        list-style-type: none;
    }
    ul.diagnosisList span.compnr {
        text-align: left; padding: 0px; margin: 0px;
        width: 20px;
    }
    textarea.faultCodeDescription {
        background-color: #FFFFFF; margin-top: 6px;
        border: 1px solid #CCCCCC;
        width: 100%;
        height: 100px;
        font-size: 11px;
    }

    table {empty-cells: show;}
    hr {
        height: 1px;
        /* See branding */
    }
    h1 {font-family: Verdana, Arial, Sans-serif; font-weight: bold; padding: 8px 0px; margin: 0px 8px; color: #777777;
        /* See fonts Small or Big */
    }
    h2 {font-weight: normal; margin: 0px; padding: 8px 8px; padding-bottom: 4px; font-variant: small-caps; color: #777777;
        /* See fonts Small or Big */
    }
    #modelTypeContainer h2 {
    	display: inline;
    }
    #modelContainer, #typeContainer {
    	padding-top: 5px;
    	padding-right: 5px;
    }
    #mainGroups h2 {
        font-weight: normal; padding: 8px 8px; padding-top: 14px; margin-bottom: 4px; font-variant: small-caps; color: #777777;
        border-bottom: 1px solid #BBBBBB;
    }

    h3 {padding: 4px 6px; padding-left: 70px; font-variant: small-caps; color: #000000; font-weight: bold;
        /* See sizes */
        /* See fonts Small or Big */
        margin: 0px;
    }
    h4 {
        text-align: left;
        border-bottom: 1px solid #BBBBBB;
        font-variant: small-caps;
        color: #666666;
        font-weight: bold;
        padding-top: 15px; padding-bottom: 2px; padding-left: 4px; padding-right: 60px;
        margin-bottom: 5px;
        /* See fonts Small or Big */
    }
	#interActionTopHeader {
        padding: 0px 0px;
        border-bottom: 1px solid #AAAAAA;
    }
	#interActionTopHeader h4 {padding-top: 5px; padding-right: 0px; border: none; margin: 0px;}
	#interActionBottomHeader {
        padding: 0px 0px;
        border-bottom: 1px solid #AAAAAA;
        border-top: 1px solid #AAAAAA;
    }
	#interActionBottomHeader h4 {padding-top: 5px; padding-right: 0px; border: none; margin: 0px;}

    #contentbookmarks h4 {
        text-align: right;
    }
    h5 {margin: 4px 6px; padding-right: 60px; font-variant: small-caps; color: #888888; font-weight: normal;
        /* See fonts Small or Big */
    }

    h3#disabled {
        font-style: italic;
        color: #AAAAAA;
    }
    h4#disabled {
        font-style: italic;
        color: #AAAAAA;
    }
    h5#disabled {
        font-style: italic;
        color: #AAAAAA;
    }

    ol {margin: 10px 50px; margin-right: 0px; padding: 0px;}
    ol li {padding: 2px 0px;}
    ul {margin: 1px 25px; margin-bottom: 15px; margin-right: 0px; padding: 0px;}

    a:link {
        text-decoration: none;
        /* See branding */
    }
    a:active {
        text-decoration: none;
        /* See branding */
    }
    a:visited {
        text-decoration: none;
        /* See branding */
    }
    a:hover {text-decoration: none;
        /* See branding */
    }
    a:hover span.accentcolor {
        /* See branding */
    }
    input {
        font-family: Verdana, Arial, Sans-serif;
        /* See fonts Small or Big */
    }
    input.text {background-color: #FFFFFF; border: 1px solid #BBBBBB;
        /* See sizes */
        /* See fonts Small or Big */
    }
    input.rateDescription {background-color: #FFFFFF; border: 1px solid #BBBBBB;
        /* See sizes */
        /* See fonts Small or Big */
    }
    input.rate {background-color: #FFFFFF; border: 1px solid #BBBBBB;
        /* See sizes */
        /* See fonts Small or Big */
    }
    input.time {background-color: #FFFFFF; border: 1px solid #BBBBBB;
        /* See sizes */
        /* See fonts Small or Big */
    }
    input.radio {
        background-image: none;
    }
    img.button {
        cursor: pointer;
    }
    input.button {
        border: none; padding: 1px 4px;
        cursor: pointer;
        /* See branding */
        /* See fonts Small or Big */
        padding: 0 .7em 0 .7em;
        width: auto;
        overflow: visible;
    }
    select {
        font-family: Verdana, Arial, Sans-serif;
        /* See sizes */
        /* See fonts Small or Big */
    }
    select.labourRate {
        /* See sizes */
    }
    select.vatRate {
        /* See sizes */
    }
    textarea {
        font-family: Verdana, Arial, Sans-serif;
    }
    p {margin: 5px 4px;}
    form {margin: 0px;}

    .redBorder {
        border: 3px solid #FF0000;
    }
    .greenBorder {
        border: 3px solid #1EFF00;
    }

    div#quickDiagnosis {margin: 8px; padding: 2px 4px; background-color: #DDDDDD;}

    div.contentMenu {
        float: right;
        text-align: right;
        padding-top: 5px;
        padding-bottom: 3px;
        /* See fonts Small or Big */
    }
    .checkContentMenu {
    	float:left;
    	padding-top:5px;
    }
    div.contentMenu .button {
        margin: 3px 5px;
    }
    div.fusesContentMenu {
        height: 45px;
        margin-top: -45px;
        clear: both;
        /* See fonts Small or Big */
    }
    div.fusesContentMenu img.printButton {
        margin: 3px 5px;
        float: right;
    }
    div.resetMenu {
        float: right;
        text-align: right;
        font-size: 11px;
    }
    div.resetMenu .button {
        margin: 3px 0px;
    }
    .wiringDiagramMenu {
        height: 35px;
        background-color: #EEE;
        border-bottom: 1px solid #AAA;
        /* See fonts Small or Big */
    }
    .wiringDiagramMenu td.pagesContainer {
        padding: 0px 10px;
        width: 50%;
        text-align: left;
    }
    .wiringDiagramMenu td.buttonsContainer {
        padding: 0px 10px;
        width: 45%;
        text-align: right;
    }
    .wiringDiagramMenu td.printButtonContainer {
        padding: 2px 5px;
        text-align: right;
        width: 5%;
    }
    div.idLocationContentMenu {
        text-align: right;
        padding: 0px 5px;
        margin-top: 6px;
        /* See fonts Small or Big */
    }
    div.idLocationContentMenu .closeLink {
        float: right;
        padding-top: 5px;
    }
    div.idLocationContentMenu .printButton {
        float: right;
    }
    body.login #loginContainer {
        width: 400px;
        border: 1px solid #AAA;
        background-color: #BBB;
        margin-top:1px;
        height: 342px;
    }
    body.login #splashContainer {
        width: 400px;
    }
    body.login #waiverContainer {
        text-align: left;
        margin-left:20px;
        background-color: #BBB;
        height: 125px;
        overflow: auto;
		padding-right:10px;        
        width:360px;
    }
    body.login #toslinkContainer {
        margin: 0px 20px;
        text-align: center;
        padding: 7px;
        border-top: 1px solid #999;
        font-size: 11px;
    }
    body.login #toslinkContainer a {
    }
    .messageboxContainer {
        margin: 0px auto;
        background-color: #FFF;
        background-image: url("../images/gradient_message.gif");
        background-repeat: repeat-x;
        background-position: 50% bottom;
    }
    .messageBox {
        text-align: left;
        font-size: 11px;
        color: #000;
        background-color: transparent;
        padding: 20px;
        padding-left: 0px;
        margin-left: 136px;
    }
    .loginImg {
        float: left;
        height: 150px;
        width: 136px;
        margin-top: 20px;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/login.png",sizingMethod="image");
        background-color: transparent;
    }
    html>body.login .loginImg {
        background-image: url("../images/login.png");
        background-repeat: no-repeat;
        background-position: left top;
        background-color: transparent;
    }

    .messageBox div {
        margin: 1px 0px;
    }
    .messageBox h1 {
        margin: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: bold;
        color: #000;
        padding: 1px 0px;
        border-bottom: 1px solid #000;
    }
    .messageBox .close {
        float: right;
    }
    .messageBox p {
        margin: 10px 15px;
    }
    .messageBox .buttons {
        text-align: center;
        margin: 20px 15px;
    }


    .languageSelection {
        width: 600px;
        text-align: center;
        background-color: #FFF;
        border: 3px double #eeeeee;
        padding: 5px;
        margin: 5px;
        background-image: url("../images/content_gradient.gif");
        background-repeat: repeat-x;
    }
    .languageSelection div.link {
        padding: 5px 8px;
        border: 2px outset;
        /* See fonts Small or Big */
        color: #000000; text-decoration: none;
        background-color: #eeeeee;
        background-image: url("../images/aluminium2.gif");
        background-repeat: repeat-x;
        background-position: left bottom;
        width: 200px;
    }
    .languageSelection div.hover {padding: 5px 8px; border: 2px outset;
        /* See fonts Small or Big */
        /* See branding */
        cursor: hand;
        width: 200px;
    }
    .languageSelection h4 {
        margin-bottom: 20px;
    }
    .languageSelection div.flag {margin: 0px; padding: 4px; background-color: #FFFFFF; border: 1px solid #AAAAAA; height: 10px; width: 50px; text-align: center; float: right; text-align: center;}
    .languageSelection div.flag img {border: 1px solid #DDD;}

    .fallBackImg {
        float: left;
        height: 150px;
        width: 136px;
        margin-top: 20px;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fallback.png",sizingMethod="image");
        background-color: transparent;
    }
    .printButton {
        margin-left: 10px;
        cursor: pointer;
    }
    div.generalInfoPrintButton {
        text-align: right;
        position: absolute;
        top: 160px;
        left: 100%;
        margin-left: -60px;
        z-index: 10;
    }
    div.drawingsPrintButton {
        float: right;
        position: absolute;
        top: 10px;
        left: 100%;
        margin-left: -60px;
        z-index: 10;
    }
    div.svgPrintButton {
        text-align: right;
        margin-top: 10px;
        margin-right: 10px;
    }
    div.svgEnlargedPrintButton {
        text-align: right;
        margin-top: 10px;
        margin-right: 10px;
    }
    div.drawingsEnlargedPrintButton {
        float: right;
        position: absolute;
        top: 100px;
        left: 100%;
        margin-left: -60px;
        z-index: 10;
    }
    div.contentMenuInteractive {
        text-align: right;
        position: absolute;
        top: 40px;
        left: 100%;
        margin-left: -105px;
    }
    .printTemplate .printButton {
        display: none;
    }
    .printTemplate .button {
        display: none;
    }
    .printTemplate .printButtonContainer {
        text-align: center;
    }
    .printTemplate .printButtonContainer input.button {
        display: inline;
    }
    .printTemplate #interactionFigureContainer {
        height: 850px;
    }
    .printTemplate #fuseSchemeContainer {
        height: 850px;
    }

    #locationDescription {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        text-align: center;
    }
    #locationDescription div {
        width: 340px;
        margin: 50px auto;
        background-color: #FFF;
        padding: 15px 10px;
        padding-left: 50px;
        background-image: url("../images/pijl3.gif");
        background-repeat: no-repeat;
        background-position: 10px 50%;
        text-align: left;
        border: 1px solid #000;
    }
    .locationDescriptionHidden {
        display: none;
    }
    .locationDescriptionVisible {
        display: block;
    }
    #interactionFigure {
        clear: both;
    }
    #interactionFigureContainer {
        height: 1px;
        margin: 0px;
        padding: 0px;
        clear: both;
    }
    #fuseSchemeContainer {
        height: 100%;
        margin: 0px;
        padding: 0px;
        padding-top: 45px;
        clear: both;
    }

    .noSvg {
        border: 1px solid #AAA;
    }
    #svgMessageOnTop {
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        text-align: center;
        padding-top: 300px;
        color: #000000;
    }
    #flashPlayerMessageOnTop {
    	position:absolute;
    	left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        text-align: center;
        padding-top: 100px;
        color: #000000;
    }
    #svgMessage {
        text-align: center;
        padding-top: 25px;
    }
    #svgMessage .messageContainer, #svgMessageOnTop .messageContainer {
        background-image: url("../images/svgMessage.jpg");
        background-repeat: no-repeat;
        background-position: 50% bottom;
        width: 400px;
        height: 350px;
        background-color: #FFF;
        border: 1px solid #AAA;
        margin: 0px auto;
    }
    
    #flashPlayerMessageOnTop .messageContainer {    	             
        width: 400px;
        height: 150px;
        background-color: #FFF;
        border: 1px solid #AAA;
        margin: 0px auto;
    }
    #svgMessage .message, #svgMessageOnTop .message  {
        padding: 15px 25px;
        text-align: left;
        background-image: url("../images/content_gradient.gif");
        background-repeat: repeat-x;
    }
    #svgMessage p, #svgMessageOnTop p {
        margin: 10px 0px;
        padding: 0px;
    }
    #svgMessage h1, #svgMessageOnTop h1 {
        margin: 10px 0px;
        padding: 0px;
    }
    #svgMessage .closeLink, #svgMessageOnTop .closeLink, #flashPlayerMessageOnTop .closeLink {
        float: right;
        padding: 2px;
    }

    #wiringDiagramsHelp {
        text-align: center;
        padding-top: 25px;
    }
    #wiringDiagramsHelp .messageContainer {
        padding-bottom: 200px;
        background-image: url("../images/pan_zoom.jpg");
        background-repeat: no-repeat;
        background-position: 50% bottom;
        background-color: #FFF;
        border: 1px solid #AAA;
        margin: 0px auto;
    }
    #wiringDiagramsHelp .message {
        padding: 15px 25px;
        text-align: left;
        background-image: url("../images/content_gradient.gif");
        background-repeat: repeat-x;
    }
    #wiringDiagramsHelp .closeLink {
        float: right;
        padding: 2px;
    }


    #colourCodesHelp {
        text-align: center;
        padding-top: 25px;
    }
    #colourCodesHelp .messageContainer {
        background-color: #FFF;
        border: 1px solid #AAA;
        margin: 0px auto;
    }
    #colourCodesHelp .message {
        padding: 15px 25px;
        text-align: left;
        background-image: url("../images/content_gradient.gif");
        background-repeat: repeat-x;
    }
    #colourCodesHelp .closeLink {
        float: right;
        padding: 2px;
    }
    #colourCodesHelp .legend {
        font-size: 11px;
    }

    #extMaintenanceMessage {
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        text-align: center;
        padding-top: 200px;
        color: #000000;
    }
    #extMaintenanceMessage .messageContainer {
        width: 400px;
        background-color: #EEE;
        border: 1px solid #AAA;
        margin: 0px auto;
    }
    #extMaintenanceMessage .message {
        text-align: center;
        padding: 15px 25px;
        text-align: left;
    }
    #extMaintenanceMessage p {
        text-align: center;
    }
    #extMaintenanceMessage .closeLink {
        float: right;
        padding: 2px;
    }
	
   #maintenanceExtaInfoMessage {
        position: absolute;
        left: 0px;
        top: 0px;       
        text-align: center;
        padding-top: 150px;
        color: #000000;               
    }
    
    #maintenanceExtaInfoMessage .messageContainer {
        width: 50%; 
        height: 80%;     
        background-color: #EEE;
        border: 1px solid #AAA;
        margin: 0px auto;
        overflow: scroll;
    }
    #maintenanceExtaInfoMessage .message {
        text-align: left;
        padding: 15px 15px;               
    }
    
     #maintenanceExtaInfoMessage .closeLink {
        float: right;
        padding: 2px;
    }
	
	#missingMaintenanceMiles {
        position:absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        text-align: center;
        padding-top: 50px;
        color: #000000;
    }
    #missingMaintenanceMiles .messageContainer {
        width: 250px;
        background-color: #EEE;
        border: 1px solid #AAA;
        margin: 0px auto;
    }
    #missingMaintenanceMiles .message {
        text-align: center;
        padding: 15px 25px;
        text-align: left;
    }
    #missingMaintenanceMiles p {
        text-align: center;
    }
 
    #includedResultMessage {
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        text-align: center;
        padding-top: 200px;
        color: #000000;
    }
    #includedResultMessage .messageContainer {
        width: 400px;
        background-color: #EEE;
        border: 1px solid #AAA;
        margin: 0px auto;
    }
    #includedResultMessage .message {
        text-align: center;
        padding: 15px 25px;
        text-align: left;
    }
    #includedResultMessage p {
        text-align: center;
    }
    #includedResultMessage h4 {
        text-align: center;
        padding: 0px;
    }
    #includedResultMessage .closeLink {
        float: right;
        padding: 2px;
    }
    
   #clearRepairTimesMessage {
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        text-align: center;
        padding-top: 200px;
        color: #000000;
    }
    #clearRepairTimesMessage .messageContainer {
        width: 400px;
        background-color: #EEE;
        border: 1px solid #AAA;
        margin: 0px auto;
    }
    #clearRepairTimesMessage .message {
        text-align: center;
        padding: 15px 25px;
        text-align: left;
    }
    #clearRepairTimesMessage p {
        text-align: center;
    }
    #clearRepairTimesMessage h4 {
        text-align: center;
        padding: 0px;
    }
   
    #adjustmentMessage {
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        text-align: center;
        padding-top: 200px;
        color: #000000;
    }
    #adjustmentMessage .messageContainer {
        width: 400px;
        background-color: #EEE;
        border: 1px solid #AAA;
        margin: 0px auto;
    }
    #adjustmentMessage .message {
        text-align: center;
        padding: 15px 25px;
        text-align: left;
    }
    #adjustmentMessage p {
        text-align: center;
    }
    #adjustmentMessage .closeLink {
        float: right;
        padding: 2px;
    }

    #licenceExpireMessage {
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        text-align: center;
        padding-top: 200px;
        color: #000000;
    }
    #licenceExpireMessage .messageContainer {
        width: 400px;
        background-color: #EEE;
        border: 1px solid #AAA;
        margin: 0px auto;
    }
    #licenceExpireMessage .message {
        text-align: center;
        padding: 15px 25px;
        text-align: left;
    }
    #licenceExpireMessage h1 {
        text-align: left;
        margin: 0px;
        margin-bottom: 10px;
    }
    #licenceExpireMessage p {
        text-align: left;
        margin: 0px;
        margin-bottom: 10px;
    }
    #licenceExpireMessage .closeLink {
        float: right;
        padding: 2px;
    }
    .messageHidden {
        display: none;
    }
    .messageVisible {
        display: block;
		background:url('../images/spacer_transparent.gif') repeat;
    }
    .messageVisible1 {
    	display: block;
    }
    .menuTreeHidden {
        display: none;
    }
    .menuTreeShow {
        display: block;
    }
    .repairTimesRemark {
        margin: 10px 0px;
        border: 1px solid #DDD;
        padding: 0px 5px;
        /* See fonts Small or Big */
    }
    a.zoomBig img {
        border: 1px solid #DDD;
        background-color: transparent;
    }
    a.zoomBig:hover {
        background-color: transparent;
    }
    a.zoomBig:hover img {
        cursor: url("http://www.vivid-europe.com/images/zoom_small.cur"), pointer;
    }
    a.zoomSmall {
        height: 300px;
    }
    a.zoomSmall img {
        border: 1px solid #DDD;
        background-color: transparent;
    }
    a.zoomSmall:hover {
        background-color: transparent;
    }
    a.zoomSmall:hover img {
        cursor: url("http://www.vivid-europe.com/images/zoom_big.cur"), pointer;
    }
    
    .messageContainer {
        width: 400px;
        background-color: #EEE;
        border: 1px solid #AAA;
        margin: 0px auto;
    }
    .message {
        text-align: center;
        padding: 15px 25px;
        text-align: left;
    }
    .message p {
        text-align: center;
    }
    #engineRebuildingheader {
        margin: 5px;
        margin-bottom: 0px;
        border: 1px solid #DDD;
        border-bottom: none;
        width: 100%;
        background-image: url("../images/content_gradient.gif");
        background-repeat: repeat-x;
    }
    #engineRebuildingheader td {padding: 2px 4px;}
    #engineRebuildingheader th {padding: 2px 4px; text-align: left; font-weight: bold;}

    .demoCar {
        background-color: #EEE;
        font-weight: bold;
    }
    #demoCarNoLink {
        cursor: default;
    }
    .devider {
        border-top: 1px solid #AAA;
    }
	.warningContainer {
	 	width: 350px;
        text-align: left;
        background-color: #F5F5F5;
        border: 1px solid #AAA;
        margin: 25px;
	}
	
	.licenceWarningContainer {
	 	width: 350px;
        text-align: left;
        background-color: #F5F5F5;
        border-bottom: 1px solid #AAA;
        border-left: 1px solid #AAA;
        border-right: 1px solid #AAA;
        margin: 25px;
	}
    .converterContainer {
        width: 500px;
        text-align: left;
        background-color: #F5F5F5;
        border: 1px solid #AAA;
        margin: 25px;
    }
    .converterContainerPadding {
        padding: 25px 15px;
    }
    .converter {
        width: 100%;
    }
    .converter .contentTable {
        border: 1px solid #AAA;
        background-color: #FFF;
    }
    .converter .contentTable td.description {
        border-bottom: 1px solid #AAA;
        background-image: url("../images/aluminium.gif");
        background-repeat: repeat-x;
        background-position: 50% bottom;
    }
    .converter formlabel {
        padding-right: 20px;
        text-align: right;
    }
    .converter .convert {
        text-align: left;
        padding: 5px 0px;
    }
    .defaultRepairTimesRates {
        border: 1px solid #DDD;
        clear: both;
        padding: 2px 4px;
        background-color: #EEE;
        margin: 10px 0px;
        width: 100%;
    }
    .defaultRepairTimesRates h6 {
        margin: 5px 4px;
        color: #000000;
    }
    .defaultRepairTimesRates p {
        margin: 5px 4px;
    }
    .textEditUser {
        font-style: italic;
        color: #555555;
        background-color: #FFFFFF; border: 1px solid #BBBBBB;
        /* See sizes */
        /* See fonts Small or Big */
    }
    img.checkbox {
        cursor: pointer;
    }
    .schemeContainer {
        margin: 0px auto;
    }

    table.formsTable {empty-cells: show; border: 1px solid #eeeeee; border-collapse: collapse; margin-bottom: 20px;}
    table.formsTable td {padding: 2px 4px; border-bottom: 1px solid #eeeeee;}
    table.formsTable th {padding: 2px 4px; border-bottom: 1px solid #eeeeee; text-align: left; font-weight: bold; background-color: #f5f5f5;}
    table.formsTable td.description {font-weight: bold; background-color: #f5f5f5;}

	table.formsTable .signature {
		height: 150px;
		width: 100%;
		border: 1px solid #aaaaaa;
		background-color: #f9f9f9;
		margin: 5px;
	}
	.formsHeader {
		margin: 10px 0px;
        border-top: 1px solid #AAA;
        clear: both;
	}
	.formsHeader .formsDate {
        float: right;
        clear: left;
        text-align: center;
        font-size: 10px;
        font-style: italic;
        width: 150px;
        border-left: 1px solid #AAA;
        border-right: 1px solid #AAA;
        border-bottom: 1px solid #AAA;
        padding: 2px 4px;
    }

    .diagnosisCodesScroll {
        overflow: auto;
        overflow-y: scroll;
        overflow-x: hidden;
        height: 300px;
        border: 1px solid #AAA;
    }
	#diagnosisCodes .contentTable  {
		border-collapse: collapse;
	}
	.tableWrapper {
		width: 100%;
	}
    .extraInfoXmlContainer {
    	padding: 10px;
    }
	.mandatory {
		float: right;
	    color: #FF0000;
	}
	.messageHidden {
	    position: absolute;
	    visibility: hidden;
	}
	.messageVisible {
	    visibility: visible;
	    position: absolute;
	    left: 0px;
	    top: 0px;
	    z-index: 100;
	    height: 100%;
	    width: 100%;
	    text-align: center;
	    padding-top: 300px;
	}
	.inLineMessageVisible {
	    visibility: visible;
	    position: relative;
	    left: 0px;
	    top: 0px;
	    z-index: 100;
	    width: 100%;
	    text-align: center;
	    padding-top: 300px;
	}
	.errorMmessageBox {
	    text-align: left;
	    margin: 0px auto;
	    width: 350px;
	    padding: 0px;
	    font-size: 11px;
	    color: #000;
	    background-image: url('../images/gradient_message.gif');
	    background-repeat: repeat-x;
	    background-position: bottom right;
	    background-color: #FFF;
	    border: 1px solid #000;
	}
	.errorMmessageBox h1 {
	    margin: 0px 15px;
	    margin-top: 20px;
	    font-size: 14px;
	    font-weight: bold;
	    color: #000;
	    border-bottom: 1px solid #000;
	}
	.errorMmessageBox .close {
	    float: right;
	}
	.errorMmessageBox table {
	    font-size: 10px;
	    margin: 10px 15px;
	    width: 320px;
	}
	.errorMmessageBox table td {
	    padding: 1px;
	    text-align: left;
	}
	.errorMmessageBox table th {
	    padding: 1px;
	    text-align: left;
	}
	.errorMmessageBox p {
	    margin: 10px 15px;
	}
	.errorMmessageBox .buttons {
	    text-align: center;
	    margin: 20px 15px;
	}
	.errorMmessageBox ul.error {
		margin-left: 35px;
	}
	.errorMmessageBox input.buttonPopup {
	    font-family: verdana, Arial, Sans-serif;
	    font-size: 10px;
	    cursor: pointer;
	    padding:0 .25em 0 .25em;
	    width:auto;
	    overflow:visible;
	}
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	 .clearfix {
		display: inline-block;
	}

	/* Holly Hack Targets IE Win only \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End Holly Hack */

    #pageTabs {
    	clear: both;
        display: block;
        color: #555555;
        text-decoration: none;
        padding-left: 10px;
        margin-top: 10px;
        margin-bottom: 5px;
        background-image: url("../images/page_tabs/background.gif");
        background-repeat: repeat-x;
        background-position: 50% bottom;
    }
    #pageTabs td div.tabContent {
        background-image: url("../images/page_tabs/tab_center.gif");
        background-repeat: repeat-x;
        background-position: left bottom;
    }
    #pageTabs td div.tabContentRight {
        background-image: url("../images/page_tabs/tab_right.gif");
        background-repeat: no-repeat;
        background-position: right bottom;
        padding: 3px 0px;
        padding-top: 5px;
        padding-right: 35px;
    }
    #pageTabs td div.tabContentLeft {
        background-image: url("../images/page_tabs/tab_left.gif");
        background-repeat: no-repeat;
        background-position: left bottom;
        padding-left: 15px;
    }
    #pageTabs td a {
        display: block;
        padding: 0px;
        color: #000000;
        text-decoration: none;
	    font-family: verdana, Arial, Sans-serif;
	    font-size: 10px;
        background-color: #cccccc;
    }
    #pageTabs td a:hover {
        color: #ffffff;
        background-color: #009900;
    }
    #pageTabs td a.activeTab {
        color: #000000;
        font-weight: bold;
        background-color: transparent;
        background-image: url("../images/page_tabs/tab_gradient.gif");
    }
    #pageTabs td a.activeTab div.tabContent {
        background-image: none;
    }
    #pageTabs td a.activeTab:hover {
        color: #000000;
        font-weight: bold;
        cursor: hand;
        background-color: transparent;
        background-image: url("../images/page_tabs/tab_gradient.gif");
    }
	.contentTable td.folded {
		cursor: pointer;
		padding-left: 20px;
		display: block;
		background-image: url('../images/folded.gif');
		background-repeat: no-repeat;
		background-position: 5px 50%;
		background-color: #F5F5F5;
		font-weight: bold;
	}

	.contentTable td.unFolded {
		cursor: pointer;
		padding-left: 20px;
		display: block;
		background-image: url('../images/unFolded.gif');
		background-repeat: no-repeat;
		background-position: 5px 50%;
		background-color: #F5F5F5;
		font-weight: bold;
	}
	.contentTable td.indentArt {
		padding-left: 25px;
	}
	.wait div {
		cursor: wait;
	}
	.hand div {
		cursor: pointer;
	}
	.default div {
		cursor: default;
	}




	.treeMenuContainer {
	        margin: 0px;
	        margin-right: 5px;
	        padding: 0px;
	        border: 1px solid #AAAAAA;
	        background-color: #FFFFFF;
	}
	.treeMenuContainer div#leftcontentScroll {
	        overflow: auto;
	        background-color: #eeeeee;
	        background-image: url("../images/pattern.gif");
	        background-repeat: repeat;
	        background-position: 50% 50%;
	}
	.treeMenuWrapper .treeLevel1 {
		display: block;
		clear: both;
		margin: 0px;
		background-color: #FFFFFF;
	}
	.treeMenuWrapper .treeLevel1 .treeMenuItem div {
		padding: 3px 0px;
		border-bottom: 1px solid #F5F5F5;
        padding-left: 20px;
	}
	.treeMenuWrapper .treeLevel2 {
		display: block;
		clear: both;
		margin: 0px;
		background-color: #EEEEEE;
	}
	.treeMenuWrapper .treeLevel2 .treeMenuItem div {
		padding: 3px 0px;
		border-bottom: 1px solid #F5F5F5;
        padding-left: 40px;
	}
	.treeMenuWrapper .treeLevel3 {
		display: block;
		clear: both;
		margin: 0px;
		background-color: #DDDDDD;
	}
	.treeMenuWrapper .treeLevel3 .treeMenuItem div {
		padding: 3px 0px;
		border-bottom: 1px solid #F5F5F5;
        padding-left: 60px;
	}
	.treeMenuWrapper .hover {cursor: inherit; cursor: pointer;}

	.treeMenuWrapper .arrow .nonHover  {
        background-repeat: no-repeat;
        background-image: url("../images/treeMenu/arrow.gif");
	}
	.treeMenuWrapper .arrow .hover  {
        background-repeat: no-repeat;
        background-image: url("../images/treeMenu/arrow.gif");
	}
	.treeMenuWrapper .menuFolded .nonHover {
        background-repeat: no-repeat;
        background-image: url("../images/treeMenu/minus.gif");
	}
	.treeMenuWrapper .menuFolded .hover {
        background-repeat: no-repeat;
        background-image: url("../images/treeMenu/minus.gif");
	}
	.treeMenuWrapper .menuUnFolded .nonHover {
        background-repeat: no-repeat;
        background-image: url("../images/treeMenu/plus.gif");
	}
	.treeMenuWrapper .menuUnFolded .hover {
        background-repeat: no-repeat;
        background-image: url("../images/treeMenu/plus.gif");
	}
	.treeMenuWrapper .treeLevel1 .nonHover {
        background-position: 4px 3px;
	}
	.treeMenuWrapper .treeLevel1 .hover {
        background-position: 4px -34px;
	}
	.treeMenuWrapper .treeLevel2 .nonHover {
        background-position: 22px 3px;
	}
	.treeMenuWrapper .treeLevel2 .hover {
        background-position: 22px -34px;
	}
	.treeMenuWrapper .treeLevel3 .nonHover {
        background-position: 32px 3px;
	}
	.treeMenuWrapper .treeLevel3 .hover {
        background-position: 32px -34px;
	}

    .printTemplate {
        color: #000000;
        font-family: Verdana, Arial, Sans-serif;
        font-size: 10px;
        text-align: left;
        margin: 0px;
        background-color: #FFFFFF;
        background-image: none;
        overflow: auto;
    }
    .printTemplate .headerContainer {
        padding-bottom: 10px;
        vertical-align: top;
        height: auto;
    }
    .printTemplate .header {
        border: 1px solid #AAA;
        clear: both;
    }
    .printTemplate .footerContainer {
        padding-top: 10px;
        height: auto;
    }
    .printTemplate .footer {
        border-top: 1px solid #000;
        padding: 5px 5px;
        font-size: 10px;
    }
    .printTemplate .poweredBy {
        float: right;
    }
    .printTemplate .bodyContainer {
        padding: 0px;
        vertical-align: top;
        height: 100%;
    }
    .printTemplate .customerContainer {
        padding: 0px 0px;
        padding-bottom: 20px;
        vertical-align: top;
        height: auto;
    }
    .printTemplate .garageContainer {
        padding: 10px 0px;
        padding-bottom: 0px;
        vertical-align: top;
        height: auto;
        float: right;
        width: 50%;
        margin-right: -1px;
    }
    .printTemplate .garageContainer .printHeader {
        color: #555555;
        font-size: 11px;
    }
    .printTemplate .garageContainer .printTable {
        color: #555555;
        border-color: #aaaaaa;
        background: #F5F5F5;
        font-size: 9px;
    }
    .printTemplate .garageContainer .printTable td {
        vertical-align: top;
    }
    .printTemplate .garageContainer .printTable th {
        vertical-align: top;
        font-weight: bold;
    }

    .printTemplate .legendContainer {
        padding: 0px 0px;
        padding-bottom: 20px;
        vertical-align: top;
        height: auto;
    }
    .printTemplate .signatureContainer {
        padding: 30px 0px;
        vertical-align: top;
        height: auto;
    }
    .printTemplate .signatureContainer .remark textarea {
        width: 100%;
        height: 250px;
    }
    .printTemplate .signatureContainer .stamp textarea {
        width: 100%;
        height: 105px;
        overflow: hidden;
    }
    .printTemplate .signatureContainer .signature textarea {
        width: 100%;
        height: 105px;
        overflow: hidden;
    }
    .printTemplate .printHeader {
        font-size: 14px;
        font-family: Verdana, Arial, Sans-serif; font-weight: bold; color: #000;
        padding: 2px 5px;
    }
    .printTemplate .printTable {
        border: 1px solid #000;
    }
    .printTemplate .printTable th {
        text-align: left;
        padding: 3px 4px;
        font-weight: normal;
    }
    .printTemplate .printTable td {
        text-align: left;
        padding: 3px 4px;
    }
    .printTemplate .carType {
        padding: 5px 5px;
    }
    .printTemplate .date {
        float: right;
        clear: left;
        text-align: center;
        font-size: 10px;
        font-style: italic;
        width: 150px;
        border-left: 1px solid #AAA;
        border-bottom: 1px solid #AAA;
        padding: 2px 4px;
    }
    .printTemplate .subjectContainer {
        margin: 0px;
        padding: 5px 5px;
    }
    .printTemplate .subjectImg {
        width: 40px;
    }
    .printTemplate .subjectImgSmall {
        width: 28px;
    }
    .printTemplate .titleContainer {
        font-family: Verdana, Arial, Sans-serif; font-weight: normal; color: #000;
        font-size: 10px;
        display: inline;
    }
    .printTemplate .titleContainer b {
        font-size: 14px;
    }
    .printTemplate h4 {
        margin: 0px;
        margin-top: 30px;
        margin-bottom: 10px;
        padding: 0px;
        color: #000;
        font-size: 14px;
    }
    .printTemplate .text {
        width: 100%;
        font-size: 11px;
    }
    .printTemplate #breadCrum .change {
        display: none;
    }
    .printTemplate .componentsTable td {
        padding: 2px 3px;
        border-bottom: 1px solid #EEEEEE;
    }
    .printTemplate .componentsTable td div.number {float: left; text-align: center; padding: 0px; margin: 0px;
        width: 30px;
    }
    .printTemplate table {font-size: 11px;}
    .printTemplate thead {display: table-header-group;}
    .printTemplate tbody {height: 100%;}
    .printTemplate tfoot {display: table-footer-group;}
    .printTemplate .contentMenu {display: none;}
    .printTemplate .printHide {display: none;}

	.towerBannerContainer {
		width: 134px;
		text-align: center;
		vertical-align: top;
		padding-top: 12px;
	}
	.towerBannerContainer img {
		border: 1px solid #aaaaaa;
	}
	.towerBannerContainer2 {
		width: 134px;
		text-align: center;
		overflow: hidden;
		vertical-align: top;
		padding-top: 10px;
	}
	.towerBannerContainer2 img {
		border: 1px solid #aaaaaa;
	}
	.bannerContainer {
		margin: 10px 5px;
		clear: both;
		text-align: center;
		padding: 10px;
		clear: both;
	}
	.towerBannerContainer img, .towerBannerContainer2 img {
		border: none;
	}
	.towerBannerContainer img {
		border: 1px solid #dddddd;
	}
	.bannerContainer img {
		border: 1px solid #dddddd;
	}
	.bannerContainer2 {
        background-color: #eeeeee;
        background-image: url("../images/pattern.gif");
        background-repeat: repeat;
        background-position: 50% top;
		text-align: center;
		padding: 5px;
		margin: 10px 25px;
		margin-top: 30px;
		clear: both;
	}
	.bannerContainer2 img {
		border: 1px solid #dddddd;
	}
	#mainGroupsContainer {
		height: 100%;
	}
	.bigBanner {
		width: 728px;
		height: 90px;
	}
	.smallBanner {
		width: 468px;
		height: 60px;
	}

	.toolTip {
	    width: 250px;
	    display: none;
	    position: absolute;
	    left: 0px;
	    top: 0px;
	    margin-top: 25px;
	    margin-left: -220px;
	    z-index: 1000;
	}
	.toolTip .tooltTipContainer {
	    background-position: right Top;
	    background-image: url('../images/messageTop.png');
	    background-repeat: no-repeat;
	    padding-top: 30px;
	}
	.toolTip .tooltTipMessage {
	    padding: 15px;
	    padding-left: 35px;
	    padding-top: 0px;
	    padding-bottom: 25px;
	    font-size: 10px;
	    text-align: left;
	    background-position: right bottom;
	    background-image: url('../images/message.png');
	    background-repeat: no-repeat;
	}
	.toolTip p {
	    margin: 7px 0px;
	}

	#modelScroll {
	height: 300px;
	overflow:auto;
    }

    #typeScroll {
	height: 250px;
	overflow:auto;
    }
    
    /*LoginCSS*/
	#loginPage {border:1px solid #b8b8b8 !important;position:absolute;margin-left:-425px;margin-top:-215px;left:50%;top:50%;height:400px;background-image:url('../images/bg_loginBox.gif');background-repeat:repeat-x;padding:15px;background-color:#b1b1b1;width:850px;}
	.loginBox {width:400px;height:400px;float:left;text-align:left;}
	#splashContainer {border:1px solid #b8b8b8 !important;width:400px !important;height:400px !important;float:right !important;background-position:top left !important;margin-left:15px;}
    .loginForms {height:210px;margin-bottom:20px;background-image:url('../images/bg_loginKey.png');background-repeat:none;}
    .loginMap {margin-left:140px;xpadding-top:47px;}
    	.loginMap h1 {margin:0 0 5px 0;padding:0;color:#404040;border-bottom:1px solid #404040;font-size:14px;padding-bottom:3px;}
	
	form .loginMap fieldset {border:0;margin:0;padding:0;clear:both;}
	form .loginMap div {clear:left;display:block;margin-top:2px;padding:1px 0;}	
	form .loginMap div label {display:block;float:left;width:150px;padding:2px 0;margin-right:3px;}
	form .loginMap input.text {width:184px;}
	form .loginMap div.submit input.button {padding:2px 10px;}
	
	.form .loginMap .submit {margin-top:3px;}	
	.loginPassword {width:250px;}
	
	
    .loginText {height:170px;overflow:auto;padding:0 10px;}
    
	.loginError {border:1px solid #808080;background:url('../images/btn_error.gif') 15px 11px #e6e6e6 no-repeat;padding:15px 15px 15px 40px;font-size:9px;color:#ff0000;margin-bottom:15px;}
	.errorHidden {height:55px;}  
    
}

@media print {
	body {
		background-color: #FFFFFF;
        color: #000000;
        font-family: Verdana, Arial, Sans-serif;
        text-align: center;
        margin: 0px;
        padding: 0px;
       	overflow: visible;
       	height: auto;
    }
    .printTemplate {
       	overflow: visible;
    }
    .printTemplate div.landscape {
        writing-mode: tb-rl;
        height: 80%;
        margin: 10% 0%;
    }
    .printTemplate .landscapeTable {
        height: 640px;
        width: 950px;
        filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=1);
    	page-break-after: always;
    }
    .printTemplate .landscapeTable2 {
        height: 640px;
        width: 950px;
        filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=1);
    }
    .printTemplate .landscapeTable #imgLayer {
        width: 950px;
    }
    .printTemplate2 .landscapeTable #imgLayer {
        width: 950px;
    }
    .printTemplate .printButtonContainer input.button {
        display: none;
    }
    #container {
        border: none;
    	height: auto;
    }
    #headerContainer {display: none;}
    #brandingInteractivetabBarlevel1 {display: none;}
    #footer {display: none;}
    #interActiveContainer {
        width: 100%;
    	height: auto;
        margin: 0px;
        border: none;
        background-color: transparent;
    }
    #layoutTable {
    	height: auto;
    }
    #container td#content {
    	height: auto;
    }
    #container td.interactive#content {
    	height: auto;
    	border: none;
    }

    #rightcontent {
    	width: 100%;
    	border-left: none;
    	vertical-align: top;
    	overflow: visible;
    	height: auto;
    }
    div#rightcontentScroll {
        overflow: visible;
		margin-top: 0px;
        padding: 0px 5px;
        /* See sizes */
    	height: auto;
    }
    div#rightcontentScroll form {
        width: 100%;
    }
    input.radio {
        background-image: url("../images/radioButton.gif");
        background-repeat: no-repeat;
        background-position: 50% top;
    }
    .contentTable {
    }

	table.contentTable.td.totalMaintTime {
		font-weight: bold;
		font-size: 11px;
	}
	
	td.totalDesc {border-bottom:0px !important;border-top:1px solid #eeeeee;}
}
	
	div.vinCodeText {
		font-size: 11px;
		margin-top:2px;
	}
	
	table.vinCodeText {
		width: 49%;
	}