/*--------------------red plan---------------*/
#red{
    width:226px; float:left; background:url(../images/red_cornar_top.gif) no-repeat 0 0 #C64A39; color:#FFFFFF; padding:9px 0 0 11px;
    font-size:0; margin:0 10px 0 0px;
    }
#red span{
    background:url(../images/red_cornar_buto.gif) no-repeat right bottom; width:226px; height:14px; display:block; float:left;
    }
#red h2{
    width:215px; background:url(../images/red_h2_bg.gif) repeat-x 0 0;  height:35px; display:block;
    font:bold 21px/35px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0; margin:0;
    }
#red h2 span{
    background:url(../images/red_h2_right.gif) no-repeat left top;  width:10px; height:35px;  padding:0 0 0 0px;
    margin:0 0px 0 0; display:block; float:right;
    }
#red h2 img{
     float:left; padding:0; margin:0; display:block;
    }
#red p{
     background:url(../images/red_ul_top.gif) no-repeat 0 0 #7B1E11; width:215px; height:11px; display:block; 
     margin:7px 0 0 0; font-size:0; padding:0; color:#FFFFFF;
     }
#red p.buttom{
     background:url(../images/red_ul_bu.gif) no-repeat 0 0 ; width:215px; height:19px;  display:block;  margin:0 0 0 0; font-size:0;     
     padding:0; 
     }
#red ul{
    width:192px; color:#F9AEA3; margin:0px 0 0 0; padding:0px 0 0 21px; border-left:#F39386 1px solid; 
    border-right:#F39386 1px solid; background-color:#7B1E11; list-style-type: none;
    }
#red ul li{
    background:url(../images/red_ul_arrow.gif) no-repeat 0 8px; font:normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding:0 0 0 12px;
    }
#red img.left{
    padding:0 0 0 21px; display:block; float:left; margin:8px 0 0 0;
    }
#red a.order_button{
    background:url(../images/red_order.gif) no-repeat 0 0; height:72px; width:74px; display:block; margin:0; padding:0; 
    float:left; text-indent:-2000px;
    }
#red a.order_button:hover{
    background:url(../images/red_order_h.gif) repeat 0 0; display:block; font-size:0;
    }
    
#red a {
    color: #FFFFFF;
}
    
#red #delivery_text {
    float: left;
    display: block;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 10px;
    width: 147px;
    font-size: 21px;
}
/*--------------------------green plan------------------*/
#green{
    width:226px; float:left; background:url(../images/green_cornar_top.gif) no-repeat 0 0 #B8C035; color:#FFFFFF; 
    padding:9px 0 0 11px; font-size:0; margin:0 10px 0 0px;
    }
#green span{
    background:url(../images/green_cornar_buto.gif) no-repeat right bottom; width:226px; height:14px; display:block; float:left;
    }
#green h2{
    width:215px; background:url(../images/green_h2_bg.gif) repeat-x 0 0; display:block; height:35px;
    font:bold 21px/35px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0; margin:0;
    }
#green h2 span{
    background:url(../images/green_h2_right.gif) no-repeat 0 0;  width:10px; height:35px; display:block; padding:0 0 0 0px;
    margin:0 0 0 0; float:right;
    }
#green h2 img{
    display:block; float:left; padding:0; margin:0 11px 0 0;
    }
#green p{
     background:url(../images/green_ul_top.gif) no-repeat 0 0 #6A6F10; width:215px; height:11px; display:block; 
     margin:7px 0 0 0; font-size:0; padding:0; color:#FFFFFF;
     }
#green p.buttom{
     background:url(../images/green_ul_bu.gif) no-repeat 0 0 ; width:215px; height:19px;  display:block;  margin:0 0 0 0; font-size:0;      padding:0; 
     }
#green ul{
    width:192px; color:#E5EA94; margin:0px 0 0 0; padding:0px 0 0 21px; border-left:#EAF178 1px solid; 
    border-right:#EAF178 1px solid; background-color:#6A6F10; list-style-type: none;
    }
#green ul li{
    background:url(../images/red_ul_arrow.gif) no-repeat 0 8px; font:normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding:0 0 0 12px;
    }
#green img.left{
    padding:0 0 0 21px; display:block; float:left; margin:8px 0 0 0;
    }
#green a.image{
    background:url(../images/green_order.gif) no-repeat 0 0; height:72px; width:74px; display:block; margin:0; padding:0; 
    float:left; text-indent:-2000px;
    }
#green a{
    height:42px; width:215px; display:block; margin:0; padding:0; float: left;
    font-size: 16px;
    text-align: center;
    padding-top: 30px;
    font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size:21px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
     
}

#green a:hover{
    color: #6A6F10;
}

#green a.image:hover{
    background:url(../images/green_order_h.gif) repeat 0 0; display:block; font-size:0;
    }
/*---------------------------------------blue----------------------*/
#blue{
    width:226px; float:left; background:url(../images/blue_cornar_top.gif) no-repeat 0 0 #427B94; color:#FFFFFF; 
    padding:9px 0 0 11px; font-size:0; margin:0 0px 0 0px;
    }
#blue span{
    background:url(../images/blue_cornar_buto.gif) no-repeat right bottom; width:226px; height:14px;  float:left;
    }
#blue h2{
    width:215px; background:url(../images/blue_h2_bg.gif) repeat-x 0 0; display:block; height:35px;
    font:bold 21px/35px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0; margin:0;
    }
#blue h2 span{
    background:url(../images/blue_h2_right.gif) no-repeat 0 0;  width:10px; height:35px; display:block; padding:0;
    margin:0 0px 0  0; float:right;
    }
#blue h2 img{
    display:block; float:left; padding:0; margin:0 11px 0 0;
    }
#blue p{
     background:url(../images/blue_ul_top.gif) no-repeat 0 0 #184254; width:217px; height:11px; display:block; 
     margin:7px 0 0 0; font-size:0; padding:0; color:#FFFFFF;
     }
#blue p.buttom{
     background:url(../images/blue_ul_bu.gif) no-repeat 0 0 ; width:217px; height:19px;  display:block;  margin:0 0 0 0; font-size:0;     
      padding:0; 
     }
#blue ul{
    width:194px; color:#A0CADC; margin:0px 0 0 0; padding:0px 0 0 21px; border-left:#689DB5 1px solid; 
    border-right:#689DB5 1px solid; background-color:#184254; list-style-type: none;
    }
#blue ul li{
    background:url(../images/red_ul_arrow.gif) no-repeat 0 8px; font:normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding:0 0 0 12px;
    }
#blue img.left{
    padding:0 0 0 21px; display:block; float:left; margin:8px 0 0 0;
    }
#blue a.image{
    background:url(../images/blue_order.gif) no-repeat 0 0; height:72px; width:74px; display:block; margin:0; padding:0; 
    float:left; text-indent:-2000px;
    }
#blue a.image:hover{
    background:url(../images/blue_order_h.gif) repeat 0 0; display:block; font-size:0;
    }
    
#blue a{
    height:42px; width:215px; display:block; margin:0; padding:0; float: left;
    font-size: 16px;
    text-align: center;
    padding-top: 30px;
    font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size:21px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
     
}

#blue a:hover{
    color: #184254;
}