/* CSS 2.0 */
/* This was v1.3 -- */

body{
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        margin: 0;
        padding: 0;
        background-color: #fff;
        color: #000;
        font-size: 12px;

}

p, li, ul, ol, dl, dd, dt, h1, h2, h3, h4, h5, h5{
        font-family: Arial, Helvetica, sans-serif;
        margin:0;
        padding:0;
}

FORM{
        margin:0;
        padding:0;
}

INPUT{
        margin:0;
        padding:0;
}


H3{
        font-size: 12px;
        font-weight: bold;
}


BODY, TD, P {
        font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
        font-size: 12px;
        color: #575757;
}



A.arrowLink{
        padding-left: 13px;
        background-image: url(/images/icons/arrow_orange.gif);
        background-repeat: no-repeat;
        background-position: 0 50%;
}

UL.arrowList{
        list-style-type: none;

}

UL.arrowList LI{
        padding-left: 11px;
        background-image: url(/images/icons/arrow_orange.gif);
        background-repeat: no-repeat;
        background-position: 0 0.3em;
}

P{
        margin-top:0;
        margin-bottom: 1em;
        text-align:left; /*for IE 6 bug */
}

#container{
        width:760px;

        margin: 0px auto 0px auto;
        text-align: left;

}



div{
        margin:0;
        padding:0;
}

.hide {
        display:none;
}

TABLE {
        margin: 0;
        border: 0;
        border-collapse: collapse;
        text-align:left;
}


TABLE TD {
        padding: 0;
        border: 0;
        vertical-align: top;
}

.part1of2{
        float:left;
        display:inline;
}

.part2of2{
        float:right;
        display:inline;
}

.clear {
        clear: both;
        height:0px;
        line-height:0px;
        font-size: 0px;
}

DIV.dashLine{
        clear:both;
        height:1px;
        line-height:1px;
        margin-bottom: 12px;
        background-image: url(/images/elem/dashline.gif);
        background-repeat: repeat-x;
        background-position: 0 0;
}

.small {
        font-size: 11px;
}

.small A, .small A:visited{
        font-size: 11px;
}

STRONG, B{
        font-weight: bold;
}

.marginTop{
        margin-top:20px;
}

/* HEADER */

#headerWrapper {
        width: 100%;

}

#headerWrapperLeft, #headerWrapperRight {
        padding: 0;
        width: 50%;
}

#headerWrapperCenter {
        padding: 0;
        width: 760px;
}



#headerWrapperRight {
        background-image:  url(/images/elem/bg_langbar.jpg);
        background-repeat: repeat-x;
}

#header{
        width: 760px;
}

.logo{
        float: left;
        display: inline;
        width: 259px;
}

#langNavi{
        float: right;
        display: inline;
        width: 460px;
        height:56px;
        background-image:  url(/images/elem/bg_langbar.jpg);
        background-repeat: repeat-x;
        background-position: top right;
}

#langNavi SELECT.langSelectField  {
        float:right;
        display:inline;
        width: 125px;
        vertical-align: middle;
        margin: 0 5px 0 0;
        font-size: 12px;
}

DIV#langNaviInner {
        height: 56px;
        background-image: url(/images/elem/bg_langbar_left.jpg);
        background-position: left top;
        background-repeat: no-repeat;

}

#langNavi FORM {
        display: block;
        padding: 14px 14px 0 0;
}


#langNavi SELECT.langSelectField  {
        width: 125px;
        vertical-align: middle;
        margin: 0 5px 0 0;
}

/* /header */

/* NAVI */

#navi{
        margin: 20px 0 0 13px;
        padding:0;
} * HTML #navi{ /* IE fix */
        height: 12px;
        margin-bottom: -2px;
}

#navi UL, #footer UL{
        list-style-type: none;
        margin: 0;
        padding: 0;
}

#navi UL LI, #footer UL LI{
        float: left;
        display:inline;
        margin-right: 21px;
        padding-left: 15px;
        white-space: nowrap;
        background-image: url(/images/icons/arrow_orange.gif);
        background-repeat: no-repeat;
        background-position: 0 50%;
        margin-bottom:0;
        padding-bottom:0;
}

/* /navi */

