/*---{ Imports )-------------------------------------------------------*/

@import "custom/basic.css";
@import "custom/accordionbox.css";
@import "custom/stepbox.css";
@import "custom/object.css";
@import "custom/tabbedcontent.css";
@import "custom/reactions.css";
@import "custom/categories.css";
@import "custom/comparetable.css";

@import "custom/detailpage.css";
@import "custom/photoshow.css";
@import "custom/forms.css";
@import "custom/homepage.css";
@import "custom/section.css";
@import "custom/carousel.css";
@import "custom/myaccount.css";
@import "custom/sjabloon.css";
@import "custom/abonnement.css";
@import "custom/tagcloud.css";

@import "custom/actionpage.css";


/* ---------- */




/* ----- header schaduwrand ---- */
h1 span.h1Front{
	color: #fff;
	position: absolute;
	top:0px;
	left:0px;
	z-index: 1000;
	/*width: 100%;*/
}
h1 span.h1Shade{
	color: #b2830f;
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 999;
	/*width: 100%;
	border-right: 10px solid red;*/
}





/* ----- detailpagina advertenties ----- */

#adviceDetail .actions,
#AdsDetail .actions{
	padding:0;
	margin:0 0 15px 0;
}

#adviceDetail .actions ul,
#AdsDetail .actions ul{
	padding:0;
	margin:0;
	list-style:none;
}

#adviceDetail .actions li,
#AdsDetail .actions li{
	background:url(../images/bullet-more-blue.gif) left 3px no-repeat;
	padding:0 0 0 16px;
	margin:0 8px 0 0;
	list-style:none;
}

#adviceDetail .actions li a,
#AdsDetail .actions li a{
	padding:0;
	margin:0;
	text-decoration:none;
	color:#00458e;
}

#adviceDetail .actions li a:hover,
#AdsDetail .actions li a:hover{
	text-decoration:underline;
}

.col2 .showthumb{
	width:74px;
	height:74px;
	border:1px solid #ebebeb;
	float:left;
	margin:10px 0px 0px 0px;
	padding:1px;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	/*cursor: hand;*/
	cursor: pointer;
}
.col2 .nextthumb{
	margin-left:5px;
}
.col2 .largethumb{
	width:240px;
	height:240px;
	cursor: auto;
	margin: 0px;
}
.col2 .largethumb #loading{
	display: none;
	background: #fff url(../images/stepbox/loading.gif) no-repeat center center;
	height: 240px;
	width: 240px;
}




.adviceTable{
	/*margin-top: 10px;*/
	width: 320px;
}
.adviceTable thead th{
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	width: auto;
}
.adviceTable tbody th{
	width: 135px;
	vertical-align: top;
	text-align: left;
	background: #fff;
}
.adviceTable tbody td{
	vertical-align: top;
	text-align: left;
}
.adviceTable tbody tr th.country,
.adviceTable tbody tr td.country{
	background: #eff5f9;
	font-weight: bold;
}
#adviceDetail .specialistPicture{
	border:1px solid #ccc;
	width:110px;
	float:right;
	text-align:center;
	padding:2px 2px 0px 2px;
}




/* --- reisadvies --- */

#locations span a.continent{
	line-height:23px;
	height:23px;
	font-weight:bold;
	background:#eff5f9 url(<%=sRoot%>images/arrow_dark_down.gif) no-repeat 155px 6px;
	padding: 0px 0px 0px 2px;
	border-bottom: 1px solid #bee3fa;
	color: #00458e;
	width: 169px;
}
#locations span a.continent.active{
	background: red;
	background:#eff5f9 url(<%=sRoot%>images/arrow_dark_up.gif) no-repeat 155px 6px;
}

#locations ul.countryList{
	border:0px solid red;
	/*display: none;*/
	display: block;
}


/* --- offertes aanvragen --- */

#offerteDetail{
	border-top: 0px solid blue;
}
#offerteDetail h2{
	padding-bottom: 10px;
}
#offerteDetail .oChecked{
	width: 150px;
}

