/******************************
* CSS RELATED TO THE JOIN FORM ONLY
******************************/        


div.left_panel{
    width:237px;
    float:left;
}

    div.left_panel label{
        font-weight:normal;
        padding-bottom:4px;
        font-size:12px;
        display:block;
    }
    
     div.left_panel input,  div.left_panel select{margin-bottom:10px;}
    
     div.left_panel input{width:185px;}
     div.left_panel select{width:188px;position:relative;z-index:1;}   

div.right_side{
    float:right;
    width:760px;            
}




div.gray_box{
    margin:1px;
    padding:5px;
    border:6px solid #e2e2e2;
}


.msg1{
height:34px;      
background:#64a7da url('../images/joinpage/msg1.gif') center center no-repeat;               
}

.msg2{         
    height:34px;    
    background:#ffffff url('../images/joinpage/msg2.gif') center center no-repeat;  
}



.msg1en{ height:34px;   background:#64a7da url('../images/joinpage/msg1.gif') center center no-repeat;}
.msg1fr{ height:34px;   background:#64a7da url('../images/joinpage/msg1_fr.gif') center center no-repeat;}    
.msg1es{ height:34px;   background:#64a7da url('../images/joinpage/msg1_es.gif') center center no-repeat;}   
.msg1it{ height:34px;   background:#64a7da url('../images/joinpage/msg1_it.gif') center center no-repeat;}
   
.msg2en{ height:34px;   background:#fff url('../images/joinpage/msg2.gif') center center no-repeat;}
.msg2fr{ height:34px;   background:#fff url('../images/joinpage/msg2_fr.gif') center center no-repeat;}    
.msg2es{ height:34px;   background:#fff url('../images/joinpage/msg2_es.gif') center center no-repeat;}   
.msg2it{ height:34px;   background:#fff url('../images/joinpage/msg2_it.gif') center center no-repeat;}

.msg1 span, .msg2 span{display:none;}  


.blue_box.lighter{background:#d7e6fd;margin-left:0;}                                                 
.blue_box .ftitle{float:left;}
.blue_box .rtitle{float:right;margin-right:40px;}

    
.pick_bundles{
    float:left;
    width:430px;
    border-right:1px solid #d0d0d0;
    font-size:12px;
    padding:10px 10px;       
}

    .pick_bundles h2{margin:4px 0 4px 0;}

    .pick_bundles label{
        display:block;
        margin:6px 2px;
        padding-left:10px;
        color:#616161;
    }
    
    .pick_bundles label input{position:relative;top:2px;}     

    
    
    
.saving_report{
    float:left;
    width:240px;
    font-size:12px;   
    padding:10px 10px;    
    position:relative;  
}

    .saving_report .report{display:none;}   
    .saving_report .report.active{display:block;}    


.saving_info{
    display:block;
    margin:20px;
}

    .saving_info strong{display:block;}
    .saving_info a{}
    
   .report_wrapper{
        height:150px;
        display:block;
   }
   .report{
        position:absolute;
        width:270px; 
        margin-left:5px;           
   } 
   
   
   .report td{padding:2px 2px;}
   .report caption{    
        font-weight:bold;
        color:#616161;
        margin-top:5px;
        font-size:14px;    
          
        padding-bottom:5px;
    }
    
    .red{
        color:#c02820;
        font-size:10px;
        font-weight:normal;
    }
    .report caption .fright{float:right;margin-right:5px;margin-top:3px;}
    
    .report .item{font-size:10px;color:#979797;width:165px;}
    .report .price{font-size:10px;color:#979797;text-align:right;}
    .report .rebate{font-size:10px;color:#979797;color:#c02820;text-align:right;width:40px;}
    
    .report .total td{
      margin-top:5px;
      padding-top:10px;
      font-size:10px;
      border-top:1px solid #979797;        
      color:#979797;       
    }
    
        .report .total td label{float:left;}             
        .report .total .price{ 
            color:#282828;
            float:right;
            font-family:arial;
            margin-bottom:2px;
            position:relative;
            margin-top:-17px;
            text-align:left;
            display:none;
        }
        
        * html .report .total .price{margin-top:-13px;}   
        *:first-child+html .report .total .price{margin-top:-15px;}   
    
         .report .total .price sup{                
                font-size:30px;
                top:10px;
                position:relative;   
         } 
         
         .report .spacer{line-height:1px;height:2px;}
         
         * html  .report .total .price sup{top:0px;  }      
         *:first-child+html  .report .total .price sup{top:0px;}        
         
         .report .total .price strong{
            font-size:44px;               
            font-weight:normal;     
            display:block;                  
         }
         
         .report .total .price small{             
            font-size:10px;  
            position:relative;
            top:-5px;
         }
   
   
   

   .payment_type input{margin:2px;position:relative;top:2px;}
   .payment_type label{
        font-size:12px;
        color:#616161; 
        margin-right:20px;     
    }
   .payment_type label.normal{
        font-weight:bold;
        color:#616161;            
        display:block;          
   }
   
   
   
   button.join_now{  
        position:relative;
        float:left;
        margin-top:10px;
        background:transparent;
        border:0; 
        width:260px;    
        cursor:pointer;
        margin-left:10px;           
   }
   
   
   
   
   .deal_box{
        padding:5px 10px 10px 10px;
        background:#fffbcf;
        border:1px solid #e3dc89;    
   }
   
    .deal_box p{
        margin:0;
        font-size:12px;
        font-style:italic;
        margin-left:22px;
        color:#b8b057;
    }         
   
   
   
   
   
.with_arrow{
    padding-left:15px;
    background:transparent url('../images/icons/bullet_arrow_orange2.gif') left 5px  no-repeat;  
}    
   
   
   
   
h3{font-size:20px;color:#ff8c10;font-weight:bold;}
  
  
 .in_fact_green{
    background:#e5f8c1;
    border:1px solid #78b800;
    color:#78b800;
    font-size:20px;
 } 
   
   
   
  
   
     div.images_list   :after
        { 
            clear: both; 
            content: "."; 
            display: block; 
            height: 0;     
            visibility: hidden; 
        } 
        div.images_list   {display: inline-block;} 
        /* Hide from IE Mac \*/ 
         div.images_list   {display: block;} 
        /* End hide from IE Mac */ 
div.images_list{margin-left:20px;}   

div.images_list li{height:170px;  float:left;  margin:10px 20px;         }
div.images_list li div{ 
    border:1px solid #000;
    width:150px;
    background:#f5f4f4;
    display:block;     
}

      div.images_list li img{display:block;}      
    div.images_list li span{padding:2px 5px;font-size:10px;width:140px;display:block;text-align:center;}
    
      
    
   

/******************************
* CSS RELATED TO THE JOIN FORM ONLY
******************************/           
   
   

div#dialog_container{display:none;}    


div#site_overlay{     
    display:block;
    position:fixed;
    text-align:center;
    z-index:999;    
}
    
div#dialog_box_container{
    position:absolute;
    top:0;
    text-align:center;
    z-index:10000;
    width:100%;
}

    
div#dialog_container,  div#site_overlay{
    height:100%;
    width:100%;
    left:0;
    top:0;
    margin:0;
    padding:0;
}


table.dialog_box{
    margin:0 auto;
    margin-top:50px;    
} 
     
 

div.dialog_loading{
    position:absolute;
    background:transparent url('../images/dialogbox/ajax-loader.gif') center center no-repeat;
    width:600px;
    width:auto;
    height:120px;   
}

div.dialog_box{     
    min-width:600px;
    width:auto!important;
    width:600px;           
    min-height:300px;
    height:auto!important;
    height:300px;
    display:block;       
    text-align:left;             
    position:relative;
    text-align:left;
    z-index:10000; 
    border:6px solid #e2e2e2;
    margin:1px;
    
}




table.dialog_box .box_top{
    width:11px;
    height:11px;      
    background:transparent url('../images/dialogbox/top.png') top left repeat-x;
}



table.dialog_box .box_bottom{
    width:11px;
    height:11px;
    background:transparent url('../images/dialogbox/bottom.png') top left repeat-x;
}


table.dialog_box .box_left{
    width:11px;
    height:11px;
    background:transparent url('../images/dialogbox/left.png') top left repeat-y;
}

table.dialog_box .box_right{
    width:11px;
    height:11px;
    background:transparent url('../images/dialogbox/right.png') top left repeat-y;
}


table.dialog_box .box_topleft{
    width:11px;
    height:11px;
    background:transparent url('../images/dialogbox/top_left.png') top left no-repeat;
}


table.dialog_box .box_bottomleft{
    width:11px;
    height:11px;
    background:transparent url('../images/dialogbox/bottom_left.png') top left no-repeat;
}


table.dialog_box .box_topright{
    width:11px;
    height:11px;
    background:transparent url('../images/dialogbox/top_right.png') top left no-repeat;
}


table.dialog_box .box_bottomright{
    width:11px;
    height:11px;
    background:transparent url('../images/dialogbox/bottom_right.png') top left no-repeat;
}


table.dialog_box .box_content{
    background:#fff; 
    min-width:400px;
    width:auto!important;
    width:400px;    
    display:block;            
}
      
        
div.dialog_box h2{
    font-weight:bold;
    font-size:14px;          
    color:#082c56;
    text-align:center;
    margin:7px 2px 2px 2px;    
    display:block;    
}


  
div.dialog_box a.close{
    background:transparent url('../images/dialogbox/close_button.gif') top left no-repeat;
    width:20px;
    height:18px;
    opacity:0.5;
    filter:opacity(alpha=50);
    display:block;
    float:right;
    margin-right:5px;
    margin-top:5px;        
}   
   
div.dialog_box a:hover.close{      
    opacity:1;
    filter:opacity(alpha=100);
}
  
      
  
  
div#dialog_body
{  
    color:#383736;
    padding:1px;  
    min-width:400px;
    width:auto!important;
    width:400px;    
    display:block;      
}




    div#dialog_body p{text-align:justify;}

 
 
 div.dialog_box input.text,  div.dialog_box textarea{    
    padding:2px 10px;
 }
    
div.dialog_box input.button{
    padding:4px 10px;
    background:#3a79b6;
    border:1px solid #fff;
    color:#fff;       
}
 div.dialog_box input.cancel{
    background:#e1e1e1;
    color:#393939;
 }

div.dialog_box label{
    width:auto;
    display:block;
    font-weight:bold;
    color:#082C56;      
    float:none;   
    text-align:left;
    margin:0;
}


div.errors_container{display:none;}
div.errors_container label{ color:red;}

ul.errors{font-size:10px;color:red;}
ul.errors li{list-style:circle;}









/******************************
* CSS RELATED TO THE JOIN FORM ONLY
******************************/           
   


div.bundles_explanation{
     width:823px;
}



div.bundles_explanation h2{margin:0 0 5px 0 ;} 

a.closebtn{
font-size:10px;
float:right;
font-weight:normal;
margin-top:3px;
cursor:pointer;
}



div.bundles_explanation div.head{
    background:transparent url('../images/3_screens.jpg') bottom left no-repeat;
    height:113px;
    padding-left:330px;      
}

div#dialog_body div.bundles_explanation div.head h2
{
    color:#292e31 ;
    text-align:center;          
    font-size:16px;
}             

div#dialog_body div.bundles_explanation div.head p {
    font-style:italic;
    color:#858585;
    font-size:12px;
    text-align:center;
    margin:0 10px 10px 10px;
}

div#dialog_body div.bundles_explanation div.head h3{
    margin-left:75px;  
    margin-top:-10px;   
    font-size:28px;  
    color:#1567bb          
}

div#dialog_body div.bundles_explanation div.head h3 strong{font-size:30px;}


div#dialog_body div.bundles_explanation div.head .ontop{
    font-size:14px;
    font-weight:bold;
    color:#292e31;
    margin:0;
    display:block;
    margin-left:60px;       
}


   
 






div.bundles_explanation div.bundles_explanation{
     width:823px;
}



div.bundles_explanation div.bundles_explanation h2{margin:0 0 5px 0 ;} 
   


div.bundles_explanation div.head h2
{
    color:#292e31 ;
    text-align:center;   
    font-weight:bold;       
    font-size:16px;
}             

div.bundles_explanation div.head p {
    font-style:italic;
    color:#858585;
    font-size:12px;
    text-align:center;
    margin:0 10px 10px 10px;
}

div.bundles_explanation div.head h3{
    margin-left:75px;  
    margin-top:-10px;   
    font-size:30px;  
    color:#1567bb          
}

div.bundles_explanation div.head h3 strong{font-size:40px;}


div.bundles_explanation div.head .ontop{
    font-size:14px;
    font-weight:bold;
    color:#292e31;
    margin:0;
    display:block;
    margin-left:60px;       
}   
   
      
   
div.bundles_explanation div.head{
    
    height:113px;
    padding-left:330px;      
}



table.features{
     border-right:1px solid #b9b8b5;
     font-size:12px;   
     width:140px;      
}

table.features td, table.features th{border-left:1px solid #b9b8b5;}
table.features th{padding:4px 6px;}
table.features th.center{text-align:center;}



table.features td{       
    text-align:center;       
    width:140px;                                                 
}

         
table.features .first{
    width:138px;
    text-align:left;
    border:none;    
}

table.features td.first span{width:136px;padding-left:4px;text-align:left;background:#fff;}

table.features td span{      
    width:140px;
    display:block;
    border:1px solid #fff;
    border-top:0;
    padding:4px 6px;
    text-align:center;
    font-size:10px;
    color:#545454;
    float:left;
}


                                      
table.features tr.section{border-top:1px solid #e8e8e7;}
table.features td.section, table.features th.section{border-top:1px solid #e8e8e7;}
table.features tr.section span{border-top:1px solid #fff;}    
table.features h6{margin:2px 0 0 0;padding:0;}
table.features th span{font-size:10px;}




.ori span{background:#faf9f9;}
.darker .ori span{background:#f2f1f1;}    


.plus span{background:#f6faee;}
.darker .plus span{background:#eef2e7;}    
    
    

.dvds span{background:#eff5fb ;}
.darker .dvds span{background:#e8edf3;}    


.plati span{background:#faeeee; }
.darker .plati span{background:#f2e7e7;}    

.features .biggray span, .features .biggray{font-weight:bold;font-size:12px;color:#282828;}
.features .biggreen span, .features .biggreen{font-weight:bold;font-size:12px;color:#78b800;}
.features .bigblue span, .features .bigblue{font-weight:bold;font-size:12px;color:#1464c4;}
.features .bigred span, .features .bigred{font-weight:bold;font-size:12px;color:#b80000;}



   
                
.bigprice{width:auto!important;  font-family:arial;text-align:center;}             
.bigprice strong em{
    font-size:45px;
    font-style:normal;
    float:left;
}

.bigprice strong {
    position:relative;
    font-size:45px;
    width:125px;
    display:block;
    text-align:left;
    margin-left:15px;
    margin-top:5px;         
}



.bigprice strong sup{font-size:23px;position:relative;top:8px;font-weight:bold;float:left;}

.bigprice small{font-size:12px;font-weight:bold;position:relative;left:5x;float:left;margin-top:2px;}

* html .bigprice small{margin-top:8px;}
 *:first-child+html .bigprice small{margin-top:8px;}                       
                
                
                              
                
                
                

                
        
        
        
div.scene_150{
    float:left;
    font-size:10px;   
    padding:5px;
    width:228px;            
    margin-bottom:5px;
    margin-left:2px;
    line-height:16px;
}


div.scene_150 .image{  
    width:225px;
    height:150px;
    display:block;
    border:1px solid #082c56;
    background:transparent url('../../images/icons/ajax-loader.gif') center center no-repeat;
}

    div.scene_150 .image img{ 
      width:225px;
    height:150px;
        float:left;
    }
    
    div.scene_150 div.gray{
        background:#f5f4f4;
        color:#a4a4a4;
        padding:2px 6px;
    }
        
         div.scene_150 div.gray:after
        { 
            clear: both; 
            content: "."; 
            display: block; 
            height: 0;     
            visibility: hidden; 
        } 
         div.scene_150 div.gray {display: inline-block;} 
        /* Hide from IE Mac \*/ 
         div.scene_150 div.gray {display: block;} 
        /* End hide from IE Mac */ 
            
    
    
     div.scene_150 div.gray .date{float:left;}    
     div.scene_150 div.gray .views{float:right;}    
     
     div.scene_150 a.title{
        
        font-weight:bold;
        color:#1464c4;
        display:block;
        text-decoration:none;
     }
     
     div.scene_150 div.rating{ 
        color:#616161;
        display:block;  
                    
     }
     
           div.scene_150 .rating span {color:#ff8c10;}