/* STATUS BAR */

#statusBar{
        clear:both;
        background-image: url(/images/elem/bg_statusbar.gif);
        background-repeat: repeat-x;
        background-position: top left;
        height: 50px;
        margin-top:8px;
        margin-bottom: 13px;
        padding-top:4px;
}




#statusBar TABLE{
        background-image: url(/images/elem/bg_statusbar_tm.gif);
        background-repeat: repeat-x;
        background-position: top left;
        margin:0;
        padding: 0;
        width: 100%;
        height: 40px;
}
#statusBar TABLE TD.tm{
        background-image: url(/images/elem/stbar_border.gif);
        background-repeat: no-repeat;
        background-position: top left;
        font-weight: bold;
        width: 146px;
        height: 47px;
        margin:0;
        vertical-align:top;
        line-height: 13px;
}
TABLE.sevenSteps TD#step3, TABLE.sevenSteps TD#step4, TABLE.sevenSteps TD#step5, TABLE.sevenSteps TD#step6, TABLE.sevenSteps TD#stepOK{
        width: 87px;
        vertical-align: top;
}

#statusBar TABLE TD.tm.hi{
        background-image: url(/images/elem/bg_statusbar_hi.gif);
        background-repeat: repeat-x;
        background-position: top left;
        color: #fff;
}

#statusBar TABLE TD.tm.visited{
        background-image: url(/images/elem/bg_statusbar_visited.gif);
        background-repeat: repeat-x;
        background-position: top left;
        color: #909090;
}

/* Sets Numbers to StatusBar */
TABLE TD#step1 SPAN, TABLE TD#step2 SPAN, TABLE TD#step3 SPAN, TABLE TD#step4 SPAN, TABLE TD#step5 SPAN, TABLE TD#step6 SPAN, TABLE TD#stepOK SPAN{
        background-image: url(/images/elem/stbar_1.gif);
        background-position: 6px 10px;
        background-repeat: no-repeat;
        height: 35px;
        display:block;
        padding: 6px 6px 0 35px;
}
TABLE Td#step2 SPAN{
        background-image: url(/images/elem/stbar_2.gif);
}
TABLE TD#step3 SPAN{
        padding-top:12px;
        background-image: url(/images/elem/stbar_3.gif);
}
TABLE.sevenSteps TD#step3 SPAN{
        padding-top:6px;
}

TABLE TD#step4 SPAN{
        padding-top:12px;
        background-image: url(/images/elem/stbar_4.gif);
}
TABLE.sevenSteps TD#step4 SPAN{
        padding-top:6px;
}
TABLE TD#step5 SPAN{
        background-image: url(/images/elem/stbar_5.gif);
}
TABLE TD#step6 SPAN{
        padding-top:12px;
        background-image: url(/images/elem/stbar_6.gif);
}
TABLE TD#stepOK SPAN{
        padding-top:12px;
        background-image: url(/images/elem/stbar_ok.gif);
}
TABLE.sevenSteps TD#stepOK SPAN{
        padding-top:6px;
}

/* Highlight */
TABLE TD#step1.hi SPAN{
        background-image: url(/images/elem/stbar_1_hi.gif);
}
TABLE TD#step2.hi SPAN{
        background-image: url(/images/elem/stbar_2_hi.gif);
}
TABLE TD#step3.hi SPAN{
        background-image: url(/images/elem/stbar_3_hi.gif);
}
TABLE TD#step4.hi SPAN{
        background-image: url(/images/elem/stbar_4_hi.gif);
}
TABLE TD#step5.hi SPAN{
        background-image: url(/images/elem/stbar_5_hi.gif);
}
TABLE TD#step6.hi SPAN{
        background-image: url(/images/elem/stbar_6_hi.gif);
}
TABLE TD#stepOK.hi SPAN{
        background-image: url(/images/elem/stbar_ok_hi.gif);
}
/* Visited */
TABLE TD#step1.visited SPAN{
        background-image: url(/images/elem/stbar_1_visited.gif);
}
TABLE TD#step2.visited SPAN{
        background-image: url(/images/elem/stbar_2_visited.gif);
}
TABLE TD#step3.visited SPAN{
        background-image: url(/images/elem/stbar_3_visited.gif);
}
TABLE TD#step4.visited SPAN{
        background-image: url(/images/elem/stbar_4_visited.gif);
}
TABLE TD#step5.visited SPAN{
        background-image: url(/images/elem/stbar_5_visited.gif);
}
TABLE TD#step6.visited SPAN{
        background-image: url(/images/elem/stbar_6_visited.gif);
}


