/* CSS Document */
body{
    padding:0; margin:0; background:url(../images/bg_tall.gif) repeat-x 0 0;
    font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
    }

body.no_class {
    background: white;
}
    
body.bg_tall_255 {
    background:url(../images/bg_tall_255.gif) repeat-x 0 0;
}
div, p, ul, h1, h2, h3, img, form, select, a, select{
    padding:0; margin:0;
    }
ul{
    list-style-type:none;
    }
.blank{
    font-size:0; line-height:0; clear:both;
    }

a {
    text-decoration: none;
}
    
#spacer {
    width: 100%;
    display: block;
    float: left;
    height: 5px;
}

img.alert {
    margin: 0;
    padding: 0;
    display: inline;
    width: 18px;
    height: 18px;
}

img.size20 {
    margin: 0;
    padding: 0;
    display: inline;
    width: 20px;
    height: 20px;
}

img {
    border: 0px;
}

.no_style {
    text-decoration: none;
    border: 0;
    margin: 0;
    padding: 0;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

#buttons {
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    float: left;
    width: 480px;
}

#buttons #button {
    height: 20px;
    display: block;
    width: 200px;
}

#buttons #button.right {
    float: right;
}

#buttons #button.left {
    float: left;
}

.bold {
    font-weight: bold;
}

/*----------------------------header----------*/
#header{
    width:980px; margin:0 auto; height:210px; padding:12px 0 0 0; font-size:0;
    }

#header #header_full {
    height: 144px;
    width: 100%;
    display: block;
    float: left;
	overflow: hidden;
    font-size: 12px;
}    

#header #header_img {
    height: 144px;
    display: block;
    float: left;
    width: 50%;
}

#header #header_content {
    width: 50%;
    height: 144px;
    display: block;
    float: right;
    overflow: hidden;
    font-size: 12px;
}
      
#header img{
    padding:0 0 0 0px; float:left; display:block;
    }
#header ul{
    width:156px; padding:0 23px 0 0; float:right; display:block; font-size:0;
    }
#header ul li{
    display:block; margin:0 0 1px 0; padding:0;
    }
#header ul li a{
     display:block; margin:0; padding:0; font-size:0;
    }
#header ul li a.online{
    background:url(../images/online.gif) no-repeat 0 0; width:156px; height:23px; text-indent:-2000px; font-size:0;
    }
#header ul li a.online:hover{
    background:url(../images/online_h.gif) no-repeat 0 0;
    }
#header ul li a.phone{
    background:url(../images/phone_num.gif) no-repeat 0 0 #FFFFFF; color:#454545; height:23px; width:119px; display:block;
     font:bold 16px/23px "Trebuchet MS", Arial, Helvetica, sans-serif ; padding: 0 0 0 37px;
     }
#header ul.navi{
    width:925px; display:block; height:44px; padding:2px 0 0 0px; margin:3px 0 0 14px; float: left;
    }
#header ul.navi li{
    display:block; float:left;
    }
#header ul.navi li a{
    font:bold 13px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; float:left; text-decoration:none; 
    text-align:center;
     }
#header ul.navi li a.home{
    width:69px; height:44px; display:block; background:url(../images/navi_bg.gif) repeat-x 0 0 #394242; color:#D3D6D6;
}
#header ul.navi li a.home:hover{
    background:url(../images/home_h.gif) no-repeat 0 0 #FFFFFF; display:block; color:#232323;
    }
#header ul.navi li a.about{
    width:87px; height:44px; display:block; background:url(../images/navi_bg.gif) repeat-x 0 0 #394242; color:#D3D6D6;
}
#header ul.navi li a.about:hover{
    background:url(../images/about_h.gif) no-repeat 0 0 #FFFFFF; display:block; color:#232323;
}
#header ul.navi li a.wide{
    width:115px; height:44px; display:block; background:url(../images/navi_bg.gif) repeat-x 0 0 #394242; color:#D3D6D6;
}
#header ul.navi li a.wide:hover{
    background:url(../images/download_h.gif) no-repeat 0 0 #FFFFFF; display:block;color:#232323;
    }
    
/*----------------------------header 255----------*/
    
#header_255 {
    width:980px; margin:0 auto;padding:12px 0 0 0; font-size:0;
    height: 255px;
}

#header_255 #header_full {
    height: 194px;
    width: 100%;
    display: block;
    float: left;
	overflow: hidden;
    font-size: 12px;
}
    
#header_255 #header_img {
    height: 194px;
    display: block;
    float: left;
    width: 50%;
}

#header_255 #header_content {
    width: 50%;
    height: 194px;
    display: block;
    float: right;
    overflow: hidden;
    font-size: 12px;
}
    
#header_255 img{
    padding:0 0 0 0px; float:left; display:block;
    }
#header_255 ul{
    width:156px; padding:0 23px 0 0; float:right; display:block; font-size:0;
    }
#header_255 ul li{
    display:block; margin:0 0 1px 0; padding:0;
    }
#header_255 ul li a{
     display:block; margin:0; padding:0; font-size:0;
    }
