.title {color: #666666}
.secondary {color: #CCCCCC}
.text {color: #999999}
.text_list {color: #999999; text-align: left;}
.link {color: #99CC66}

A:link {color: #99CC66; text-decoration: none}
A:visited {color: #99CC66; text-decoration: none}
A:active {color: #99CC66; text-decoration: none}
A:hover {color: gray;}

body{
  background: #CDCEC0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;  
  height: 100%;
  margin: 0;
}

div{
  float: left;
  width: 100%;
  overflow: hidden;
}

.full_row{
  padding: 5px 0px 5px 0px;
  text-align: justify; 
}   

.half_row{
  width: 50%;
  padding: 5px 0px 5px 0px;
  text-align: justify; 
} 

.quarter_row{
  width: 30%;
  padding: 5px 0px 5px 0px;
  text-align: justify; 
} 

.third_quarter_row{
  width: 70%;
  padding: 5px 0px 5px 0px;
  text-align: justify; 
}

.spacer{
  height: 10px;   
} 

#background_up{
  float:none;
  background: #9A9A8E;
  height: 0px;
}

#background{
  float:none;
  background-image: url(images/background.jpg);
  background-repeat: repeat-x;
  height: 768px;
}

#background_down{
  float:none;
  background: #CDCEC0;
  height: 100px;
} 

#spacer_top{
  float: none;
  /*background: red;*/
  height: 60px;
}

#site_container{
  float: none;
  /*background: yellow;*/
  margin: 0 auto 0 auto;
  width: 900px;
  height: 579px;
}

  #menu_container{
    width: 900px;
    height: 150px;
  }
  
    #menu_1_1{
      background: url(images/menu_1_1.jpg);
      width: 42px;
      height: 24px;
    }
    
    #menu_1_2{
      background: url(images/menu_1_2.jpg);
      width: 27px;
      height: 24px;
    }

    #menu_1_3{
      background: url(images/menu_1_3.jpg);
      background-repeat: repeat-x;      
      width: 776px;
      height: 24px;
    }
    
    #menu_1_4{
      background: url(images/menu_1_4.jpg);
      width: 25px;
      height: 24px;
    }
    
    #menu_1_5{
      width: 30px;
      height: 24px;
    }  

    #menu_2_1{
      background: url(images/menu_2_1.jpg);
      width: 42px;
      height: 117px;
    }  

    #menu_2_2{
      width: 819px;
      height: 117px;
    }        

      #menu_2_2_1{
        background: url(images/menu_2_2_1.jpg);
        width: 12px;
        height: 106px;
        padding-top: 11px;
      }

        .menu_title{
          float: none;
          /*background: red;*/
          height: 27px;
          line-height: 21px;
          text-align: right;
          padding-left: 50%;
        }

        div.html_button{
          width: 50%
        }
        div.html_button a {
          display: block;
        }
        div.html_button a.html_button_text {
          text-align: right;
        }

        .menu_title A:link {color: black; text-decoration: none}
        .menu_title A:visited {color: black; text-decoration: none}
        .menu_title A:active {color: black; text-decoration: none}
        .menu_title A:hover {color: gray;}      

        .menu_list{
          float: none;
          /*background: yellow;*/
          height: 13px;
        }
        
        .menu_list_link{
          float:right;
          width: auto;       
          height: 13px;
          font-size: 9px;
          text-align: right;
          line-height: 13px;      
        }

        .menu_list_button{
          float:right;
          width: 7px;
          height: 13px;
          padding-top: 3px;
          padding-left: 3px;
          line-height:0px;
          background: #FEFEF5;
        }

        .menu_list A:link {color: gray; text-decoration: none}
        .menu_list A:visited {color: gray; text-decoration: none}
        .menu_list A:active {color: gray; text-decoration: none}
        .menu_list A:hover {color: black;}

        #menu_2_2_2_1{
          /*background: url(images/menu_2_2_2.jpg);*/
          background: red;
          background-repeat: repeat-x;   
          width: 178px;
          height: 106px;
          padding-top: 11px;
        }

        #menu_2_2_2_2{
          /*background: url(images/menu_2_2_2.jpg);*/
          background: red;
          background-repeat: repeat-x;   
          width: 132px;
          height: 106px;
          padding-top: 11px;
        }
        
        #menu_2_2_2_12{
          /*background: red;*/
          background: url(images/menu_2_2_2.jpg);
          background-repeat: repeat-x;             
          width: 310px;
          height: 106px;          
          padding-top: 11px;
        }

        #menu_logo_row{
          /*background: yellow;*/
          width: 310px;
          height: 74px;
          padding: 5px 0px 0px 0px;
        }
        
        #menu_logo{
          /*background: green;*/
          width: 200px;
          height: 74px;
        }
        
        #menu_logo_bottom_1{
          /*background: blue;*/
          width: 178px;
          height: 27px;        
        }        

        #menu_logo_bottom_2{
          /*background: brown;*/
          width: 132px;
          height: 27px;        
        }
        
        #menu_2_2_2_3{
          background: url(images/menu_2_2_2.jpg);
          background-repeat: repeat-x;   
          width: 121px;
          height: 106px;
          padding-top: 11px;
        }

        #menu_2_2_2_4{
          background: url(images/menu_2_2_2.jpg);
          background-repeat: repeat-x;   
          width: 122px;
          height: 106px;
          padding-top: 11px;
        }

        #menu_2_2_2_5{
          background: url(images/menu_2_2_2.jpg);
          background-repeat: repeat-x;   
          width: 122px;
          height: 106px;
          padding-top: 11px;
        }

        #menu_2_2_2_6{
          background: url(images/menu_2_2_2.jpg);
          background-repeat: repeat-x;   
          width: 121px;
          height: 106px;
          padding-top: 11px;
        }
                                              
      #menu_2_2_3{
        background: url(images/menu_2_2_3.jpg);
        width: 11px;
        height: 106px;
        padding-top: 11px;
      }
            
    #menu_2_3{
      background: url(images/menu_2_3.jpg);    
      width: 39px;
      height: 117px;
    }   
    
    #menu_3_1{
      background: url(images/menu_3_1.jpg);
      width: 42px;
      height: 9px;
    }
    
    #menu_3_2{
      background: url(images/menu_3_2.jpg);
      width: 20px;
      height: 9px;
    }

    #menu_3_3{
      background: url(images/menu_3_3.jpg);
      background-repeat: repeat-x;      
      width: 650px;
      height: 9px;
    }
    
    #menu_3_4{
      background: url(images/menu_3_4.jpg);
      width: 158px;
      height: 9px;
    }
    
    #menu_3_5{
      width: 30px;
      height: 9px;
    }