#statusBar TABLE TD.tl{
        background-image: url(/images/elem/bg_statusbar_tl.gif);
        background-repeat: no-repeat;
        background-position: top left;
        width: 13px;
}
#statusBar TABLE TD.tr{
        background-image: url(/images/elem/bg_statusbar_tr.gif);
        background-repeat: no-repeat;
        background-position: top right;
        width: 14px;
}

/* /status bar*/



/* CONTENT */

#content{
        width: 734px;
        margin: 0 auto;
}

H1{
        color: #fff;
        font-size: 15px;
        font-weight: bold;
        background-image: url(/images/elem/bg_h1.gif);
        background-repeat: no-repeat;
        background-position: top left;
        height: 23px;
        display:block;
        white-space: nowrap;
        padding-left: 16px;
        line-height:23px;
        vertical-align: middle;
        margin-bottom: 18px;
}

.step1 H1 SPAN, .step2 H1 SPAN, .step3 H1 SPAN, .step4 H1 SPAN, .step5 H1 SPAN{
        background-image: url(/images/elem/h1_step1.gif);
        background-repeat: no-repeat;
        background-position: 100% 50%;
        padding-right: 31px;
        margin-right: 10px;
        height:22px;
        display:block;
        float:left;

}
.step2 H1 SPAN{
        background-image: url(/images/elem/h1_step2.gif);
}
.step3 H1 SPAN{
        background-image: url(/images/elem/h1_step3.gif);
}

.step4 H1 SPAN{
        background-image: url(/images/elem/h1_step4.gif);
}
.step5 H1 SPAN{
        background-image: url(/images/elem/h1_step5.gif);
}

DIV.icon{
        float: left;
        display:inline;
        clear:both;
        width: 180px;
        height: 140px;
        background-repeat: no-repeat;
        background-position: 50% 40%;
}

UL#stepIntro, DL#stepIntro{
        float:right;
        display:inline;
        width: 535px;
        margin-right: 10px;
        list-style-type: none;
}

UL#stepIntro{
        width: 510px;
        margin:0;
        margin-right: 40px;
}

DL#stepIntro DT{
        background-image: url(/images/elem/number_1.gif);
        background-repeat: no-repeat;
        background-position: 0 4px;
        padding-left: 31px;
        font-weight:bold;
        padding-bottom:10px;
}
DL#stepIntro DT.bullet2{
        background-image: url(/images/elem/number_2.gif);
}

SPAN.fileInfo{
        font-weight:normal;
}

DL#stepIntro DD{
        padding-left: 31px;
        margin: -8px 0 18px 0;
}

UL#stepIntro LI{
        padding:0;
        margin:0;
        margin-bottom: 18px;
}

.borderBox{
        border: 1px solid #cdcdcd;
        width: 732px;
        clear:both;
}

DIV.boxGrey{
        height: 69px;
        background-color: #e4e4e4;
        margin-bottom:2px;
        margin-top: 15px;
}

DIV.buttonHolder{
        float:right;
        display: inline;
        width: 292px;
        padding-top:23px;
}
DIV.buttonHolder IMG.buttonOk{
        margin-right:20px;
}

DIV.driveStatusBg{
        background-color: #f9f9f9;
        margin: 2px;
}

DIV#driveStatus{
        width: 285px;
        font-weight: bold;
        font-size:11px;
        padding: 27px 0 27px 29px;
}

DIV#driveStatus.full{
        padding-bottom: 19px;
}

#driveStatus DIV.borderBox{
        width:283px;
        margin:5px 0;
}

DIV.driveStatusBar, DIV.driveStatusBarFull{
        width:204px; /* 100% = 279 px */
        float:left;
        font-size:12px;
        text-align: center;
        height:21px;
        line-height:21px;
        background: #7ee975 url(/images/elem/bg_drivestatusbar_green.gif) repeat-x top left;
}
DIV.driveStatusBarFull{
        width:279px;
        color: #fff;
        background: #c5000e url(/images/elem/bg_drivestatusbar_red.gif) repeat-x top left;
}


