#shippingInfo {
  padding: 0 0 20px 0;
}
#shippingInfo div {
  display: none;
}
#shippingInfo div.active {
  display: block;
}
#mainInfo {
  position: relative;
}
.detailBackBtn {
  display: block;
  width: 167px;
  height: 25px;
  background: #48970C;
  background-position: 110px;
  color: #fff;  
  padding-left: 7px;
  line-height: 25px;
  font-size: 14px;
  font-weight: bold;
  float: right;
}
.detailBackBtn:hover {
  text-decoration: none;
  color: #DCE8DF;
}

#imageList {
  padding: 10px 0 0 90px;
}

#shopFinishWrap #customer_country_sho-element input {
  width: auto;
}

/*
  card
*/
#cardTitle {
  background: #59b226 url(../images/kosik.gif) no-repeat scroll 20px center;
  height: 37px;
}


table {
  border-collapse:collapse;
  margin: 0;
  padding:0;
  width: 100%;
}

thead {
  height: 30px;
  line-height: 30px;
  
  background: #499d2a url(../images/sortboxBg.gif) repeat-x scroll left top;
  padding: 0;
  margin: 0;
  border: 0;
  color: #fff;
}
thead th{
  background: #499d2a url(../images/sortboxBg.gif) repeat-x scroll left top;

}
th, td {
  margin: 0;
  padding: 0;  
  vertical-align: middle;
}

tr {
  border-bottom: 1px #b7d8aa solid
}
#shopingCard {
  width: 100%;
  margin-top: 20px;
}
#shopingCard th {
  padding-left: 20px;
}
#shopingCard .item td{
  border-bottom: 1px #ebe9e9 solid;
}
.cardCol1 {
  width: 60px;
  text-align: center;
}
.cardCol1 img {
  padding: 6px 0 6px 30px;
  display: block;
}
#shopingCard .cardCol2 {
  text-align: left;
}
.cardDescription, .cardPrice, .cardQuantity {
  border-right: 1px #ebe9e9 solid;
  text-align: right;
  padding-right: 10px;
}
.cardDescription .titleName a {
	color: #c4191c;
	font-size: 11px;
}
.cardDescription .titleName a:hover {
	color: #000;
	font-size: 11px;
}
.cardCol3 {
  width: 60px;
}
.cardCol4 {
  width: 45px;
}
.cardCol5 {
  width: 110px;
}
.priceRow {
  color: #333;
  font-size: 18px;
  font-weight: bold;
  text-align: right;
  padding-right: 20px;
}
#shopBtns {
		
	margin-top: 10px;
}
.total {
  height: 31px;
  color: #fff;
  font-weight: bold;
}
.total td{
  background: #247810;
}
.total1 {
  padding-left: 20px;
}
.total2 {
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  padding-right: 20px;
}

#shopingCard .presale {
  font-size: 10px;
}

#shopBtns a {
  display: block;
  float: left;
  width: 168px;
  height: 27px;
  background: url(../images/cardBtn.gif) no-repeat scroll left top;
}
#shopBtns span {
  display: none;
}
#shopBtns a.backToShop:hover {
  background-position: 0px -30px;;
}

#shopBtns a.orderFinish {
  float: right;
  width: 147px;
  background-position: -171px 0px;;
}
#shopBtns a.orderFinish:hover {
  background-position: -171px -30px;;
}


/*
  order steps
*/
.shopWrapBg {
  padding: 20px 0 0 20px;
}

#stepsWrap {
  background: #4ca129 url(../images/sortboxBg.gif) repeat-x scroll left top;
  padding: 10px 20px 10px 20px; 
  color: #fff;
  font-weight: bold;
}
.wrapSteps {
  float: left;
  padding-right: 8px;
}
.wrapSteps a {
  display: block;
  float: left;
  width: 14px;
  height: 15px;
  background: url(../images/cardStep.gif) no-repeat scroll -32px 0;
}
.wrapSteps a.active  {
  background: url(../images/cardStep.gif) no-repeat scroll 0px 0;
}
.wrapSteps a.selected  {
  background: url(../images/cardStep.gif) no-repeat scroll -48px 0;
}
.wrapSteps a.active:hover  {
  background: url(../images/cardStep.gif) no-repeat scroll -16px 0;
}

#shopFinishWrap input {
	width: 200px;
	border: 1px solid #abadb3;
	padding: 2px;
}

#shopFinishWrap .submitButton {
	border: none;
	background: url(../images/cardButtonSimple.gif);
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	height: 27px;
	line-height: 26px;
	width: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 12px;
}

#idssh_sho-element input, #termsCheck-element input, #iv_check-element input, #shopFinishWrap .paymentHolder input {
  width: auto;
}
#submitPayment_sho-element input {
  width: 300px; 
}

#shopFinishWrap .required {
  font-style:italic;
}

#shopFinishWrap .errors {
  color:red;
  font-weight:bold;
  padding-bottom:5px;
}

.stepInformation dd {
  padding-bottom:0;
}
.stepInformation dd dt {
  float:left;
}
.stepInformation dd dd {
  margin-left:130px;
  padding-bottom:2px;
}

legend {
  font-weight: bold;
}