#offerteDetail .oItem.oItemTheme{
	border:1px solid #7dc7f4;
	background:#deebf3; 
	
	border-color:#bee3fa;
	background: #eff5f9;
}

#offerteDetail .oItem.oItemTheme .thumb{
	border-color:#bee3fa;
}

#offerteDetail .oItemTheme .oChecked{
	border-color: #bee3fa;
}


#offerteDetail .oItem.oItemDeleting,
#offerteDetail .oItem.oItemDeleting .thumb,
#offerteDetail .oItem.oItemDeleting .oChecked{
	border-color: #7dc7f4;
	background:#deebf3; 
}

#offerteDetail .oItem.oItemDeleted{
	display: none;
}

#offerteDeleted{
	margin-top: 25px;
	display: none;
}
#offerteDeleted a{
}


#offerteDeleted .hideRow{
	display: none;
}
#offerteDeleted .hideRow th,
#offerteDeleted .hideRow td{
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	line-height: 19px;
	cursor: default;
}
#offerteDeleted .hideRow th{
	background:transparent url(../images/bullet-more-blue.gif) no-repeat left 4px;
	padding-left: 20px;
}



/* --- mijn account --- */



#accountDetail{
	padding-top: 20px;
}
.tblForm tr td.noInput,
#loginForm.detail .tblForm tr td.noInput,
#accountDetail .tblForm tr td.noInput{
	padding-top: 4px;
}
#accountDetail .isMailing{
	padding: 5px 0px;
}

.accountMain{
	width: 100%;
}
.accountMain td.leftMain,
.accountMain td.rightMain{
	text-align:left;
	vertical-align:top;
	width:50%;
	padding-bottom: 10px;
}
.accountMain td.leftMain{
	padding-right:10px;
}
.accountMain td.rightMain{
	padding-left:10px;
}




#loginForm.detail .tblForm tr td.isMoney{
	text-align:right;
	width:75px;
}
#loginForm.detail .tblForm tr th.isMoney{
	text-align:right;
	padding-right: 50px;
	padding-top: 4px;
	color: #454545;
	width:80px;
}
#loginForm.detail .tblForm tr td.isTotal{
	font-weight:bold;
	border-top:1px solid #000;
}
#loginForm.detail .tblForm tr th.isMoney span,
#loginForm.detail .tblForm tr td.isMoney span{
	float: left;
	padding-left: 5px;
	width: 15px;
	text-align: right;
}

#loginForm.detail .tblForm tr th.isHead,
#loginForm.detail .tblForm tr td.isHead{
	border-bottom: 1px solid #aaa;
	padding-top: 4px;
	font-weight: bold;
}
#loginForm.detail .tblForm tr th:first-child.isHead{
	width: 250px;
	background: #fff;
}
#loginForm.detail .tblForm tr th.isHead{
	width: 100px;
	padding-right: 0px;
	text-align: left;
}	





.arrowDown{
	text-align:center;
	height:50px; 
	background: #fff url('../images/ico_arrow_big.gif') top center no-repeat;
}
#totalPriceList{
	border:1px solid #7dc7f4;
	/*margin-top:10px;
	padding:10px;*/
	padding:0px 10px 10px 10px;
	margin-top:20px;
}

.loading{
	background: transparent url(../images/stepbox/loading.gif) center 75px no-repeat;
	min-height: 150px;
	text-align: center;
	border: 1px solid #7DC7F4;
	border: 1px dotted #7DC7F4;
	padding-top: 25px;
}




/* --- roundRPbutton --- */
a.RPbutton{
	background: #fff url(../images/bg_buttonRP.gif) top left no-repeat;
	color:#fff;
	padding: 4px 17px 6px 17px;
	line-height: 24px;
	height: 24px;
	font-size: 11px;
	text-decoration: none;
	text-transform:lowercase;
	position: relative;
}
a.RPbutton:hover{
	text-decoration: underline;
}
a.RPbutton div.linkRight{
	width:15px;
	height: 24px;
	background: blue;
	background: transparent url(../images/buttonlink/bg_right.gif) top right no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}