DIV.driveStatusBarBg{
        margin:2px;
        font-size:12px;
        text-align: center;
        height:21px;
        line-height:21px;
        background: #f9f9f9 url(/images/elem/bg_drivestatusbar_grey.gif) repeat-x top left;
}


SPAN.driveFree{
        float:right;
        font-size:13px;
}
SPAN.driveSpace{
        float:right;
}

.bold{
        font-weight:bold;
}




/* FRONTPAGE */


TABLE.frontPageContent{
        height: 472px;
        width: 552px;
}

TABLE.frontPageContent TR.topRow{
        height: 276px;
        background: #fff url(/images/elem/bg_fp_toprow.jpg) no-repeat bottom right;
}

TABLE.frontPageContent TR.bottomRow{
        height: 196px;
        background: #fff url(/images/elem/bg_fp_bottomrow.jpg) no-repeat bottom right;
}

.frontpage H1 {
        background-image: none;
        color: #575757;
        padding:0;
        margin:0 0 18px 0;
        line-height: 14px;
        height: 1em;
}

.frontpage DIV.wideColumn{
        width: 552px;
        height: 472px;
}
.frontpage DIV.startButton{
        margin-top: 33px;
        padding-bottom: 24px;
        clear:both;
}

.frontpage DIV.narrowColumn{
        width: 138px;
        height: 472px;
	margin-bottom:10px;
        padding: 0 10px;
        background: #fff url(/images/elem/bg_fp_sideBox.gif) no-repeat top left;
        font-size: 11px;
}

.frontpage DIV.narrowColumn P {
        font-size: 11px;
}

.frontpage DIV.narrowColumn TABLE.iconHolder TD{
        text-align:center;
        width: 138px;
        padding-bottom: 14px;
} * HTML .frontpage DIV.narrowColumn TABLE.iconHolder TD{
        padding-bottom: 12px;
}


.frontpage DIV.narrowColumn TABLE.iconHolder TR.last TD{
        padding-bottom:10px;
}


.frontpage DIV.narrowColumn TABLE.iconHolder TD SPAN.iconTitle{
        display:block;
        margin-top: 8px;
        font-weight: bold;
        font-size: 11px;
}* HTML .frontpage DIV.narrowColumn TABLE.iconHolder TD SPAN.iconTitle{
        margin-top: 5px;
}

.frontpage DIV.narrowColumn H2{
        color: #be0916;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        margin: 15px 0 13px 0;
}

.frontpage DIV.narrowColumn DIV.dashLine{
        margin-bottom: 10px;
}


.frontpage #statusBar{
        height: 4px;
        padding:0;
        margin-bottom: 36px;
}

.frontpage DIV.narrowColumn TABLE.iconHolder TD SPAN.footnote{
 font-size: 85%;
 font-weight: normal;
 text-align: left;
}
.frontpage DIV.narrowColumn TABLE.iconHolder TD SPAN.footnote a{
font-size: 85%;
}

/* /frontpage */


/* STEP1 */

.step1 DL#stepIntro DD IMG{
        display:block;
        margin-top: 8px;
}

.step1 DIV.icon{
        background-image: url(/images/icons/icon_download_navicore.gif);
}

/* STEP1 GUIDE */

#guideHeader{
        height:33px;
        margin: 2px;
        background-image: url(/images/elem/bg_guide_header.gif);
        background-repeat: repeat-x;
        background-position: top left;
}

#guideHeader H2{
        float:left;
        display:inline;
        height: 33px;
        font-size: 12px;
        background-image: url(/images/icons/icon_questionmark.gif);
        background-repeat: no-repeat;
        background-position: 0 50%;
        padding-left: 35px;
        margin-left:10px;
        line-height:32px;
        width: 400px;
}

#guideHeader DIV#openCloseLink{
        display:inline;
        float:right;
        width: 100px;
        height: 33px;
        text-align: right;
        margin-right: 10px;
        line-height:32px;
        color: #ff6c00;
        font-weight:bold;
}
DIV#openCloseLink A{
        font-weight:bold;
}

