/*  ..............  GENERAL INFORMATION  ... */

/*  version: v1.0
    date: june 12 2007
    fix: initial version
    author: marinus.ames@strawberries.nl
    company: strawberries
    client: eurolines
    project: marketing website

/*  ..............  GLOBAL  ..............  */

html { height: 100%; }
html#popuphead { overflow-x: hidden; }

body
{
	text-align: center;
	margin: 0;
	padding: 0;
	height: 100%;
	width:94%;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #000000;
	line-height: 20px;
	background-color: #ffffff;
}

input, select, textarea { 
	background-color: #FFFFFF; 
}

.error
{
	font-weight: bolder;
	color: red;
	font-size: 18px;
	clear: both;
	padding: 20px 20px 20px 20px;
	margin-top: 20px;
	text-align: left;
	width: 600px;
	border: inset medium red;
}

.errorfield {
	background-color: #ceddec;
}

input.errorfield[type="radio"], input.errorfield[type="checkbox"], select.errorfield {
    	background-color: #ffffff;
}
select.errorfield {
	background-color: #ceddec;
}

.nolink {
	cursor:default;
}

body#popup
{
	text-align: left;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 500px;
/**	background: url(../images/siteimages/background-popup.jpg) 10px top no-repeat;**/
	background-color: #ffffff;
}

p
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color: #333333;
	line-height: 16px;
	margin: 0 0 10px 0;
	padding: 0;
	
}

p img{
	margin: 5px;	
}
#leadin_container, #leadin_container div, #leadin_container div p {
	padding: 0;
	margin: 0;
}

.leadinText, .leadinText p, p.leadinText
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	line-height: 19px;
	margin: 0;
	padding: 0;
}

.leadinText, #leadin_container
{
	padding-bottom : 30px;
}

.bodycontent, #main_container
{
	margin: 0;
	padding : 0;
	color : #333;
	line-height : 19px;
	font-size: 12px;
	
}

.bodycontent p 
{
	padding: 0 0 10px 0;
	margin : 0;
}

.bodycontent p p 
{
	padding: 0;
	margin: 0;
}

.bodycontent a:link, .bodycontent a:visited, .bodycontent a:active, .leadinText a:link, .leadinText a:visited, .leadinText a:active
{
	color: #223f86;
	text-decoration: underline;
}

.bodycontent a:hover, .bodycontent p a:hover, .leadinText a:hover, div.leadinText a:hover, .leadinText p a:hover {
	color: #FF0000;
	text-decoration: none;
}

p.meta
{
	font-weight: bold;
	color: #a1011b;
}


img
{
	padding: 0;
	margin: 0;
	border: none;
}

.bodycontent img {
	margin : 0;
	padding: 0 10px 10px 0;
	border : none;
}

.bodycontent ul, .bodycontent li , .bodycontent ol {
	padding: 0;
	margin: 0;
}

.bodycontent li {
	margin-left : 15px;
}

.bodycontent ol li {
	margin-left : 25px;
}

.bodycontent h2 {
	padding-top: 10px;
}

.ImgLeft { float: left; }

.ImgPlaceholder
{
	float: left;
	padding-right: 45px;
}

.ImgRight { float: right; }
img.print { display: none; }

a
{
	text-decoration: underline;
	font-family: Arial , Verdana, Sans-Serif;
	font-size: 12px;
	color: #333333;
}

a:hover
{
	color: #ff0000;
	text-decoration: none;
}

h1
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 19px;
	color: #ed1c24;
	margin: 0;
	padding: 0 0 16px 0;
}

h2
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 19px;
	color: #223f86;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

h3
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 13px;
	line-height: 19px;
	color: #ff0000;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

#wrapper
{
	margin: 0 auto 0 auto;
	padding: 0 8px 0 8px;
	width: 920px;
	text-align: left;
}

/*  ##############  HEADER  ##############  */
#header
{
	float: left;
	width: 980px;
	padding: 0;
	padding-left: 0px;
	margin: 0;
	margin-bottom: 30px;
	z-index:10;
}

#header a { text-decoration: none; }

#mottoAndLanguageBar
{
	float: left;
	height: 25px;
	width: 980px;
	background: url(../images/siteimages/background-header.jpg) left top no-repeat;
}

