.cart-container {font-family:arial; border:1px solid #ccc}
.cart-container-left {float:left; width:807px; border-right:1px solid #ccc}

.cart-container-right {float:right; width:170px; background:#f9f9f9; height:100%}
.cart-container-left div li {float:left; padding:8px 15px}
.cart-product-container {border-bottom:1px solid #ccc}
.cart-product-container:hover {background:#f6f6f6}
.cart-product-detail {font-size:12px}
.cart-product-detail span {padding-left:5px; vertical-align:middle}
.cart-product-detail form {display:inline}

.cart-header {float:left; font-weight:bold; color:#494949; padding:10px 15px; font-size:11px}
.cart-services-container {font-size:12px; border-bottom:1px solid #ccc; padding:10px 0}
.cart-services {padding:10px 15px}
.cart-services div {float:left}
.cart-services div form {display:inline}
.cart-radio {border-bottom:1px solid #ddd; color:black}

.cart-total-container {background:#f6f6f6}

.step-off {font-weight:bold; font-size:11px; color:#999; margin:3px 0}
.step-on {font-weight:bold; font-size:15px; color:#c75050}
.step-finish {font-weight:bold; font-size:11px; color:#539f3b; margin:3px 0}
.step-arrow {margin:3px 0}

.cart-address input {padding:4px 6px}
.cart-address-selected {background:#eee}
.list-bank {margin-left:20px}
.list-bank td {border-bottom:1px solid #ccc; padding:10px}
.dropship-pointer {cursor:pointer}
.standard-shipping-pointer {cursor:pointer}
.tree-header {font-weight:bold; color:#999}
.tree-header ul li {padding:5px 10px; color:#666}
.tree-header ul li span {float:right; font-weight:bold; color:black; font-size:13px}

#totop {display:block; text-align:right; margin:10px 10px 0 0; background:url(../images/front/transaction/arrow3.png) right no-repeat; padding-right:10px}
#totop:hover {color:black}
.cart-remove1 {color:red; opacity:0.8}
.cart-remove1:hover {text-shadow:0 0 3px #ff9999; opacity:1}
.cart-save {color:#3895cb; opacity:0.8}
.cart-save:hover {text-shadow:0 0 3px #9999ff; opacity:1}
.cart-terms {margin:5px 0 10px 0}
.cart-terms:hover {color:black}
.button-print {float:right; background:url(../images/front/transaction/icon-print.png) no-repeat; padding-left:20px; margin:12px 20px 12px 0}
.button-print:hover {text-shadow:0 0 3px #888}
.button-continue-shopping {background:url(../images/front/transaction/icon-continue.png) no-repeat; color:#639e1c; padding-left:20px; float:right; margin:5px 10px}
.button-continue-shopping:hover {text-shadow:0 0 3px #99ff99}
.button-empty-cart {background:url(../images/front/transaction/icon-trash.png) no-repeat; color:#e82323; padding-left:20px; float:right; margin:5px 10px}
.button-empty-cart:hover {text-shadow:0 0 3px #ff9999}
.button-checkout {background:#2ebfe8; text-shadow:-1px -1px 0px #666; width:120px; padding:7px 0; margin:10px 0; color:white; border-radius:2px; box-shadow:0 0 3px #999;
background-image: linear-gradient(bottom, rgb(22,150,186) 0%, rgb(50,194,234) 66%);
background-image: -o-linear-gradient(bottom, rgb(22,150,186) 0%, rgb(50,194,234) 66%);
background-image: -moz-linear-gradient(bottom, rgb(22,150,186) 0%, rgb(50,194,234) 66%);
background-image: -webkit-linear-gradient(bottom, rgb(22,150,186) 0%, rgb(50,194,234) 66%);
background-image: -ms-linear-gradient(bottom, rgb(22,150,186) 0%, rgb(50,194,234) 66%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(22,150,186)),
	color-stop(0.66, rgb(50,194,234))
)}
.button-checkout:hover {background:#2ebfe8; text-shadow:-1px -1px 0px #666; width:120px; padding:7px 0; margin:10px 0; color:white; border-radius:2px; box-shadow:0 0 3px #999;
background-image: linear-gradient(bottom, rgb(50,194,234) 0%, rgb(22,150,186) 66%);
background-image: -o-linear-gradient(bottom, rgb(50,194,234) 0%, rgb(22,150,186) 66%);
background-image: -moz-linear-gradient(bottom, rgb(50,194,234) 0%, rgb(22,150,186) 66%);
background-image: -webkit-linear-gradient(bottom, rgb(50,194,234) 0%, rgb(22,150,186) 66%);
background-image: -ms-linear-gradient(bottom, rgb(50,194,234) 0%, rgb(22,150,186) 66%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(50,194,234)),
	color-stop(0.66, rgb(22,150,186))
)}

.select {padding:5px 8px; border:1px solid #ccc; width:120px; color:#666; cursor:pointer; background:url(../images/front/transaction/select.png) 120px no-repeat}
.select-content {display:none; position:absolute; padding:5px 8px; background:#f1f1f1; border:1px solid #ccc; margin-top:-1px; z-index:10}
.select-content ul {float:left}
.select-content ul li {display:block; float:none; margin:5px 7px; cursor:pointer; padding:0}
.select-content ul li:hover {color:blue}

.klikpay-container {}
.klikpay-arrow {background:url(../images/front/transaction/tabs-arrow.png) no-repeat; height:10px; margin:10px 15px 0 15px}
.klikpay-content {background:#f9f9f9; border:1px solid #e1e1e1; margin:0 15px 15px 15px; padding:5px 10px; border-top:none; box-shadow:#e7e7e7 0px 1px 1px inset}
.klikpay-content div.col11 {padding: 10px; border-bottom: 1px solid #ccc}
.klikpay-content table th {font-weight:700; font-size:13px; border-bottom:1px solid #ccc; padding:5px; text-align:none}
.klikpay-content table td {font-size:11px; padding:5px; border-bottom:1px solid #ddd}
.klikpay-content h3 {font: 13px; font-weight: bold; margin-bottom: 10px}
.klikpay-content input {display: block; float: none!important; padding: 5px 8px; margin: 0 0 10px 0!important;}
.klikpay-patent {padding:5px; color:black}
.klikpay-help {border-radius:5px; background:#308be4; float:right; width:15px; text-align:center; color:white; text-shadow:#1069c2 -1px -1px 1px; font-weight:700}

.klikpay-content select {padding:5px}
.klikpay-note {padding:10px 5px 7px 5px; color:#BE2323; font-size:11px; display:inline-block}