#header_255 ul li a.online{
    background:url(../images/online.gif) no-repeat 0 0; width:156px; height:23px; text-indent:-2000px; font-size:0;
    }
#header_255 ul li a.online:hover{
    background:url(../images/online_h.gif) no-repeat 0 0;
    }
#header_255 ul li a.phone{
    background:url(../images/phone_num.gif) no-repeat 0 0 #FFFFFF; color:#454545; height:23px; width:119px; display:block;
     font:bold 16px/23px "Trebuchet MS", Arial, Helvetica, sans-serif ; padding: 0 0 0 37px;
     }
#header_255 ul.navi{
    width:925px; display:block; height:44px; padding:2px 0 0 0px; margin:3px 0 0 14px; float: left;
    }
#header_255 ul.navi li{
    display:block; float:left;
    }
#header_255 ul.navi li a{
    font:bold 13px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; float:left; text-decoration:none; 
    text-align:center;
     }
#header_255 ul.navi li a.home{
    width:69px; height:44px; display:block; background:url(../images/navi_bg.gif) repeat-x 0 0 #394242; color:#D3D6D6;
}
#header_255 ul.navi li a.home:hover{
    background:url(../images/home_h.gif) no-repeat 0 0 #FFFFFF; display:block; color:#232323;
    }
#header_255 ul.navi li a.about{
    width:87px; height:44px; display:block; background:url(../images/navi_bg.gif) repeat-x 0 0 #394242; color:#D3D6D6;
}
#header_255 ul.navi li a.about:hover{
    background:url(../images/about_h.gif) no-repeat 0 0 #FFFFFF; display:block; color:#232323;
}
#header_255 ul.navi li a.wide{
    width:115px; height:44px; display:block; background:url(../images/navi_bg.gif) repeat-x 0 0 #394242; color:#D3D6D6;
}
#header_255 ul.navi li a.wide:hover{
    background:url(../images/download_h.gif) no-repeat 0 0 #FFFFFF; display:block;color:#232323;
    }
    
/*-------------------------body part------------------*/
#body{
    width:980px; margin:0 auto; padding:0 0 32px 0; font-size:12px; min-height: 450px;
    }
/*-------------------------------plan---------*/
/*--------------------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;
    }
#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; 
    }
#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;
    }
#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; 
    }
#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;
    }
#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;
}
    
#body h3{
    width:480px; display:block; height:35px; background:url(../images/body_h2_bg.gif) repeat-x 0 0 #FFFFFe; float:left;
     margin:0px 0 8px 0;    padding:0; font:bold 17px/25px Arial, Helvetica, sans-serif; color:#FFFFFF;
    }
    
#body h3.process_credit{
    width: 537px;
}
    
#body h3 span{
    background:url(../images/body_h2_right.gif) no-repeat 0 0; display:block; width:11px; height:26px; float:right; margin:0 0 0 0;
    }
#body h3.rounded_down{
    width:480px; display:block; height:26px; background:url(../images/body_h2_bg_rounded_down.gif) repeat-x 0 0 #FFFFFe; float:left;
     margin:0px 0 0px 0;    padding:0; font:bold 17px/25px Arial, Helvetica, sans-serif; color:#FFFFFF;
    }
#body h3.rounded_down span{
    background:url(../images/body_h2_right_rounded_down.gif) no-repeat 0 0; display:block; width:13px; height:35px; float:right; margin:0 0 0 0;
    }
#body img{
    margin:0 7px 0 0; float:left; display:block;
    }
#body p.text{
    width:456px; display:block; padding:0 0 0 19px; font:13px/18px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#000000;
    background-color:#FFFFFF; margin:0; float:left;
    }
#body p.text a{
    background:url(../images/more.gif) no-repeat 0 0 #FFFFFD; font:bold 11px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; 
    color:#FFFFFF; text-decoration:none; text-align:center; display:block; margin:0; padding:0; float:right; width:51px;
     height:14px;
    }
#body p.text a:hover{
    background:url(../images/more_h.gif) no-repeat 0 0;
    }
#domain{
    width:237px; margin:0 0 0 10px; float:left; background:url(../images/domain_top.gif) no-repeat 0 0; font-size:0; 
    padding:10px 0 0 0;
    }
#domain span{
    background:url(../images/form_but.gif) no-repeat 0 0; width:237px; height:19px; display:block; float:left; font-size:0;
    }
#domain form{
    width:201px; display:block; background:url(../images/form_bg.gif) repeat-x 0 0 #EFE4C0; color:#292929; height:120px; 
    border-left:#F3EBCF 1px solid; border-right:#F3EBCF 1px solid; padding:0 17px 0 17px; font-size:0;
    }
#domain form h2{
    width:201px; height:31px; background:url(../images/domain_h2_bg.gif) repeat-x 0 0 #FAF6EA; display:block; margin:0;
    font:bold 16px/31px Arial, Helvetica, sans-serif; color:#000000;
    }
#domain form h2 span{
    background:url(../images/domain_h2_right.gif) no-repeat 0 0; display:block; height:31px; width:1px; float:right;
    }
#domain form h2 img{
    margin:0 0 0 0; display:block; float:left;
    }
#domain form input[type="text"]{
    width:122px; height:19px; float:left; font-size:9px; margin:13px 16px 0 0px; border-bottom:#D6D3CE 1px solid; 
    border-right:#D6D3CE 1px solid; border-top:#838283  1px solid; border-left:#838283 1px solid; display:block;
    line-height:19px;
    }
    
#domain form select{
    width:205px; height:25px; margin:13px 0 0 0; font-size:16px; border-bottom:#D6D3CE 1px solid; display:block;
    border-right:#D6D3CE 1px solid; border-top:#838283  1px solid; border-left:#838283 1px solid; float:left;
    line-height:20px;
    }
#domain form label{
    width:182px; display:block; font:12px/14px Arial, Helvetica, sans-serif; float:left; margin:8px 0 0 0;
    }
#domain form input.submit{
    width:51px; height:14px;  background:url(../images/submit.gif) no-repeat 0 0 ; border:none; margin:0; padding:0; float:right;
    cursor:pointer;
    }
    
/* info box brown */
#info_box_brown{
    width:237px; margin:0 10px 0 0px; float:right; background:url(../images/domain_top.gif) no-repeat 0 0; font-size:0; 
    padding:10px 0 0 0; background-color: #EFE4C0; 
    }
    
