/* --------------------------------------------------------
    Commande en ligne stylesheet
    Website: Sushi Taxi
    Created by: Guillaume - guillaume@tearsfromthesky.com
    Modified by: Martin - martin@sumoindustries.com
    Filename: css/commande_en_ligne.css
   -------------------------------------------------------- */

/* --------------------------------------------------------
    Content - Menu
   -------------------------------------------------------- */
   
/*  Header Image + Sous-menu
   -------------------------------------------------------- */
   
    div#header_image div#header_btn_float { float: left; }
    div#header_image div#header_s_menu { float: left; padding: 3px 0 0 34px; }
    div#header_image div#header_menu_txt { padding-top: 150px; }
    
/*  Sous-menu
   -------------------------------------------------------- */
   
    div#header_s_menu ul li { font-size: 11px; font-weight: bold; color: #3c7254; line-height: 1.7em; padding-bottom: 6px; background: url(../images/puce_s_menu_niv1.gif) no-repeat 0 5px; padding-left: 20px; }
    div#header_s_menu ul li a { font-weight: bold; color: #3c7254; padding-bottom: 0px; }
    div#header_s_menu ul li a:hover, div#header_s_menu ul li a.active { color: #cc4f16; }
    div#header_s_menu ul li ul { padding-left: 0; }
    div#header_s_menu ul li ul li { padding-left: 10px; background: url(../images/puce_s_menu_niv2.gif) no-repeat 0 9px; padding-bottom: 0px; }
    div#header_s_menu ul li ul li a { font-weight: normal; }
   
/*  General Content
   -------------------------------------------------------- */
   
    div#content div#content_bg div#content_bg_top { background: url(../images/content_top_menu.jpg) no-repeat top left; }

/*  Left Content
   -------------------------------------------------------- */
   
    div.content_left_user { padding-bottom: 20px; }
    div.content_left_user p a, div.content_left_user span a { color: #97c2ca; }
    div.content_left_user span.tiny { font-size: 9px; }
    
    div#div_datechange { border-bottom: 1px dotted #97c2ca; border-top: 1px dotted #97c2ca; margin: 5px 0; }
    div#div_datechange table { margin-top: 3px; }
    div#div_datechange td { padding: 0 10px 3px 0; }
    div#div_datechange select.date { width: 165px; }
    div#div_datechange select.time { width: 65px; }

    table.left_order_table { border-top: 1px dotted #97c2ca; }
    table.left_order_table.prices { border-bottom: 1px dotted #97c2ca; border-top: 1px dotted #97c2ca; margin-bottom: 15px; }
    table.left_order_table td { padding: 5px 5px 5px 0; font-size: 10px; vertical-align: top; }
    table.left_order_table.prices td { padding: 2px 5px 2px 0; }
    table.left_order_table td.input_radio { width: 15px; }
    table.left_order_table td.input_radio input { width: 13px; height: 13px; }
    table.left_order_table td.order_item { width: 175px; }
    table.left_order_table td.order_price { padding-right: 0; text-align: right; }
    table.left_order_table tr.total td { color: #fff; font-weight: bold; }
    
/*  Right Content
   -------------------------------------------------------- */
    
    div.coup_coeur_desc { height: 100px; width: 225px; }
    div.coup_coeur_desc img { vertical-align: middle; }
    div.error { color: #f00; }
    
    div.menu_item { border-bottom: 1px dotted #97c2ca; padding-bottom: 15px; margin-bottom: 15px; clear: both; }
    div.menu_item div.menu_item_txt { float: left; width: 250px; padding-left: 10px; }
    div.menu_item div.menu_item_txt { background-position: 7px 3px; background-repeat: no-repeat; }
    div#content_right div.menu_item div.menu_item_txt h4 { font-size: 10px; color: #f18841; padding-bottom: 10px; }
    div.menu_item div.menu_item_txt form { padding-top: 15px; }
    div.menu_item div.menu_item_txt div.confirm { color: #17353d; padding: 5px; background: #c7612e url(../images/bg_confirm.gif); margin: 10px 0; font-weight: bold; }
    div.menu_item div.menu_item_txt h2.heart { background: url(../images/icon_coup_coeur.gif) no-repeat center left; margin-left: -30px; padding-left: 30px; }
    div.menu_item div.menu_item_txt input { width: 225px; margin-bottom: 5px; }
    div.menu_item div.menu_item_txt input.fade { color: #999; }
    div.menu_item div.menu_item_txt select { width: 225px; margin-bottom: 5px; }
    div.menu_item div.menu_item_img { margin-left: 288px; text-align: right; }
    html>body div.menu_item div.menu_item_img { margin-left: 291px; text-align: right; }
    div.menu_item div.menu_item_img img { padding: 5px; border: 1px solid #65979f; }
	
	div.notice { padding: 5px; border: 1px solid #f18841; margin-bottom: 20px; }
	div.notice div { color: #fff; padding: 10px; background: #c7612e url(../images/bg_confirm.gif); }
    
/* --------------------------------------------------------
    Content - Login
   -------------------------------------------------------- */

    table.table_form { width: 503px; margin-bottom: 8px; }
    table.table_form th { height: 31px; background: url(../images/table_header_bg.jpg) no-repeat top left; padding-left: 10px; color: #fff; font-weight: normal; letter-spacing: 4px; border-top: 1px dotted #97c2ca; border-bottom: 1px dotted #97c2ca; text-transform: uppercase; font-size: 12px; }
    table.table_form td { border-bottom: 1px dotted #97c2ca; }
    table.table_form td.col_text { color: #fff; font-weight: bold; padding: 5px 12px 5px 10px; width: 129px; }
    table.table_form td.col_text span { font-weight: normal; }
    table.table_form td.col_input { width: 349px; padding: 6px 0; }
    table.table_form td.col_input input, table.table_form td.col_input select { width: 341px; }
    table.table_form td.col_input input.checkbox { margin-right: 8px; width: auto; }
    table.table_form td.col_input input.error, table.table_form td.col_input select.error { outline: 1px solid #f18841; }
    table.table_form tr.no_bottom td { border-bottom: 0; }

	div#content div#content_right div.submit_btn { float:right; padding-bottom: 50px; text-align: right; }
    div#content div#content_right div.warning { float:left; color:#f18841; font-size:10px; width:330px; padding-bottom:50px; }
    div#content div#content_right div.warning a { color:#fff; }