/* Bialdi - STEPS */

/* header */
#steps { width: 47em; margin: 2em auto 2em; }

#steps ol { 
  height: 6em; margin: auto;

}
#steps li { 
  float: left; display: inline; padding-left: 4.9em; 
  background: transparent url(../images/bg_border_steps.gif) repeat-x left 50%; 
}
#steps .first { padding: 0; }
#steps li .space { float: left; padding: 0 1.02em; background-color: white; }
#steps .first .space { padding-left: 0; }
#steps li .number { 
  float: left; position: relative; height: 1.35em; 
  padding: 0.25em 0.65em; font-size: 17px; font-weight: bold; 
}
#steps li .title { 
  position: absolute; bottom: -2.8em; left: -5.6em; 
  width: 14.4em; padding-bottom: 0.35em; font-size: 11px; 
  text-align: center; text-transform: uppercase;
}
#steps li .number { 
  line-height: 1.3em; border: 1px solid #ccc; color: #333;
  background: white url(../images/bg_step.png) repeat-x top left; }
#steps li .number .topLeft { background-image: url(../images/corner_step_tl.png); }
#steps li .number .topRight { background-image: url(../images/corner_step_tr.png); }
#steps li .number .bottomLeft { background-image: url(../images/corner_step_bl.png); }
#steps li .number .bottomRight { background-image: url(../images/corner_step_br.png); }
#steps li .number .title { color: #858585; }
#steps li .activ { 
  color: white;
  background: #0c6c84 url(../images/bg_step_activ.png) repeat-x top left; 
}
#steps li .activ .topLeft { background-image: url(../images/corner_step_activ_tl.png); }
#steps li .activ .topRight { background-image: url(../images/corner_step_activ_tr.png); }
#steps li .activ .bottomLeft { background-image: url(../images/corner_step_activ_bl.png); }
#steps li .activ .bottomRight { background-image: url(../images/corner_step_activ_br.png); }
#steps li .activ .title { color: black; }
#steps li a.number { 
  color: #ccc; border: 1px solid #DBDBDB;
}
#steps li a.number .topLeft { background-image: url(../images/corner_step_link_tl.png); }
#steps li a.number .topRight { background-image: url(../images/corner_step_link_tr.png); }
#steps li a.number .bottomLeft { background-image: url(../images/corner_step_link_bl.png); }
#steps li a.number .bottomRight { background-image: url(../images/corner_step_link_br.png); }
#steps li a.number span { text-decoration: underline; }
#steps li a.number .title { color: #E6E6E6; text-decoration: none; }
#stepsBar { height: 3px; font-size: 1px; }

/* page titles */
.titleBar { 
  height: 1.3em; padding: 0.5em 0; font-size: 12px; text-align: center; font-weight: bold; text-transform: uppercase; 
  border-bottom: 1px solid #acc8d2; color: #4a7180; background-color: #dde4e7;
}