#info_box_brown.narrow {
    background:url(../images/domain_top_narrow.gif) no-repeat 0 0;
    width: 180px;
}
    
#info_box_brown span{
    background:url(../images/form_but.gif) no-repeat 0 0; width:237px; height:19px; display:block; float:left; font-size:0;
    background-color: #FFFFFF;
    }
    
#info_box_brown.narrow span{
    background:url(../images/form_but_narrow.gif) no-repeat 0 0;
    width: 180px;
}

#info_box_brown #content{
    width:201px; display:block; background:url(../images/form_bg.gif) repeat-x 0 0; color:#292929; 
    border-left:#F3EBCF 1px solid; border-right:#F3EBCF 1px solid; padding:0 17px 0 17px; font-size:12px;
    min-height: 112px; background-color: #EFE4C0;
    }
    
#info_box_brown.narrow #content{
    width: 144px;
}
    
#info_box_brown #content label{
    width:182px; display:block; font:12px/14px Arial, Helvetica, sans-serif; float:left; margin:8px 0 0 0; color: #4F4F4F;
    font-weight: bold;
}

#info_box_brown #content h5{
    width:182px; display:block; font:16px/18px Arial, Helvetica, sans-serif; float:left; margin:8px 0 0 0; color: #000000;
    font-weight: bold; height: auto;
}
    
#info_box_brown #content select{
    width:200px; height:25px; margin:6px 0 0 0; font-size:16px; border-bottom:#D6D3CE 1px solid; display:block;
    border-right:#D6D3CE 1px solid; border-top:#838283 1px solid; border-left:#838283 1px solid; float:left;
    line-height:20px;
}

#info_box_brown #content input[type="text"]{
    width:200px; height:25px; margin:6px 0 0 0; font-size:16px; border-bottom:#D6D3CE 1px solid; display:block;
    border-right:#D6D3CE 1px solid; border-top:#838283 1px solid; border-left:#838283 1px solid; float:left;
    line-height:20px;
}

#info_box_brown #content input[type="submit"]{
    margin:6px 0 0 0; font-size:16px; float: right;
}

#info_box_brown #content ul li{
            padding: 5px 0 5px 0; font-size:16px; float: left; border-bottom: 1px solid #838283; width: 200px; cursor: pointer;
}

#info_box_brown #content ul li.selected{
    background-color: #D6D3CE;
}

#info_box_brown #content ul li.last{
    border-bottom: 0px;
    font-weight: bold;
}

#info_box_brown #content ul li:hover{
    background-color: #D6D3CE;
}

#info_box_brown #content ul li a{
            text-decoration: none; width: 200px; display: block; color: #8B1809;
}
/*---------------------------testimonials---------------------------*/
#tes{
    width:223px; border-right:#E4E4E4 1px solid; margin:20px 10px 0 0; float:left; font-size:0; padding:0 11px 0 0px;
    }
#tes h2{
    background:url(../images/testmonial_bg.gif) repeat-x 0 0 #FFFFFe; width:223px; height:34px; color:#FFFFFF; display:block;
    margin:0; padding:0; font:bold 17px/30px Arial, Helvetica, sans-serif; 
    }
#tes h2 span{
    background:url(../images/te_right.gif) no-repeat 0 0; width:13px; height:26px; display:block; font-size:0;
    float:right; margin:0 0 0 0;
    }
#tes h2 img{
    margin:0 7px 0 0; display:block; float:left;
    }
#tes p{
    width:198px; display:block;font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#000000;
    background-color:#FFFFFF; margin:0px 0 0 18px; padding:14px 0 24px 0;
    }
#tes p.jo{
    width:170px; display:block; padding:20px 19px 15px 30px; margin:0 0 0 0; color:#616612; float:left; 
    background:url(../images/tes_p.gif) no-repeat 0 0 #FFFEC7; font:bold 12px/17px Georgia, "Times New Roman", Times, serif; 
    
    }