#languageChoice
{
	float: right;
	height: 20px;
	margin: 0;
	padding: 0 7px 0 0;
	text-align: right;
}

#mottoAndLanguageBar p
{
	display: inline;
	line-height: 20px;
	height: 20px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #ffffff;
}

#languageChoice p
{
	padding: 0;
	padding-left: 5px;
	margin: 0;
	margin-top: -4px;
}

#languageChoice img
{
	padding: 0;
	padding-left: 5px;
	vertical-align: middle;
}

#loginChoice
{
	float: right;
	height: 20px;
	width: 90px;
	padding: 0;
	padding-left: 5px;
	text-align: center;
}

#loginChoice a#loginButton
{
	display: block;
	width: 90px;
	cursor: pointer;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #ffffff;
	margin: 0;
	padding: 0;
	background: url(../images/siteimages/button-login.jpg) right top no-repeat;
}

#loginBarWrapper
{
	position: relative;
	float: left;
	width: 980px;
}

#loginBar
{
	float: left;
	height: 30px;
	width: 970px;
	padding: 0;
	padding-left: 10px;
	background: url(../images/siteimages/background-login.jpg) no-repeat;
}

#userName
{
	float: left;
	height: 30px;
	padding: 0;
	padding-top: 7px;
	margin: 0;
}

#loginBar p
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #666666;
}

#loginNavigation
{
	float: right;
	height: 30px;
	padding: 0;
	padding-top: 10px;
	margin: 0;
}

#loginNavigation ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}

#loginNavigation ul li
{
	float: left;
	display: inline;
	line-height: 10px;
	padding-left: 15px;
	padding-right: 15px;
	background: url(../images/siteimages/divider-menu-login.jpg) right 1px no-repeat;
}

#loginNavigation ul li a
{
	display: block;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	line-height: 12px;
	color: #666666;
}

#loginNavigation li a:hover { color: #ff0000; }
#loginNavigation ul li.lastItem { background: none; }

#logo
{
	float: left;
	height: 40px;
	width: 190px;
	margin: 0;
	padding: 0;
}

/*  ##############  MAINNAVIGATION ##############  */
#mainNavigation
{
	float: right;
	height: 32px;
	width: 740px;
	padding: 0;
	margin: 0;
	margin-top: 8px;
	z-index:99;
}

#mainNavigation img
{
	float: right;
	height: 5px;
	width: 740px;
	padding: 0;
	margin: 0;
}

#mainNavigation ul
{
	position: relative;
	float: right;
	height: 20px;
	margin: 0;
	margin-bottom: 1px;
	padding: 0;
	padding-right: 10px;
	list-style-type: none;
	text-align: left;
	background: url(../images/siteimages/divider-main-navigation.jpg) right no-repeat;
	z-index:100;
}

#mainNavigation ul li
{
	display: inline;
	float: left;
	padding: 0;
	padding-right: 10px;
	z-index:100;
}

#mainNavigation li a
{
	display: block;
	float: left;
	width: auto;
	height: 20px;
	line-height: 20px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color: #223f86;
	text-decoration: none;
	margin: 0;
	padding: 0;
	padding-left: 25px;
	background: url(../images/siteimages/icon-main-navigation.jpg) left no-repeat;
}

#mainNavigation li a:hover
{
	color: #ff0000;
	background: url(../images/siteimages/icon-main-navigation-active.jpg) left no-repeat;
}

#mainNavigation .selected
{
	color: #ff0000;
	background: url(../images/siteimages/icon-main-navigation-active.jpg) left no-repeat;
}

#mainNavigation ul li.lastItem { padding-right: 0; }

#mainNavigation li ul
{
	#clear: both;
	position: absolute;
	height: auto;
	width: 150px;
	top: 20px;
	background: url(../images/siteimages/submenu-bottom.jpg) left bottom no-repeat;
	padding: 0;
	padding-bottom: 1px;
	margin: 0;
	margin-top: 0;
	z-index:101;
}

#mainNavigation li ul.rightItem { right: -10px;}
#mainNavigation li>ul.rightItem { right: 0; }

#mainNavigation li ul li
{
	display: block;
	width: 150px;
	padding-bottom: 1px;
	background: url(../images/siteimages/submenu-bg.jpg) left repeat-y;
	z-index:102;
}

