/*Global : START*/
#mainContent *{margin:0; padding:0; font-family:Arial;letter-spacing:0;text-transform:inherit;}
#mainContent{margin:3px 0 0}
#mainContent ul{ list-style:none;}
#mainContent select{padding:4px}
#mainContent fieldset{border:0}
#mainContent{background:#fff; color:#4b4b4b; float:left; width:940px; padding:10px}
#mainContent h1{font-size:17px; font-weight:bold}
#mainContent h2.header{background:#5d6a7a; padding:12px; font-size:12px; font-weight:bold; color:#fff; position:relative; overflow:visible;}
#mainContent h2.header strong{display:block; padding:0 0 4px;}
#mainContent h2.header span{font-weight:normal}
#mainContent p.note{font-size:11px; padding:3px 0 10px 0}
#mainContent .next.disabled,
#mainContent .prev.disabled {visibility: hidden}
#mainContent #vehiclePanel,
#mainContent #radioPanel,
#mainContent #phonePanel,
#mainContent #FCpanel{border:1px solid #d0d1d6; border-top:0; float:left; padding: 25px 0; width: 938px; position:relative}
#mainContent #vehiclePanel .carousel{margin:0 auto; position:relative; padding:0 5px 0 5px}
#mainContent #vehiclePanel .caroufredsel_wrapper{margin: 0 0 0 61px}
#mainContent #vehiclePanel .carousel .prev{float:left; width:14px; height:20px; background-position: -4px -171px; text-indent: -10000px; cursor:pointer; position:absolute; z-index:2; left: 44px; top:83px}
#mainContent #vehiclePanel .carousel .next{float:right; width:14px; height:20px; background-position: -63px -171px; text-indent: -10000px; cursor:pointer; position:absolute; z-index:2; right:45px; top:83px}
#mainContent #vehiclePanel .carousel .prev:hover{background-position:-18px -171px}
#mainContent #vehiclePanel .carousel .next:hover{background-position: -50px -171px}
#mainContent #vehiclePanel .vehicleList,
#mainContent #radioPanel .radioList{width:816px; margin:0 auto; overflow:auto}
#mainContent #vehiclePanel .vehicleList li,
#mainContent #radioPanel .radioList li{float:left; padding:0 6px 10px 6px; min-height:110px}
#mainContent #vehiclePanel .vehicleList li:first-child,
#mainContent #radioPanel .radioList li:first-child{margin-left:0}
#mainContent #vehiclePanel .vehicleList li span.model{display:block; text-align:left; font-weight:bold; font-size:12px; color:#eb3726; padding: 0 0 0 10px}
#mainContent #vehiclePanel .vehicleList li span.year,
#mainContent #vehiclePanel .vehicleList li span.make{display:block; text-align:left; font-weight:normal; font-size:10px; color:#4b4b4b; padding: 0 0 0 10px}
#mainContent #radioPanel .radioList li span{display:block; text-align:center; font-weight:bold; font-size:11px; color:#eb3726}
#mainContent #vehicleSelect,
#mainContent #phoneSelect{background:#dbdbde; margin:1px 0 20px 0; padding:12px}
#mainContent #vehicleSelect fieldset legend,
#mainContent #phoneSelect fieldset legend{display:none}
#mainContent #vehicleSelect select,
#mainContent #phoneSelect select{font-size:11px; margin:0 30px 0 0}
select#manufacturer{width:150px;}
#mainContent #vehicleSelect .srcResult,
#mainContent #phoneSelect .srcResult{float:right; color:#000; font-weight:bold; font-size:11px; width:75px; text-align: right; margin:3px 0 0}
#mainContent #radioPanel .radioList li:hover{background:url(/crossbrand/shared/images/uconnectBluetooth/select_bg_car.png) 10px 0 no-repeat; cursor:pointer}
#mainContent #vehiclePanel .vehicleList li:hover{background:url(/crossbrand/shared/images/uconnectBluetooth/select_bg_car.png) 5px 25px no-repeat; cursor:pointer}
/*Global : END*/

/*Sprites : START*/
#mainContent #instructionsPanel .items .step,
#mainContent #saveOptions .printer.disabled,
#mainContent #saveOptions .emailer.disabled,
#mainContent #saveOptions .download.disalbed,
#mainContent #saveOptions .printer,
#mainContent #saveOptions .emailer,
#mainContent #saveOptions .download,
#mainContent #FCpanel .startOver,
#mainContent #vehicleSelected .selImage,
#mainContent #radioSelected .selImage,
#mainContent #phoneSelected .selImage,
#mainContent .help,
#mainContent .help .pointer,
#mainContent .prev,
#mainContent .next,
.rdohelp .pointer
{background:url(/crossbrand/shared/images/uconnectBluetooth/sprites.png) 0 0 no-repeat}