#middle_4_1{
  width: 140px;
  height: 36px;
  padding-left: 60px;
}

#middle_4_1 A:link {color: #FEFEF5; text-decoration: none}
#middle_4_1 A:visited {color: #FEFEF5; text-decoration: none}
#middle_4_1 A:active {color: #FEFEF5; text-decoration: none}
#middle_4_1 A:hover {color: #99CC66;}

#middle_4_1_bis{
  width: 203px;
  height: 36px;
}

#middle_4_2{
  background: url(images/middle_4_2.jpg);
  width: 345px;
  height: 36px;
}

#middle_4_3{
  background: #FEFEF5;
  width: 80px;
  height: 36px;
  padding: 0px 0px 0px 4px;
}

#middle_4_4{
  background: url(images/middle_4_4.jpg);
  width: 68px;
  height: 36px;
}

#left_site{
  /*background: red;*/
  width: 412px;
  height: 295px;
}

  #left_site_1_1{
    width: 21px;
    height: 55px;
  }  

  #left_site_1_2{
    background: url(images/left_site_1_2.jpg);
    width: 33px;
    height: 55px;
  }  
  
  #left_site_1_3{
    width: 358px;
    height: 55px;
  }    

  #left_site_2_1{
    width: 21px;
    height: 213px;
  }  

  #left_site_2_2{
    background: url(images/left_site_2_2.jpg);
    width: 16px;
    height: 213px;
  }  

  #left_site_2_3{
    background: #F3F3E9;
    width: 375px;
    height: 213px; 
  }   
    
    #left_site_display{
      background: #F3F3E9;
      width: 345px;
      height: 193px;
      padding: 0px 15px 0px 15px;
      margin: 10px 0px 10px 0px;
      text-align: justify;
      overflow: -moz-scrollbars-vertical;
      overflow-x: hidden;
      overflow-y: auto;     
    }    
  
  #left_site_3_1{
    width: 21px;
    height: 27px;
  }  

  #left_site_3_2{
    background: url(images/left_site_3_2.jpg);
    width: 21px;
    height: 27px;
  }  
  
  #left_site_3_3{
    background: url(images/left_site_3_3.jpg);
    background-repeat: repeat-x;        
    width: 154px;
    height: 27px;
  }       

  #left_site_3_4{
    background: url(images/left_site_3_4.jpg);
    width: 216px;
    height: 27px;
  }   