#mainNavigation li ul li a
{
	height: auto;
	width: 130px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color: #223f86;
	text-decoration: none;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	background: url(../images/siteimages/submenu-bg-hover.jpg) left bottom no-repeat;
	z-index:103;
}

#mainNavigation li ul li.lastItem a
{
	background: none;
}

#mainNavigation li ul li a:hover
{
	color: #ff0000;
	background: url(../images/siteimages/submenu-bg-hover.jpg) left bottom no-repeat;
	z-index:104;
}

/*  ##############  CONTENT  ##############  */
#content
{
	float: left;
	width: 960px;
	margin: 0;
	padding: 0;
	padding-left: 20px;
	z-index:9;
}

#primaryContent
{
	float: left;
	width: 480px;
	margin: 0;
	padding: 0;
	position: relative;
}

#primaryContent .wide
{
	width: 960px;
	padding: 0;
	margin: 0;
	margin-right: 20px;
	background: none;
}

#imageMapDestinations
{
	float: left;
	height: 482px;
	width: 480px;
}

#europeMap
{
	float: left;
	height: 0px;
	width: 0px;
}

#europeMap area
{
	float: left;
	cursor: pointer;
}

#bannerOrImage
{
	width: 200px;
	margin: 0;
	padding-right: 20px;
	padding: 0;
	padding-left: 0;
	float: right;
}

#destinations
{
	float: right;
	width: 220px;
	margin: 0;
	padding: 0;
}

#destinations h1 { text-align: left; }

#destinations table
{
	float: left;
	width: 220px;
	font-family: Arial , Verdana, Sans-Serif;
	font-size: 12px;
	color: #333333;
	padding: 0;
	margin: 0;
	border: none 0;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	background: url(../images/siteimages/background-destinations.jpg) left 2px no-repeat;
}

#destinations colgroup.left
{
	margin: 0;
	padding: 0;
	text-align: left;
}

#destinations colgroup.center
{
	margin: 0;
	padding: 0;
	text-align: right;
}

#destinations colgroup.right
{
	margin: 0;
	padding: 0;
	text-align: right;
}

#destinations tbody
{
	margin: 0;
	padding: 0;
	vertical-align: middle;
	border: none 0;
}

#destinations tr
{
	height: 20px;
	padding: 0;
	text-align: left;
}

#destinations td
{
	height: 20px;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: solid 1px #eaf0f6;
}

#destinations tr.headerDestinations td
{
	line-height: 12px;
	font-size: 12px;
	font-weight: bold;
	color: #223f86;
	border-bottom: none 0;
}

#destinations tr.subHeaderDestinations td
{
	line-height: 12px;
	font-size: 9px;
	font-weight: bold;
	color: #666666;
	text-align: right;
	border-bottom: none 0;
}

#destinations tbody th, #destinations tfoot th
{
	height: 20px;
	line-height: 20px;
	color: #223f86;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: none 0;
	background: url(../images/siteimages/background-destinations-sub.jpg) left 10px no-repeat;
}

.smallHeaderDestinations
{
	line-height: 28px;
	color: #223f86;
	font-weight: bold;
	background: url(../images/siteimages/background-destinations-sub.jpg) left 10px no-repeat;
}

.textDestinations
{
	color: #666666;
	font-weight: bold;
	text-align: left;
}

.priceDestinations
{
	color: #223f86;
	font-weight: bold;
	text-align: right;
}

#destinations th a
{
	color: #223f86;
	text-transform: uppercase;
}

#destinations th a:hover { color: #ff0000; }

#secondaryContent
{
	float: left;
	width: 220px;
	margin: 0;
	margin-right: 20px;
	padding: 0;
}

#placeholderTertiaryContent
{
	float: right;
	height: 500px;
	width: 200px;
	margin: 0;
	padding-left: 20px;
	padding-right: 20px;
	padding: 0;
	background: url(../images/siteimages/background-placeholder-small.jpg) left top no-repeat;
}