.rdohelp{background:url(/crossbrand/shared/images/uconnectBluetooth/helpGeneric.png) 0 0 no-repeat}
/*Sprites : END*/

/* Instructions Panel: START */
#mainContent #instructionsPanel{background:url(/crossbrand/shared/images/uconnectBluetooth/separator.gif) 0 0 repeat-y; border:1px solid #d0d1d6; float:left; color:#6a6a6a}
#mainContent #vehicleSelected,
#mainContent #radioSelected,
#mainContent #phoneSelected{float:left; width:211px; padding:20px 20px 0 20px;position:relative;min-height:150px;}
#mainContent #vehicleSelected .selImage{background-position:-6px -277px}
#mainContent #radioSelected .selImage{background-position:10px -346px}
#mainContent #radioSelected .selImage img{width:85%; height:85%; margin: 6px 0 0 8px}
#mainContent #phoneSelected .selImage{background-position:20px -433px}
#mainContent #saveOptions{float:left; width:145px; padding:20px 20px 0}
#mainContent #instructionsPanel .selImage{float:left; height:56px; width:104px; padding: 10px 0 0}
#mainContent #instructionsPanel .selImage.none{background:none}
#mainContent #instructionsPanel .items{float:right; width:105px; text-align:right;}
#mainContent #instructionsPanel .items .mft{font-size:10px; color:#4b4b4b; font-weight:normal; margin: 2px 0 0; display:none}
#mainContent #instructionsPanel .items .step{font-size:15px; font-weight:bold; background-position:28px 8px}
#mainContent #instructionsPanel .items .step.none{background:none}
#mainContent #instructionsPanel .items .step span{font-size:30px}
#mainContent #instructionsPanel .items .message{font-size:11px; padding:2px 0 10px}
#mainContent #instructionsPanel .items .selItem{font-size:13px; color:#eb3726; font-weight:bold}
#mainContent #instructionsPanel .items .selItem .year,
#mainContent #instructionsPanel .items .selItem .make{font-size:10px; color:#4b4b4b; font-weight:normal; margin: 2px 0 0; display:block}
#mainContent #instructionsPanel .version{display:none; clear:both; text-align:right; font-size:9px; color:#4b4b4b}

#mainContent #instructionsPanel .items .change{position:absolute;bottom:3px;right:15px;}
#mainContent #instructionsPanel .items .change a{color:#fff; font-size:11px; display:inline-block;width:101px;height:19px;background:url(/crossbrand/shared/images/uconnectBluetooth/change_button.jpg) no-repeat;line-height:17px;text-align:left;text-indent:4px;text-decoration:none;}
#mainContent #saveOptions li{padding:10px 0 7px 20px; float:left; font-size:10px; color:#333; width:99%}/*width:99% - damn IE issue*/
#mainContent #saveOptions li:first-child{padding-top:0}
#mainContent #saveOptions a{color:#4B4B4B; font-size:10px; font-weight:bold; text-decoration:underline}
#mainContent #saveOptions .printer{background-position:-6px -55px}
#mainContent #saveOptions .printer.disabled{background-position:-6px -31px}
#mainContent #saveOptions .emailer{background-position:-5px -99px}
#mainContent #saveOptions .emailer.disabled{background-position:-6px -75px}
#mainContent #saveOptions .download{background-position:-6px -144px}
#mainContent #saveOptions .download.disabled{background-position:-6px -122px}
/* Instructions Panel: END */

/*Vehicle Panel : START*/
#mainContent #vehicleSelect .btnGo {font-size:11px; font-weight:bold; color:#000}
#mainContent #vehicleSelect #model {margin-right:0}
/*Vehicle Panel : END*/

/*Radio Panel : START*/
#mainContent #radioPanel .radioList{padding:20px 0}
#mainContent #radioPanel .radioList li{padding:20px}
#mainContent #radioPanel .radioList li .rdname{margin:10px 0 0 0}
#mainContent #radioPanel .rdohelp{width:13px; height:13px; background-position:0 0; cursor:auto; position:absolute; top:13px; left:190px}
#mainContent #radioPanel .rdohelp span{ cursor:pointer; margin:0; padding:0; text-indent:-100000px; display:block}
#mainContent #radioPanel .rdohelp .holder{position:relative; left:-106px; top:3px; display:none}
#mainContent #radioPanel .rdohelp .toolTip{background:#dbdbde; border:1px solid #d0d1d6; clear:both; font-size:11px; float:left; color:#4b4b4b; width:200px; text-align:left; padding:10px; margin:0; font-weight:normal}
#mainContent #radioPanel .rdohelp .pointer{background-position:-6px -221px; float:left; width:15px; height:8px; position:relative; z-index:1; margin: -5px 0 -1px 106px}
#mainContent #radioPanel .rdohelp:hover .holder{display:block}
/*Radio Panel : END*/