DIV#guideContent{
        background-color: #f9f9f9;
        margin:0 2px 2px 2px;
}

#guideContent .part1of2, #guideContent .part2of2{
        width: 334px;
        margin: 14px 10px;
}

#guideContent P{
        margin: 15px 0;
}
/* /guide */
/* /step1 */

/* STEP 2 */

.step2 DIV.icon{
        background-image: url(/images/icons/icon_insert_memorycard.gif);
}
.step2 #footer{
        margin-top:0;
}

/* /step2 */

/* STEP3 */

.step3 UL.newItemList{
        list-style-type: none;
        margin:5px 0 0 15px;;
}

.step3 UL.newItemList LI {
        font-weight:bold;
        margin-bottom: 4px;
        padding-left: 25px;
}
.step3 UL.newItemList LI.newItem{
        background-position: 0% 50%;
        background-repeat: no-repeat;
        background-image: url(/images/icons/icon_new_content.gif);
}
.step3 UL.newItemList LI SPAN.ingText{
        font-weight:normal;
}

.step3 .updateNavicore .part1of2, .step3 .upToDate .part1of2{
        float: right;
        width: 420px;
}

.step3 .upToDate .part1of2{
        width: 315px;
        margin-right: 33px;
}

.cardFull{
        color: #c5000e;
}

P.noteCardFull{
        color: #c5000e;
        margin: 10px 0 0 0;
}

.step3 .updateNavicore .part2of2{
        margin: 46px 33px 0 35px;
        width: 230px;
}
.step3 .upToDate .part2of2{
        margin: 40px 33px 0 0;
        width: 345px;
}


DIV.downloadSize, DIV.downloadTime, SPAN.integrity {
        font-size: 11px;
        margin: 2px 0 0 2px
}

DIV.integrityNote{
        clear: both;
        margin:0 0 28px 37px;
}
DIV.integrityNote P{
        width: 400px;
}


SPAN.integrity{
        float: right;
        margin: 0px 32px 0 0;
        padding-bottom: 10px;
        width: 230px;
}

DIV.integrity INPUT{
        margin-right: 3px;
}

/* Points-of-interest */

.step3 SPAN.btShow IMG{
        margin-right: 3px;
        margin-bottom:-2px;
} * HTML .step3 SPAN.btShow IMG{
        margin-bottom:0;
}

TR.itemDesc TD P{
        font-size: 11px;
        margin-left: 15px;
}
/* /Points-of-interest */

/* Needs update */

DIV.updateNote{
        margin-bottom: 20px;
}

DIV.updateNote P.last{
        margin-bottom: 0;
}

DIV.updateNote DIV.noteHeader{
        display: block;
        margin: 2px 2px 0 2px;
        background-image: url(/images/elem/bg_note_h2.gif);
        background-position: top left;
        background-repeat: repeat-x;
        height: 33px;
        line-height: 33px;
}

DIV.updateNote DIV.noteHeader H2{
        padding-left: 35px;
        margin-left: 10px;
        background-position: 0% 50%;
        background-repeat: no-repeat;
        font-size: 17px;
        font-weight: bold;
}

DIV.updateNote DIV.noteHeader H2.needsUpdate{
        background-image: url(/images/icons/icon_needs_update_h2.gif);
        color: #2a53ae;
}

DIV.updateNote DIV.noteHeader H2 SPAN.newContent{
        color: #ff6c00;
        display:inline;
        background: none;
}

.updateNote .noteBg{
        background-color: #f9f9f9;
        padding: 14px 9px;
        margin: 2px;
}


/* /needs update */


/* Up to date */

DIV.updateNote DIV.noteHeader H2.upToDate{
        background-image: url(/images/icons/icon_uptodate_h2.gif);
        color: #06b300;
}

/* /Up to date */

/* Soundsets */

SPAN.btListen{
        float: right;
        margin: 0 35px 0 10px;
}

/* /soundsets */


/* Select Drive */
.step3 DIV.icon{
        background-image: url(/images/icons/icon_select_drive.gif);
}