#personalDetails {
	float: left;
	width: 240px;
	
}
#dodaciUdaje {
	float: right;	
	width: 240px;
}
#facturationDiff {
	padding-top: 15px;	

}
.stepOverview dd {
  margin-left:110px;
  padding-bottom:2px;
}
.shopWrapBg dd {
  padding-bottom:20px;
}
legend {
  font-weight: bold;
}
.shopWrapBg dd {
  padding-bottom: 20px;
}

.stepInformation dd {
  padding-bottom: 0px;  
}
.stepInformation dd dt {
  float: left;  
}
.stepInformation dd dd {
  margin-left: 130px;
  padding-bottom: 2px;  
}

.stepOverview dt {
  float: left;  
}
.stepOverview dd {
  margin-left: 130px;
  padding-bottom: 2px;  
}
#dokonceni-element {
  text-align: right;
}

#invoice-element {
  display: none;
}

.shopWrapBg ul li a {
	color: #2B2B2B;
}
.shopWrapBg ul li a:hover {
	color: #ccc;
	text-decoration: none;
}
.finishingText {
	padding-left: 21px;
}
.finishingText a {
	color: #000;
}
.finishingText a:hover {
	color: #ccc;
	text-decoration: none;
}

.paymentHolder {
	padding-bottom: 10px;
}
.paymentTitle {
	font-weight: normal;
	font-style: italic;
}
.paymentDesc {
	width: 400px;	
}

.overview {
	font-size: 13px;
}

.overview a {
	font-size: 13px;
	color: #499D2A;
}

.overview a:hover {
	font-size: 13px;
	color: #000;
	text-decoration: none;
}

#overviewWrap {
	width: 960px;
	margin: 0px auto;
	padding-top: 25px;
	padding-bottom: 25px;
	color: #6E6E6E;
	background: url(../images/userOverviewLogo.png) no-repeat right 18px;
}

#overviewWrap .orderStatus {
	min-height: 100px;
	height: auto !important;
	height: 100px;
}


#overviewWrap h1 {
	color: #F5512C;
	font-size: 35px;
	font-weight: normal;
	line-height: 35px;
	padding-bottom: 20px;
}

#stornoOrder {
	display: block;
	width: 197px;
	height: 33px;
	background: url(../images/storno.png) no-repeat top left;
	position: absolute;
	right: 10px;
	bottom: 10px;
}

#stornoOrder:hover {
	background-position: left bottom;
}

#overviewWrap h2 {
	text-transform: uppercase;
	color: #404040;
	font-family: 'Calibri', 'Arial';
	font-size: 25px;
	font-weight: normal;
	line-height: 25px;
	padding-bottom: 6px;
}

#overviewWrap .row {
	background: #FCFCFC;
	padding: 6px;
	margin-bottom: 35px;
}

#overviewWrap .row .item {
	float: left;
}

#overviewWrap .row .item.nonfloat {
	float: none;
	padding-top: 30px;
}

#overviewWrap .row .item.nonfloat span.top {
	float: none;
	width: 200px;
	color: #404040;
}

#overviewWrap .row .item span {
	display: block;
}
#overviewWrap .row .item span.top {
	padding-right: 90px;
}

#overviewWrap .row .item span.bottom {
	margin-right: 90px;

}

#overviewWrap .row .item span.top {
	font-weight: bold;
	border-bottom: 1px dotted #EBEBEB;
	color: #404040;
}

#overviewWrap .row .item span.bottom.C {
	background: #5FCF50;
	padding-left: 5px;
	padding-right: 5px;
	color: #fff;
}

#overviewWrap .row .item span.bottom.PC {
	background: #FFDC22;
	padding-left: 5px;
	padding-right: 5px;
	color: #fff;
	margin-right: 50px
}

#overviewWrap .row .item span.bottom.R {
	background: #CF5050;
	padding-left: 5px;
	padding-right: 5px;
	color: #fff;
}

#overviewWrap .row .item span.bottom.S {
	background: #00E5FF;
	padding-left: 5px;
	padding-right: 5px;
	color: #000;
	margin-right: 40px
}

#overviewWrap .orderStatus {
	position: relative;
}

#tableOrderWrap td, #tableOrderWrap th {
	padding: 5px;
}

#tableOrderWrap th {
	padding-top: 0px;
	padding-bottom: 0px;
}

#tableOrderWrap a {
	color: #404040;
	font-weight: bold;
}

#tableOrderWrap {
	background: #FCFCFC;
}

#tableOrderWrap thead th {
	background: #595959;
}

#tableOrderWrap a:hover {
	color: #6E6E6E;
}

#tableOrderWrap tr {
	border-bottom: 1px solid #EBEBEB;
}

#overviewWrap .ordersDelivery {
	float: left;
	
}

#overviewWrap .ordersFacturation {
	float: left;
	margin-left: 200px;
}
#overviewWrap .ordersItems {
	padding-bottom: 35px;
}

#overviewWrap .ordersDelivery dt, #overviewWrap .ordersFacturation dt {
	float: left;
	color:#404040;
	font-weight:bold;
}

#overviewWrap .ordersDelivery dd, #overviewWrap .ordersFacturation dd {
	margin-left: 150px;
}