#popupWrapper
{
	width: 500px;
	padding: 0;
	padding-top: 30px;
	margin: 0;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#popupWrapper img#logo
{
	float: left;
	height: 40px;
	padding-left: 10px;
}

#popupWrapper img#popupDivider
{
	float: left;
	height: 49px;
	width: 480px;
	padding-left: 10px;
	padding-top: 20px;
}

#popupWrapper a#closeButton
{
	display: block;
	float: right;
	height: 20px;
	cursor: pointer;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 20px;
	font-weight: bold;
	color: #223f86;
	text-decoration: none;
	margin: 0;
	padding: 0;
	padding-right: 10px;
	background: none;
}


#popupContent
{
	clear: both;
	float: left;
	padding: 0;
	padding-left: 0px;
	padding-right: 0px;
	overflow:auto;
}

#popupContent p h1 {
	font-size:16px;
}

#popupWrapper .copyright
{
	clear: both;
	float: left;
	text-align: right;
	width: 470px;
	margin-top: 20px;
	margin-left: 10px;
	padding-top: 8px;
	border-top: solid 1px #223f86;
}

#popupWrapper .copyright p
{
	float: right;
	font-family: Arial, Helvetica, Sans-Serif;
	line-height: 10px;
	font-size: 10px;
	color: #223f86;
	padding: 0;
	padding-bottom: 3px;
}

#popupWrapper .copyright img { float: right; }

#newsPreview
{
	float: left;
	width: 480px;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	background-color : #f7f9fb;
	/*background: url(../images/siteimages/background-preview.jpg) left top no-repeat;*/
}

#newsPreview ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}

#newsPreview li
{
	float: left;
	/*height: 27px;*/
	width: 480px;
	font-family: Arial, Helvetica, Sans-Serif;
	border-top: solid 1px #cedaea;
}

li.newsheader
{
	border-top: none 0;
	padding-left: 15px;
	background-image: url(/images/home/home_corner_left.gif);
	background-position: left top;
	background-repeat: no-repeat;
	border-top: none !important;
	display: block;
	padding: 0;
	height: auto;
}

li.newsheader div {
	background-color: transparent;
	background-image: url(/images/home/home_corner_right.gif);
	background-position: right top;
	background-repeat: no-repeat;
	color: #00378b;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding : 12px 0 6px 12px;
}



#newsPreview li a
{
	display: block;
	height: 27px;
	font-size: 12px;
	font-weight: bold;
	line-height: 27px;
	color: #333333;
	text-decoration: none;
	padding-left: 15px;
	background: url(../images/siteimages/background-preview-inactive.gif) right top no-repeat;
}

#newsPreview li a:hover
{
	color: #ffffff;
	background: url(../images/siteimages/background-preview-active.jpg) left top no-repeat;
	
}

#newsPreview li.firstItem, #newsPreview li.lastItem a { background: none; }

#newsPreview li.firstItem
{
	height: 29px;
	color: #00378b;
	font-weight: bold;
	font-size: 16px;
	line-height: 27px;
}

#newsPreview li.lastItem a
{
	font-size: 12px;
	font-weight: normal;
	line-height: 27px;
	color: #00378b;
	text-decoration: underline;
}

#newsPreview li.lastItem a:hover
{
	color: #ff0000;
	text-decoration: none;
	background: none;
}

.HPL 
{
	padding: 0;
	margin: 0;
	float:left;
}
.HPL ul {
	list-style:none;
	padding: 0;
	margin: 0 0 20px 0;
}
.HPL ul li {
	padding: 0;
	margin: 0 0 20px 0;
	background: url(../images/siteimages/background-explanation.jpg) left top no-repeat;
}
.HPL ul li img
{
	width: 220px;
	margin: 10px 0 0 10px;
	padding: 0;
}
.HPL ul li div
{
	padding: 10px 10px 0 10px;
	margin: 0;
}

.HPL p {
	padding: 0 0 30px 0;
}


.contentArticle
{
	float: left;
	width: 480px;
	margin: 0;
	padding: 0;
}

.contentArticle
{
	font-family: Arial, Verdana, Arial, Sans-Serif;
	font-size: 12px;
	line-height: 19px;
	color: #333333;
}