DIV#stepIntro {
        width: 535px;
        float:right;
        display: inline;
        margin-right: 10px;
}

DIV#stepIntro DIV.selectDrive{
        width: 256px;
        clear:none;
        margin-top: 20px;
}

DIV.selectDriveBg{
        background: #ececec url(/images/elem/bg_select_drive.gif) repeat-x top left;
        margin: 2px;
        min-height: 86px;
} * HTML DIV.selectDriveBg {
        height:86px;
}

DIV.selectDrive DL.drive{
        float:left;
        display:inline;
        margin-top: 21px;
        margin-bottom: 17px;
}

DIV.selectDrive DL.drive DT, DIV.selectDrive DL.drive DT A, DIV.selectDrive DL.drive DT A:visited{
        color: #ff6c00;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 4px;
}
DIV.selectDrive DL.drive DD{
        font-size: 11px;
}
DIV.selectDrive DL.drive DD.free{
        font-weight: bold;
}
DIV.selectDrive IMG.icon{
        margin: 22px 17px 19px 40px;
        float:left;
        display:inline;
}

/* /Select Drive */

TABLE#updates{
        width: 100%;
}

TABLE#updates TR.header TH{
        font-size: 14px;
        font-weight: bold;
        background-image: url(/images/elem/bg_bar_h2.gif);
        background-position: top left;
        background-repeat: repeat-x;
        height: 33px;
        padding-left: 15px;
        white-space: nowrap;
        margin-bottom: 2px;
        text-align:left;
}

TABLE#updates TR.header{
        border-bottom: 2px solid #fff;
}

TABLE#updates TR.header TH.updateStep{
        width: 427px;
}
TABLE#updates TR.header TH.total{
        padding-left: 0;
        width: 111px;
        font-size: 12px;
}
TABLE#updates TR.header TH.change{
        width: 181px;
        padding-left:0;
}


/* ITEMLIST */
TABLE.itemList {
        margin: 0 0 10px 0;
        width: 734px;
}
TABLE.applications{
        margin:0;
}

TABLE.itemList TR.header TH{
        background: none;
        text-align:left;
}
TABLE.itemList TH{
        padding-left: 15px;
        padding-top:15px;
        padding-bottom: 9px;
}
TABLE.itemList TR TD{
        height: 25px;
        padding: 2px 0;
        vertical-align: middle;
}
TABLE.itemList TR TD DIV.changeApp{
        margin: 15px 0 0 15px;
}
TABLE.itemList TR TD.item{
        padding-left: 15px;
        width: 427px;
        font-weight: bold;
        vertical-align: middle;
}

TABLE.soundSets TR TD.item{ /* SoundSets */
        width: 239px;
}

TABLE.InstallSoundSets TR TD.item{
        padding-left:7px;
        width: 133px;
}

TABLE.InstallSoundSets TR TD.btListen IMG{
        margin-left: 9px;
}
TABLE.InstallSoundSets TR TD.btListen{
        width: 81px;
}

TABLE.InstallSoundSets TR TD.checkBox{
        width: 26px;
}
TABLE.InstallSoundSets TR TD.checkBox INPUT{
        margin-left: 13px;
}

TABLE.soundSets TR TD.language,TABLE.InstallSoundSets TR TD.language{
        width: 188px;
}

TABLE.itemList TR.toBeInstalled TD{
        color: #2a53ae;
}

TABLE.itemList TR.update TD.item INPUT{
        margin-left: 15px;
}

TABLE.InstallSoundSets TR.update TD.item INPUT{
        margin-left: 0;
}
TABLE.itemList TR.update TD{
        font-weight: normal;
}

TABLE.itemList TR TD.item SPAN.version{
        font-weight:normal;
}
TABLE.itemList TR TD.item INPUT{
        margin: 0 5px 0 0 ;
        padding: 0;
}

TABLE.itemList TR.disabled TD{
        color: #bcbcbc;
}

TABLE.itemList TR TD.size{
        width: 111px;
}
TABLE.itemList TD.status{
        width: 181px;
}

TABLE.itemList TD.status SPAN{
        padding-left: 23px;
}

TABLE.itemList TD.currently  {
        padding:0;
}

