﻿.chkoutStep
{
	width: 100%;
	border-bottom: solid 2px #6f4e82;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
	border-collapse: collapse;
}

.chkoutStep td
{
	text-align: center;
}

.chkoutStep .current
{
	background-color: #6f4e82;
	color: #fff;
	font-weight: bold;
}

.orderList
{
	border-collapse: collapse;
	empty-cells: show;
}

.orderList th, .orderList td
{
	padding: 2px 0.5em;
}

.orderList thead tr
{
	border-bottom: solid 2px #000;
}

.orderList tbody tr
{
	border-bottom: solid 1px #333;
}

.orderList tfoot tr
{
	border-top: solid 2px #000;
}

.orderList .des
{
	width: 300px;
}

.orderList .qty
{
	text-align: right;
}

.orderList .qty a
{
	background-color: #6f4e82;
	color: #fff;
	font-weight: bold;
	padding: 0 3px;
}

.orderList .qty a:hover, .orderList .qty a:active
{
	text-decoration: none;
	background-color: #000;
}

.orderList .cur
{
	text-align: right;
}

.orderList .subTotal
{
	font-weight: bold;
}

.orderList .subTotal td
{
	text-align: right;
}

.orderList .cur
{
	text-align: right;
	padding-right: 1em;
}

.shopBtn
{
	background-color: #6f4e82;
	color: #fff;
	border: solid 0px;
	padding: 3px 5px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	cursor: pointer;
}

.form2cContainer .c1
{
	float: left;
	width: 345px;
}

.form2cContainer .c2
{
	border-left: solid 1px #ccc;
	float: left;
	width: 344px;
}

fieldset .form2cContainer .c1
{
	width: 339px;
}

fieldset .form2cContainer .c2
{
	width: 338px;
}

.form2cContainer .c1, .form2cContainer .c2
{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important;
}

.form2cContainer
{
	overflow: hidden;
	float: left;
	width: 690px;
}

fieldset .form2cContainer
{
	width: 678px;
}

fieldset.form2c,
div.form2c > fieldset
{
	clear: both;
	font-size: 100%;
	border-color: #6f4e82;
	border-width: 1px 0 0 0;
	border-style: solid none none none;
	padding: 0px 3px 3px;
	margin: 0 0 0 0;
}

fieldset.form2c > legend,
div.form2c > fieldset > legend
{
	font-size: 110%;
	font-weight: bold;
	color: #000000;
	margin: 0 0 0 0;
	padding: 0 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

fieldset.form2c > legend > input
{
	font-size: 66%;
}

.form2c > label
{
	font-size: 50%;
}

.form2c > div
{
	display: block;
	zoom: 1;
	padding: 0px 3px;
	margin: 5px 0 0 0;
}

body.ltr .form2c > div
{
	clear: left;
	text-align: left;
}

body.rtl .form2c > div
{
	clear: right;
	text-align: right;
}

.form2c > div > label
{
	font-size: 90%;
	display: block;
	width: 100px;
	padding: 3px 5px 0px;
	margin: 0 0 0px 0;
}

body.ltr .form2c > div > label
{
	float: left;
	text-align: right;
}

body.rtl .form2c > div > label
{
	float: right;
	text-align: left;
}

.form2c > div.optional > label, label.optional
{
	font-style: italic;
}

.form2c > div.required > label:after, label.required:after
{
  content: " *";
  color: #ff0000;
  font-weight: bold;
  /*font-size: 120%;*/
}

.form2c > div.required > label, label.required
{
	font-weight: bold;
}

.form2c > div > textarea
{
	width: 200px; 
	margin: 0 0 0 0;
}

.form2c > div > input[type=text], .form2c > div > input[type=password]
{
	width: 200px; 
	margin: 0 0 0 0;
}

.form2c > div > select
{
	max-width: 200px; 
	margin: 0 0 0 0;
}

.form2c > div > select
{
	margin-top: 2px;
}


.form2c > div > label + span
{
	display: block;
	padding-top: 3px;
}

.form2c > div > p
{
	display: block;
	padding: 1px 3px;
	font-size: 80%;
	text-align: justify;
	zoom: 1;
}

body.ltr .form2c > div > p
{
	margin: 0 0 5px 105px;
}

body.rtl .form2c > div > p
{
	margin: 0 105px 5px 0;
}