#tes p.jo span{
    color:#A10000; float:right; background-color:#FFFEC7;
    }
/*--------------------------updated------------*/
#update{
    width:244px; margin:20px 0 0 0; float:left;
    }
#update h2{
    background:url(../images/testmonial_bg.gif) repeat-x 0 0 #FFFFFe; width:244px; height:34px; color:#FFFFFF; display:block;
    margin:0; padding:0; font:bold 17px/30px Arial, Helvetica, sans-serif; 
    }
#update h2 span{
    background:url(../images/te_right.gif) no-repeat 0 0; width:13px; height:26px; display:block; font-size:0;
    float:right; margin:0 0px 0 0; 
    }
#update h2 img{
    margin:0 7px 0 0; display:block; float:left;
    }
#update h3{
    width:120px; height:18px; color:#8B1809; display:block; background-color:#FFFFFe; background-image:none; float:left;
    padding:10px 0 8px 22px; margin:0; font:bold 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; 
    }
#update p{
                            width:204px; background:url(../images/updat_bg.gif) repeat-x bottom left #FFFFFF; display:block; padding:0 18px 21px 22px;
                            margin:0 0 0 0; font:12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; float:left;
    }
#update p a{
    background:url(../images/more.gif) no-repeat 0 0 #FFFFFD; font:bold 11px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; 
    color:#FFFFFF; text-decoration:none; text-align:center; display:block; margin:2px 0 0 0; padding:0; float:right; width:51px;
     height:14px;
    }
#update p a:hover{
    background:url(../images/more_h.gif) no-repeat 0 0;
    }
/*---------------------member pan-----------------*/
#conditional_login{
    width:237px; margin:0 0 5px 10px; float:left; background:url(../images/member_top.gif) no-repeat 0 0; padding:14px 0 0 0;
    }
#conditional_login #content {
    width:204px; background:url(../images/mem_for_bg.gif) repeat-x 0 0 #E4E4E4; color:#4F4F4F; margin:0; padding:0 16px 0 15px;
    border-left:#E6E6E6 1px solid; border-right:#E6E6E6 1px solid; font:13px/18px "Trebuchet MS",Arial, Helvetica, sans-serif; min-height:205px;
    }
    
#conditional_login #content ul {

}

#conditional_login #content ul li {
    padding: 5px 0 5px 0; font-size:16px; float: left; border-bottom: 1px solid #838283; width: 200px; cursor: pointer;
}

#conditional_login #content ul li a{
    text-decoration: none; width: 200px; display: block; color: #4F4F4F;
}

#conditional_login #content ul li:hover{
    background-color: #D6D3CE;    
}

#conditional_login #content ul li.last {
    font-weight: bold;
    border-bottom: 0px;
}

#conditional_login  h2{
    width:199px; height:40px; background:url(../images/member_h2_bg.gif) repeat-x 0 0 #F1F1F1; display:block; margin:0;
    font:bold 16px/40px Arial, Helvetica, sans-serif; color:#000000;
    }
#conditional_login  h2 span{
    background:url(../images/member_right.gif) no-repeat 0 0; display:block; height:34px; width:1px; float:right; margin:0 0px 0 0;
    }
#conditional_login  h2 img{
    margin:0 8px 0 0; display:block; float:left;
    }
#conditional_login form label{
    width:182px; display:block; font:bold 12px/18px Arial, Helvetica, sans-serif; margin:4px 0 0 0;
    }
#conditional_login form input{
    width:192px; height:21px;  font-size:16px; margin:4px 0px 0 0px; border-bottom:#D6D3CE 1px solid; 
    border-right:#D6D3CE 1px solid; border-top:#838283  1px solid; border-left:#838283 1px solid; 
    }
#conditional_login form input.check{
    width:16px; height:15px; margin:12px 0 0 0; padding:0; float:left; font-size:9px;
    }
#conditional_login form label.remem{
    width:170px; display:block; font:bold 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; float:left; margin:12px 0 0 10px;
    color:#000000; background-color:#E4E4E4;
    }
#conditional_login2 form a{
    width:204px; height:21px; background:url(../images/want_to.gif) no-repeat 0 0; text-indent:-2000px; display:block; float:left;
    margin:19px 0 0 0; padding:0;
    }
#conditional_login2 form a:hover{
    background:url(../images/want_to_h.gif) no-repeat 0 0;
    }
#conditional_login form input.login{
    width:51px; height:14px;  background:url(../images/login.gif) no-repeat 0 0 ; border:none; margin:17px 0 0 0; padding:0; 
    float:right; cursor:pointer;
    }
#conditional_login span{
    background:url(../images/member_bu.gif) no-repeat right bottom; height:14px; float: left; width:237px; margin: 0px;
    }
#conditional_login form a{
    width:125px; height:14px;  border:none; margin:15px 26px 0 0; padding:0; 
    float:right; cursor:pointer;
    font-weight: bold;
    }
#conditional_login form a:hover{
    text-decoration: underline;
    }