TABLE.itemList TR.removed TD{
        color: #c5000e;
}
TABLE.itemList TD.currently SPAN{
        padding-left: 23px;
        background-position: 0% 50%;
        background-repeat: no-repeat;
        background-image: url(/images/icons/icon_currently_installed.gif);
        color: #06b300;
}
TABLE.itemList TD.toBeRemoved SPAN{
        padding-left: 23px;
        background-position: 0% 50%;
        background-repeat: no-repeat;
        background-image: url(/images/icons/icon_toberemoved.gif);
}
TABLE.itemList TD.toBeInstalled SPAN, TABLE.itemList TD.toBeUpdated SPAN{
        padding-left: 23px;
        color: #2a53ae;
        background-position: 0% 50%;
        background-repeat: no-repeat;
        background-image: url(/images/icons/icon_tobeinstalled.gif);
}


TABLE.itemList TR{
        background-image: url(/images/elem/dashline.gif);
        background-repeat: repeat-x;
        background-position: left bottom;
}

TABLE.itemList TR.noDashLine {
        background-image: none;
}



DL.phoneSelect DT{
        margin-bottom: 6px;
        display:block;
        font-weight: bold;
        width: 120px;
        color: #ff6c00;
        padding-left: 15px;
        background-image: url(/images/icons/arrow_orange_down.gif);
        background-repeat: no-repeat;
        background-position: 0 50%;
}

DL.phoneSelect DT:hover{
        text-decoration: underline;
}


TABLE.productTable{
        width: 719px;
}

TABLE.productTable TR {
        background-image:none;
}

TABLE.productTable TD{
        font-size: 11px;
        text-align: center;
}

TABLE.productTable TD{
        padding: 5px 0 10px 0;

}

TABLE.productTable SPAN.manufacturer{
        display: block;
}

TABLE.productTable2{
    margin-left: 10px;
}

TABLE.productTable2 TR {
        background-image:none;
}

TABLE.productTable2 TD{
        font-size: 11px;
        text-align: center;
}

TABLE.productTable2 TD{
        padding: 8px 0 15px 0;

}

TABLE.productTable2 SPAN.manufacturer{
        display: block;
}


.step3 DIV.phoneImage{
        width: 100px;
        text-align: center;
        margin-left: 15px;
        clear: both;
        float: left;
        display: inline;
        margin-top: 5px;
}

.step3 DIV.phoneInfo{
        margin-top: 5px;
        float: left;
        display: inline;
        width: 600px;
        padding-top: 20px;

}

.step3 DIV.phoneInfo DL DT{
        margin-bottom: 4px;
        margin-right: 10px;
        float:left;
        width: 150px;
}
.step3 DIV.phoneInfo DL DD{
        margin-bottom: 4px;
        font-weight: bold;
        float:left;
        margin-left:5px;
        width: 400px;
}

.step3 DIV.dashLine{
        margin-bottom: 8px;
}
* html .step3 DIV.dashLine{ /* IE */
        margin-bottom: 5px;
}


/* /step 3 */

/* STEP4 */

/* Enter license */

BODY.enterLicense DIV.icon{ /* for IE's sake */
        background-image: url(/images/icons/icon_enter_license.gif);
}

.step4 DIV.licenseCode{
        display:block;
        float:left;
        margin-top: 5px;
        margin-right: 5px;
}

.step4 DIV.licenseCode INPUT{
        line-height: 29px;
        width: 80px;
        padding:0;
        margin: 0 5px;
}


/* /enter license */


P#stepIntro {
        width: 545px;
        float:right;
        display: inline;
}

.step4 DIV.icon{
        background-image: url(/images/icons/icon_install.gif);
}

.step4 DIV.downloadProg{
        width: 545px;
        float:right;
        display: inline;
}

.step4 DIV.borderBox{
        clear: none;
}

.step4 DIV#driveStatus{
        text-align:center;
        float: right;
        display:inline;
        padding-right:40px;
}

.step4 DIV.dlStatusContainer{
        background-color: #f9f9f9;
        float:right;
        display:inline;
        width: 130px;
        margin: 32px 5px 0 0;
}

.step4 UL.downloadStatus{
        list-style-type: none;
}

UL.downloadStatus LI{
        margin-bottom: 5px;
        padding-left: 14px;
        color: #909090;
}

