@charset "utf-8";
/* CSS Document */

/*--- GLOBAL STYLES ---*/
html, body	{ height: 100%;}
body		{ background-color:#000000; 
			font: normal normal normal 1em Arial, Helvetica, Verdana, sans-serif;
			color: #FFFFFF;}

h1, h2, h3, h4, h5, h6      { font-weight: normal;}

.hide   { display: none;}
.clear  { clear: both;}
.floatLeft  { float: left;}
.floatRight { float: right;}

.png	{ behavior:url('iepngfix.ms'); }


/*--- LINKS ---*/
a		    { text-decoration: none; color: #FFFFFF;}

#header a, #footer a	{ color: #666666;}
#header a.green,
#footer a.green		    { color: #86c376;}
#header a:hover {text-decoration: underline;}

.greenArrow    { _behavior: url(iepngfix.ms); background: url(../img/icn_greenArrow.png) no-repeat top right; min-height:7px; height: auto !important; height: 7px; margin-right: 8px; padding-right:10px;}
.greenArrowOn  { _behavior: url(iepngfix.ms); background: url(../img/icn_greenArrow_on.png) no-repeat top right; min-height:7px; height: auto !important; height: 7px; margin-right: 8px; padding-right:10px;}

/*--- LISTS ---*/
ul  { margin: 2px 0px 0px 20px;}

/*--- TABLES ---*/
table.softwareTable         { width: 148px;}
table.softwareTable td      { padding:5px 2px; line-height: 12px; vertical-align: middle;}
table.softwareTable td.img  { width: 30px; padding-right: 5px;}
  
/*--- PAGE BLOCKS ---*/
#wrapper        { width: 960px; margin: auto; min-height: 700px; height: auto !important; height: 700px;}

#header         { width: 960px; height: 45px; padding-top: 100px;}
			
#contentBlock   { width: 960px; height: 452px; font-size: .8em; position: relative;}

#footer         { width: 960px; min-height: 40px; height: auto !important; height: 40px;}

#volumeControl  { position: absolute; bottom: 0px; left: 967px;}

/*--- HEADER ---*/
#header .quicklinks { width: 250px; float: left; font-size: .55em; position:relative;} 
.quicklinks ul      { list-style-type: none; line-height:11px; margin-top: 15px; position:relative; left: -15px;}
.quicklinks ul li   { float:left; margin-right:10px;}
.quicklinks ul li.phones    { padding-left:20px; background: url(../img/icn_allPhones.gif) no-repeat;}
.quicklinks ul li.demos     { padding-left:26px; background: url(../img/icn_allDemos.gif) no-repeat;}

#header .center     { width: 500px; height: 12px; padding-top:25px; float:left; font-size: .55em; color: #666666; text-align:center;}

#header .logo       { width: 200px; float: right; text-align:right; padding-right:5px;}

/*--- FOOTER ---*/
#footer .left   { width: 480px; float: left; font-size:.55em; padding-top: 20px; color: #666666;}
#footer .right  { width: 480px; text-align:right; font-size: .55em; float: right; padding-top: 22px; color: #666666;}
#footer .right a:hover {text-decoration: underline;}

/*--- PAGE BACKGROUNDS ---*/
.landing        { background: url(../img/backgrounds/bg_train1.jpg) no-repeat;}
.landing2       { background: url(../img/backgrounds/bg_train2.jpg) no-repeat;}
.details        { background: url(../img/backgrounds/bg_street1.jpg) no-repeat;}
.allPhones      { background: url(../img/backgrounds/bg_park1.jpg) no-repeat;}

/*--- BUTTONS ---*/
.btnWrapSm  {height:16px; cursor: pointer; margin-top: 15px;}
.btnWrap                { height: 32px; margin-top: 10px; cursor: pointer;}
.btnWrap_LM             { min-height: 25px; height: auto !important; height: 25px; width: 59px; margin-bottom: 4px; float:right;}

.btnWrapSm .learnMore_L
{
    background: url(../img/btn_learnmore_l.png) no-repeat;
    float: left;
    height: 16px;    
    width: 6px;
}
.btnWrapSm .learnMore_C
{
    background: url(../img/btn_learnmore_c.png) repeat-x; 
    float:left;    
    font-size: 8px;
    height: 16px;
    padding-top: 2px;
}
.btnWrapSm .learnMore_R
{
    background: url(../img/btn_learnmore_r.png) no-repeat;
    float:left;
    height: 16px;
    width: 6px;
}


.btnWrap .greenBtn_L    { 
    height: 27px; 
    min-width: 45px; 
    width: auto !important; 
    width: 56px; 
    _behavior: url(iepngfix.ms);
    background: url(../img/btn_green_L.png) no-repeat; 
    text-align: center; 
    padding: 5px 0px 0px 11px; 
    font-variant: small-caps; 
    font-size: 13px;
    font-weight: bold;
    float: left;}
.btnWrap .greenBtn_R    { height: 32px; width: 11px; _behavior: url(iepngfix.ms); background: url(../img/btn_green_R.png) no-repeat; float: left;}

.btnWrap .grayBtn_L    { 
    height: 24px; 
    min-width: 22px; 
    width: auto !important; 
    width: 22px; 
    _behavior: url('iepngfix.ms');
    background: url(../img/btn_buynow_l.png) no-repeat; 
    text-align: center; 
    font-size: 13px;
    font-weight: bold;
    float: left;}
.btnWrap .grayBtn_C
{
    background: url('../img/btn_buynow_c.png') repeat-x;
    height: 24px;
    float: left;
    padding-top: 2px;
}
.btnWrap .grayBtn_R    { height: 24px; width: 22px; _behavior: url('iepngfix.ms'); background: url(../img/btn_buynow_r.png) no-repeat; float: left;}

.btnWrap_LM .top    { 
    min-height: 15px; 
    height: auto !important; 
    height: 15px; 
    width: 49px; 
    _behavior: url(iepngfix.ms);
    background: url(../img/btn_learnMore_top.png) no-repeat; 
    text-align: center; 
    padding: 3px 5px 2px 5px; 
    font-variant: small-caps; 
    font-size: 10px;
    font-weight: bold;}
.btnWrap_LM .btm    { height: 5px; width: 59px; _behavior: url(iepngfix.ms); background: url(../img/btn_learnMore_bottom.png) no-repeat;}

/*--- PAGE CONTENT POSITIONING ---*/
/*--- main phone content block - persistent across most pages ---*/
.phoneContent   { width: 350px; min-height:315px; height:auto !important; height:270px; position:absolute; top: 55px; left:305px; text-align: center;}
.phoneImg         { clear: both;}

/*--- landing/demo page content blocks ---*/
.landing .phoneContent   { width: 136px; height:200px; position:absolute; top: 120px; left:300px;}

.phoneLabelWrap   { width:130px; height:70px; text-align: center; margin: auto; position:relative; top:80px;}

.phoneLabelWrap .phoneLabel_top	{ min-height:15px; height:auto !important; height:15px; max-height: 35px; width:110px; padding: 5px 5px 0px 5px; _behavior: url(iepngfix.ms); background: url(../img/phone_label2_top.png) no-repeat; font-size:11px;}
.phoneLabelWrap .phoneLabel_bottom	{ height:5px; width:120px; _behavior: url(iepngfix.ms); background: url(../img/phone_label2_bottom.png) no-repeat;}

/*--- phone details page content blocks ---*/
.phoneDetails   { 
    width: 194px; 
    height:230px; 
    position:absolute; 
    top: 80px; 
    right:70px; 
    _behavior: url(iepngfix.ms); 
    background: url(../img/bg_detailPanel.png) no-repeat; 
    padding: 3px;}
    
.phoneDetails .phoneTitle   { 
    height: 18px; 
    width: 174px; 
    padding: 5px 10px 0px 10px; 
    font-variant: small-caps; 
    font-size:11px; 
    cursor: pointer;
    font-weight: bold; 
    color: #d6d6d6;
    _behavior: url(iepngfix.ms); 
    background: url(../img/phoneDetails_accordionTop.png) no-repeat;}
    
.phoneDetails .acdn_header  { 
    height: 19px; 
    width: 174px; 
    padding: 5px 10px 0px 10px; 
    font-variant: small-caps; 
    font-size:11px; 
    cursor: pointer;
    font-weight: bold;
    position: relative;
    _behavior: url(iepngfix.ms); 
    background: url(../img/phoneDetails_accordion.png) no-repeat;}
    
.phoneDetails .acdn_content { width: 184px; height:149px; padding: 5px 0px 5px 10px; font-size: 10px; position:relative;}

.acdn_content .vert_slider      
{ 
    width: 8px; 
    height:145px;
    _behavior: url(iepngfix.ms); 
    background: url(../img/vert_slider.png) center no-repeat; 
    position: absolute;
    left: 180px;
}
.vert_slider_btn  
{ 
    width: 8px; 
    height:12px; 
    position: absolute; 
    top: 5px;
    z-index:5;
  }

.acdn_content p { padding-bottom: 5px;_behavior: url(iepngfix.ms);}

.icn_video  { height:18px; width:24px; position: absolute; top: 5px; right: 4px;}

.acdn_container   {height: 155px; width: 160px; overflow: hidden; top: 5px; position: absolute;}

.acdn_container_content {width: 160px; overflow: hidden; position: relative;}

.software_icon { height: 18px; width: 30px; float: left; margin-right: 3px; display:inline-block; }

.carrierLogo {float: left; margin:5px 15px 10px 0px; }

.descBullet { margin-bottom: 1px; }

/*--- software clickthrough page content blocks ---*/    
.softwareContent    { 
    width: 620px; 
    height: 335px; 
    _behavior: url(iepngfix.ms); 
    background: url(../img/bg_softwareClickthru.png) no-repeat; 
    position:absolute; 
    top: 70px; 
    left:170px;}
.softwareContent .softwareImg   { width: 320px; height: 230px;text-align: center; float: left; margin:55px 20px 30px 25px; }
.softwareContent .softwareText  { width: 245px; height: 230px; margin: 75px 0px 30px 0px; float: left; font-size:12px; line-height:17px;}
.softwareContent .closeBtn      { width: 20px; height:23px; _behavior: url(iepngfix.ms); background: url(../img/btn_close.png) no-repeat; position: absolute; top: 10px; right: 10px;}
.softwareContent .closeBtn a    { width: 20px; height:23px; display:block; text-indent:-100px; overflow: hidden;}

/*--- slider content blocks ---*/
.slider             { 
    width: 318px; 
    height: 17px; 
    position: absolute; 
    top: 382px; 
    left:305px; 
    background: url(../img/slider.png) no-repeat; 
    font-size: 9px; 
    font-weight: bold; 
    padding: 27px 16px 0px 16px;}
    
.rcontrol       { position: absolute; top: 9px; width: 326px; height: 8px; left: 15px;}
.scontrol       { height: 18px; width: 50px; left: 300px; position: relative;}
    
/*.slider .control    {  
    width: 50px; 
    height: 18px; 
    position: absolute; 
    top: 8px; 
    left: 225px; 
    _behavior: url(iepngfix.ms); 
    background: url(../img/slider_btn.png) no-repeat;}
*/
.slider .sort       { 
    width: 250px; 
    height: 23px; 
    position: absolute; 
    top: 44px;
    left:60px;
    _behavior: url(iepngfix.ms); 
    background: url(../img/sliderSortLong.png) no-repeat;
    text-align: center;
    padding-top: 4px;}

.slider .sort a     { margin: 0px 6px; }

/*--- phone selection page content blocks ---*/

.phoneSelection     { width: 952px; height:320px; position:absolute; top: 50px; left:4px; overflow: hidden;}

.phoneContainer {width: 2000px; height: 320px; position: relative; top: 25px; left: 4px;}

.phoneBlock   { width: 136px; min-height:270px; height:auto !important; height:270px; position:relative; text-align: center; float:left; padding:0px 8px;}

.phoneLabelWrap2    { width:130px; height:70px; margin:0px 3px; text-align: center; visibility: hidden;}

.phoneLabelWrap2 .phoneLabel_top	{ min-height:35px; height:auto !important; height:35px; max-height: 55px; width:110px; padding: 5px 5px 0px 5px; _behavior: url(iepngfix.ms); background: url(../img/phone_label2_top.png) no-repeat; font-size:11px;}
.phoneLabelWrap2 .phoneLabel_bottom	{ height:5px; width:120px; _behavior: url(iepngfix.ms); background: url(../img/phone_label2_bottom.png) no-repeat;}

/*--- phone selection page content blocks ---*/
.demoSelection	{ width: 618px; height:143px; position:absolute; top: 140px; left:171px;}

.demoBlock		{ width: 206px; height:143px; position:relative; text-align: center; float:left;}

.demoContent    { 
    width: 960px; 
    height: 452px; 
    background-color: Red;
    position:absolute; 
    }
/*--- inline video frame ---*/
.popUp {display: none; position: absolute; height: 452px; width: 960px; top: 145px;}