.stepBlock { width: 57em; margin-bottom: 2.5em; padding: 0 1em 3em; background-color: #edf1f3; }

.stepBlock  .topAddress { padding: 2em 0 0.5em; }
.stepBlock .topAddress .topTitle { margin-bottom: 0.7em; padding-bottom: 0.7em; border-bottom: 1px solid #dde4e7; }
.stepBlock .stepTopAddress { margin-top: 2em; }

#stepInfos .buttons, #stepConfirmation .buttons, stepPayment .buttons { padding: 0; }

/* step1 */
#stepConnexion { padding: 0 1em 1em; text-align: center; }
#stepConnexion p, #stepConnexion label { font-size: 12px; }
#stepConnexion .topAddress { font-weight: bold; }
#stepConnexion .formLign { width: 100%; }
#stepConnexion .passContent { position: relative; width: 15.5em; padding-bottom: 1.5em; }
#stepConnexion .passContent a { position: absolute; left: 0.8em; bottom: 0; text-decoration: underline; color: #4A7180; }
#stepConnexion .passContent a:hover { color: #F9A026; }
#stepConnexion .buttons input { width: 12em; height: 2.5em; padding: 0.5em 1em; line-height: 1.3em; }

/* step2 */
#contentRight #stepInfos { width:100%; padding: 0; background-color: transparent; }
#stepInfos .stepBlock .formLign { width: 54em; }

/* step3 */ /* step5 */
#stepConfirmation.included { margin-bottom: 0; }
#stepConfirmation .topAddress p span { font-weight: bold; }
#stepConfirmation table { font-weight: bold; }
#stepConfirmation table thead th { font-size: 12px; border-top: none; }
#stepConfirmation table .first td { padding-top: 2em; }
#stepConfirmation table tr td { padding: 0.8em 0.3em; border-bottom: 1px solid #dde4e7; }
#stepConfirmation table tfoot td { padding: 0.8em 0.3em; border-bottom: none; }
#stepConfirmation table .col1 { width: 16em; margin-left: 0.5em; text-align: right; color: #4c7381; }
#stepConfirmation table .col2 { text-align: left; color: #03aeae; }
#stepConfirmation table .col2 span { margin: 0; font-weight: normal; }
#stepConfirmation table .finalPrice { font-size: 15px; }
#stepConfirmation table tfoot td { padding-bottom: 5em; }
#stepConfirmation table tfoot .buttons { padding: 2em 0 3em; }
#stepConfirmation table tfoot .buttons span { text-transform: uppercase; }
#stepConfirmation table tfoot .buttons a { display: inline; background: #114359 url(../images/bg_button_product.png) repeat-x top left; }
#stepConfirmation table tfoot .buttons a:hover { background: #165875 url(../images/bg_button_product2.png) repeat-x top left; }

#stepConfirmation .infos, #stepConfirmation .print { text-align: center; font-size: 12px; font-weight: bold; }
#stepConfirmation .infos { padding: 1em 0 3em; color: #4A7180; }
#stepConfirmation .print a { 
  padding: 1em 0 1em 2.8em; text-decoration: underline; color: #003366; 
  background: transparent url(../images/icon_print.gif) left 50% no-repeat;
}
#stepConfirmation .print a:hover { color: #F9A026; }

#termsAcceptation { text-align: center; font-size: 12px; margin-bottom: 1em; }
#termsAcceptation a { font-size: inherit; text-decoration: underline; color: #036; }

/* step4 */
#stepPayment { text-align: center; color: #4c7381; }
#stepPayment .topAddress a { 
  margin: 0 0.3em; text-transform: uppercase; text-decoration: underline; 
  font-weight: bold; color: #4c7381; 
}
#stepPayment .topAddress a:hover { color: #F9A026; }
#stepPayment p span { font-weight: bold; }
#stepPayment .title { margin: 0 auto 1em; padding: 2em 0 0.8em; border-bottom: 1px solid #dde4e7; }
#stepPayment .color { font-size: 12px; color: #03aeae; }

#stepPayment #cards .totalPrice { font-size: 12px; }
#stepPayment #cards .totalPrice .color { margin-left: 1em; font-size: 14px; }
#stepPayment #cards form { margin-bottom: 1em; padding-bottom: 2em; border-bottom: 1px solid #dde4e7; color: black; }
#stepPayment #cards .label { margin: 2.5em 0 1em; }
#stepPayment #cards input { width: 5.5em; height: 3.5em; margin: 0; font-size: 10px; }

#stepPayment #agency .title { width: 38em; padding-top: 3.5em; }

#stepPayment #phone .title { width: 43em; margin-bottom: 3em; }

li.addressSaved input { float: left; }
#agency a { color: #4c7381; text-decoration: underline; }

#paymentMainInfo { padding: 1em 1em 2em 1em; text-align: center; }
#paymentMainInfo p { font-size: 1.2em; line-height: 2em; }