/*------------------------footer-----------*/
#mainfooter{
    width:100%; border-bottom:#BBBBBB 14px solid; background-color:#555544; color:#EFE4BF;
    }
#footer{
    width:666px; margin:0 auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ; font-size:0; height:112px;
    padding:15px 0 0 0;
    }
#footer ul{
    width:609px; display:block; height:16px; font-size:0; margin:0 0 0 50px;
    }
#footer ul li{
    font:bold 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; background-color:#555544; float:left;
    display:block; margin:0; padding:0;
    }
#footer ul li a{
    height:16px; padding:0 10px 0 10px; font:bold 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; 
    background-color:#555544; text-decoration:none;
    }
#footer ul li a:hover{
    background-color:#F4F3E7; color:#1C1C1C;
    }
#footer p{
    color:#EFE4BF; font-size:12px; width:250px; display:block; margin:2px 0 0 228px; line-height:16px; background-color:#555544;
    }
#footer ul.xhtm{
    width:200px; height:16px; display:block; font-size:0; margin:7px 0 0px 268px;
    }
#footer ul.xhtm li{
    float:left; display:block; background:url(../images/xtml_arrow.gif) no-repeat right center; height:16px;
     padding:0 0px 0 0px; width:61px; margin:0 0px 0 0; text-align:right;
    }
#footer ul.xhtm li a{
    font:bold 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#555544; float:left;
    text-transform:uppercase; height:16px; text-decoration:none; padding:0 0px 0 0px; margin:0 5px 0 0px; display:block;
    text-align:left;
    }
#footer ul.xhtm li a.xcz{
    font:bold 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#555544; float:left;
    text-transform:uppercase; height:16px; text-decoration:none; padding:0 0px 0 18px; margin:0 0px 0 0px; display:block;
    text-align:left;
    }
#footer ul.xhtm li a:hover{
    background-color:#F4F3E7; color:#1C1C1C;
    }
#footer p.copy{
    color:#BEC63A; font-size: 11px; width:234px;  margin:2px 0 0 238px; line-height:16px; text-transform:uppercase;
    height:16px; padding:0; background-color:#555544; font-weight:bold;
    }
#footer p.copy b{
    color:#FFFFFF; background-color:#555544;
    }
#footer p.copy a{
    text-decoration:none; color:#BEC63A; background-color:#555544;
    }
#footer p.copy a:hover{
    text-decoration:underline;
    }

/* global styles */
form input[type="button"].login_white_background {
    width:51px; 
    height:14px;  
    background:url(../images/btn_login_white_background.gif) no-repeat 0 0; 
    border:none; 
    margin:5px 0 0 0;
    padding:0; 
    float:right;
    cursor:pointer;
}

form input[type="button"].submit_white_background{
    width:51px;
    height:14px;
    background:url(../images/btn_submit_white_background.gif) no-repeat 0 0;
    border:none; 
    margin:5px 0 0 0;
    padding:0;
    float:right;
    cursor:pointer;
}

#body img.middle {
    border: 0px;
    vertical-align: middle;
    display: inline;
    float: none;
}
    
/* Styles for subsequent pages (2 column setup) */
#body_left_column {
   width:250px;
   margin:0 auto;
   padding:0 0 32px 0;
   float: left;
   font:13px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;
   color:#000000;    
}

#body_left_column_blank {
    width: 193px;
    float: left;
    display: block;
    font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}

#body_left_column_narrow {
    width:200px;
    margin:0 auto;
    padding:0 0 32px 0;
    float: left;
    font:13px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;
    color:#000000;
}


#body_center_column {
   width:480px;
   margin:0 auto;
   padding:0 0 32px 0;
   float: left;
   font:13px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;
   color:#000000;
}

#body_center_column_wide {
    width:537px;
    margin:0 auto;
    padding:0 0 32px 0;
    float: left;
    font:13px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;
    color:#000000;  
}

#body_right_column {
   width:250px;
   margin:0 auto;
   padding:0 0 32px 0;
   float: left;
}

#body_full_column {
   width: 738px;
   margin: 0 auto;
   padding:0 0 32px 0;
   float: left;
   font:13px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;
   color:#000000; 
}

#body_full_column_middle {
   width: 480px;
   margin: 0 0 0 129px;
   padding:0 0 32px 0px;
   float: left;
   font:13px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;
   color:#000000; 
}

#body #full_center_column {
    width: 900px;
    margin: 0px auto;
}

#body #full_center_column #content {
    width: 100%;
    display: block;
    float: left;
}

#errors {
    border: 1px solid #D6D3CE;
    color: #000000;
    font-weight: bold;
    padding: 5px;
    background-color: #FFD5CF;
    margin-bottom: 5px;
    width: 468px;
    float: left;
    display: block; 
}

#errors_wide {
	border: 1px solid #D6D3CE;
    color: #000000;
    font-weight: bold;
    padding: 5px;
    background-color: #FFD5CF;
    margin-bottom: 5px;
    display: block;
	width: 900px;
}

#messages {
    border: 1px solid #D6D3CE;
    color: #000000;
    font-weight: bold;
    padding: 5px;
    background-color: #D1EFD2;
    margin-bottom: 5px;
    width: 468px;
    float: left;
    display: block;
}

