/* Basic text style */
    .text1 {font: 10pt helvetica; color: #f2f2f2}
    .subtext {font: 8pt helvetica; color: #f2f2f2}


    .title {position: absolute; top: 26; left: 121; width: 164; font: 15px helvetica; color:#1e1e1e}
    .feedbacktext {position: absolute; top: 0; left: 301; width: 198; height: 103; font: 15px helvetica; color: #f0f0f0}
    .menuhelp {position: absolute; top: 271; left: 34; width: 125; font: 14px helvetica; color: #1e1e1e}
    .fullscreentext {position: absolute; top: 354; left: 315; font: 11px helvetica; color: #1e1e1e; visibility: hidden}
    .fullscreentext1 {position: absolute; top: 355; left: 315; font: 11px helvetica; color: #4e4e4e}
    .fullscreentext2 {position: absolute; top: 355; left: 370; font: 11px helvetica; color: #4e4e4e}
    .stoptext1 {position: absolute; top: 355; left: 500; font: 11px helvetica; color: #4e4e4e}
    .stoptext2 {position: absolute; top: 355; left: 555; font: 11px helvetica; color: #4e4e4e}
    .gohometext1 {position: absolute; top: 355; left: 34; font: 11px helvetica; color: #4e4e4e}
    .gohometext2 {position: absolute; top: 355; left: 86; font: 11px helvetica; color: #4e4e4e}
    .nowplayingtext {position: absolute; top: 26; left: 315; width: 225; font: 14px helvetica; color: #1e1e1e}
    .durationtext {position: absolute; top: 26; left: 540; width: 150; font: 14px helvetica; color: #1e1e1e}
    .persontext {position: absolute; top: 161; left: 34; width: 225; font: 14px helvetica; color: #1e1e1e}

    .cvp {position: absolute; top: 93; left: 596; height: 405; width: 720}
    .videowindow {position: absolute; left:302; top:47}

    .menuhometable {position: absolute; top: 72; left: 8}
    .menuitemtable {position: absolute; top: 43; left: 16}
    .menupictable {position: absolute; top: 43; left: 30}

    .contenttable {position: absolute; top: 47; left: 19}
    .contenttext {WIDTH: 279px; HEIGHT: 289px; FONT-SIZE: 14px; font-family: helvetica; padding-left: 15; padding-right: 15; color: #1e1e1e; padding-top: 5} 
    .contentlink {FONT-SIZE: 14px; font-family: helvetica; color: #1e1e1e} 
    .persontext1 {WIDTH: 279px; HEIGHT: 289px; FONT-SIZE: 14px; font-family: helvetica; padding-left: 15; padding-right: 15; color: #1e1e1e; padding-top: 115} 

    .persontext2 {BACKGROUND: #79c0d0; WIDTH: 558px; HEIGHT: 577px; FONT-SIZE: 27px; font-family: helvetica; padding-left: 29; padding-right: 29; color: #272727; padding-top: 230; filter: alpha(opacity=20)} 
    .contacttext {BACKGROUND: #ecf6f8; WIDTH: 558px; HEIGHT: 470px; FONT-SIZE: 27px; font-family: helvetica; padding-left: 29; color: #272727; padding-top: 10}
   

    .feedbacktable {position: absolute; top: 245; left: 302}
    .feedbackwindow1 {BACKGROUND: #1e1e1e; WIDTH: 356px; HEIGHT: 10px; FONT-SIZE: 0px; padding-top: 0}
    .feedbackwindow2 {BACKGROUND: #d01212; WIDTH: 356px; HEIGHT: 54px; FONT-SIZE: 15px; FONT-WEIGHT: bold; font-family: helvetica; padding-left: 13; padding-right: 13; color: #ffffff; padding-top: 5}
    .feedbackwindow3 {BACKGROUND: #d01212; WIDTH: 356px; HEIGHT: 24px; FONT-SIZE: 13px; font-family: helvetica; padding-left: 13; color: #ffffff; padding-top: 0}
    .feedbackwindow4 {FONT-SIZE: 13px; font-family: helvetica; color: #ffffff; padding-top: 0}

    .bottombartable {position: absolute; top: 337; left: 0}
    .bottombar1 {BACKGROUND: #e4e3e4; WIDTH: 683px; HEIGHT: 15x; FONT-SIZE: 0px; padding-top: 0; padding-bottom: 0;  filter: alpha(opacity=80)}
    .bottombar2 {BACKGROUND: #f0f0f0; WIDTH: 683px; HEIGHT: 45px; padding-top: 0; padding-bottom: 0;  filter: alpha(opacity=80)}
    .bottombar21 {BACKGROUND: #f0f0f0; WIDTH: 345; HEIGHT: 45px; FONT-SIZE: 11px; font-family: helvetica; padding-left: 300; color: #000000; padding-top: 15}
    .bottombar22 {BACKGROUND: #f0f0f0; WIDTH: 338px; HEIGHT: 45px; FONT-SIZE: 11px; font-family: helvetica; padding-left: 25; color: #000000; padding-top: 15}

    .verticaldivtable {position: absolute; top: 0; left: 298}
    .verticaldiv {BACKGROUND: #1e1e1e; WIDTH: 4px; HEIGHT: 337px}

    .picwindow {BACKGROUND: #1e1e1e; background-image: url(./images/honda_logo.gif); WIDTH: 710px; HEIGHT: 399px; background-position: center; background-repeat: no-repeat}

 

/* body background */
    body {background: #f0f0f0}
    .body_bg {BACKGROUND-image: url(./images/honda_bg.gif); background: #f0f0f0; background-repeat: no-repeat}
    .body_home {BACKGROUND-image: url(./images/honda_bgasimo.jpg); background-color: #f0f0f0;; background-repeat: no-repeat}
    .body_bg2 {BACKGROUND-image: url(./images/honda_bg2.jpg); background-color: #f0f0f0; background-repeat: no-repeat}
    .body_bg3 {BACKGROUND-image: url(./images/honda_bg3.jpg); backgroun-colord: #f0f0f0; background-repeat: no-repeat}
    .body_bg4 {BACKGROUND-image: url(./images/honda_bg4.jpg); background-color: #f0f0f0; background-repeat: no-repeat}
    .body_bg5 {BACKGROUND-image: url(./images/honda_bg5.jpg); background-color: #f0f0f0; background-repeat: no-repeat}
    .body_bgicon {BACKGROUND-image: url(./hondaiconbg.jpg); background-color: #f0f0f0; background-repeat: no-repeat}
    .body_content {BACKGROUND-image: url(./images/honda_bgtxt.jpg); background-color: #f0f0f0; background-repeat: no-repeat}



/* logo */
   .hondalogo {background-image: url(./images/honda_logo.gif); position: absolute; top: 29; left: 34; width: 82; height: 11; cursor: hand; filter: alpha(opacity=100); background-repeat: no-repeat}
   .amdlogo {background-image: url(./images/amd_logo.gif); position: absolute; top: 356; left: 613; width: 45; height: 12; cursor: hand; filter: alpha(opacity=100); background-repeat: no-repeat}
   .menubg {background-image: url(./images/honda_menubg.gif); position: absolute; top: 120; left: 45; width: 314; height: 348; cursor: hand; filter: alpha(opacity=100)}
   .videomenubg {background-image: url(./images/videomenubg.gif); position: absolute; top: 93; left: 68; width: 581; height: 577; cursor: hand; filter: alpha(opacity=100)}
   .press1 {background-image: url(./images/btn1.gif); position: absolute; top: 351; left: 64; width: 22; height: 22; cursor: hand; filter: alpha(opacity=100)}
   .press2 {background-image: url(./images/btn2.gif); position: absolute; top: 351; left: 345; width: 22; height: 22; cursor: hand; filter: alpha(opacity=100)}
   .press3 {background-image: url(./images/btn3.gif); position: absolute; top: 351; left: 530; width: 22; height: 22; cursor: hand; filter: alpha(opacity=100)}
   .personpic {background-image: url(./images/honda_chat.gif); position: absolute; top: 116; left: 67; width: 333; height: 188; cursor: hand; filter: alpha(opacity=100)}
   .makechoir {background-image: url(./images/make_choir.jpg); width: 198; height: 109; cursor: hand; filter: alpha(opacity=100)}
   .makecog {background-image: url(./images/make_cog.jpg); width: 198; height: 109; cursor: hand; filter: alpha(opacity=100)}
   .makegrrr {background-image: url(./images/make_cog.jpg); width: 198; height: 109; cursor: hand; filter: alpha(opacity=100)}
   .experienceday {background-image: url(./images/goodwood_2.jpg); width: 198; height: 109; cursor: hand; filter: alpha(opacity=100)}
   .goodwood {background-image: url(./images/goodwood_1.jpg); width: 198; height: 109; cursor: hand; filter: alpha(opacity=100)}

   .menuicon {width: 98; height: 54; cursor: hand; filter: alpha(opacity=100)}







/* generic TD style */
    td {position: relative}    

/* Medium-width button */
    .button1 {behavior:url(Hilite.htc); BACKGROUND: #ffffff; WIDTH: 358px; HEIGHT: 62px; FONT-WEIGHT: bold; FONT-SIZE: 20pt; font-family: arial; padding-left: 10; color: #000000; padding-top: 9}
    .button1_hilite {behavior:url(Hilite.htc); BACKGROUND: Red; WIDTH: 358px; HEIGHT: 62px; FONT-WEIGHT: bold; FONT-SIZE: 20pt; font-family: arial; padding-left: 10; color: #ffffff; padding-top: 9}

    .arrowbutton {behavior:url(Hilite.htc); WIDTH: 179px; HEIGHT: 30px; FONT-WEIGHT: bold; FONT-SIZE: 15px; font-family: helvetica; padding-left: 26; color: #1e1e1e; padding-top: 7}
    .arrowbutton_hilite {behavior:url(Hilite.htc);  BACKGROUND: #d01212; background-image: url(./images/menubar.gif); WIDTH: 179px; HEIGHT: 30px; FONT-WEIGHT: bold; FONT-SIZE: 15px; font-family: helvetica; padding-left: 25; color: #fefefe; padding-top: 7}

    .videoarrowbutton {behavior:url(Hilite.htc); background-image: url(./images/honda_videomenubar.gif); background-repeat: no-repeat; WIDTH: 278px; HEIGHT: 54px; FONT-WEIGHT: bold; FONT-SIZE: 16px; font-family: helvetica; padding-left: 119; color: #f0f0f0; padding-top: 8}
    .videoarrowbutton_hilite {behavior:url(Hilite.htc); background-image: url(./images/videomenuarrows.gif); background-repeat: no-repeat; WIDTH: 278px; HEIGHT: 54px; FONT-WEIGHT: bold; FONT-SIZE: 16px; font-family: helvetica; padding-left: 119; color: #f0f0f0; padding-top: 8}

/* Wide button */
    .button2 {behavior:url(Hilite.htc); position: relative; top: 0; left: 0; background: #aaaaaa; WIDTH: 400px; HEIGHT: 51px; FONT-WEIGHT: bold; FONT-SIZE: 20pt; font-family: arial; padding-left: 10; color: #f2f2f2; padding-top: 8}
    .button2_hilite {behavior:url(Hilite.htc); position: relative; top: 0; left: 0; background: orange; WIDTH: 400px; HEIGHT: 51px; FONT-WEIGHT: bold; FONT-SIZE: 20pt; font-family: arial; padding-left: 10; color: #f2f2f2; padding-top: 8}

/* Narrow Button*/
    .button3 {behavior:url(Hilite.htc); position: relative; top: 0; left: 0; background: #aaaaaa; WIDTH: 185px; HEIGHT: 51px; FONT-WEIGHT: bold; FONT-SIZE: 20pt; font-family: arial; color: #f2f2f2;}
    .button3_hilite {behavior:url(Hilite.htc); position: relative; top: 0; left: 0; background: orange; WIDTH: 185px; HEIGHT: 51px; FONT-WEIGHT: bold; FONT-SIZE: 20pt; font-family: arial; color: #f2f2f2;}

/* input text boxes */
    .inputbox {behavior:url(Hilite.htc); border: 6 solid silver; width: 200; height: 45; font: bold 22pt arial; color: #222222}
    .inputbox_hilite {behavior:url(Hilite.htc); border: 6 solid orange; width: 200; height: 45; font: bold 22pt arial; color: #222222}

/*  arrows for page-up and page-down  */
    .arrowUp {background-image: url(Images/ArrowUp.gif); width: 29; height: 32; cursor: hand; filter: alpha(opacity=60)}
    .arrowDown {background-image: url(Images/ArrowDown.gif); width: 29; height: 32; cursor: hand; filter: alpha(opacity=60)}
    .arrowmenu {background-image: url(Images/ArrowDown.gif); width: 29; height: 32; cursor: hand; filter: alpha(opacity=60)}

/* radio button*/
    .radioBtn{behavior:url(Hilite.htc); font-family: wingdings; font-size: 60px; color: #aaaaaa; width: 50;}
    .radioBtn_hilite{behavior:url(Hilite.htc); font-family: wingdings; font-size: 60px; color: orange; width: 50;}
    .radioBtnWhiteDot{behavior:url(Hilite.htc); font-family: wingdings; font-size: 31px; color: #f2f2f2}
    
/* Check Box */
    .checkbox {behavior:url(Hilite.htc); border: 4 solid #999999; background-color: #dddddd; WIDTH: 46; HEIGHT: 46;}
    .checkbox_hilite {behavior:url(Hilite.htc); border: 4 solid orange; background-color: #dddddd; WIDTH: 46; HEIGHT: 46;}
    .checkbox_checked {behavior:url(Hilite.htc); border: 4 solid #999999; background-color: #dddddd; WIDTH: 46; HEIGHT: 46; background-image: url(Images/checkmark.gif)}
    .checkbox_checked_hilite {behavior:url(Hilite.htc); border: 4 solid orange; background-color: #dddddd; WIDTH: 46; HEIGHT: 46; background-image: url(Images/checkmark.gif)}
    
/* iFrame for scrollable text content */
    .ContentIFrame {behavior:url(Hilite.htc); border: 6 solid #aaaaaa}
    .ContentIFrame_hilite {behavior:url(Hilite.htc); ; border: 6 solid orange}

/* HTML-style text link */
    .textLink{behavior:url(Hilite.htc); color: #00ccff; height: 18px}
    .textLink_hilite{behavior:url(Hilite.htc); color: #444444; background: orange; height: 18px}
    
/* Image with highlightable border */
    .imageBox{behavior:url(Hilite.htc); border: 6 solid #999999;}
    .imageBox_hilite{behavior:url(Hilite.htc); border: 6 solid orange;}
    
/*  Media Art (use this for box shots, photos, etc. */
    .photoTD {behavior:url(Hilite.htc); border: 6 solid #666666;}
    .photoTD_hilite {behavior:url(Hilite.htc); border: 6 solid orange;}
    
/* Checkbox */
    .checkbox {behavior:url(Hilite.htc); border: 4 solid #999999; background-color: #dddddd; WIDTH: 46; HEIGHT: 46;}
    .checkbox_hilite {behavior:url(Hilite.htc); border: 4 solid orange; background-color: #dddddd; WIDTH: 46; HEIGHT: 46;}
    .checkbox_checked {behavior:url(Hilite.htc); border: 4 solid #999999; background-color: #dddddd; WIDTH: 46; HEIGHT: 46; background-image: url(Images/checkmark.gif)}
    .checkbox_checked_hilite {behavior:url(Hilite.htc); border: 4 solid orange; background-color: #dddddd; WIDTH: 46; HEIGHT: 46; background-image: url(Images/checkmark.gif)}

/* Styles for "spinner" components. A spinner lets you scroll through a series of options using buttons marked + (Plus) and - (Minus).  */
/* Text box for display of options */
 .SpinnerBox {font: bold 30px arial; width: 500; height: 51; background: #eeeeee; color: #444444; padding-left: 10; padding-top: 6}

/* Style for spinner Plus and Minus buttons */
    .spinnerBtn {behavior:url(Spinner.htc); position: relative; top: 0; left: 0; background: #aaaaaa; WIDTH: 51px; HEIGHT: 51px; FONT-WEIGHT: bold; FONT-SIZE: 30pt; font-family: arial; color: #f2f2f2; text-align: center; border: none}
    .spinnerBtn_hilite {behavior:url(Spinner.htc); position: relative; top: 0; left: 0; background: orange; WIDTH: 51px; HEIGHT: 51px; FONT-WEIGHT: bold; FONT-SIZE: 30pt; font-family: arial; color: #f2f2f2; text-align: center; border: none}