#loginForm .oItem{
	margin-bottom: 40px;
	border:1px solid #ebebeb;
	width:671px;
}
#loginForm .oItem .colLeft{
	position:relative;
	float:left;
	width:140px;
	text-align:left;
	padding:0px;
}
#loginForm .oItem .colLeft .thumb{
	border:1px solid #ebebeb;
}
#loginForm .oItem .colRight{
	position:relative;
	float:left;
	width:500px;
	padding:0px;
}
#loginForm .oItem .append h3, #loginForm .oItem .append .location{
	float:left;
	margin-right:6px;
	padding:0px;
}
#loginForm .oItem h3{
	padding:0 0 0 16px;
	margin:0 6px 0px 0;
	background:url(../images/bullet-more-blue.gif) left 3px no-repeat;
	font-size:13px;
	font-weight:bold;
	text-transform:capitalize;
}
#loginForm .oItem h3 a{
	text-decoration:none;
	color:#00458e;
}
#loginForm .oItem h3 a:hover{
	text-decoration:underline;
	color:#006fb2;
}
#loginForme .oItem p{
	padding:0;
	margin:0;
}

#loginForm .oItem p, #loginForm .oItem h3{
	margin:0 0 2px 0;
}



/* --- message-detail --- */
table.photo{
	width:122px;
	height: 122px;
	border: 1px solid #ebebeb;
	padding: 0px;
	margin: 0px;
}
table.photo td{
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}
td.showData{

}
td.showData p{
	margin-bottom: 10px;
}

td.showData h3{
	padding:0 0 0 16px;
	margin:0px 6px 12px 0px;
	background:url(../images/bullet-more-blue.gif) left 2px no-repeat;
	font-size:13px;
	font-weight:bold;
	text-transform:capitalize;
}

td.showData h3 a{
	text-decoration: none;
	color: #00458e;
}
td.showData h3 a:hover{
	text-decoration: underline;
	color: #006fb2;
}
td.showData p.location{
	color: #aaa;
}



.footerMessage{
	text-align:right;
	border:1px solid #7dc7f4;
	padding:15px 15px 12px 15px;
	padding: 10px;
	background:#deebf3;
	position:relative;
	height:33px;
}
.footerMessage .defaultButton{
	position:absolute; 
	z-index:1; 
	left:10px; 
	top:15px; 
	background:url(../images/default-btn-blue-bg.gif) left top no-repeat;
}

.hideReply{
	display: none;
	padding-top: 20px;
	/*background: red;
	height: 100px;*/
}
.showReply{
	display: block;
	/*background: green;*/
}




div.totalHits{
	border: 1px solid #ccc;
	padding: 20px;
	margin-top: 35px;
}
div.totalHits span{
	font-weight: bold;
	color: #00458e;
}


/* --- factuur --- */
.factuur .icons{
	float:right;
	border:0px solid green;
	width:100px;
}
.factuur .icons img{
	width: 16px;
	height: 16px;
	padding:2px;
	float:right;
	border:1px solid #ebebeb;
	margin-left: 5px;
	cursor: pointer;
}