#right_site{
  /*background: brown;*/
  width: 488px;
  height: 295px;
}                         

  #right_site_1_1{
    background: url(images/right_site_1_1.jpg);
    width: 151px;
    height: 12px;
  }
  
  #right_site_1_2{
    background: url(images/right_site_1_2.jpg);
    width: 185px;
    height: 12px;
  } 
  
  #right_site_1_3{
    background: url(images/right_site_1_3.jpg);
    width: 152px;
    height: 12px;
  }
  
  #right_site_2_1{
    background: url(images/right_site_2_1.jpg);
    width: 12px;
    height: 257px;
  }
  
  #right_site_2_2{
    background: #FEFEF4;
    width: 428px;
    height: 257px;
  } 

  #right_site_2_2_mask{
    background: url(images/right_site_display.jpg);
    background-repeat: no-repeat;  
    width: 406px;
    height: 257px;
    padding: 0px 11px 0px 11px;
  } 
  
  #right_site_display{
    width: 398px;
    height: 237px;
    padding: 0px 15px 0px 15px;
    margin: 10px 0px 10px 0px;
    text-align: justify;
    overflow: -moz-scrollbars-vertical;
    overflow-x: hidden;
    overflow-y: auto;       
  }  
  
  #right_site_2_3{
    background: url(images/right_site_2_3.jpg);
    width: 48px;
    height: 257px;
  }
  
  #right_site_3_1{
    background: url(images/right_site_3_1.jpg);
    width: 12px;
    height: 26px;
  }
  
  #right_site_3_2{
    background: url(images/right_site_3_2.jpg);
    background-repeat: repeat-x;   
    width: 428px;
    height: 26px;
  } 
  
  #right_site_3_3{
    background: url(images/right_site_3_3.jpg);
    width: 48px;
    height: 26px;
  }       
  
#bottom_left_site{
  /*background: yellow;*/
  width: 579px;
  height: 87px;
}       

  #bottom_left_site_1_1{
    width: 115px;
    height: 8px;
  }

  #bottom_left_site_1_2{
    background: url(images/bottom_left_site_1_2.jpg);
    width: 14px;
    height: 8px;
  }
  
  #bottom_left_site_1_3{
    background: url(images/bottom_left_site_1_3.jpg);
    background-repeat: repeat-x;     
    width: 434px;
    height: 8px;
  }  

  #bottom_left_site_1_4{
    background: url(images/bottom_left_site_1_4.jpg);
    width: 16px;
    height: 8px;
  }  

  #bottom_left_site_2_1{
    width: 115px;
    height: 66px;
  }

  #bottom_left_site_2_2{
    background: url(images/bottom_left_site_2_2.jpg);
    background-repeat: repeat-y;     
    width: 8px;
    height: 66px;
  }
  
  #bottom_left_site_2_3{
    background: url(images/bottom_left_site_2_3.jpg);
    background-repeat: repeat-x;     
    width: 448px;
    height: 66px;
  }  

  #bottom_left_site_2_4{
    background: url(images/bottom_left_site_2_4.jpg);
    background-repeat: repeat-y;
    width: 8px;
    height: 66px;
  }  

  #bottom_left_site_3_1{
    width: 115px;
    height: 13px;
  }

  #bottom_left_site_3_2{
    background: url(images/bottom_left_site_3_2.jpg);  
    width: 17px;
    height: 13px;
  }
  
  #bottom_left_site_3_3{
    background: url(images/bottom_left_site_3_3.jpg);
    background-repeat: repeat-x;     
    width: 431px;
    height: 13px;
  }  

  #bottom_left_site_3_4{
    background: url(images/bottom_left_site_3_4.jpg);
    width: 16px;
    height: 13px;
  }    

