body
{
width:981px;
font-family:Arial,Helvetica,sans-serif;
}

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

div.header
{
background:url(/Images/title_bar_background.png); 
height:28px;
width:981px;
color:White;

font-size:11px;
font-weight:bold;
}

div.headerleft
{
float:left;
padding-left:35px;
width:500px;
padding-top:7px;
}

div.headerright
{
float:right;
padding-top:7px;
padding-right:20px;

}

div.main
{
height:346px;
width:981px;
}

div.leftColumn
{
background:url(/Images/lefthand_panel_background.png); 
width:188px;
height:346px;
float:left;
}

div.Vehicles .information
{
padding-left:7px;
padding-right:7px;
}

div.information
{
padding-top:35px;
padding-right:2px;
float:right;
color:#202020;
text-align:right;
font-size:10px;
font-weight:200;
}
div.information .heading  
{
Color:Black;
}


div.information .options
{
font-size:11px;
}



div.information span
{
padding:0px;display:block;
font-size:10px;
color:#202020;
}

div.information span a
{
color:#202020;
text-decoration:none;
}

div.information span a.selected
{
    color:Black;
}

div.information span a:hover
{
    color:Black;
}
 
div.information div.heading
{
font-size:14px;
}


div.rightColumn
{
background:url(/Images/main_area_gradient_backgrou.png); 
width:792px;
height:346px;
display:block;
float:right;
}

div.rightColumn .rowhead
{
font-size:11px;
padding-left:25px;
padding-top:10px;
font-weight:300;
}

div.rightColumn .vehicles
{
padding-top:5px;
}
div.rightColumn .vehicles .vehicle
{
width:198px;
display:inline;
height:400px;
}

div.bottomrow
{
padding-left:25px;
padding-top:-15px;

}

div.bottomrow .label
{
font-size:11px;
font-weight:bold;
display:inline;
}


div.bluebotton
{

}

div.bottomrow .Next
{
background:url(/Images/blue_button.png); 
width:114px;
display:inline;
height:23px;
padding-left:38px;
padding-right:38px;
padding-bottom:4px;
color:White;
}

div.footer
{
height:170px;
}

div.footer img
{
border:none;
}

div.vehicletitle
{
background:url(/Images/bottom_bar_vehicle_select.png); 
}

div.phonetitle
{
background:url(/Images/bottom_bar_phone_select.png); 
}

div.moreinfotitle
{
background:url(/Images/bottom_bar_summary_select.png); 
}

div.footerlogo
{
background:url(/Images/bottom_frame.png); 
width:981px;
height:109px;
padding-top:3px;

}

div.dropdowns
{
padding-left:15px;
padding-top:45px;
}

input.button{
      border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('/Images/blue_button.png') no-repeat 50% top;
    cursor: hand; cursor: pointer;
    width: 117px;
          height: 26px;
          color:white;
          padding-right:2px;
          padding-bottom:6px;
          
      }
      
      

div.summary
{
    border-color: inherit;
    border-width: medium;
    background: url('/Images/compatibility_summary_bar.png') no-repeat 50% top;
    width:766px;
    height:48px;
    padding-left:20px;
    padding-right:20px;
    padding-top:3px;
}      

div.summaryde, div.summaryru
{
background: url('/Images/compatibility_summary_bar1.png') no-repeat 50% top;
height:63px;
padding-top:5px;
}

div.rightColumnen
{
padding-top:10px;
height:336px;
}
div.summary div.features
{
font-size:10px;
padding-left:10px;
padding-top:7px;
}

div.software
{
font-size:14px;
color:White;
}
div.version
{
display:inline;
font-size:13px;
}

div.summary div.features span
{
    padding:5px;
    color:Black;
    vertical-align:middle;
}

div.phonenamewrap
{
font-weight:bold;
padding-top:15px;
font-size:12px;
}

div.moreinfowrap
{
text-decoration:none;
width: 117px; 
height: 26px;
padding-top:20px;

}