input.error {
   background-color: #FFD5CF; 
}

select.error {
   background-color: #FFD5CF; 
}

/* delivery information styles */
#select_zip_code {
    padding: 0px 0px 0px 30px;
    display: block;
    float: left;
    font:13px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;
    color:#000000;
    margin-bottom: 15px;
}

#select_zip_code img {
    margin: 0px 0px 0px 5px;
    vertical-align: center;
}

#select_zip_code select{
    width:250px;
    height:25px;
    margin:5px 0 0 0px;
    font-size:16px;
    border-bottom:#D6D3CE 1px solid;
    display:block;
    border-right:#D6D3CE 1px solid;
    border-top:#838283  1px solid;
    border-left:#838283 1px solid;
    float:left;
    line-height:20px;
}

#select_zip_code p.why_zip_code {
    margin: 5px 0px 0px 0px;
    padding: 0px;
    width: 460px;
    display: block;
    float: left;
}

#select_delivery_time {
    padding: 0px 0px 0px 30px;
    display: block;
    float: left;
    margin-bottom; 15px;
}

#select_delivery_time p.why_delivery_time {
    margin: 5px 0px 5px 0px;
    padding: 0px;
    width: 460px;
    display: block;
    float: left;
}

#select_delivery_time select{
    width:250px;
    height:25px;
    margin:5px 0 0 0;
    font-size:16px;
    border-bottom:#D6D3CE 1px solid;
    display:inline;
    border-right:#D6D3CE 1px solid;
    border-top:#838283  1px solid;
    border-left:#838283 1px solid;
    line-height:20px;
}

#select_delivery_time #delivery_options {
    font-size: 16px;
    font-weight: bold;
    padding: 0px 0px 10px 0px;
}

#select_delivery_time #delivery_options input[type="radio"]{
    height: 16px;
    width: 16px;
    vertical-align: middle;
    margin: 0px 5px 0px 0px;
    padding: 0px;
}

#select_delivery_time #delivery_time_options {
    padding: 0px 0px 0px 30px;
}

#select_delivery_time #delivery_time_options #delivery_date{
    font-size: 16px;
    float: left;
    width: 300px;
    padding: 0px 0px 5px 0px;
    font-weight: bold;
}

#select_delivery_time #delivery_time_options #delivery_date input[type="text"]{
    font-size: 16px;
    display: inline;
    margin-left: 4px;
}

#select_delivery_time #delivery_time_options #delivery_date img{
    display: inline;
    vertical-align: middle;
    border: 0px;
    float: none;
    margin-top: -8px;
}

#delivery_info_continue {
    text-align: right;
    margin-bottom: 15px;
}

#delivery_hours {
    padding: 0px 0px 0px 30px;
    display: block;
    float: left;
    font:13px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;
    color:#000000;
    text-align: center;
}

#delivery_hours #hours {
    margin-right: 5px;
    display: block;
    float: left;
    padding: 8px 8px 20px 8px;
    width: 115px;
    border: 1px solid #FFFFFF;
}

#delivery_hours #hours.selected {
    border: 1px solid #D6D3CE;
    background-color: #D1EFD2;
}

#delivery_hours #hours label{
    font-weight: bold;
}

/* Restaurant styles */
#restaurant_line_odd {
    width: 470px;
    float: left;
    display: block;
    padding: 5px;
    background-color: #D1EFD2;
}

#restaurant_line_even {
    width: 470px;
    float: left;
    display: block;
    padding: 5px;
    background-color: #DFFFDF;
}

#restaurant_line_odd img, #restaurant_line_even img {
    border: 1px solid #D6D3CE;
    height: 85px;
    width: 85px; 
}

#restaurant_line_odd #name a, #restaurant_line_even #name a {
    font-weight: bold;
    font-size: 16px;
    color: #000000;
    text-decoration: none;
}

#restaurant_line_odd #name a:hover, #restaurant_line_even #name a:hover {
    color: #394242;
}

#restaurant_line_closed_odd {
    width: 470px;
    float: left;
    display: block;
    padding: 5px;
    background-color: #EFD6D1;
}

#restaurant_line_closed_even {
    width: 470px;
    float: left;
    display: block;
    padding: 5px;
    background-color: #FFE4DF;
}

#restaurant_info {
    width: 310px;
    float: left;
    display: block;
}

#restaurant_delivery {
    float: left;
    display: block;
}

#restaurant_line_closed_odd img, #restaurant_line_closed_even img {
    border: 1px solid #D6D3CE;
    width: 85px;
    height: 85px; 
}

#restaurant_line_closed_odd #name, #restaurant_line_closed_even #name {
    font-size: 16px;
    font-weight: bold; 
}

/* body center styles */
#body_center_column #content_full {
    padding: 0px 0px 0px 0px;
    width: 481px;
    margin-bottom: 15px;
    display: block;
    float: left;    
}

#body_center_column #content_full #line {
    display: block;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    width: 438px;
}