.contentArticle a:link, .contentArticle a:visited, .contentArticle a:active { color: #223f86; }

.contentArticle img
{
	padding-left: 10px;
	padding-bottom: 10px;
	float:left;
}

.contentArticle table
{
	float: left;
	width: 480px;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color: #223F86;
	line-height: 20px;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	margin-bottom: 10px;
	border: none 0;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

.contentArticle table p
{
	color: #223F86;
	font-weight: bold;
}

.contentArticle colgroup.left
{
	width: 240px;
	margin: 0;
	padding: 0;
	text-align: left;
}

.contentArticle colgroup.right
{
	width: 240px;
	margin: 0;
	padding: 0;
	text-align: right;
}

.contentArticle td
{
	height: 20px;
	border-bottom: solid 1px #eaf0f6;
	padding-left: 10px;
	padding-right: 10px;
}

.contentArticle thead
{
	height: 21px;
	padding-left: 10px;
	border-bottom: none 0;
	background: url(../images/siteimages/background-table.jpg) left top repeat-x;
}

.contentArticle th a
{
	color: #223f86;
	text-transform: uppercase;
	text-decoration: none;
}

.contentArticle th a:hover { color: #ff0000; }
.searchText { color: #ff0000; }

.listNavigation
{
	float: left;
	width: 480px;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

.listNavigation ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}

.listNavigation ul li
{
	float: left;
	display: inline;
	line-height: 12px;
	padding: 0;
	padding-left: 12px;
	padding-right: 15px;
	background: url(../images/siteimages/divider-list-navigation.jpg) right 1px no-repeat;
}

.listNavigation li a
{
	display: block;
	font-family: Arial , Verdana, Sans-Serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}

.listNavigation li a:hover { color: #ff0000; }

.listNavigation li.selected
{
	font-family: Arial , Verdana, Sans-Serif;
	font-size: 12px;
	color: #223f86;
	font-weight: bold;
}

.listNavigation ul li.firstItem
{
	color: #000000;
	padding-left: 15px;
	padding-right: 5px;
	background: url(../images/siteimages/button-previous-item.jpg) left center no-repeat;
}

.listNavigation ul li.lastItem
{
	color: #000000;
	margin-left: -10px;
	padding-right: 20px;
	background: #ffffff url(../images/siteimages/button-next-item.jpg) right center no-repeat;
}

#list
{
	float: left;
	padding-top: 10px;
	padding-bottom: 20px;
	border-top: solid 1px #eaf0f6;
	border-bottom: solid 1px #eaf0f6;
	width: 520px;
}

.listItem
{
	padding-top: 0; 
	margin-top: 0;
	margin-bottom: 10px;
}

.newsItem {
	float: left;
	background-color: #e9f0f8;
	width: 200px;
	padding: 10px;
	margin: 20px 17px 0 0;	
}

.newsItem p {
	height: 40px;
}	
.newsItem .publicationDate {
	font-weight: bold;
}
.newsItem a {
	float: right;
}


.listItem a.newsItemTitle, 
h4.newsItemTitle {
	font-weight: bold;
	color: #00378b;
	font-size: 14px;
	padding: 0;
	margin: 0 0 5px 0;
}

h3.price {
	font-size: 14px;
}
.listNavigation
{
	float: left;
	width: 700px; /*width: 480px; Changed for new newslist*/
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 20px;
}

#listNavigationTop { border-bottom: 1px solid #EAF0F6; }
#listNavigationBottom { margin-top: 20px; border-top: 1px solid #EAF0F6; }

.listNavigation ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}

.listNavigation ul li
{
	float: left;
	display: inline;
	line-height: 12px;
	padding: 0;
	padding-left: 12px;
	padding-right: 15px;
	background: url(../images/siteimages/divider-list-navigation.jpg) right 1px no-repeat;
}

.listNavigation li a
{
	display: block;
	font-family: Arial , Verdana, Sans-Serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}

.listNavigation li a:hover { color: #ff0000; }

.listNavigation li.selected
{
	font-family: Arial , Verdana, Sans-Serif;
	font-size: 12px;
	color: #223f86;
	font-weight: bold;
}

.listNavigation ul li.firstItem
{
	color: #000000;
	padding-left: 15px;
	padding-right: 5px;
	background: url(../images/siteimages/button-previous-item.jpg) left center no-repeat;
}

.listNavigation ul li.lastItem
{
	color: #000000;
	margin-left: -10px;
	padding-right: 20px;
	background: #ffffff url(../images/siteimages/button-next-item.jpg) right center no-repeat;
}
.listItem a.newsItemTitle:hover { 
	color: #ff0000;
}

.listItem .publicationDate {
	display: block;
	color: #333333;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.listItem a.newsItemTitle:hover { color: #ff0000; }

.listItem .publicationDate
{
	display: block;
	color: #333333;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.listItem .searchText { color: #ff0000; }
.listItem p a { 
	color: #ff0000;
	font-size: 11px; 
	float		: left;
	width	: 100%;

}
.listItem p a:hover { color: #000000; }

.listItem p {
	color: #333333;
	font-size: 11px;
	line-height: 15px;
	float		: left;
	width	: 100%;
}

a.pagerbutton {
	font-size: 11px;
	color: #000000 !important;
}
a.pagerbutton:hover {
	color: #00378B !important;
}

#primaryContent form
{
	float: left;
	width: 480px;
	margin: 0;
	padding: 0;
}

#primaryContent form table
{
	float: left;
	width: 480px;
	margin: 0;
	padding: 0;
	border: none 0;
}

#primaryContent form table .colgroup_left,
#primaryContent form table colgroup.left
{
	width: 160px;
	margin: 0;
	padding: 0;
	text-align: left;
}

#primaryContent form table .colgroup_right,
#primaryContent form table colgroup.right
{
	width: 300px;
	margin: 0;
	padding: 0;
	text-align: left;
}

#primaryContent form table tbody
{
	margin: 0;
	margin-top: 20px;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	padding-bottom: 5px;
	border: none 0;
	border-bottom: solid 1px #eaf0f6;
}

#primaryContent form table td
{
	vertical-align: top;
	border-top: solid 1px #eaf0f6;
}

#primaryContent form table tbody#spacer { height: 20px; }

#primaryContent form button#buttonSubmit
{
	clear: both;
	float: right;
	height: 22px;
	margin: 0;
	margin-top: 10px;
	font-size: 13px;
	font-weight: bold;
	color: #00378b;
	line-height: 22px;
	text-decoration: none;
	cursor: pointer;
	border: none 0;
	background-color: #ffffff;
	border-top: solid 1px #eaf0f6;
}

a.submitButton {
	color: #00378b;
	display: block;
	height: 22px;
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;
	text-decoration: none;
	cursor: pointer;
}

a.submitButton:hover {
	color: #ee232b;
}

a.submitButton span p {
	height: auto;
	line-height: 22px;
}
#primaryContent button#buttonSubmit span:hover { color: #ee232b; }

#primaryContent button#buttonSubmit span
{
	display: block;
	float: left;
	height: 22px;
	line-height: 22px;
	background: url(../images/siteimages/button-middle.gif) left top repeat-x;
}

#primaryContent button#buttonSubmit img, a.submitButton img {
	float: left;
	vertical-align: middle;
}

a.submitButton span {
	background:transparent url(/bookingsmodule/images/button-bm-middle.gif) repeat-x scroll left top;
	display:block;
	float:left;
	height:22px;
	line-height:22px;
}

#primaryContent form label
{
	height: 10px;
	width: 160px;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}

#primaryContent form input
{
	width: 296px;
	height: 16px;
	padding: 0;
	padding-top: 2px;
	padding-left: 5px;
	margin: 0;
	margin-top: 5px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #c3c3c3;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #c3c3c3;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #dddddd;
}

#primaryContent form textarea
{
	width: 296px;
	padding: 0;
	padding-top: 2px;
	padding-left: 5px;
	margin: 0;
	margin-top: 5px;
	vertical-align: top;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #c3c3c3;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #c3c3c3;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #dddddd;
}

#primaryContent form select
{
	height: 20px;
	width: 160px;
	padding: 0;
	margin: 0;
	margin-top: 5px;
	vertical-align: top;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #c3c3c3;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #c3c3c3;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #dddddd;
}

/*  ##############  FOOTER  ##############  */
#footer
{
	float: left;
	width: 980px;
	height: 20px;
	padding: 0;
	margin: 0;
	margin-top: 30px;
	margin-bottom: 20px;
	background: url(../images/siteimages/divider-footer.jpg) right top no-repeat;
}

#footerNavigation
{
	float: left;
	height: 20px;
	padding: 0;
	margin: 0;
	margin-top: 7px;
	width: 700px;
}

#footerNavigation ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}

#footerNavigation ul li
{
	float: left;
	display: inline;
	line-height: 10px;
	padding: 0;
	padding-left: 12px;
	padding-right: 15px;
	background: url(../images/siteimages/divider-menu-footer.jpg) right -2px no-repeat;
}

#footerNavigation li a
{
	display: block;
	font-family: Arial, Helvetica, Sans-Serif;
	line-height: 10px;
	font-size: 10px;
	color: #223f86;
}

#footerNavigation li a:hover { color: #ff0000; }
#footerNavigation ul li.firstItem { padding-left: 0px; }
#footerNavigation ul li.lastItem { background: none; }

#copyrightAndSender
{
	float: right;
	height: 20px;
	margin: 0;
	width : 270px;
	margin-top: 3px;
}

#copyrightAndSender .payoff {
	display : block;
	width :170px;
	float: left;
}

#copyrightAndSender .veolia {
	display : block;
	width :80px;
	float: left;
	margin-right: 20px;
}
#copyrightAndSender p
{
	float : left;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	line-height: 10px;
	color: #223f86;
	padding: 0 10px 0px 0px;
	margin-top: 3px;
}

#copyrightAndSender a { text-decoration: none; }

#copyrightAndSender img
{
	padding: 0;
	padding-top: 2px;
	padding-left: 5px;
}

table.destinationtable {
	width : 100%;
	background-color: #FFF;
	font-size:14px;
}

table.destinationtable th {
	background-color : #cad8e7;
	padding : 0;
	background-image: url('/images/table/table_bg.gif');
	background-position-x: left;
	background-position-y: top;
	background-repeat: repeat-x;
}

table.destinationtable th div {
	margin: 0;
	color : #00378b;
	font-weight: bold;
	padding: 0;
	width: 100%;
	background-image: url('/images/table/right_corner2.gif');
	background-position: right top;
	background-repeat: no-repeat;
}

table.destinationtable th div span {
	padding: 7px;
	margin: 0;
	width: auto;
	display : block;
	background-image: url('/images/table/left_corner.gif');
	background-position: left top;
	background-repeat: no-repeat;
}

table.destinationtable th div span span {
	float : right;
	padding: 0;
	margin : 0;
	width: 80px;
	text-align: right;
	background-image: none;
}


table.destinationtable td {
	color : #333333;
	border-bottom: 1px solid #eaf0f6;
	margin: 0;
	padding: 4px;
}

table.destinationtable td.price {
	color : #223f86;
	font-weight: bold;
}

h3.destinationheader {
	font-size: 20px;
}

td.citylabel {
	width: 120px;
}

td.price {
	padding-right: 15px;
	text-align: right
}

#error404
{
position: relative;
left: 10px;
/* background: url(../images/siteimages/background-404-error.jpg) left top no-repeat; */
}

#error404 h1
{
font-size: 20px;
font-weight: bold;
color: #ff3333;
}

#error404 p.leadinText
{
font-size: 12px;
line-height: 19px;
color: #333333;
}

#error404 img {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}

#breadcrumb {
	font-size: 11px;
	color: #223F86;
	border-bottom: 1px solid #EAF0F6;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#breadcrumb a {
	font-size: 11px;
	color: #223F86;
	text-decoration: none;
}
#breadcrumb a:hover {
	color: #FF0000;		
}

#modalWindow {
	background: white;
	padding: 0px 15px 20px 40px;
	position: absolute; 
	left: 50%; 
	top: 50%;
	z-index:100000001;
	width : 755px;
}
#modalWindow .topbar {
	height: 35px;
	width: 745px;
	text-align: right;
	margin-top: 10px;
}

#modalWindow .topbar a {
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding-right: 30px;
	padding-top: 2px;
	height: 30px;
	font-size: 12px;
	color: #124388;
	background: url('/images/icons/blue_cross.jpg') top right no-repeat;
}