div.moreinfo
{
background: url('/Images/blue_button.png') no-repeat 50% top;
width: 117px;
height: 26px;
color:white;
font-size:14px;
padding-top:3px;
text-decoration:none;
}

div.moreinfoes, div.moreinfoit, div.moreinfode
{
background: url('/Images/blue_button_L.png') no-repeat 50% top;
height: 36px;
font-size:12px;
}

table.selectedcar
{
    /*background-image:url('/Images/lower_nav_highlighted_background.png');*/
    height:106px
}

div.selectedcar
{
display:inline;
height:100%;
width:86px;
padding-top:0px;
}

table.selectedphone
{
border:1px;
border-color:Gray;
height:100%;
display:inline;
}

table.selectedphone img
{
height:65px;
}

div.featurebox
{
font-size:10px;
}

div.featurebox ul
{
list-style-type:none;
padding-left:50px;
}

div.featurebox ul li
{
width:100%;
height:15px;
}
div.featurebox ul li.main
{
background-color:#EDEDED;
}

div.featurebox div.heading
{
padding-left:50px;
font-size:15px;
font-weight:bold;
padding-top:20px;
padding-bottom:5px;
}

div.sectioncomment
{
padding-left:50px;
font-size:10px;
}

div.commentheading
{
padding-left:50px;
font-size:13px;
font-weight:bold;
}

div.summaryinfo
{
padding-top:15px;
padding-right:12px;
}



div#scrollbar       { display:none; }
div#wn	            { position:relative; width:700px; height:136px; overflow:hidden; }
div#scrollbar       { position:relative; width:746px; height:11px; display:block; font-size:1px; }
div#track           { position:absolute; left:35px; top:1px; width:700px; height:11px; background: #efefef; }
div#dragBar         { position:absolute; left:1px; top:1px; width:20px; height:9px; background-color:#cccccc; }  
div#left            { position:absolute; left:250px; top:25px; }  
div#right           { position:absolute; right:250px; top:25px;  }

div#scrollbar, div#track, div#dragBar, div#left, div#right { -moz-user-select: none; -khtml-user-select: none; }
div#scrollbar img   { display:block; } 

div#phoneContent
{
    padding-left: 305px;
}

img.phone
{
    height:100px;
    width:100px;
    
}

img.phone1
{
   
   /* height:130px;
    width:130px;*/
    opacity:1;
   
}

img.phone2
{
  
  /*  height:95px;
    width:95px;*/
    opacity:0.8;
   
}

img.phone3
{
   /*  height:95px;
    width:95px;*/
    opacity:0.7;
   
}

img.phone4
{
    /*  height:95px;
    width:95px;*/
    opacity:0.6;
   
}

div.upperfootertitle
{
    padding-right:100%;
    background-image:url('/Images/arrowupperline.gif');
    background-repeat:no-repeat;
    height:2px;
}

div.footertitle, div.footertitle a:visited
{
color:White;
font-size:13px;
background-image:url('/Images/arrowline2.gif'); 
width:981px;
}

div.Selected, div.Selected a:visited
{
    background-image:url('/Images/arrowline1.gif');
    padding-top:8px;
    padding-bottom:7px;
    padding-left:15px;
    display:inline;
    color:White;
}

div.NotSelected, div.NotSelected a:visited
{
    background-image:url('/Images/arrowline2.gif');
    padding-top:8px;
    padding-bottom:7px;
    padding-left:15px;
    display:inline;
    color:White;
}

div.end
{
    background-image:url('/Images/arrow2.gif');    
    display:inline;
    padding-top:7px;
    padding-bottom:7px;
    padding-right:4px;    
}

div.start
{
    background-image:url('/Images/arrow1.gif');    
    display:inline;
    padding-top:7px;
    padding-bottom:7px;
    padding-right:4px;    
}

div.lowerfootertitle
{
padding-right:100%;
background-image:url('/Images/arrowline1.gif');
}