#body_center_column #content_full #heading {
    font-size: 20px;
    font-weight: bold;
    background-color: #E4E4E4;
    border: 1px solid #D6D3CE;
    padding: 5px;
    display: block;
    float: left;
    margin-bottom: 5px;
    width: 468px;
}

#body_center_column #content {
    padding: 0px 0px 0px 30px;
    width: 448px;
    display: block;
    float: left;    
}

#body_center_column #content #split {
    display: block;
    float: left;
    padding-right: 5px;
    width: 219px;
}

#body_center_column #content #triple {
    display: block;
    float: left;
    padding-right: 5px;
    width: 140px;
    height: 55px;
}

#body_center_column #content #float {
    display: block;
    float: left;
    padding-right: 5px;
    height: 55px;
}

#body_center_column #content #full {
    display: block;
    float: left;
    width: 448px;
    height: 55px;
}

#body_center_column #content #full.short { 
    height: 25px;
}

#body_center_column #content #full textarea {
    border-bottom:#D6D3CE 1px solid; 
    border-right:#D6D3CE 1px solid;
    border-top:#838283  1px solid;
    border-left:#838283 1px solid; 
    width: 440px;
}

#body_center_column #content input[type="text"], #body_center_column #content input[type="password"] {
    height:21px; 
    font-size:16px;
    margin:5px 0px 10px 0px;
    border-bottom:#D6D3CE 1px solid; 
    border-right:#D6D3CE 1px solid;
    border-top:#838283  1px solid;
    border-left:#838283 1px solid;
}

#body_center_column #content select {
    height:25px; 
    font-size:16px;
    margin:5px 0px 10px 0px;
    border-bottom:#D6D3CE 1px solid; 
    border-right:#D6D3CE 1px solid;
    border-top:#838283  1px solid;
    border-left:#838283 1px solid; 
}

#body_center_column #content .green {
    background-color: #D1EFD2;
}

#body_center_column #content label {
    display:block;
    font:bold 16px/18px Arial, Helvetica, sans-serif;
    margin:5px 0 0 0;
    color:#4F4F4F;
}

#body_center_column #content label.not_bold {
    font-weight: normal;
}

#body_center_column #content p.text {
    margin: 5px 0px 5px 0px;
    padding: 0px;
    width: 450px;
    display: block;
    float: left;
}

/* cart panel styles */
#cart_panel {
    width: 237px;
    float: left;
    display: block;
    margin:0px 0px 0 10px;
    overflow: hidden;
}

#cart_panel #content #cart_panel_header{
    width: 220px;
    float: left;
    display: block;
    margin-bottom: 4px;
}

#cart_panel #content #cart_panel_header span {
    margin-top: 3px;
    display: block;
    font-size: 20px;
    font-weight: bold;
}

#cart_panel h2{
    background:url(../images/testmonial_bg.gif) repeat-x 0 0 #FFFFFe; width:237px; height:34px; color:#FFFFFF; display:block;
    margin:0; padding:0; font:bold 17px/30px Arial, Helvetica, sans-serif; 
    }
#cart_panel h2 span{
    background:url(../images/te_right.gif) no-repeat 0 0; width:13px; height:26px; display:block; font-size:0;
    float:right; margin:0 0 0 0;
    }
#cart_panel h2 img{
    margin:0 7px 0 0; display:block; float:left;
    }

#cart_panel #content {
    width: 225px;
    display: block;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
}

#cart_panel #content #item {
    float: left;
    display: block;
    padding: 0px 0px 3px 5px;
    width: 220px;
}

#cart_panel #content #item #item_name {
    display: block;
    float: left;
    width: 175px;
}

#cart_panel #content #item #item_price {
    display: block;
    float: right;
    width: 42px;
    padding-right: 3px;
    text-align: right;
}

#cart_panel #content #total {
    float: left;
    display: block;
    padding: 0px 0px 3px 5px;
    width: 220px;
}

#cart_panel #content #total.with_background {
    background-color:#E4E4E4;
    border:1px solid #D6D3CE;
}

#cart_panel #content #button {
    display: block;
    float: left;
    width: 225px;
    margin-top: 5px;
    text-align: right;
}

#cart_panel #content #total #total_name {
    display: block;
    float: left;
    width: 150px;
    text-align: right;
    padding-right: 10px;
}

#cart_panel #content #total #total_price {
    display: block;
    float: right;
    width: 50px;
    padding-right: 3px;
    text-align: right;
}

#cart_panel .top_border {
    border-top: 1px solid #838283;
}

/* login_panel styles */
#login_panel {
    width: 237px;
    float: left;
    display: block;
    margin:0px 0px 0 10px;
    overflow: hidden;
}

/*header styles*/
#order_header {
    background:url(../images/updat_bg.gif) repeat-x bottom left #FFFFFF; display:block; padding:0 18px 21px 22px;
    margin:0 0 5px 0; font:12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; float:left; width:980px; height: 75px;
}

/*admin page styles*/
#body #admin_column {
    width: 900px;
    margin: 0px auto;
}

#body #admin_column #content {
    width: 100%;
    display: block;
    float: left;
}

/* cart panel styles */

/* credit card process styles */

/* main page styles */

