/************* PROSVETA.BE => ORDER Stylesheet **************/
div.order h1 a:hover { color: #183A8D; }

table#cart { border-spacing: 0; margin-top: 10px; padding: 0; width: 100%; }

table#cart th, table#cart td { padding: 5px; vertical-align: middle; }

table#cart th { background: none repeat scroll 0 0 #e0eaef; line-height: 30px; }

th#image, td#image { width: 60px; }

th#qty, td#qty { width: 10%; }

th#price, td#price { text-align: right; width: 10%; }

#cart #stdPrice { font-size: small; opacity: 0.6; text-decoration: line-through; }

th#total, td#total { text-align: right; width: 15%; }

th#delete, td#action { width: 10%; }

tfoot td { font-weight: bold; height: 1.5em; padding-bottom: 1em; padding-top: 1em; }

.noborder { border: 0 none; }

td.nobold { font-weight: normal; line-height: normal; padding: 0.2em; }

td#info { background: none repeat scroll 0 0 #e0eaef; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; padding: 10px; }

em.order { color: #ff5500; font-size: 0.9em; }

p.order { font-size: 10px; margin: 0; padding: 1em 0; color: gray; }

form.order { display: inline; }

input#increase.order, input#decrease.order { cursor: pointer; font-size: 10px; font-weight: bold; width: 24px; }

input#delete.order { cursor: pointer; font-size: 10px; }

.order td#column1 { width: auto; }

.order td#column2 { width: 10px; }

.order td#column3 { text-align: right; width: 290px; }

.order fieldset { border: 2px solid #ff732f; }

.order #inscription.button { display: none; }

.order input#email, .order input#password, .order input#confirm_password { width: 180px; }

.order input#keepconnected { margin-left: 160px; }

.order label#labelkeepconnected { margin-left: 5px; text-align: left; width: auto; }

.order form#connect label { width: 145px; }

.order a#lostpassword { margin-left: 160px; position: relative; text-decoration: underline; top: -15px; }

.order form#connect label.error { margin-left: 145px; text-align: left; vertical-align: top; width: auto; }

.block_bc { border: 1px solid #ff732f; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; height: 75px; margin: 20px auto 25px; }

.block_bc ul.context { padding: 0; }

.block_bc li div { height: 24px; position: relative; text-align: center; }

.block_bc li { float: left; font-size: 15px; list-style-type: none; margin: 0; padding: 0 !important; width: 20%; }

.block_bc li .numStep { background: url("images/bg_step_off.png") no-repeat scroll 1px 6px transparent; color: white; display: block; height: 20px; line-height: 20px; margin: 0 auto 5px; padding-top: 5px; text-decoration: none; width: 20px; }
.block_bc li .numStep font { size: 14px; style: normal; weight: bold; }

.block_bc li.on .numStep { background: url("images/bg_step_on.png") no-repeat scroll 1px 6px transparent; }

.block_bc .on .title { display: block; font-weight: bold; }

.block_bc .off input { background: none repeat scroll 0 0 transparent; border: 0 none; color: #183A8D; cursor: pointer; font-size: 15px; line-height: 13.6px; margin: 0; text-decoration: underline; }

.block_bc .off a em.numStep { color: DarkGoldenrod; text-decoration: none; }

.block_bc li .bcChevron { background: url("images/bg_chevron.png") repeat-x scroll right top transparent; display: block; height: 52px; position: absolute; right: -14px; text-indent: -5000px; top: 0; width: 14px; z-index: 1; }

.order_3 div#port { margin-right: 30px; width: 450px; }

.order_3 #btn-next { float: none; margin: 0; font-size: 1.3rem; padding: 0.7rem;}

.order_3 td#next { text-align: right; vertical-align: bottom; }

.order_4 #validbutton a {font-size: 2rem; padding: 1.3rem }
 
div.paymentmode { float: left; margin: 10px 30px 20px 40px; text-align: center; width: 100px; }

img#imageconsultus { float: left; margin: 20px; }

div#consultus { margin: 20px; width: 600px; }

div#consultusbutton { text-align: right; width: 600px; }

div.order h2 { background: none repeat scroll 0 0 #e0eaef; border: 1px solid #0068ac; border-radius: 8px 8px 8px 8px; padding: 8px; }

div.order h2 a { color: #ff5500; }

div#addresses #invoice, div#addresses #delivery { float: left; font-size: 1.1em; line-height: 1.2em; margin-right: 1em; width: 48%; }

div.order div#choosepayment label { margin-left: 5px; text-align: left; width: auto; }

div#resume { background-color: #EEEEEE; float: left; margin-bottom: 40px; padding: 0; width: 300px; }

div#resume h2 { margin: -4px 0 4px -9px; }

div#resume #invoice { padding: 5px; width: 100%; }

div#explain { font-size: 13px; line-height: 1.2em; margin-left: 320px; position: relative; }

div#explain p#validbutton { font-size: 1.2em; text-align: center; }

div#explain p#title { font-size: 1.2em; font-weight: bold; }

div.order form[action="order"] p + h2 { background: none repeat scroll 0 0 #CFCAB8; float: right; margin-right: 238px; margin-top: -200px; position: relative; }

div.text-cg { background: none repeat scroll 0 0 #e0eaef; border: 1px solid #0068ac; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; font-weight: bold; padding: 8px; }