#modalWindow .topbar a:hover {
	color: red;
}
#modalWindow #modalIframe {
	position: relative; 
	top: 0px;
	bottom :0px;
}
#modalWindow #modalContent {
	text-align: left;
}
#modalUnderlay {
	position: absolute;
	top :0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	opacity: 0.3;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-moz-opacity: 0.5;
	height: 100%;
	width : 100%;
	background: #999999;
	z-index: 10000000;
}

.header_rightmenu {
	float: right;
	color: white;
	font-size: 10px; 
	border-left: 1px solid #436592;
	border-right: 1px solid #436592;
	padding : 0px 20px 0px 10px;
	background: url('/images/siteimages/icon-main-navigation-white.png') no-repeat scroll 98% top #132E5F;
}

.header_rightmenu a {
	color: white;
	display: block;
	height : 20px;
	float: left;
	padding-left: 25px;
	background: url('/images/meta_agenticon.gif') no-repeat scroll 0% top transparent;
	font-size: 10px; 
}
.login_box_container {
	text-align: center;
}

.login_box {
	text-align: left; 
	width: 420px; 
	margin: 50px auto; 
	height: 239px;
	font-size: 12px;
	position: relative;
	z-index: 1;
	background: url('/images/login_page_rounded.png') no-repeat scroll 0 0 #EAF0F7;
}
.login_box_content {
	width: 380px;
	position: absolute;
	top :20px;
	left :20px;
	right :20px;
	bottom :20px;
	
	height: 199px;
}
.login_box h1,
.login_box a,
.login_box label {
	color : #0A4484;
}