/*Phone Panel : START*/
#mainContent #phoneSelected .selImage img{width:70px; height:70px}
#mainContent #phonePanel .phoneList{width:800px; margin:0 auto; padding:0 0 10px 0}
#mainContent #phonePanel .phoneList li{float:left; padding: 27px 0 0; width:250px; height:190px; margin:0 10px 0 0}
#mainContent #phonePanel .phoneList li:first-child{margin-left:0}
#mainContent #phonePanel .phoneList li .right{float:right; width:58%; text-align:left}
#mainContent #phonePanel .phoneList li span{display:block; font-weight:bold; font-size:12px; color:#eb3726}
#mainContent #phonePanel .phoneList li:hover{background:url(/crossbrand/shared/images/uconnectBluetooth/select_bg_phone.png) 10px 0 no-repeat; cursor:pointer}
#mainContent #phonePanel .phoneList li .help{width:13px; height:13px; background-position:-6px -198px; cursor:auto; float:right}
#mainContent #phonePanel .phoneList li .help span{ cursor:pointer; margin:0; padding:0; text-indent:-100000px}
#mainContent #phonePanel .phoneList li .help .holder{position:relative; left:-106px; top:20px; display:none}
#mainContent #phonePanel .phoneList li .help .toolTip{background:#dbdbde; border:1px solid #d0d1d6; clear:both; font-size:11px; float:left; color:#4b4b4b; width:200px; text-align:left; padding:10px; margin:0}
#mainContent #phonePanel .phoneList li .help .pointer{background-position:-6px -221px; float:left; width:15px; height:8px; position:relative; z-index:1; margin: -5px 0 -1px 106px}
#mainContent #phonePanel .phoneList li .help .toolTip p.subHdr{font-weight:bold; font-size:10px; padding:0 0 0 5px}
#mainContent #phonePanel .phoneList li .help .toolTip ul{float:left; list-style:disc; margin:0; padding:0 0 0 20px; font-size:10px; font-weight:normal; width:180px}
#mainContent #phonePanel .phoneList li .help .toolTip ul li{background:none; margin:0; padding:5px 0; width:99%; height:auto; cursor:auto; text-align:left; float:none}
#mainContent #phonePanel .phoneList li .help:hover .holder{display:block}
#phoneSelect select, #vehicleSelect select{float:left;}
.genInst{float:left;width:310px;font-size:11px;text-align:center;color:#000;position:relative;left:100px;}
.genInst h3{font-size:13px;color:red;}
.genInst a{color:#0b41f0;}
#mainContent #softwareVersion{background:#f0f2fc; border:1px solid #d0d1d6; margin:10px 0 0; padding:5px 0; font-size:10px; width:15px; float:left; width:145px; text-align:left}
#mainContent #softwareVersion p{font-weight:bold; padding:0 43px 0 10px}
#mainContent #softwareVersion a{border-top:1px solid #d0d1d6; display:block; margin:5px 0; padding:5px 10px 0; word-wrap:break-word; color:#0000ee}
/*Phone Panel : END*/

/*Features & Compatibility Panel : START*/
#mainContent #FCpanel .startOver{float:right; background-position:-6px -236px; margin:0 10px 0 10px; padding:0 0 0 17px}
*:first-child+html #mainContent #FCpanel .startOver{margin-top:-28px}
#mainContent #FCpanel .startOver a{color:#fff; font-size:14px; font-weight:bold}
#mainContent #FCpanel .tabs{float:left; margin:30px 10px 0 30px; display:none}
#mainContent #FCpanel .tabs li{float:left; border:1px solid #d0d1d6; border-left:0; background:#dbdbde; cursor:pointer; text-align:center}
#mainContent #FCpanel .tabs li a{color:#000; text-decoration:none; font-weight:bold; font-size:11px; padding:10px 20px; display:block}
#mainContent #FCpanel .tabs li.selected{background:#d0d1d6; cursor:auto; color:#000; text-decoration:none; font-weight:bold; font-size:11px; padding:10px 20px 14px; margin-top:-5px}
#mainContent #FCpanel .tabs li.selected a{padding:0; margin:0; cursor:auto}
#mainContent #FCpanel .tabContainer{border-top:1px solid #d0d1d6; float:left; margin:-1px 0 0; width:100%}
#mainContent #FCpanel .tabContainer .tabContent{padding: 20px 30px 0; float:left}
#mainContent #FCpanel .tabContainer .tabContent .leftContent{float:left; width:300px}
#mainContent #FCpanel .tabContainer .tabContent .rightContent{background:#f2f2f2; float:right; width:576px; border:1px solid #cecece; padding:0}
#mainContent #FCpanel .tabContainer .tabContent ul,
#mainContent #FCpanel .tabContainer .tabContent ol{background:#f2f2f2; margin:0 0 20px; padding:0; color:#cecece; font-size:11px; font-weight:bold; border:1px solid #cecece; float:left; width:271px}
#mainContent #FCpanel .tabContainer .tabContent ul li,
#mainContent #FCpanel .tabContainer .tabContent ol li{border-top:1px solid #cecece; color:#000; float:left; font-weight:normal; width:96.5%; padding:0 0 0 10px}
#mainContent #FCpanel .tabContainer .tabContent ul li span,
#mainContent #FCpanel .tabContainer .tabContent ol li span{float:right; border-left:1px solid #cecece; width:55px; text-align:center; padding:8px 0}
#mainContent #FCpanel .tabContainer .tabContent ul li strong,
#mainContent #FCpanel .tabContainer .tabContent ol li strong{display:block; font-weight:normal; padding:8px 0}
#mainContent #FCpanel .tabContainer .tabContent ol li blockquote{display:inline}
#mainContent #FCpanel .tabContainer .tabContent ul li:first-child{border:0}
#mainContent #FCpanel .tabContainer .tabContent ul .header{background:#5d6a7a none; margin:0; padding:8px 0 8px 10px; color:#fff; font-weight:bold}
#mainContent #FCpanel .tabContainer .tabContent ul .subHeader{margin:0; color:#000; font-size:13px; padding:8px 0 8px 10px; font-weight:bold}
/* #FCpanel .tabContainer .tabContent ul li:first-child{margin:0; color:#000; font-size:13px; padding:8px 0 8px 10px; font-weight:bold} */
#mainContent #FCpanel .tabContainer .tabContent .pairingInst{float:right; width:500px; border:1px solid red; padding:50px}
#mainContent #FCpanel .tabContainer .tabContent .rightContent ol{border:0 none; float:none; width:auto; margin:0 0 10px 30px; list-style-type:decimal}
#mainContent #FCpanel .tabContainer .tabContent .rightContent ol li{border:0; font-size:11px; font-weight:normal; padding:6px 0; float:none; width:auto}
#mainContent #FCpanel .tabContainer .tabContent .rightContent ol li:first-child{list-style:none}
#mainContent #FCpanel .tabContainer .tabContent .rightContent .header{background:#5d6a7a none; color:#fff; font-weight:bold; font-size:12px; margin:0; padding:8px 0 8px 10px}
#mainContent #FCpanel .tabContainer .tabContent .rightContent .subHdr{margin:0; color:#000; font-size:12px; font-wieght:bold; padding:8px 0 8px 0; font-weight:bold}
#mainContent #FCpanel .tabContainer .tabContent .rightContent .notes{background:#fff; border-top:1px solid #d0d1d6; color:#000; font-size:11px; line-height:16px; margin:8px -1px 0 -1px; padding:18px 10px}
#mainContent #FCpanel .tabContainer .tabContent .rightContent .notes strong{display:block; font-size:17px; font-weight:bold; padding:0 0 2px 0}
#mainContent #FCpanel .tabContainer .errorMsg{padding:20px; text-align:center; font-size:12px}
#mainContent #FCpanel .tabContainer .errorMsg strong{font-weight:bold}
/*Features & Compatibility Panel : END*/

/*General Instructions*/
#generalInst {border: 1px solid #000; font-family: Arial; font-size: 12px; margin: 0 auto; padding: 0; width: 600px; overflow:hidden}
#generalInst .btnPrint {float: right; margin: 10px 10px 10px 0; border: 0}
#generalInst ul {border-top: 1px solid #ccc; border-bottom:0; clear: both; float: left; margin: 0; padding: 0; width:100%}
#generalInst ul li {border-top: 1px solid #ccc; list-style: disc inside none; margin: 0; padding: 5px}
#generalInst ul li:first-child {border: 0 none}
#mainContent img#fiat_blue_me{ display :none; padding-bottom: 7px;}