﻿/* Styles used on static pages and forms */
.content-holder
{
	padding-top: 22px;
	padding-left: 18px;
	padding-right: 50px;
	width: 700px;
}
.content-holder h1
{
	font-size: 18px;
	color: #ff2200;
	font-weight: normal;
	margin-top: 0px;
}
.content-holder .subtitle
{
	font-size: 12px;
	margin-top: 20px;
}
.static-navigation a
{
	color: #555555;
	text-decoration: underline;
}
.static-navigation a:hover
{
	text-decoration: underline;
}
a.link2
{
	color: #555555;
}
.go-to-top
{
	margin: 15px 0;
}
/* Left hand menu */
#sidebar h2
{
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	padding: 10px 0 6px;
	border-bottom: solid 1px #cccccc;
}
#sidebar .navigation
{
	margin: 5px 0 0;
	padding: 0px;
	list-style: none;
}
#sidebar .navigation li
{
	line-height: 18px;
}
#sidebar .navigation li a
{
	text-decoration: underline;
	color: #555555;
}
#sidebar .navigation li a:hover
{
	text-decoration: underline;
}
/* End left hand menu */

/* Styles for the brochure page */
body.html-brochure .brochure-image
{
     width: 146px;
     float: right;
}

form#order-brochure 
{
    width: 540px;
}
form#order-brochure input,
form#order-brochure select 
{
    width: 100%;
    margin-bottom: 10px;
}
form#order-brochure fieldset
{
    padding: 0;
    margin: 0;
    border: none;
    float: left;
    width: 540px;
}
form#order-brochure .brochures label,
form#order-brochure .offers label
{
    font-weight: bold;
    display: inline;
    margin-bottom: 0;
    margin-left:5px;
}
form#order-brochure .offers label 
{
    font-weight: normal!important;
}
form#order-brochure .brochures input,
form#order-brochure .offers input
{
    width: 20px;
    border: none;
    margin-bottom: 0;
}
form#order-brochure .brochures p
{
    margin-top: 0;
}
form#order-brochure .field,
form#order-brochure .birthdate select
{
    float: left;
    margin-right: 9px;
}
form#order-brochure label 
{
    display: block;
    margin-bottom: 5px;
}
.extra-short
{
    width: 60px;
}
form#order-brochure .name #mag-title,
form#order-brochure .name #mag-firstletter,
form#order-brochure .birthdate select,
form#order-brochure .address #mag-postal
{
    width: 80px!important;
}
form#order-brochure .name #mag-middlename,
form#order-brochure .birthdate select#mag-birthyear,
form#order-brochure .address #mag-streetnr
{
    width: 85px!important;
}
form#order-brochure .contact-info #mag-phoneprivate,
form#order-brochure .contact-info #mag-phonework,
form#order-brochure .contact-info #mag-email
{
    width: 140px!important;
}
form#order-brochure .name #mag-lastname
{
    width: 160px!important;
}
form#order-brochure .address #dd-mag-street,
form#order-brochure .address #mag-street,
form#order-brochure .address #mag-streetList
{
    width: 165px!important;
}
form#order-brochure .address #mag-country 
{
    width: auto!important;
}
form#order-brochure .address #mag-city
{
    width: 170px!important;
}
form#order-brochure .address #dd-mag-street
{
    display: none;
}
form#order-brochure .address #mag-streetnrext 
{
    width: 60px !important;
}
form#order-brochure #btn-brochure {
    width: 100px;
}
form#order-brochure .personal-info .field 
{
    height: 60px;
}
p.errorText {
    display: none;
    color: red;
    padding-left: 5px;
    width: 500px;
}

/* Styles for the forms pages */


form#send-cancellation  input,
form#send-cancellation  select,
#sendprebookContent input,
#sendprebookContent select  
{
    width: 100%;
    margin-bottom: 10px;
}
form#send-cancellation  fieldset,
#sendprebookContent  fieldset
{
    padding: 0;
    margin: 0;
    border: none;
    float: left;
    width: 554px;
}
#sendprebookContent .insurance input
{
	width: auto;
}
form#send-cancellation label,
#sendprebookContent label 
{
	width:200px;
	float:left;
}
.extra-short
{
    width: 60px;
}
.selectArea {
width:80px !important;
margin-bottom:10px;
}

.persontitle {float: left;}
.personinitials {float: left;}
.personfirstname{float:left;}
.personmiddlename{float:left;}
.personlastname{float:left;}

form#send-cancellation .name #mag-title,
form#send-cancellation .name #mag-firstletter,
form#send-cancellation .birthdate select,
form#send-cancellation .address #mag-postal,
#sendprebookContent .name .title,
#sendprebookContent .address .title
{
    width: 80px!important;
}
form#send-cancellation .name #mag-middlename,
form#send-cancellation .birthdate select#mag-birthyear,
form#send-cancellation .address #mag-streetnr,
#sendprebookContent .name .middlename,
#sendprebookContent .birthdate select,
#sendprebookContent .address .middlename
{
    width: 85px!important;
}
form#send-cancellation .contact-info #mag-phoneprivate,
form#send-cancellation .contact-info #mag-phonework,
form#send-cancellation .contact-info #mag-phonehomestay,
form#send-cancellation .contact-info #mag-email,
#sendprebookContent .contact-info .contactinfo
{
    width: 140px!important;
}
form#send-cancellation .name #mag-firstname,
form#send-cancellation .name #mag-lastname,
form#send-cancellation .name #mag-second-lastname,
#sendprebookContent .name .name
{
    width: 160px!important;
}
form#send-cancellation .address #dd-mag-street,
form#send-cancellation .address #mag-street,
#sendprebookContent .address #dd-mag-street,
#sendprebookContent .address .mag-street
{
    width: 165px!important;
}
form#send-cancellation .address #mag-country,
#sendprebookContent .address .mag-country 
{
    width: auto!important;
}
form#send-cancellation .address #mag-city,
#sendprebookContent .address .mag-city
{
    width: 170px!important;
}
form#send-cancellation .address #dd-mag-street,
#sendprebookContent .address #dd-mag-street
{
    display: none;
}
form#send-cancellation .address #mag-streetnrext,
#sendprebookContent .address .mag-streetnrext 
{
    width: 60px !important;
}
form#send-cancellation #sendButton,
#sendprebookContent #sendButton
{
    width: 200px;
}

p.errorText {
    display: none;
    color: red;
    padding-left: 5px;
}

#divcompanion1,
#divcompanion2,
#divcompanion3,
#divcompanion4,
#divcompanion5,
#divcompanion6,
#divcompanion7
{
	position: relative;
	zoom:1;
	float:left;
}