.button_right {
	float :right !important;
	cursor: pointer;
}
.button_left img,
.button_right img {
	border: 0px;
	vertical-align: middle;
	float : left;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.clear {
	clear: both;
}

.button_right span, 
.button_left span {
	background: url('/images/siteimages/button-bm-middle.gif') repeat-x scroll left top transparent;
	display: block;
	float: left;
	height: 22px;
	font-weight: bold;
	line-height : 22px;
	padding: 0 4px;
}

.button_right a span, 
.button_left a span {
	text-decoration: none;
}
.login_box .formcontainer {
	width: 380px;
	margin-bottom: 10px;
	margin-top: 30px;
}
.login_box .ww_vergeten {
	position: absolute;
	bottom: 0px;
}

.login_box .formrow {
	height: 30px;
}

.login_box label {
	width : 100px;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
}

.login_box input.text {
	width :270px;
}
/**/
.login_box #login_error{
	color: red;
	position: absolute;
	bottom: 50px;
	font-weight: bold;
}
.login_box .remember_me {
	position: absolute;
	bottom: 0px;
	z-index: 2;
}

/** Password change **/

#password_change,
#password_preview {
	width : 400px;	
}

.edit #password_preview,
#password_change {
	display: none;
}
#password_preview,
.edit #password_change {
	display: block;
}
#change_password_container.edit {
	height: 140px;
}
.right {
	float: right;
}
.left {
	float: left;
}

