/* Common Styles */
/* Used by all layouts: do NOT remove this section */

ul.qtabs {
	list-style-position: outside;
	list-style-type: none;
	float: left;
	margin: 0 !important;
	padding: 0 !important;
}
ul.qtabs li {
	list-style-type: none;
	float: left;
	margin: 0 !important;
	padding: 0 !important;
	cursor: pointer;
}
.qtcontent {
	position: absolute;
	margin: 0;
	padding: 10px 10px 0 10px;
	width:99%;
	visibility: hidden;
}
.qtcurrent {
	position:relative;
	overflow:hidden; 
}
/* End Common Styles */

/* Layouts */
/* You can remove a section if you don't need that particular layout */

/* Basic Tabs  (class suffix: -basic) */

.qthead-basic ul.qtabs li {
	background: #eeeeee !important;
	margin: 0 0 0 5px !important;
	padding: 0 !important;
	border-width: 1px 1px 0;
	border-color: #a0a0a0;
	border-style: solid;
	position: relative;
	bottom: -1px;
}
.qthead-basic ul.qtabs li span {
	display: block;
	margin: 0;
	padding: 3px;
}
.qthead-basic ul.qtabs li.open {
	background: #fff !important;
	z-index: 2;
}
.qthead-basic ul.qtabs li.open span {
	color: #000;
}
div.current-basic {
	clear: both;
	border-width: 1px 1px 1px; 
	border-style: solid;
	border-color: #a0a0a0;
	width: 490px;
	height: 120px;
}

/* Rounded Tabs (class suffix: -round1) */
.qthead-round1 ul.qtabs li {
	background:#eeeeee url(images/round1l.gif) no-repeat scroll 0% 0%;
	margin-left: 2px !important;
	padding: 0;
}
.qthead-round1 ul.qtabs li span {
	background: transparent url(images/round1r.gif) no-repeat scroll right top;
	display: block;
	margin: 0;
	padding: 2px;
	width: 109px;
	height:25px;
	text-align:center;
    font-weight: bold;
}
.qthead-round1 ul.qtabs li.open {
	background:#000000 url(images/round1lo.gif) no-repeat scroll 0% 0%;
}
.qthead-round1 ul.qtabs li.open span {
	background:transparent url(images/round1ro.gif) no-repeat scroll right top;
	color:#ffff00;
}

.qthead-round1 ul.qtabs li.hover {
	background:#000000 url(images/round1lo.gif) no-repeat scroll 0% 0%;
}

.qthead-round1 ul.qtabs li.hover span {
	/*text-decoration: underline;*/
	background:transparent url(images/round1ro.gif) no-repeat scroll right top;
    color: #ffff00;
}
div.current-round1 {
	clear:both;
	border-width: 3px 1px 1px; 
	border-style:solid;
	border-color: #000000;
	width: 576px;
    padding-bottom: 10px;
}

/* Left Aligned Blue Buttons (class suffix:lft-blue1) */
.qthead-lft-blue1 {
	float:left;
	background: #eeeeee url(images/back1.gif) repeat-y scroll right top;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #d0d0d0;
	height: 200px; /* same as .current-lft-blue1 */
}
.qthead-lft-blue1 ul.qtabs {
	margin: 0;
	
}
.qthead-lft-blue1 ul.qtabs li {
	float: none;
	background:#fff url(images/bg-blue1.gif);
	margin: 0;
	padding: 6px !important;
	border-bottom: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	width: 90px;
}

.qthead-lft-blue1 ul.qtabs li span{
	color: #fff;
}
.qthead-lft-blue1 ul.qtabs li.open {
	background: #f4f4f4;
	border-right: 1px solid #f4f4f4;
}
.qthead-lft-blue1 ul.qtabs li.hover span {
	text-decoration: underline;
}
.qthead-lft-blue1 ul.qtabs li.open span{
	color: #000000;
	text-decoration: none;
}

div.current-lft-blue1 {
	clear: none;
	float: left;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #d0d0d0;
	background-color: #f4f4f4;
	padding: 0;
	width: 350px;
	height: 200px; /* same as .qthead-lft-blue1 */
}

.regular_large_label {
    width: 100%;
    float: left;
    height: 25px;
    font-weight: bold;
    font-size: 120%;
    color: #ff0000;
}

.row_item {
    float: left;
    clear: both;
    width: 100%;
    padding: 2px 0 2px 0;
}

div.regular_large_label ~ div span.sigle_item_label {
  padding-left: 108px;
  line-height: 20px;
}

.sigle_item_label {
  line-height: 20px;
}

div.row_item .box, div.row_item .price_small, div.row_item .price_large, div.row_item .item_label {
  line-height: 22px;
}

div.qtcontent h4 {
  padding: 10px 0 10px 0;
  margin: 0;
}

.vegetarian{
  color:blue;
}

	.item_name {
  float: left;
  width: 250px;
  clear: both;
}
.item_quantity {
  width: 40px;
  float: left;
}

.item_type {
  width: 80px;
  float: left;
}

.item_price {
  width: 100px;
  float: left;
}

.item_header {
  font-weight: bold;
}

#totalCost{
  clear: both;
}

.small_label{
  float:left;
  width:120px;
  margin:0;
  clear:both;
}

.large_label{
  float:left;
  width: 80px;
  margin:0;
}

.price_small{
  padding:0 25px 0 5px;
  float:left;
  width: 40px;
}

.price_large{
  padding:0 10px 0 5px;
  float:left;
}

#cafe_use_only {
  clear:both;
  width:100%;
}

.box {
      width: 50px;
      float: left;
      padding-right:10px;
      overflow: hidden;
      height: 22px;
}
    .b_up {
      z-index: 100;
      display: block;
      margin-top: -23px;
      margin-left: 35px;
      position: relative;
      /*float: right;*/
      background: url('images/up.jpg') no-repeat center center;
      width: 12px;
      height: 11px;
    }
    .b_down {
      z-index: 101;
      display: block;
      margin-top: 0;
      margin-left: 35px;
      position: relative;
      /*float: right;*/
      background: url('images/down.jpg') no-repeat center center;
      width: 12px;
      height: 11px;

    }

.input_item {
  width: 30px;
}

.qtcontent label{
  height: 20px;
}

.item_label{
  height:20px;
  float:left;
}

.item_float{
  float:left;
}

.bottom_form_label{
  width:110px;
  float:left;
  line-height: 20px;
}

#bottom #special_order {
  line-height: 20px;
}

#bottom #special_order, #bottom #changes {
  width: 70%;
}


.special_note{
  padding-left:110px;

}

.tx-yejjorderform-pi1 .button {
  width: 100px;
  cursor: pointer;
  font-weight: bold;
  text-transform: uppercase;
  height: 30px;
  margin-left: 40%;
  color: #ff0000;
}