#main_left_column {
    float: left;
    display: block;
    width: 731px;
}

#main_right_column {
    float: left;
    display: block;
    width: 249px;
}

#rds_info {
    display: block;
    float: left;
    margin-top: 8px;
    width: 735px;
    min-height: 200px;
}

#rds_info h3 {
    width: 732px;
}

#rds_info #content {
    padding-left: 30px;
    width: 690px;
} 

/*conditional info panel*/
#user_support_panel {
    width: 224px;
    float: left;
    display: block;
    border: 1px solid #838283;
    margin:0 0 10px 10px;
    padding: 5px;
    background-color: #D1EFD2;
}

#user_support_panel #content {
    width: 214px;
    text-align: center;
}

#edit_order_panel {
    width: 224px;
    float: left;
    display: block;
    border: 1px solid #838283;
    margin:0 0 10px 10px;
    padding: 5px;
    background-color: #FFCFCF;
}

#edit_order_panel #content {
    width: 214px;
    text-align: center;
}

/* payment method styles */
#link {
    display: block;
    float: right;
}

/* conditonal estore panel styles */
a.estore_link {
    width: 235px;
    display: block;
    float: left;
    font-size: 14px;
    margin: 5px 0 0 11px;
    text-align: center;
    border: 1px solid #6A6F10;
    background-color: #B8C035;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #000000;
}

a.estore_link:hover {
    background-color: #FF994C;
}

a.back_to_restaurants {
    display: block;
    float: left;
    width: 200px;
    margin-top: 10px;
    height: 30px;
    margin-left: -5px;
}

a.back_to_restaurants img.adjusted {
    display: block;
    float: left;
    margin: 0px;   
}

/* view restaurants */
#order_now_link {
    color: #8B1809;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding-top: 5px;
}

#order_now_link a {
   color: #8B1809; 
}

#order_now_link:hover {
    text-decoration: underline;
}

.floatLeft {
    float: left;
}

/* Button Styles */
.clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}

a.button {
	background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
	color: #444;
	display: block;
	float: left;
	font: normal 12px arial, sans-serif;
	height: 24px;
	margin-right: 0px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
}

a.button b {
	background: transparent url('../images/bg_button_span.gif') no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
}

a.button:active {
	background-position: bottom right;
	color: #000;
	outline: none; /* hide dotted outline in Firefox */
}

a.button:active b {
	background-position: bottom left;
	padding: 6px 0 4px 18px; /* push text down 1px */
}

/* rounded corners styles */
div#roundedContainer {
    background: transparent;
    margin-bottom: 5px;
    width: 237px;
    display: block;
    float: left;
}

div#roundedContainerContent {
    border-style: solid;
    border-color: #CCCCCC;
    border: 0 solid #CCCCCC;
    border-width: 0pt 1px;
    display: block;
    float: left;
    width: 225px;
    padding: 5px;
}

.xtop,.xbottom {
    display: block;
    background: transparent;
    font-size: 1px;
    float: left;
    width: 237px;
}

.xb1,.xb2,.xb3,.xb4 {
    display: block;
    overflow: hidden;
}

.xb2,.xb3,.xb4 {
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
}

.xb1,.xb2,.xb3 {
    height: 1px;
}

.xb1 {
    margin: 0 5px;
    background: #CCC;
}

.xb2 {
    margin: 0 3px;
    border-width: 0 2px;
}

.xb3 {
    margin: 0 2px;
}

.xb4 {
    height: 2px;
    margin: 0 1px;
}

div#right_panel{
    width: 237px;
    float: left;
    display: block;
    margin:0px 0px 0 10px;
    overflow: hidden;
}

/*test styles for rounded container*/
div#roundedContainer div#roundedContainerContent #content {
    font-family:Arial,Helvetica,sans-serif;   
}

div#roundedContainer div#roundedContainerContent #content #header{
    width: 220px;
    height: auto;
    float: left;
    display: block;
    margin-bottom: 4px;
    padding: 0px;
}

div#roundedContainer div#roundedContainerContent #content #header span {
    margin-top: 3px;
    display: block;
    font-size: 20px;
    font-weight: bold;
}

div#roundedContainer div#roundedContainerContent #content ul li{
    margin-top: 3px;
    display: block;
    font-size: 16px;
    padding:5px 0;
    border-bottom:1px solid #838283;
}

div#roundedContainer div#roundedContainerContent #content ul li:hover{
    
}

div#roundedContainer div#roundedContainerContent #content span{
    margin-top: 3px;
    display: block;
    font-size: 20px;
    font-weight: bold;
}

div#roundedContainer div#roundedContainerContent #content label{
    float: left;
    display: block;
    font-weight:bold;
    line-height:18px;
    margin:4px 0 0;
    width:182px;
}

div#roundedContainer div#roundedContainerContent #content input[type="text"], div#roundedContainer div#roundedContainerContent #content input[type="password"]{
    border-color:#838283 #D6D3CE #D6D3CE #838283;
    border-style:solid;
    border-width:1px;
    font-size:16px;
    height:21px;
    margin:4px 0 0;
    width:192px;
}