UL.downloadStatus LI.hi{
        background-image: url(/images/icons/arrow_green.gif);
        background-repeat: no-repeat;
        background-position: 0 50%;
        color: #06b300;
        font-weight: bold;
}

.step4 .cancelDownload{
        margin-top: 5px;
}

/* /step4 */

/* STEPOK */

.stepOK DIV.intro{
        margin: 2px;
        background-image: url(/images/elem/bg_step_ok_note.gif);
        background-position: top left;
        background-repeat: repeat-x;
        background-color: #ececec;
}

.stepOK DIV.introText{
        float:right;
        display:inline;
        width: 510px;
        margin: 15px 30px 0 0;
}

* HTML .stepOK .borderBox{
        padding: 2px 0;
}

.stepOK DIV.icon{
        background-image: url(/images/icons/icon_updated.gif);
}

DIV.introText H1{
        margin:0;
        padding:0;
        background: transparent;
        color: #06b300;
        margin-bottom: 16px;
}

DIV.introText UL{
        list-style-type: none;
}

DIV.introText UL LI{
        padding-bottom: 20px;
}

/* /stepok */


/* /content */





/* FOOTER */

#footer .part1of2{
        margin-top: 11px;
        width: 200px;
        margin-left: 30px;
        display:inline;
}

#footer .part2of2{
        margin-top: 11px;
        width: 37em;
        display:inline;
}

#footer{
        font-size: 11px;
        clear:both;
        background-image: url(/images/elem/bg_footer.gif);
        background-repeat: repeat-x;
        background-position: top left;
        height:37px;
        margin-top:51px;
        padding-bottom: 25px;
}

#footer UL LI{
        padding-left:10px;
        background-image: url(/images/icons/arrow_orange_s.gif);
}

#footer A{
        font-size: 11px;
}

/* /footer */

/* phone selector */

.productTable td{
              padding:5px;
               }


.phoneButton{
              cursor: pointer;
              padding-left: 13px;
              color: #ff6c00;
              font-weight: bold;
              background:url(/images/icons/arrow_orange.gif) no-repeat 0 50%;
              }
.phoneButtonDown{
              cursor: pointer;
              padding-left: 13px;
              color: #ff6c00;
              font-weight: bold;
              background:url(/images/icons/arrow_orange_down.gif) no-repeat 0 50%;
              }
.phoneButton:hover .phoneButtonDown{
              text-decoration: underline
}


/* map selector */

.map_img{
position:absolute;
width: 732px;
height: 457px;
border: 1px solid gray;
}

.map_overlay{
position:absolute;
left:0px;
top: 0px
}

.map_tab{
position:absolute;
width: 732px;
height: 457px;
border: 1px solid gray;
}

.polyarea {
border: 0;
 }

.polyarea.hover{

 }

.hidden{
display: none;
 }

ul#tabnav {
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid gray;
margin: 0;
}

ul#tabnav li {
float: left;
height: 21px;
background-color: darkgray;
margin: 2px 2px 0 2px;
border: 1px solid gray;

}

ul#tabnav li.active{
border-bottom: 1px solid #fff;
background-color: #fff;
}

ul.tabnav li.active .link{
color: #000;
}

#tabnav .link {
float: left;
display: block;
color: #666;
text-decoration: none;
padding: 4px;
cursor: pointer;
}

#tabnav .link:hover {
text-decoration: underline;
background: #fff;
}


#notice {
  border: 2px solid red;
  padding: 1em;
  margin-bottom: 2em;
  background-color: #f0f0f0;
  font: bold smaller sans-serif;

}

div.notice {
  border: 2px solid red;
  padding: 1em;
  margin-bottom: 2em;
  background-color: #f0f0f0;
  font: bold smaller sans-serif;
  margin-top: 2em;
}

#gloak {
 position: fixed;
 top: 0;
 left: 0;
 background-color: #fff;
 height: 100%;
 width: 100%;
-moz-opacity: 0.80;
 opacity: .80;
 filter: alpha(opacity=80); /* ie6 */
 display: none;
 z-index: 7;
}


#progress{
display:none;
width: 260px;
z-index:8;
}