.hideTable{
	display:none;
}
.showTable{
	display:block;
}











	table.stepTable{
		border:0px solid red;
		width: 100%;
	}
	
	table.stepTable tr th,
	table.stepTable tr td{
		line-height: 20px;
		font-size: 13px;
		padding: 9px 0px;
		margin: 0px;
		border-top: 3px solid red;
		border-top: 3px solid #fff;
		background: #deebf3;
		color: #00458e;
		font-weight: bold;
	}
	table.stepTable tr th{
		background: #deebf3 url('../images/img_step_check.gif') 10px 3px no-repeat;
	}
	table.stepTable tr:first-child th,
	table.stepTable tr:first-child td{
		border: 0px;
	
	}
	table.stepTable tr th{
		padding-left: 60px;
		width: 100px;
	}
	table.stepTable tr th.toDo,
	table.stepTable tr td.toDo{
		background: #7dc7f4;
		color: #fff;
	}
	table.stepTable tr th.toDo{
		background: #7dc7f4 url('../images/img_step_todo.gif') 10px 3px no-repeat;
	}
	table.stepTable tr th.toDo2,
	table.stepTable tr td.toDo2{
		background: #eff5f9;
		color: #7dc7f4;
	}
	table.stepTable tr th.toDo2{
		background: #eff5f9 url('../images/img_step_todo2.gif') 10px 3px no-repeat;
	}
	
	
	
	
#selectAboType{
	border:1px solid #ccc;
	padding:10px;
	margin-bottom:20px;
}
#selectTotalPrice{
	border:1px solid #7dc7f4;
	background: #deebf3;
	padding:10px;
	margin-bottom:20px;
}
#selectAboType div#aboTypes{
	width:550px;
}

button.defaultButton.totalButton{
	float:right;
	margin-top:40px;
	margin-top:25px;
}
#selectTotalPrice button.defaultButton.totalButton{
	float:right;
	margin-top: 5px;
	background-image: url('../images/default-btn-blue-bg.gif');
}
#selectTotalPrice  #alertTotalPrice{
	width:550px;
	font-size: 11px;
	line-height: 14px;
	color:#00458e;
}



/*---{ .sidecolBox }-------------------------------------------------------------------------*/


.sidecolBox.accountBox{
	margin-bottom: 25px;
}

.sidecolBox.accountBox h3{
	background:url(../images/accountbox-header.gif) left top no-repeat;
	color: #454545;
}

.innerBox th,
.innerBox td{
	text-align: left;
	vertical-align: top;
	padding: 4px 0px;
}
.innerBox th{
	padding-right: 5px;
}
td#todoCoins,
.innerBox td#todoCoins{
	font-size: 11px;
}
td#todoCoins strong,
.innerBox td#todoCoins strong{
	color: #7dc7f4;
	color: #53aaed;
	color: #0080ff;
	font-weight: bold;
}


.numberBox{
	width:100%;
}
.innerBox.numberBox th,
.innerBox.numberBox td{
	border-top: 1px dotted #ccc;
}
.innerBox.numberBox tr:first-child th,
.innerBox.numberBox tr:first-child td,
.innerBox.numberBox tr.subrow th,
.innerBox.numberBox tr.subrow td{
	border-top: 0px dotted #ccc;
}

.innerBox.numberBox tr th.first,
.innerBox.numberBox tr td.first{
	border-top: 1px dotted #ccc;
}



.innerBox tr.subrow th,
.innerBox tr.subrow td{
	text-align: left;
	vertical-align: top;
	padding: 1px 0px;
}
.innerBox tr.subrow th{
	font-weight: normal;
	padding-left: 10px;
}

.innerBox.numberBox td,
.innerBox.numberBox tr.subrow td{
	text-align: right;
	padding-right: 25px;
}


.rightCol .customerDataRound{
	float:left;
	width:223px;
	margin: 0px 15px 0px 0px;
}
.rightCol .customerData{
	float:left;
	width:213px;
	margin: 0px 0px 15px 0px;
	padding: 5px;
	border: 1px dotted #ccc;
}
.rightCol .customerData span.noData{
	color: #ccc;
}


#myAccountGroupData .customerData,
.leftCol .customerData{
	border:1px dotted #7dc7f4;
	padding: 5px 5px 0px 5px;
	height: 273px;
}
#myAccountGroupData .customerData{
	height: auto;
}
.leftCol .customerData .title{
	font-weight:bold;
	height:19px;
	overflow: hidden;
}
.leftCol .customerData .text{
	overflow:hidden;
	overflow-y:auto;
	font-size: 11px;
	padding-right: 3px;
	height:170px;
	height:220px;
}