#bottom_left_site_no_extrabox{
  /*background: yellow;*/
  width: 579px;
  height: 87px;
}       

  #bottom_left_site_no_extrabox_1_1{
    width: 412px;
    height: 8px;
  }

  #bottom_left_site_no_extrabox_1_2{
    background: url(images/bottom_left_site_no_extrabox_1_2.jpg);
    width: 12px;
    height: 8px;
  }
  
  #bottom_left_site_no_extrabox_1_3{
    background: url(images/bottom_left_site_no_extrabox_1_3.jpg);
    background-repeat: repeat-x;     
    width: 155px;
    height: 8px;
  }  


#bottom_right_site{
  /*background: green;*/
  width: 321px;
  height: 87px;
}       
           
  #bottom_right_site_1_1{
    background: url(images/bottom_right_site_1_1.jpg);
    background-repeat: repeat-x;     
    width: 253px;
    height: 8px;
  }
  
  #bottom_right_site_1_2{
    background: url(images/bottom_right_site_1_2.jpg);     
    width: 38px;
    height: 8px;
  }     
  
  #bottom_right_site_1_3{  
    width: 30px;
    height: 8px;
  } 
  
  #bottom_right_site_2_1{  
    width: 280px;
    height: 50px;
    text-align: right;
    font-size: 9px;
    color: gray;
  }                      
  
/*PREVIEW*/
#previews_container{
  width: 406px;
  height: 240px;
}
  .preview_container{
    width: 406px;
    height: 65px;
    margin-top: 15px;
  }
  
    .preview_image{ 
      width: 404px;
      height: 39px;
      border-style:solid;
      border-color: #9A9A90;
      border-left-width: 1px;
      border-right-width: 1px;
      border-top-width: 1px;
      border-bottom-width: 1px;         
    }
    
    .preview_info{
      background: #F3F3E9;
      width: 404px;
      height: 19px;  
      border-style:solid;
      border-color: #9A9A90;
      border-left-width: 1px;
      border-right-width: 1px;
      border-top-width: 0px;
      border-bottom-width: 0px;     
    }
  
      .preview_field_1{
        width: 128px;
        height: 19px;    
        padding: 0px 4px 0px 4px;
        line-height: 19px;       
      }
     
      .preview_field_2{
        width: 126px;
        height: 19px;    
        padding: 0px 4px 0px 4px;
        line-height: 19px;      
      }
          
      .preview_field_3{
        width: 59px;
        height: 19px;    
        padding: 0px 4px 0px 4px;
        line-height: 19px;      
      }    
  
      .preview_field_4{
        width: 59px;
        height: 19px;    
        padding: 0px 4px 0px 4px;
        line-height: 19px;
        text-align: right;      
      }   
    
    .preview_bottombar_1{
      background: url(images/bottombar_left.jpg); 
      width: 7px;
      height: 5px;  
    }
  
    .preview_bottombar_2{
      background: #30312B;   
      width: 393px;
      height: 5px;  
    }
  
    .preview_bottombar_3{
      background: url(images/bottombar_right.jpg);    
      width: 6px;
      height: 5px;  
    }      
  
#previews_nav_container{
  width: 406px;
  height: 17px;
  text-align: center;
  line-height: 17px;
}   

.partner_container{
  width: 200px;
  height: 128px;
}

.partner_logo{
  
  padding-top: 10px;
  text-align: center;
}

.partner_name{
  padding: 5px 5px 15px 5px;
  text-align: center;  
}

#pic_nav_title{
  padding: 0px 0px 0px 0px;
  font-size: 9px;  
  text-align: center;   
}

.square{
  width: 11px;
  height: 11px;
}

#bottom_box_title{
  padding: 0px 0px 0px 2px;
}

#bottom_box_image_container{
  text-align: center; 
  padding-top: 1px;
}

#bottom_box_image{
  width: 404px;
  height: 39px;
  border-style:solid;
  border-color: #9A9A90;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-width: 1px;
  border-bottom-width: 1px;         
  
}

.form_sent_mex{
  padding-top: 125px;
  text-align: center;
}