/* CSS Document for all classes connected to the order system */
.category, .text, select, input, textarea, .row, form div { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#540034; }
select, .type2 { color:#540034; border:#540034 solid 1px; background-color:#FFF4E8; }

.type2 { width:16px; text-align:right; margin:2px; }
textarea { width:340px; height:75px; border:1px solid #540034; background-color:#FFF4E8; }
.login textarea { width:210px; height:100px; border:1px solid #540034; background-color:#FFF4E8; }

.small {width:16px; text-align:right; color:#540034; border:#540034 solid 1px; background-color:#FFF4E8;}

/* Classes for Thali Order */
.thali_steps		{ width:342px; margin-bottom:10px; padding-top:10px; display:inline-table; padding-left:7px; padding-bottom:7px; background:url(../images/step01.jpg) #ffdebc no-repeat; }
/* Classes for two column layout for choosing the curry base (step 1) */
.curry_title            { padding-left:5px; padding-top:0px; padding-bottom:5px; }
.curry_base		{ width:335px; padding:0px; border-top:5px solid #7d3049; border-bottom:5px solid #7d3049; background-color:#7d3049; }
.curry_name             { background-color:#ee8011; width:265px; padding:0px; }
.curry_price            { background-color:#ee8011; text-align:center;}
.curry_name a           { display:block; width:260px; padding:0px; padding-left:5px; padding-top:2px; padding-bottom:2px; color:#540034;}
.curry_name a:visited   { color:#540034;}
.curry_name a:hover     { background-color:#a5605e; font-weight:bold; }
.curry_name .selected   { display:block; padding-left:5px; padding-top:2px; padding-bottom:2px; background-color:#540034; font-weight:bold; color:#FFFFFF; }

/* Classes for type of curry table (step 2) */
.curry_type		{ width:335px; margin-top:0px; border-top:5px solid #7d3049; border-bottom:5px solid #7d3049; background-color:#7d3049; }
.curry_type td          { background-color:#ee8011; }
.curry_type a		{ display:block; padding:2px; padding-left:5px; color:#540034;  }
.curry_type a:visited 	{ background-color:#ee8011; color:#540034; }
.curry_type a:hover	{ background-color:#a5605e; font-weight:bold; }
.curry_type .selected	{ background-color:#540034; font-weight:bold; color:#FFFFFF; padding:2px; padding-left:5px; }
.curry_type_desc	{ font-size:10px; padding:2px; padding-left:5px; padding-bottom:10px; margin:20px }

/* Classes for the options table (step 3) */
.options           { width:335px; margin-top:0px; border-top:5px solid #7d3049; border-bottom:5px solid #7d3049; background-color:#7d3049; }
.options td        { padding:5px; background-color:#ee8011; }
.options .cell1    { width:95px; text-align:right; }
.options .cell2    { width:225px; }
.options select    { width:90px; margin:2px; padding:0px; border:1px solid #7d3049;}

/* Classes for the default order tables */
.order             { width:355px; background-color:#7d3049; }
.order th          { padding:5px; text-align:left; }
.order td          { padding:5px; background-color:#ee8011; }
.order .item       { width:220px; }
.order .price      { width:58px; text-align:center; }
.order .amount     { width:30px; text-align:center; }
.order .cart       { width:34px; background:url(../images/cart01.gif) no-repeat #ee8011 center; }
.order .cart:hover { background:url(../images/cart02.gif) no-repeat #a5605e center; }
.order .cart a     { width:34px; height:34px; display:block; }

/* Classes for the checkout table */
.cart             { table-layout:fixed; width:355px; background-color:#ffdebd; }
.cart td          { padding:5px; background-color:#F7C088; }
.cart .amount     { width:20px; text-align:center; }
.cart .price      { width:50px; text-align:center; }
.cart .price_sum  { width:50px; text-align:center; }
.cart .price_total{ text-align:right; font-weight:bold; background-color:#f6af66; }
.cart .fee        { text-align:right; }
.cart .arrows               { width:12px; }
.cart .arrows .more         { background:url(../images/arrow_up01.gif) no-repeat center; }
.cart .arrows .less         { background:url(../images/arrow_down01.gif) no-repeat center; }
.cart .arrows .more:hover   { background:url(../images/arrow_up02.gif) no-repeat center; }
.cart .arrows .less:hover   { background:url(../images/arrow_down02.gif) no-repeat center; }

/* Right column order list */
.order_list                 { width:220px; float:right; margin-top:10px; margin-bottom:10px; padding-bottom:2px; border-bottom:1px #540034 solid; }
.order_list div             { background-color:#FFDEBC; margin-bottom:2px; font-size:11px; line-height:18px;}
.order_list .arrows         { width:14px; float:left; margin-right:2px; }
.arrows .more               { display:block; width:14px; height:9px; background-image:url(../images/arrow_up01.gif); }
.arrows .less               { display:block; width:14px; height:9px; background-image:url(../images/arrow_down01.gif); }
.arrows .more:hover         { background-image:url(../images/arrow_up02.gif); }
.arrows .less:hover         { background-image:url(../images/arrow_down02.gif); }
.order_list .amount         { width:27px; float:left; text-align:left; padding-left:5px; }
.order_list .article        { width:110px; float:left; text-align:left; overflow: hidden; }
.order_list .price          { width:55px; float:left; padding-right:5px; }
.order_list_total           { width:220px; float:right; padding-left:5px; margin-bottom:20px; font-size:11px; font-weight:bold; color:#540034; }
.order_list_total .total    { width:120px; float:left; text-align:left; }
.order_list_total .price    { width:100px; float:right; }

.empty_table { border-width: 0px; margin: 0px; padding: 0px; vertical-align:top;}
.empty_td {border-width: 0px; margin: 0px; padding: 0px; vertical-align:top;}