.customerData a.editData{
	float:right;
}

.accountBox .accountAction{
	display:block;
	text-align:right;
}

.accountAction a,
.accountBox .accountAction a{
	text-decoration: none;
	padding-left: 7px;
	background: transparent url('../images/img_arrow_right_small.gif') center left no-repeat;
}
.accountAction a:hover,
.accountBox .accountAction a:hover{
	text-decoration: underline;
}


.contactData th,
.contactData td{
	padding: 2px 8px 2px 0px;
}
.contactData td{
	padding: 4px 0px 0px 0px;
}




span.isLineThrough{
	background: transparent url('../images/bg_linethrough2.gif') center center no-repeat;
	text-decoration: none;
}


#totalPrice .footer{
	text-align: center;
}
#totalPrice .footer button.defaultButtonXL{
	background:url(../images/btn-submit-bg_xl.gif) left top no-repeat;
	width: 173px;
	margin: 0px auto;
	float: right;
}


a#goMailing,
a#goMailing:hover{
	text-decoration:none;
	position:absolute;
	top:90px;
	right:0px;
	background:#ddd;
	height:61px;
	width:200px;
}
a#goMailing h1{
	display: none;
}


.noCompanyText{
	background: transparent url(../images/bg_noCompanyText.gif) left top no-repeat;
	height: 114px;
	text-align: center;
	padding-top: 40px;
	height: 74px;
}


div#loginForm form.form.fullFormWidth table.tblForm tr td div.telcode,
div.detail form.form.fullFormWidth table.tblForm tr td div.telcode{
	float: left;
	border: 1px solid #ddd;
	color: #999;
	width: 32px;
	margin: 1px 10px 0px 0px;
	height: 19px;
	line-height: 19px;
	padding-left: 2px;
	
	border: 1px dotted #ddd;
	margin-right: 0px;
	border-right: 0px;
}


strong.blue{
	color: #0066FF;
}




/* --- accountBox is rood bij inloggen via NOW --- */
#accountBox.accountBoxNOW{
	background: red;
}
#accountBox.accountBoxNOW p.logMsg{
	color: #000;
	border-left: 1px solid #000;
}
#accountBox.accountBoxNOW a.logout{
	background: #000;
	height:22px;
	width: 87px;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-indent: 0;
	line-height: 22px;
	text-align: center;
	border: 1px solid #fff;
}
#accountBox.accountBoxNOW a.logout:hover{
	background: #800000;
	color: #fff;
}



.js_display{
	display: none;
}

a#bannerTop{
	background: #fff url('../images/img_banner_italie-evenement.gif') top left no-repeat;
	width: 151px;
	height: 58px;
	position: absolute;
	display: block;
	top: 20px;
	left: 320px;
	z-index: 1000;
	text-indent: -100000em;
	
	width: 160px;
	height: 80px;
	top: 6px;
}





#getOfferteForm{
	position: relative;
	padding: 0;
	margin: 0;
	width:715px;
}

button.defaultButtonUpperTop,
button.defaultButtonUpperBottom,
#stepBox .footer button.defaultButtonUpperBottom{
	/*background:url(../images/default-btn-blue-bg.gif) left top no-repeat;*/
	font-weight:bold;
	text-transform:uppercase;
	width: 200px;
	height: 40px;
	background-image: url('../images/button-send-bottom_en.gif');
	display: block;
	text-indent: -100000em;
	top: 7px;
	cursor: pointer;
}
button.defaultButtonUpperTop{
	position:absolute;
	top:4px;
	right:10px;
	z-index:10000;
	background: red;
	background-image: url('../images/button-send-top_en.gif');
}


#getOfferteForm #stepBox .nav{
	padding-top: 21px;
	height: 28px;
}



#addPromocode{
	cursor: pointer;
	float: right;
	margin: 3px 0px 0px 5px;
}