/* =============================================================================
   Booking Summary 
   ========================================================================== */

#booking_summary .gray{
	width: 240px;
}

/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#booking_summary .gray.trip, #booking_summary .gray.payment{
		margin-bottom: 20px;
	}
}

#booking_summary .complex-title em {
    color: #404040;
    display: block;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
}

#booking_summary span.cost span{
	font-weight: bold;
	font-size: 14px;
}

#booking_summary span.cost {
	font-size: 14px;
	font-weight: normal;
}

#booking_summary .trip .travel, #booking_summary .trip .type {
    font-weight: bold;
}

#booking_summary span.information_trip span {
    display: block;
    font-size: 11px;
    line-height: 16px;
}

#booking_summary span.information_price span{
    display: block;
    font-size: 11px;
}

#booking_summary span.information_price span.cost{
	float: right;
}

#booking_summary span.information_price .total{
    display: inline;
    text-transform: uppercase;
    vertical-align: text-top;
}

#booking_summary span.information_price .total span{
	display: inline;
	font-size: 14px;
	font-weight: normal;
	color: #0088CE;
}

#booking_summary span.information_price .total span.cost span{
	font-weight: bold;
}

#booking_summary .info_payment > img {
    margin-left: 5%;
}

/* === Tooltips === */
#booking_summary .tooltips, #payment_details .tooltips{
    float: right;
}


/* =============================================================================
   Payment Details 
   ========================================================================== */

#payment_details fieldset input  {
    width: 400px;
}

#payment_details div.form-item{
	display: block;
}

/* === Section 1 === */
#payment_details #info-title-wrapper {
    float: left;
    margin-right: 25px;
}

#payment_details #info-first-name-wrapper{
	display: inline-block;
    width: 274px;
}

#payment_details #info-first-name-wrapper input{
    width: 274px
}

/* === Section 2 === */
#payment_details #info-card-type-wrapper select{
	width: 416px;
}

#payment_details #info-expiry-date-wrapper select {
	margin-right: 10px;	
}

#payment_details #info-expiry-date-wrapper {
	display: inline-block;
    float: left;
    margin-right: 45px;
}

#payment_details #info-expiry-date {
	width: 162px;
}

#payment_details #info-security-code-wrapper,  #payment_details #info-security-code-wrapper input {
	width: 112px;	
}

#payment_details #info-security-code-wrapper {
	display: inline;	
}

#payment_details #info-security-code-wrapper .tooltips{
	margin-right: 190px;
}
/* === Section 2 === */

#payment_details #info-card-type-wrapper img {
    float: right;
    margin-right: 100px;
    margin-top: -3px;
}

/* === Section 3 === */
#payment_details #info-post-code-wrapper input{
	width: 177px;
}

#payment_details #info-post-code-wrapper .code_information_link {
	background: url("../img/arrow_right.png") no-repeat scroll 100% center transparent;
    padding-right: 10px;
    text-align: right;
    margin-left: 15px;
}

#payment_details #info-country2-wrapper select, #payment_details #info-country2-wrapper {
	width: 256px;
}

#payment_details #info-country2-wrapper {
	margin-right: 24px;
	float: left;
}

#payment_details #info-post-code2-wrapper input, #payment_details #info-post-code2-wrapper {
	width: 120px;
}

#payment_details #info-post-code2-wrapper {
	display: inline-block;
}

/* === Section 4 === */
#payment_details #info-delivery-adress-wrapper input {
	margin-right: 5px;
    width: auto;
}

/* === Section 5 === */
#payment_details #info-complete-your-booking-wrapper input, #payment_details #info-enewsletter-wrapper input {
	margin-right: 5px;
    width: auto;
}

#payment_details #info-complete-your-booking-wrapper a, #payment_details #info-enewsletter-wrapper a {
	color: #0088CE;
}

/* =============================================================================
   Payment ERROR 
   ========================================================================== */
h4 span.error {
    color: #CF0303;
    font-size: 14px !important;
}
/* =============================================================================
   Payment STEP 
   ========================================================================== */
#booking_summary .gray.payment h3.complex-title {
    color: #CF0303;
}

h2.complex-title.payment {
    color: #CF0303;
}

h2.complex-title.payment span {
    color: #CF0303;
}

#payment_details .gray.payment {
    color: #CF0303;
    font-size: 12px;
}

#payment_details .gray.payment .title {
    color: #CF0303;
    font-size: 12px;
    font-weight: bold;
}