table tr.vehicleVinInfo
{
font-size:10px;
padding-left:10px;

}
table tr.vehicleVinInfo td
{
float:right;
}
table tr.VinInput
{
float:right;
text-align:center;
}

table.inputTable
{
display:inline;
}

div#NoVinPopUp
{
    background-color: White;
    border-color: Black;
    border-width: 1px; 
    border-style: solid; 
    width: 470px; 
    padding: 10px; 
    position: fixed; 
    z-index: 100001; 
}


#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  background-color: White;
    border-color: Black;
    border-width: 1px; 
    border-style: solid; 
    width: 470px;     
  display:none;
  z-index:9999;
  padding:20px;
  font-size:12px;
}




table.compatible
{
width:700px;
padding:20px;
padding-left:50px;
font-size:12px;
}

table.compatible tr td.left
{
padding-left: 30px;
}

div.VinNumber
{
display:inline;
font-size:12px;
font-weight:bold;
text-align:center;
vertical-align:middle;
}

div.backTo
{
text-decoration:none;
width: 147px; 
height: 26px;
display:inline;
padding-left:20px;
}

div.back
{
width: 147px;
height: 26px;
font-size:12px;
padding-top:3px;
text-decoration:underline;
display:inline;
}

span.breadTitle
{
display:block;
font-size:10px;
color:Gray;
}

div.selectedcar img, table.selectedcar img
{
height:78px;
}

div.selectedphone img
{
height:78px;
}

span#phoneName
{
font-size:10px;
}

div#phoneContent
{
padding-top:20px;
}
div.paddingTop{
/*padding-top:20px;*/
opacity:0.8; 
}

div.prominent
{
    background-image:url('/Images/blue highlight background.gif');
    background-repeat:repeat;
    display:inline;
    font-size:12px;
    padding-top:9px;
    padding-bottom:6px;
    padding-left:10px;
    padding-right:10px;
    color:White;
}
 div.prominent a, div.prominent a.visited
 {
 color:White;
 }
 
 div.prominent a:hover
 {
 color:Blue;
 }

div.mainmenu
{
padding-top:5px;
padding-right:8px;
padding-bottom:5px;
border-right:1px solid #A9B7C0;
border-bottom:1px solid  #A9B7C0;
}

div.mainmenu div.heading
{
padding-bottom:5px;
font-size:12px;
}

div.mainmenu1
{
padding-top:5px;
padding-right:8px;
padding-bottom:5px;
border-right:1px solid #A9B7C0;
border-bottom:1px solid  #A9B7C0;
background-color:#AEB7BC;

}

div.mainmenu1 span a, div.mainmenu1 span a.visited
{
color:White;
}

div.mainmenu1 span a:hover
{
color:Black;
}

#boxes #dialog {
  width: 370px;    
  padding:10px;
  background-color:#ffffff;
}


#boxes vehicledialog
{
height:180px;
}

#boxes div.vehicledialoges, #boxes div.vehicledialogfr
{
height:200px
}

div.summaryes , div.summaryru, div.summaryit
{
background: url("/Images/compatibility_summary_bar1.png") no-repeat scroll 50% top transparent;
height:63px;
}

div.phoneprominent1
{
position:relative; left:120px
}

div.phoneprominent1es,div.phoneprominent1ru
{
left:60px
}

div.phoneprominent1fr,div.phoneprominent1de
{
left:55px
}

div.phoneprominent1it
{
left:10px
}

div.phoneprominent2
{
position:relative; left:135px
}

div.phoneprominent2es, div.phoneprominent2ru
{
 left:75px;
}

div.phoneprominent2fr, div.phoneprominent2de
{
 left:65px;
}

div.phoneprominent2it
{
 left:10px;
}

div.summarydialog
{
width:470px; height:300px;
}
div.phone
{
width:100px;
}

div.iphone5comment {
    width:320px;margin:5px auto 0;font-size:12px;font-weight: bold;text-align: left;
}