﻿/* 
*
*	edreamz Apr 2010
*   JKlein / YPerez
*
*/


/* 
 * Secondary Navigation
 */
#subNav { padding: 0px; margin: 0px; height: 39px; z-index: 100; }
#subNav li { float:left; list-style-type:none; margin:0 5px 0 0; padding:0; width:auto; height: 39px; background-image: none; }
#subNav li ul li { clear: both; width:220px; }

/* 
 * Layout / Formatting
 */
.RadInput, .RadInputMgr { vertical-align:inherit !important ; }

#map { width: 100%; height: 350px; margin-bottom:10px; }
  
#searchbar { height:39px; background: url("/images/structure/pattern-bar-internal.jpg") repeat-x scroll left top transparent; }
.search-wrapper label { float: left; clear: both; } 
.search-wrapper select { float: left; clear: both }
.search-wrapper { margin-bottom:15px; float: left; } 

ul.search-results  { float: left; width: 100%; clear: both; list-style-image: none !important; list-style-type:none !important; padding: 0px;}
ul.search-results li { float: left; width:140px; padding: 3px; margin: 10px; list-style-image: none; list-style-type:none; background: none; border-right: 1px solid #ccc; }
ul.search-results li ul {margin: 0; padding: 0;}
ul.search-results li ul li{margin: 0;background-image:url("/images/bullet.gif"); background-position:0 5px; background-repeat:no-repeat; list-style-image:none; padding: 0 0 0 9px; border: none;}

#hd { /*background:url("/images/structure/pattern-hd.jpg") repeat-x scroll left top #000000;*/ height:119px;}
#hd .container { position: relative; height:119px;}                     
#hd .container #topNav { margin:27px 10px 0 0;}

#hd #mainNav { margin-top: 36px; }
#hd .search { white-space:nowrap; width: 590px; position: absolute; top: 50px; right: 0; text-align: right;}
#hd .search .radiobuttons label {font-weight: normal; color: #1d93fd; margin-right: 10px; font-size: 12px;}
#marketingpanel { background:url("/images/structure/pattern-marketing-reverse.jpg") repeat-x scroll left top transparent; height:217px; z-index: 25; }

/*
 * Layout / Internal Pages
 */
#searchbar .container { z-index: 100; }
#content .container { width: 950px; background: #ffffff; margin-top: 5px; z-index: 25; min-height: 250px; }

#content #bodyleft {float:left;margin-left:14px;padding-bottom:50px;padding-top:30px;width:670px;}
         #bodyleft .content { }
         #bodyleft .content .item-section { border-bottom: 1px solid #ccc; clear: both; }
         #bodyleft .content .title { font-size: 14px; color: #0F4C9C; float: left; display: inline; width: 490px; padding-top: 5px; }
         #bodyleft .content .description { margin-bottom: 35px; }
         #bodyleft .content .details { float: left; width: 175px; margin-bottom: 15px; padding-bottom: 5px; position: relative;}
         #bodyleft .content .details .text { position: relative; margin-left: -490px; width: 490px; }
         #bodyleft .see-more { clear:both; float:left; margin-top:15px; }
#content #bodyright {float: left; width: 218px; margin: 0 0 20px 30px; padding-top:37px; }
         #bodyright .quick-links select { height: 21; line-height: 21; padding: 3px; width: 175px; }
         #bodyright .ads { margin-top: 25px; width:100%;}
         #bodyright .ads a { margin-bottom: 24px; float: left; clear: both; }
         #bodyright .see-more { clear:both; float:left; width: 100%; margin:15px 0; }
         
#marketingpanel .container { width: 960px; z-index: 25; }         
#marketingpanel .panelleft { float:left; width: 713px; z-index:25; }
                .panelleft a, .panelleft a img { z-index: 25;}
#marketingpanel .panelright { float: left; background: url('/images/structure/pattern-internal-panel.jpg') no-repeat top left; height: 217px; width: 243px; position:relative; }   
                .panelright .live-help { bottom:38px;height:56px;position:absolute;width:226px;left:3px; }
                .panelright .ready-to-order {background:url("/images/buttons/ready-to-order.png") no-repeat scroll left top transparent;height:75px;left:0;position:absolute;top:30px;width:228px; }
                            .ready-to-order span { color:#FFFFFF;font-family:Arial;font-size:19px;left:67px;position:relative;top:40px;}
                .panelright .request-quote {height: 17px; left: 50px; position: absolute; top: 10px; width: 135px; }
                .panelright .request-quote.middle{top: 105px;}

.pagination { float: left; width: 100%; clear: both; margin-bottom: 10px; } 
.pagination .total_elements { float:left; width: auto; }
.pagination .paging { float: right; width: auto; }

.left-col { float: left; width: 48%; padding: 5px; margin-top: 10px; }
.left-col .sub-title, .right-col .sub-title, .middle-col .sub-title { font-size: 14px; font-weight: bold; border-bottom: 2px solid #FBC739; margin-bottom:3px; padding-bottom:3px;}
.left-col .entry { position: relative; margin: 0 auto;  width: 95%; } 
.left-col .header { font-size: 12px; font-weight: bold; float: left;} 
.left-col .price { float: right; width: auto; font-weight: bold; } 
.left-col .description, .middle-col .description { float: left; width: 100%; }
.middle-col { float: left; width: 570px; padding: 5px; margin-top: 10px;}
.right-col { float: right; width: 48%;padding: 5px; margin-top: 10px;}
       
.call-to-action { background-color:#EAF2FB; border:2px solid #C5DDF3; padding: 5px; width: 263px;}

.login-box { width: 350px; position: relative; margin: 0 auto; background: #fff url(/images/structure/client-bg.gif) top left repeat-x; padding: 15px; border: #2aa7f6 1px solid;}
.login-box .entry { width: 100%; }
.login-box .entry label { width: 98%; clear: both; }
.login-box .entry input { width: 98%; clear: both; margin-bottom: 5px; }
.login-box .entry input.button {  width: auto; }

/*
 * Tab Controls
 */

#tabs li { 
    background:url("/images/buttons/tab-left-normal.jpg") no-repeat scroll left top transparent;
    margin:2px 0 0 0;
    padding:6px 0 4px 6px;
    vertical-align:bottom;
    white-space:nowrap;
    cursor: pointer;
    width: auto;
}

#tabs li a { 
    background:url("/images/buttons/tab-right-normal.jpg") no-repeat scroll right top transparent;
    display:inline;
    height:21px;
    padding:6px 12px 4px 10px;
    color: #FFF;
    font-weight: bold;
}

#tabs li.ui-tabs-selected 
{
    background:url("/images/buttons/tab-left-active.jpg") no-repeat scroll left top transparent;
}
#tabs li.ui-tabs-selected a
{
    background:url("/images/buttons/tab-right-active.jpg") no-repeat scroll right top transparent;
}

#tabs table 
{
    width: 100%;
    background-color: #dbe4ec;
    /*color: #758d99;*/
    color: #535353;
}
#tabs table tr.header 
{
    background-color: #aedfff !important;
    height: 38px;
    font-size: 12px;
    color: #486479;
    text-align: center;
}
#tabs table tr { background-color: #f6fafd;}

#tabs table tr.even { background-color: #eaf3fc; }

#tabs table tr.over { background-color: #ffd159; color: #FFF; }

/*
 * features page table styling
 */
.content .hopper {float: left;width: 579px; border-top: none; border-right: 1px solid #c5ddf3; border-left: 1px solid #c5ddf3; border-bottom: 1px solid #c5ddf3;height: auto;margin-left: 89px;padding: 1px;}	
.hopper .table-title { background: #FBC739 url('/images/structure/pattern-plans-table-header.jpg') repeat-x; height: 31px; }
.hopper .table-title span {float: left; width: auto; color:#865f0c; font-weight: bold; margin-left: 8px; font-size:14px;}
.hopper .table-header {background-color: #aedffe; color: #56748d; font-size: 12px; height: 45px;}
.hopper .table {background-color: #eaf2fb; color: #49647c; font-size: 11px; border: 1px solid #c5ddf3;}
.hopper .table tr {height: 30px;}
.hopper .table tr td {text-align: center;}
.features .listingitem { margin: 0px; }

.listingitem { border: 1px solid #c5ddf3; margin: 0 0 15px; width: 669px; float:left; position:relative;}
.listingitem .image{width: 85px; float: left;}
.listingitem .information { float: left; padding: 0 0 0 8px; background-color: #f6fafd; width: 575px; border-left: 1px solid #c5ddf3; min-height: 132px; }
             .information .description { clear:both; float:left;display: inline; width:450px; padding: 13px; }
             .information .header { float: left; width: 491px; height: 30px; padding:0; background: #eaf2fb;color: #062a54; font-size: 16px; clear: both;}
                          .header span { margin: 7px 0 5px 5px; position: relative; float: left;}
             .information .pricing { float: left; width:135px; padding-top: 5px; text-align: left; color: #15304e;}
                          .pricing .yellow { color: #fcba0a; font-weight: bold; } 
                          .pricing img { margin-top: 5px; }
.listingitem .image img{ border: none;}
.listingitem .image .imgborder{border: #28aafc 1px solid;}
.pager { width: 100%; }

.imagethumbs .swap.active img{border: #FBC739 1px solid;}
.sidebox_features .listingitem { border: none; width: 100%; margin-top: 4px;}
.sidebox_features h3 { border-bottom:3px solid #FBC739; color:#062A54;font-family:Tahoma;font-size:14px;font-weight:normal;padding-bottom:2px;width:100%; }
.sidebox_features .listingitem .header { font-size: 12px; color: #062A54; }
.sidebox_features .listingitem .description { position: relative; margin-top: 3px; font-size: 10px; }
.sidebox_features .listingitem .description a { color: #e79214; }
 
.phone-devices .listingitem { margin: 0 13px 15px 13px; width: 194px; position: relative; border: none; float: left;}
.phone-devices .last { margin: 0 0px 15px 0; float: right;}
.phone-devices .listingitem .mainheader { float: left; width: 184px; height: 40px; padding: 0 5px; background: #000 url('/images/structure/phone-devices-listingitem-header.jpg') top left repeat-x; color: #febe10; text-align: center; font-size: 12px; font-weight: bold; clear: both; line-height: 12px;}
.phone-devices .listingitem .image{width: 192px; float: left; border: 1px solid #c5ddf3; min-height: 320px; }
.phone-devices .listingitem .information { height: auto; float: left; padding: 0px; width: 100%; border-left: none; background-color: transparent; }
                .phone-devices .information .description { clear:both; float:left; width:100%; padding: 2px; font-size: 12px; margin-bottom: 3px !important; color: #1991ff;}
                .phone-devices .information .header { float: left; width: 100%; height: auto; padding: 3px 0; background: #20a7fc url('/images/structure/phone-devices-listingitem-header.jpg') top left repeat-x ;color: #FFF; font-size: 14px; clear: both;}
                .phone-devices .header span { margin: 2px 0 5px 5px; position: relative; float: left;}
                .phone-devices .information .pricing { text-align: center; width: 100%; padding: 5px; border: 1px solid #ccc; color: #ff9c00; }
                          .phone-devices .pricing .yellow { clear:both; color: #FCBA0A; float: left; text-align: left; width: 100%; font-weight: bold; } 
                          .phone-devices .pricing img { margin-top: 5px; }
.phone-devices .listingitem .image img{ border: none;}
.phone-devices hr { border: 0; background-color: #82ABD0; clear: both; float: left; height: 1px; margin-bottom: 25px; margin-top: 10px; width: 100%; } 
.phone-devices .search { float: left; width: 100%; clear: both; position: relative; margin-bottom: 20px;}
.phone-devices .search-wrapper {float: left; width: 100%;  background-color:#aedffe; border: 1px solid #4da4f1; padding: 10px 0px 10px 0; }
               .search-wrapper .type-filter, .search-wrapper .price-filter { float: left; width: 45%; text-align:center; margin-left:20px;}
               .search-wrapper label { margin-right: 5px; }
               .search-wrapper select { width: 175px; }

.localtelephone .information .description { width: 405px;}
.localtelephone .information .header { width: 575px; }
 /* no image */
.sectionview .noimage .information { width: 660px !important; border-left: none !important;}
.sectionview .noimage .header { width: 653px !important; }
.sectionview .noimage .pricing { float: right !important; }
.sectionview .noimage .description { width: 485px !important; }
 
.listingitem.noimage .information { width: auto !important; border-left: none !important;}
/*.listingitem.noimage .description { width: auto !important; }*/
 
.imagelist .noimage .description { width: 100% !important; }             
/* bundles */     
.bundles .listingitem { border: none; width: 100%; margin-top: 4px;}
.bundles .listingitem .information { float: left; padding: 0 10px; background-color: transparent; width: 495px; border-left: none; height: auto  }
.bundles .listingitem .information .header { height: auto; }
.bundles .listingitem .information .pricing { font-weight: bold; float: left; font-size: 14px;  width:100%; padding-top: 0; text-align: left; color: #15304e; margin-bottom: 2px;}
.bundles .listingitem .image {width: 150px; float: left; margin-right: 5px;  }
.bundles .listingitem .image img { border: 1px solid #0054a0; }
.bundles h3 { border-bottom:3px solid #FBC739; color:#062A54;font-family:Tahoma;font-size:14px;font-weight:normal;padding-bottom:2px;width:100%; }
.bundles hr { border: 0; background-color: #82ABD0; clear:both;float:left;height:1px;margin-bottom:25px;margin-top:10px;width:100%; } 
.bundles .listingitem .header { background: transparent; font-size: 12px; color: #062A54; }
.bundles .listingitem .header span { margin: 0px; }
.bundles .listingitem .description { position: relative; margin-top: 3px; font-size: 10px; padding: 0px; width: 100%;}
.bundles .listingitem .description .title { font-size: 12px; color: #062A54; font-weight:bold; }
.bundles .listingitem .features { position: relative; margin-top: 3px; font-size: 10px; padding: 0px; width: 100%; clear:both; float:left;}
.bundles .listingitem .features .title { font-size: 12px; color: #062A54; font-weight:bold; }
.bundles .listingitem .features table { width: 100%; }
.bundles .listingitem .features table tr td { width: 50%; }
.bundles .listingitem .description a { color: #e79214; }
               
.plans .listingitem  { border: none !important; width: 100%; margin-top: 4px;}
.plans .listingitem .information { float: left; padding: 0 10px; background-color: transparent; width: 470px; border-left: none; height: auto  }
.plans .listingitem .information .header { height: auto; }
.plans .listingitem .information .pricing { float: left; width:100%; padding-top: 5px; text-align: left; color: #15304e; margin-bottom: 15px;}
.plans .listingitem .image {width: 165px; float: left; margin-right: 5px;  }
.plans .listingitem .image img { border: 1px solid #0054a0; }
.plans h3 { border-bottom:3px solid #FBC739; color:#062A54;font-family:Tahoma;font-size:14px;font-weight:normal;padding-bottom:2px;width:100%; }
.plans hr { border: 0; background-color: #82ABD0; clear:both;float:left;height:1px;margin-bottom:25px;margin-top:10px;width:100%; } 
.plans .listingitem .header { background: transparent; font-size: 12px; color: #062A54; }
.plans .listingitem .header span { margin: 0px; }
.plans .listingitem .description { position: relative; margin-top: 3px; font-size: 10px; padding: 0px; width: 100%;}
.plans .listingitem .description .title { font-size: 12px; color: #062A54; font-weight:bold; }
.plans .listingitem .features { position: relative; margin-top: 3px; font-size: 10px; padding: 0px; width: 100%; clear:both; float:left;}
.plans .listingitem .features .title { font-size: 12px; color: #062A54; font-weight:bold; }
.plans .listingitem .description a { color: #e79214; }
            
.features .listingitem { width: 100%; margin-top: 20px;}
.features h3 { border-bottom:3px solid #FBC739; color:#062A54;font-family:Tahoma;font-size:14px;font-weight:normal;padding-bottom:2px;width:100%; }
.features .listingitem .header { font-size: 12px; color: #49647c; height: 32px; }
.features .listingitem .description { position: relative; margin: 0 px; font-size: 10px; width: 579px; padding: 0px; }
.features .description .plans { background-color:#eaf2fb;float:left;height:32px;margin-top:1px;padding:0;position:relative;width:100%;color: #49647c;font-size: 12px;}
.features .description .plans span { float:left;margin:7px 0 0 6px; position:relative;}
.features .description .text  { position: relative; height: 32px; }
.features .description .text span { position: relative; margin: 8px 5px 0; float: left; }
.features .listingitem .description a { color: #e79214; }
.features .listingitem .information { height: 100px; width: 579px; padding: 1px 0 0px 2px;}        
.features .listingitem .image { width: 87px; }       
.features .information .header { width: 579px; background-color: #aedffe; }
.features .information .pricing { background-color:#319BF8;float:right;height:32px;width:147px; color: #FFFFFF; padding: 0px; }
.features .information .toggle { background-color:#319BF8;float:right;height:32px;width:50px; margin-left: 1px; color: #FFFFFF; padding: 0px; text-align: center; vertical-align: middle;line-height:32px; cursor: pointer;}
.features .header span { float:left; font-size: 14px; }
.features .header .pricing span { float:right; margin: 7px 15px 0px 0; font-size: 12px; }
/*.features .content { margin-top: 0px !important;}*/

.RadInput_Default .riTextBox {padding: 2px 1px 1px !important;}
 
 .features h2 { font-weight: normal !important ; font-size: 14px !important ; border-bottom:1px solid #FBC739;padding-bottom:5px !important; margin-top: 6px;}
.features .title { clear:both;float:left;font-size:12px;font-weight:bold;margin-top:5px;width:100%; color: #15304e;}
.features .date { clear:both;float:left;font-size:11px;font-weight: normal;margin-top:0px;width:100%; color: #000; font-style:italic;}
.features .text { float: left; width: 600px;}
.feature_price { margin-left: 15px; color: #15304E; font-weight: bold; text-align: right; }
.features .details { float: left; width: 100%; margin-bottom: 15px;}

/* Generic Table Formatting */
.description table { width: 100% }
.description table tr td { vertical-align: top; }

.features .entry { margin-top: 10px; }
.entry { float: left; clear: both; width: auto; }
.entry ul { /*float: left; width: 150px;*/ }
/*.entry ul.nowidth{width: auto;}*/
.entry .title { float: left; clear: both;}
.entry .description { float: left; clear: both; }

/* wireless / detail */
.phone_details .listingitem {border: none; }
.phone_details .information { border-left: none; background-color: transparent; }
.phone_details .features table {float: left; }
.phone_details .description { padding: 10px 0 0 0 !important; }
.topmargin { margin-top: 10px; }
.alternate { background-color: #cee5ff; border:1px solid #C5DDF3;}
.left { text-align: left !important; }

/* news listing */
.newsitem { float: left; width: 100%; margin-bottom: 15px; border-bottom: #fbc739 1px solid;}
.newsitem .title{font-size: 14px; float: left; width: 100%; }
.newsitem .newsdate{ font-size: 11px; color: #9a9a9a; float: left; width: 100%; }
.newsitem .content{width: 100%; float: left;}


.phone_details .image { width: 210px; }
.phone_details .information { width: 440px; }


.image_reel a { cursor: default; }