.clear {
	clear : both;
}

.sub_value {
	clear : left;
	width : 250px;
	margin-bottom: 10px;
}

.toelichting {
	width : 200px;
	float: left;
}
fieldset.clickform .edit {
	background: none;
}

/**/
fieldset.clickform {
	border: 0px;
	margin: 0px;
	padding: 0px;
/*	margin-bottom: 30px;*/
}

fieldset.clickform legend {
	Font-size: 14px;
	color : #0A4484;
	font-weight: bold;
	margin-bottom : 20px;
}

fieldset.clickform legend a{
	font-size: 12px;
	font-weight: normal;
}
fieldset.clickform li,
fieldset.clickform ul {
	list-style: none;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
fieldset.clickform li {
	height: 25px;
}

fieldset.clickform label{
	width :150px;
	float : left;
}

fieldset.clickform .value {
	width :250px;
	font-weight: bold;
	float : left;
}

fieldset.clickform.edit_agent_masters .value {
	width: 400px;
}

fieldset.clickform.edit_agent_masters .value a{
	display: block;
	width: 150px;
	text-align: left;
}

fieldset.clickform .input input,
fieldset.clickform .input {
	width: 250px;	
}
fieldset.clickform li {
	clear: both;
}

fieldset.clickform .button,
fieldset.clickform .edit .value,
fieldset.clickform .input {
	display: none;
}

fieldset.clickform .edit .button,
fieldset.clickform .edit .input {
	display: block; 
	float : left;
}