@font-face {
    font-family: 'FrutigerLTProBold';
    src: url('/fonts/FrutigerLTPro-Bold/FrutigerLTPro-Bold.eot');
    src: url('/fonts/FrutigerLTPro-Bold/FrutigerLTPro-Bold.eot?#iefix');
    src: local('?'),
             url('/fonts/FrutigerLTPro-Bold/FrutigerLTPro-Bold.woff') format('woff'),
             url('/fonts/FrutigerLTPro-Bold/FrutigerLTPro-Bold.ttf') format('truetype'),
             url('/fonts/FrutigerLTPro-Bold/FrutigerLTPro-Bold.svg') format('svg'),
             url('/fonts/FrutigerLTPro-Bold/FrutigerLTPro-Bold.svg#FrutigerLTPro-Bold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
    font-family: 'FrutigerLTProLight';
    src: url('/fonts/FrutigerLTPro-Light/FrutigerLTPro-Light.eot');
    src: local('?'),
             url('/fonts/FrutigerLTPro-Light/FrutigerLTPro-Light.woff') format('woff'),
             url('/fonts/FrutigerLTPro-Light/FrutigerLTPro-Light.ttf') format('truetype'),
             url('/fonts/FrutigerLTPro-Light/FrutigerLTPro-Light.svg') format('svg'),
             url('/fonts/FrutigerLTPro-Light/FrutigerLTPro-Light.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}
*{-moz-font-smoothing:antialiased; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}

input[readonly="readonly"]{
    background:#000000
}
/* COMMON CLASSES */
.disabled{color: #333;}
a.disabled{color: gray;}
	.disabled a {color: #000}
.notOwned {color: gray}
/* end */

/* CLIENT */
.rowFinished {color: #ccc}
	.rowFinished select {color: #ccc}
.rowError {color: #e40000}
	.rowError select {color: #e40000}

.rowFinished select, .rowError select {color: #000}
/*	.rowFinished select:disabled, .rowError select:disabled {color: #ccc}*/
    select:disabled {background-color: #EEEEEE; color: grey}
	.changePass{padding-top:20px; background:#ffffff; position:relative; margin-top:-1px}

/* SEPARATED */

/* buttons */
.bttnHolder.bttnBlue.disabled{opacity: 0.5}
	.bttnHolder.bttnBlue.disabled:hover{background-position: 0 -2px; text-decoration:none; cursor:default}
.bttnSmall {background: url("/images/bttn_sprite.png") no-repeat 0 -56px; border: 1px solid #ADADAD; border-radius: 5px 5px 5px 5px; color: #011A99; cursor: pointer; display: inline-block; font-family: 'KPNAccentNormal'; font-size: 11px; height: 20px; line-height: 20px; padding: 0 15px; text-decoration: none;}
	.bttnSmall:hover{background-position: 0 -83px;text-decoration: underline}
	
/* text */	
.alignRight{text-align:right}
.bold {color:inherit; font-weight:normal}
.trackerCode {height:0px; font-size:0px; line-height:0px; overflow:hidden}

/* links */
.linkArrow{display:inline-block; padding: 0 0 0 10px; background: url(/images/arrow_right_dark.png) no-repeat left 4px; color:#333; font-size:12px;}
	.linkArrow:hover{text-decoration:underline}
.linkMore{text-decoration: none;color: #000099;background: url('/images/blue-arrow.png') no-repeat 0px; padding: 0 0 0 10px;}
	.linkMore:hover{text-decoration:underline}	
.linkBack{padding: 0 0 0 18px; display:inline-block; line-height:20px; background: url(/images/arrowsTwo_blue_left.png) no-repeat left 7px; color:#000099; font-family:'KPNAccentNormal'; font-size:12px; text-decoration:underline}
	.linkBack:hover{text-decoration:none}
.bttnLinkUnderline{line-height:25px; display:inline-block; color: #000099 ;text-decoration:underline}
	.bttnLinkUnderline:hover{text-decoration:none}
.bttnLink{line-height:25px; display:inline-block; color: #000099 ;text-decoration:underline}
	.bttnLink:hover{text-decoration:none}
.linkMoreGreen{text-decoration:none; background:url('/images/green-arrow.png') no-repeat right 8px; color: #011a99;padding: 0 10px 0 0; display: inline-block;}
	.linkMoreGreen:hover{text-decoration: underline;}
.linkArrowGreen{text-decoration:none; background:url('/images/green-arrow.png') no-repeat left 1px; color: #011a99; ;padding: 0 0px 0 10px;}
	.linkArrowGreen:hover{text-decoration: underline;}

/*bttn*/
input.bttnHolder{box-sizing:content-box;-moz-box-sizing:content-box}
.bttnHolder{background:url('/images/bttn_orange_silver_sprite.png'); background-position:0 -62px; color: #000033;height: 28px; padding: 0px 15px; font-family: 'FrutigerLTProLight'; font-size:12px;line-height: 28px;cursor: pointer;border-radius: 3px;border: 1px solid #adadad; display: inline-block;text-decoration: none;}
.bttnHolder:hover{background-position: 0 -91px; text-decoration: none;}
.bttnHolder.bttnHolderSmall{height: 26px;line-height: 26px;border-radius: 2px;padding: 0 10px;}
.bttnHolder.bttnOrange{border: 1px solid #c82800; background: url('/images/bttn_orange_silver_sprite.png') repeat-x ; background-position: 0 -2px ;color: #fff;}
.bttnHolder.bttnOrange:hover{background-position: 0 -32px; text-decoration: none;}
.bannerImage .bttnHolder.bttnBlue{ position:absolute; bottom:43px; right: 22px;}
.bttnHolder.disabled{color:#bababa;opacity: 0.9}
	.bttnHolder.disabled:hover{text-decoration:none; background-position:0 -56px;}

/* elements */
.res_clients_user_name{float:left; line-height: 20px;font-size: 12px;}
#paymentTerm{margin: 0}
.editLink{display: block; margin: 10px 0 0 ;}
.noPadding{padding:0}
.toLeft{float:left;}
.toRight{float:right;}
.displayNone{display:none}
.question, .questionPsaDoctor{display:inline-block; height: 14px; width: 14px; margin: 2px 0 0 3px; background: url(/images/question.png) no-repeat;}
	.questionHolder{display:block}
		.questionHolder .questionTxt {display:inline-block; float:left}
		.questionHolder .question {float:left}	
		
.statusField{padding: 7px 40px 6px 15px}		
	.statusField.fieldSuccess{background: url("/images/check_green.png") no-repeat 95% 5px}	
	.statusField.fieldErr{background: url("/images/error.png") no-repeat 95% 5px}		
	
.tooltipsy{padding: 10px;max-width: 155px;color: #333;font-family: 'KPNSansRegular';font-size: 12px;border: 1px solid #c1c1c1;border-radius: 4px;background: #fff; box-shadow: 0px 2px 12px #CAC9C9}
.tooltipsy h3{padding:0 0 3px; color: #000099;font-family: 'KPNSansRegular';font-size: 16px; line-height:18px}
.tooltipsy img{margin: 0 0 10px}
.tooltipsy .tooltipsyInnerTxt{padding: 0;color: #000099;font-family: 'KPNSansRegular';font-size: 12px; line-height:14px}

.listTick{padding:0; margin:0;list-style:none}
	.listTick li{padding: 0 0 7px 23px; font-family: 'KPNAccentNormal'; font-size: 14px; line-height: 14px; background:  url('/images/check_green.png') no-repeat 0 0; color:#333333}

.priceHolder {font-size: 26px;line-height: 26px;}	
	.priceHolder .priceTxt {padding: 0 0 0 3px; font-size: 16px}
	.priceHolder .sup {font-size: 12px;line-height: 18px;vertical-align: top;}
	
.priceHolder.priceHolderStreetView .priceTxtPrice{float:left; display:inline-block; padding: 0 0 25px; font-size: 28px;line-height: 28px}	
.priceHolder.priceHolderStreetView .priceTxt{float:left; display:inline-block; font-family:"KPNAccentNormal"; font-size: 12px;line-height: 14px;}	
	.priceHolder .priceTxt {padding: 0 0 0 3px; font-size: 16px}
	.priceHolder .sup {font-size: 12px;line-height: 18px;vertical-align: top;}	

/* LAYOUT */

.loogedInWraper{background: #dfe0e0; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZTBlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #dfe0e0 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfe0e0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dfe0e0 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dfe0e0 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dfe0e0 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dfe0e0 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe0e0', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.wrapAll {margin:0 auto; width:978px; min-height:100%}

	.wrapTop {margin-bottom:8px}
		.wrapTop.no-inlog {margin-top:28px}
		.wrapTop .header{padding:11px 0 8px 0;background: url("/images/header-portal-background.png") no-repeat right;height: 80px;margin: 0 -4px 0 -3px;}
			.wrapTop .header .logo {float:left; display: inline-block; /*width:40%; margin: 13px 0 0;*/ text-decoration: none;margin-left: 2px;padding-top: 11px;}
			.wrapTop .header .logo img {float:left;}
			.wrapTop .header .logo .logoTxt {display:inline-block; text-transform:uppercase;letter-spacing: 1.25px; float:left; padding: 8px 0 0 26px; line-height: 40px; color:#fff; font-family: 'FrutigerLTProBold'; font-size:20px}
			
			
			.wrapTop .header .wrapTopRight a:hover{text-decoration:underline}	
		
			.langHolder #langImg{float:left; margin: 0 3px 0 0}
			.langHolder .selectHolder{float:left; height: 12px}
			.langHolder #langSelector{height: 12px; opacity: 0}
			
	.wrapMiddle {}	
		.wrapMiddle  .wrapColumnLeft{width:222px; margin: 0 30px 0 0; float:left}
		.wrapMiddle  .wrapColumnMiddle{width:474px; margin: 0 30px 0 0; float:left}
		.wrapMiddle  .wrapColumnRight{width:222px; float:left}
	/* HOME PAGE */	
		.wrapHome .wrapMiddle  .wrapColumnLeft{width:306px; margin: 0 30px 0 0}
		.wrapHome .wrapMiddle  .wrapColumnMiddle{width:306px; margin: 0 30px 0 0}
		.wrapHome .wrapMiddle  .wrapColumnRight{width:306px}
		
		.loogedInWraper .wrapMiddle{border:1px solid #acadc4;box-shadow: 0 2px 4px #959595; background: #fff;border-radius: 3px}
		.loogedInWraper .wrapMiddle .wrapMiddleInner{padding: 13px 13px 14px 13px}
		
		.loogedInWraper .wrapMiddle  .wrapColumnLeft{margin: 0 16px 0 0}
		.loogedInWraper .wrapMiddle  .wrapColumnMiddle{margin: 0 16px 0 0}

		.wrapWide .wrapMiddle .wrapMiddleInner.wrapGrid{
			background: #f4f4f4;
			background: -moz-linear-gradient(top,  #f4f4f4 1%, #ececec 100%, #2989d8 100%, #ececec 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f4f4f4), color-stop(100%,#ececec), color-stop(100%,#2989d8), color-stop(100%,#ececec));
			background: -webkit-linear-gradient(top,  #f4f4f4 1%,#ececec 100%,#2989d8 100%,#ececec 100%);
			background: -o-linear-gradient(top,  #f4f4f4 1%,#ececec 100%,#2989d8 100%,#ececec 100%);
			background: -ms-linear-gradient(top,  #f4f4f4 1%,#ececec 100%,#2989d8 100%,#ececec 100%);
			background: linear-gradient(to bottom,  #f4f4f4 1%,#ececec 100%,#2989d8 100%,#ececec 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ececec',GradientType=0 );		
		}
		.wrapWide .wrapMiddle  .wrapColumnLeft{display:none}
		.wrapWide .wrapMiddle  .wrapColumnMiddle{width:100%; float: none; margin: 0;}
		.wrapWide .wrapMiddle  .wrapColumnRight{display:none}

		
	.wrapBottom {padding: 0 0 15px;background: url("/images/footer-background.png") no-repeat;height: 52px;margin: 30px -4px 0 -1px;}
		.wrapBottom .Footer {padding:8px 0; font-size:11px; line-height:13px}

/* menu langs */
.menuLangs{display:inline-block; float:right; position:relative; z-index: 102; line-height:28px; height:24px}	
	.menuLangs .langActive{height: 14px; line-height:14px;float:right;display:inline-block;margin: 6px 0 5px 0px;padding: 0px 0 0px 7px;border-right:1px solid #444; cursor:pointer; position:relative; z-index:2}	
	
	.loginActive .menuLangs .langActive{border-right:none}	
	.loginActive .menuLangs .langActive .langActiveInner{border-right:none; padding-right:9px}	
	.loginActive .menuLangs:hover .langActive .langActiveInner{border-right:none;padding: 0 7px 0 27px;}	
	
	.menuLangs .langActive .langActiveInner{padding: 0 7px 0 27px; border-right:1px solid #a8a8a8}	
		.menuLangs .langActive .langActiveInnerr img{float:left}	
		
	.menuLangs .menuLangsSelect{
		display:none; 
		min-width:120px;
		position:absolute; 
		z-index:1;
		top:24px; 
		right:1px; 
		padding:10px;
		background: #fdfdfd;
		background: -moz-linear-gradient(top,  #fdfdfd 0%, #e5e5e5 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#e5e5e5));
		background: -webkit-linear-gradient(top,  #fdfdfd 0%,#e5e5e5 100%);
		background: -o-linear-gradient(top,  #fdfdfd 0%,#e5e5e5 100%);
		background: -ms-linear-gradient(top,  #fdfdfd 0%,#e5e5e5 100%);
		background: linear-gradient(to bottom,  #fdfdfd 0%,#e5e5e5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e5e5e5',GradientType=0 );
		border:1px solid #c8c8c8;
		border-radius: 0 0 4px 4px
	}			
	.menuLangs:hover .menuLangsSelect{display:block}			
	
	
	.menuLangs:hover .langActive{height: 24px;	line-height:24px;padding: 0px 0px 0px 6px;margin:0 1px 0 0;	background: #fff;border: 1px solid #c1c1c1;border-bottom: none;border-radius: 4px 4px 0 0;}	
	.menuLangs:hover .langActive .langActiveInner{border:none}	
			
	.menuLangs .menuLangsSelect a{display:block;min-width:100px; line-height: 14px; padding: 10px 0 0}		
	.menuLangs img{margin: 0 9px 0 0}		
	.menuLangs .menuLangsSelect .langTxt{}		
.LoggedIn{font-size: 12px;margin-top: 3px;padding-right: 15px}
.LoggedIn .logOutBttn{display:inline-block; float:right; padding: 5px 0 0 7px; line-height:12px; text-decoration:none}		
.LoggedIn ul{display:inline-block; float:right; margin: 5px 0 0; padding:0; list-style:none}	
	.LoggedIn ul li{float:left; padding: 0 6px; margin:-1px 0 0; line-height: 14px; border-right:1px solid #000033; border-left:1px solid #000033}	
	.LoggedIn ul li:first-child{border-left:none}
	.LoggedIn .welcomeName {font-family: "FrutigerLTProBold";}
	.LoggedIn .user_name{color:#000033;font-family: "FrutigerLTProLight";text-decoration: none;}		
.LoggedIn .langActive{border-left: 1px solid #444; padding-left:6px}	
.LoggedIn .dateUserMenu{padding:6px 0 0;text-align: right; color:#808080; font-size:11px; line-height:11px}	
/* end LAYOUT */


/* NAVIGATIONS */

.mainMenuHolder{	border: 1px solid #c8c8c8;
	border-radius: 4px;overflow:hidden }
.mainMenuHolder .mainMenuInner{ 
	height:41px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(230,230,230,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
}
	.mainMenuHolder .mainMenu {font-family: 'KPNAccentNormal'; font-size: 14px; color:#444444; padding: 0;margin: 0;  list-style: none; }
		.mainMenuHolder .mainMenu li{float:left;}
		.mainMenuHolder .mainMenu li.menu_general-settings, .mainMenuHolder .mainMenu li.menu_order{float:right}
		.mainMenuHolder  .mainMenu li.menu_order a{padding-right: 52px; background:url(/images/shop_basket.png) no-repeat 78% 8px}
		.mainMenuHolder .mainMenu li a {font-family: 'KPNAccentNormal'; font-size: 14px;padding: 14px 15px 13px 15px; color:#444444; display:block; text-decoration: none;line-height: 14px;}
		.mainMenuHolder .mainMenu li a:hover {background-color: #fff; color: #009900;padding-bottom: 11px; border-bottom: 2px solid #009900;box-shadow: 0px 0px 5px #e0e0e0;}
		.mainMenuHolder .mainMenu li a.active {border-bottom: 2px solid #009900;padding-bottom:11px;}
		.mainMenuHolder .mainMenu li:first-child a:hover {border-radius: 2px 0 0 2px;}

.menuBottom {padding:5px 10px; background:#90b562; border-bottom:5px solid #588400; color:#69940d}
	.menuBottom ul {margin:0; padding:0; list-style:none; list-style-image:none;font-size:11px; line-height:13px}
	.menuBottom li {display:inline; margin:0; padding:0}
	.menuBottom a {color:#ffffff; text-decoration:none}
	.menuBottom a:hover,
	.menuBottom a.active {color:#2f400d}
	.menuBottom .divider {padding:0 5px; color:#71974b}


/* breadCrumb */

.breadCrumb{padding: 0 0 13px; color: #000099; font-family: "KPNAccentNormal"; font-size: 18px}
	.breadCrumb .breadTxt{color: #000099; display:inline-block; float:left}
	.breadCrumb .arrowBlueRight{float:left; display:inline-block; width: 8px; height:8px; margin: 11px 9px 0px 9px; background: url(/images/sprite_separated.png) -2px -2px}

.menuPath{padding: 15px 0 0px 12px}
	.menuPath ul{padding: 0; color: #000099; font-family: "KPNAccentNormal"; font-size: 18px}
		.menuPath ul li{color: #000099; display:inline-block; float:left}
			.menuPath ul li a{color: #000099}
		.menuPath .divider{float:left; display:inline-block; width: 8px; height:8px; margin: 11px 9px 0px 9px; background: url(/images/sprite_separated.png) -2px -2px}

.menuTree, .menuTree ul{margin:0; padding:0; color:#fff; font-family: "KPNAccentNormal"; font-size: 14px;list-style:none}
.menuTree{background: #4a994e}
	.menuTree a {display:block; padding: 8px 25px 9px 19px; text-decoration:none}
	.menuTree li.level0{}
	.menuTree a{border-bottom: 1px solid #34743e;border-top: 1px solid #75ad70;cursor:pointer}
	.menuTree li.hasSub a{background: url(/images/plus_white.png) no-repeat 93% center}
	.menuTree li a.itemsubLink:hover{text-decoration:underline}

	.menuTree ul{display:none}
	.menuTree li.levelActive ul{display:block}
		.menuTree li.levelActive.hasSub a{background: url(/images/minus_white.png) no-repeat 93% center;}
		.menuTree li.levelActive .menuTreeLevel1 a{background:none}
	.menuTree li .menuTreeLevel1 {background: #ebeded; color:#000}
	.menuTree li .menuTreeLevel1 a{padding: 8px 25px 10px 19px;background: none;border-bottom: 1px solid #a8a6a5;border-top: none}
	.menuTree li .menuTreeLevel1 li:first-child a{box-shadow: inset 0px 5px 7px -2px #908e8d}
	.menuTree li .menuTreeLevel1 li:last-child a{box-shadow: inset 0px -5px 7px -2px #908e8d}
	.menuTree li .menuTreeLevel1 a:hover, .menuTree li .menuTreeLevel1 a.active{padding: 8px 25px 8px 19px; background: #fff; border-bottom: 3px solid #4a994e; color:#4a994e; text-decoration:none}
	
.searchBox{padding-bottom:20px;}
/* end PAGING */


/* FORMS */

.inputTxt{box-sizing: content-box; -moz-box-sizing:content-box; height:26px; line-height: 26px; padding: 0 5px; background: #fff; border: 1px solid #e4e5e7; border-top: 1px solid #adadaf;box-shadow: inset 0px 3px 5px 0px #f4f4f4}
	.inputTxt.disabled{background: #eee}
.txtArea{box-sizing: content-box; -moz-box-sizing:content-box; width: 325px; height: 75px; padding: 5px; border:1px solid #e4e5e7; border-top: 1px solid #adadaf; box-shadow:inset 0px 3px 5px 0px #f4f4f4}	

/* radio and checkbox */
.radioMainHolder .customRadiobox{float:left; height: 20px; width:20px; margin: 0 10px 0 0; background:url("/images/form_sprite.png") no-repeat -2px -2px;}
.radioMainHolder .customRadiobox.selectedRadiobox{background:url("/images/form_sprite.png") no-repeat -24px -2px;}
.radioMainHolder .radioBoxHolder{position: relative; padding: 0 25px 9px 0; display: block}
.radioMainHolder.radioMainHolderOneLine .radioBoxHolder, 
.radioMainHolder#login_gender .radioBoxHolder, 
.radioMainHolder#representative_address_type .radioBoxHolde, 
.radioMainHolder#contract_map_type .radioBoxHolder,
.radioMainHolder#customer_delivery_address_same_as_contract .radioBoxHolder,
.radioMainHolder#customer_invoice_address_same_as_contract .radioBoxHolder,
.radioMainHolder#contact_gender .radioBoxHolder,
.radioMainHolder#customer_invoice_billing_details_same_as_contract .radioBoxHolder{display: inline-block; float:left}
	.radioMainHolder .radioBox{position: absolute; left: 4px; top: 2px; opacity: 0;filter: alpha(opacity=0);}
	.radioMainHolder .labelText{float:left; color:#000000; font-family: 'Arial'; font-size:12px;line-height: 21px;}
	
.checkBoxHolder{position:relative; display:block}
	.checkBoxHolder .customCheckbox{float:left; height: 20px; width:20px; margin: 0 10px 0 0; background:url("/images/form_sprite.png") no-repeat -23px -24px;}
	.checkBoxHolder .customCheckbox.selectedCheckbox{background:url("/images/form_sprite.png") no-repeat -2px -24px;}
	.checkBoxHolder .customCheckbox.disabledCheckbox{background:url("/images/form_sprite.png") no-repeat -43px -24px;}
	.checkBoxHolder .customCheckbox.selectedCheckbox.disabledCheckbox{background:url("/images/form_sprite.png") no-repeat -2px -44px;}
	.checkBoxHolder .checkBoxHolder{position: relative; padding: 0 25px 9px 0; display: block}
	.checkBoxHolder.customCheckboxOneLine .checkBoxHolder{display: inline-block; float:left; padding-bottom:0}
		.checkBoxHolder .checkBox{position: absolute; left: 3px; top: 2px; opacity: 0;filter: alpha(opacity=0);}
		.checkBoxHolder .labelText{float:left; color:#000066; font-family: 'FrutigerLTProLight'; font-size:12px; line-height:18px}	
		.form .checkBoxHolder .labelText{width:85%; display:inline-block}	

.selectHolder{position: relative;height: 28px;margin: 0 0 9px; font-family:'Arial';display: inline-block;}
	.selectHolder select{height:27px !important;width: 100%; position:absolute; left:0; top:0; opacity:0; filter: alpha(opacity=0);font-family:Arial}			
	.selectHolder .customStyleSelectBox{display:inline-block; float:left;border: 1px solid #e4e5e7;border-top: 1px solid #adadaf;box-shadow: inset 0px 3px 5px 0px #f4f4f4;}		
		.selectHolder .customStyleSelectBox .customStyleSelectBoxInner{display:inline-block;line-height:25px;padding: 0 9px 0 5px; float:left}		
		.selectHolder .customStyleSelectBox .selectArrow{display:inline-block; float:right; height: 25px; width:27px; background: url(/images/form_sprite.png) no-repeat -68px -31px}		
				
/* form seperated class */	

/*UDComponent*/
.error_msg{display: none}
.err .error_msg{display: block}
.errLight {color: #ff8e8e}
	.errLight label {color: #ff8e8e}
	.err input, .err textarea, .errLight input, .errLight input, .errLight textarea, .errLight .selectHolder .customStyleSelectBox   {border:1px solid #ff8e8e}

/*UDComponent*/
.form{color: #000;font-family: 'Arial';font-size: 12px;}
	.form .inputGroup{padding: 0 0 9px}	
	.form .inputHolder{padding: 0 0 10px;}	
	.form .inputHolder.inputParagraph p{padding:0}	
	.form .inputHolder.UDsucc{background: url("/images/check_green.png") no-repeat 95% 5px}	
	.form .inputHolder.errLight{background: url("/images/error.png") no-repeat 95% 5px}	
	.form .inputHolder.inputSecureCode.errLight{background: url("/images/error.png") no-repeat 95% 15px}	
	.form .inputHolder .inputLeft{float:left; width:230px; margin: 0 7px 0 0}	
		.form .inputHolder .inputLeft .labelMain{display:inline-block; margin: 6px 0 0;color:#111111; font-family:'FrutigerLTProLight'; font-size: 12px}	
		.form .inputHolder.inputSecureCode .inputLeft .labelMain{margin:10px 0 0}		
		.form .inputHolder.inputHolderRadio{padding: 0 0 3px}	
			.form .inputHolder.inputHolderRadio .inputLeft .labelMain{margin: 0px 0 0}	
.UDrow.inputHolder.inputHolderRadio{padding: 0 0 4px;}
		.form .ast{padding: 0 0 0 3px}	
		.form .mandatoryField{color:#000099; font-family:'KPNSansRegular'; font-size: 12px}	
		.form .smallTxt{padding:0;color:#969595; font-family:'KPNSansRegular'; font-size: 10px;display: block;}	
		.form .smallTxt.smallTxtPadding{padding: 0 0 20px}
		.form .sign{padding: 0 5px 0 0; color:#000099; font-family:'KPNSansRegular'; font-size: 12px}	
	.form .inputHolder .inputRight{float:left; width:337px;line-height: 28px;}
	.form .inputCaptcha{width:95px; float:left; margin: 12px 0 0}
	.form .inputTxt{width:190px}
	.form .inputTxt.inputSmall{width:80px;margin-right: 6px}
	.form .postal-code-small-input .inputTxt{width:80px;}
	.form .inputTxt.inputSmallest{width:58px;}
	.form .inputTxt.inputSmallOption{width:44px; margin: 0 10px 0 0}
	.form .inputDateHolder .inputTxt.inputSmall{width: 15px; margin: 0}
	.form .inputDateHolder .inputTxt.inputMedium{width: 30px; margin: 0}
	.form .inputFileHolder{display: block; position:relative; margin: 5px 0}
		.form .inputFileHolder .inputFileStyle{display:block; position: relative; z-index:2; height: 27px; line-height:27px}
			.form .inputFileHolder .inputFile{width:100%; position: absolute; left:0; top:0; z-index:1;height: 27px; line-height:27px; opacity:1}
			.form .inputFileHolder .inputTxt{width: 235px; float:left}
			.form .inputFileHolder .bttnHolder{float:right; padding: 0 3px; width:142px; max-width:142px; text-align:center}
		.uploadedContentHolder{width: 80%}
			.uploadedContentHolder .download{display:inline-block; float:left}
			.uploadedContentHolder .bttnLink{display:inline-block; float:right}
	/* input medium */
	.form .inputTxt.inputMedium, 
	.form .inputTxt#representative_postal_code, 
	.form .inputMediumHolder .inputTxt,
	.form .inputTxt#customer_contract_postal_code,
	.form .inputTxt#customer_invoice_postal_code,
	.form .inputTxt#contact_postal_code,
	.form .inputTxt#customer_invoice_po_box{width:128px; margin: 0 9px 0 0}
	.form .inputSecureCode .imgSecurityCode{float:left; margin: 0 9px 0 0}	
	.form .inputSecureCode .inputSmall{float:left; margin: 12px 0 0}	

.form.formSmall .inputHolder .inputLeft{width:40%}	
.form.formSmall .inputHolder .inputRight{width:55%}
.form.formSmall.formSmallcomponent{padding: 10px 0 0}
	.form.formSmall.formSmallcomponent .inputTxt{width:200px}
	.form.formSmall.formSmallcomponent .inputTxt.inputSmall{width:44px}
	
.form .inputHolder.inputForgottenPassword .inputTxt{float:left; margin: 0 15px 0 0}	
.form .inputHolder.inputForgottenPassword .bttnHolder{float:left}	
.form .inputHolder.inputBttnHolder.holderNoPadding{padding-top: 0px}	
.form .inputHolder.inputBttnHolder{padding-top: 12px}	
	.form .inputHolder.inputBttnHolder .bttnHolder{float:right}	
	.form .inputHolder.fullWidthBttns{padding: 5px 0 0}	
		.form .inputHolder.fullWidthBttns .bttnHolder, .form .inputHolder.fullWidthBttns .bttnLink{float:right;margin: 0 0 0 10px}	
	.form .inputHolder.inputBttnMany .bttnHolder, .form .inputHolder.inputBttnMany .bttnLink{float:left; margin: 0 10px 0 0}	
	
.form .boxContent{height: 100px; margin: 0 0 10px; overflow:auto; border:1px solid #e4e5e7; border-top: 1px solid #adadaf; box-shadow:inset 0px 3px 5px 0px #f4f4f4}	
	.form .boxContent .listLine{display:block; padding: 3px 5px; color: #000; border-top: 1px solid #e4e5e7}
	.form .boxContent .listLine:first-child{border-top: none}
		.form .boxContent .listLine.listLineSelected{background: #003f78; color: #FFF}

/* log in form */
.loginFormHP {border: 1px solid #c1c1c1; border-radius: 4px 0px 4px 4px; overflow: hidden;position: absolute;z-index: 101;background-color: #fff;right: 0px;top: 24px;display: block;}
	.loginBttnHolder{position:relative; float:right}
	.loginBttn{display:block; padding: 6px 8px 3px 8px; height:14px; line-height:14px; position: relative; z-index: 102}
	.loginActive .loginBttn{height: 24px; line-height:24px; padding: 0px 7px 0px 7px; background: #fff; border: 1px solid #c1c1c1; border-bottom: none; border-radius: 4px 4px 0 0}
	.form.formLogin{padding: 20px 14px 9px 14px;background: #fdfdfd; background: -moz-linear-gradient(top,  #fdfdfd 0%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#e5e5e5)); background: -webkit-linear-gradient(top,  #fdfdfd 0%,#e5e5e5 100%); background: -o-linear-gradient(top,  #fdfdfd 0%,#e5e5e5 100%); background: -ms-linear-gradient(top,  #fdfdfd 0%,#e5e5e5 100%); background: linear-gradient(to bottom,  #fdfdfd 0%,#e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e5e5e5',GradientType=0 )}
	.form.formLogin .inputTxt{width: 203px}
	.form.formLogin .inputTxt.inputSmall{width:85px; float:right}
	.form.formLogin label{display:block; padding:0 0 9px; font-family: 'FrutigerLTPro-Light'; font-size: 12px}
	.form.formLogin .checkBoxHolder{padding-bottom:4px}
	#login_cancel{float:right; margin: 5px 10px}

/* funnel form */	

.formFunnel, .formSeparated{width:628px}	
	.formFunnel h1{padding: 0 0 7px; margin: 0 0 10px; border-bottom: 1px solid #4242a9; color: #000099; font-family: "KPNAccentBold"; font-size: 14px; line-height:16px;}	
	.formFunnel h2{padding: 0px 0 16px 0; color: #000099; font-family: "KPNAccentBold"; font-size: 14px; line-height:16px;}	
	.formFunnel .linkBack{margin: 3px 0 0;display: inline-block;}	
	.form .inputFileHolder .inputFileStyle{background:#fff}
	.form .inputSeparator .inputFileHolder .inputFileStyle{background:#F0F3E8}
	.form.formFunnel .inputFileHolder .inputTxt{width:175px}	
	.form.formFunnel .inputFileHolder .bttnHolder{width:130px}	
	.inputSeparator .number{background-color: #011A99; border-radius: 4px 4px 4px 4px; color: #FFFFFF; display: inline-block; width:23px; float: left; font-family: 'KPNAccentBold'; font-size: 14px; line-height: 23px; margin: 0 10px 0 0; text-align: center; }
	
	h2.userType{padding: 0 0 17px;color: #000099; font-family: "KPNAccentBold"; font-size: 14px; line-height:16px;}	
		h2.userType span{padding: 0 0 0 5px}	
		h2.userType a{color: #000099;}	
	.form.formChooseUser .inputHolder.inputBttnHolder .bttnHolder {float: none}	

/* formUserInformation */	

.formUserInformation dt{float:left; width:230px; margin: 0 7px 0 0;color: #000099;}
.formUserInformation dd{float:left; width:337px; margin:0}
.formUserInformation dl{clear:both; padding:0; margin:0}
.formUserInformation dl dt{clear:left}
.formUserInformation h2{padding:12px 0}
	
/* form tight */

.form.formTight{}
	.form.formTight  .inputHolder .inputLeft {margin: 0 4px 0 0;width: 200px}
	.form.formTight  .inputHolder .inputRight{width: 270px}
	.form.formTight .inputTxt {width: 260px}
	.form.formTight .inputTxt.inputCaptcha{width:95px;float:left}
	.form.formTight .txtArea {width: 260px}
	.form.formTight.formHighTxt .txtArea {height:150px}
	.form.formTight .inputTxt.inputSmall{margin: 0 25px 0 0;width: 44px}
	
/* formFancy */
.form.formFancy{padding: 0 5px 5px 5px}	
	.form.formFancy .inputTxt{width:214px}	
	.form.formFancy .inputHolder .inputLeft{float:left; width:40%}
	.form.formFancy .inputHolder .inputRight{float:right; width:48%}
	.form.formFancy .inputHolder .inputLeft .labelMain, .form.formFancy .inputHolder .labelTxt{display:inline-block; margin: 4px 0 0;color:#333; font-family:'KPNAccentNormal'; font-size: 12px}
	
/* form Color */

.formColor{padding: 6px 0 0}
	.formColor h3{padding:0; color: #000099; font-family: "KPNAccentBold"; font-size: 12px}
	.formColor .inputHolder .inputLeft{width:40%}
	.formColor .inputHolder .inputRight{width:55%; float:right}
		.formColor .inputHolder .inputRight .inputTxt{width:95%}		
		.formColor .inputHolder.inputBttnStyle{margin: 0 11px 40px 0}		
		
/* form formHidden */
.form.formHidden{border-top:1px solid #adadad}
/* form formSmallest */
.form.formSmallest{color:#333; font-family: "KPNAccentNormal"}
.form.formSmallest .inputSeparator{margin: 0 0 11px}
	.form.formSmallest	 .inputHolder .inputLeft{width:40%; margin:0}
	.form.formSmallest	 .inputHolder .inputRight{width:58%; float:right}
	.form.formSmallest	 .inputHolder .inputRight .inputTxt{width:210px}
	.form.formSmallest .inputHolder.UDsucc {background-position: 99% 5px}		
	.form.formSmallest .inputHolder.errLight {background-position: 99% 5px}		
	
.form.formSmallest.formSeparator{padding: 0 0 9px}
	
/* form Grey */
.formGrey{padding: 11px 14px; background: #f1f1f1; border: 1px solid #c1c1c1; font-family:'KPNSansRegular'; font-size: 12px}		
	.formGrey h2{padding: 0 0 9px; color:#333; font-family:'KPNAccentBold'; font-size: 12px}		
		
.inputSeparator{padding: 10px 11px 9px 11px; margin: 0 0 19px; background:#f0f3e8}
	.inputSeparator .downloadContract{padding: 6px 0 0}
		.inputSeparator .downloadContract a{display:block; padding: 3px 0 0; color:#000099}
	.inputSeparator a{color:#000099}

.checkBoxLong.checkBoxLongAlone{margin: 0 0 5px}
.checkBoxLong .customCheckbox{float:right; margin: 0}
.checkBoxLong .labelText{color:#000099; font-family: "KPNAccentBold"; font-size:12px}
	
.userBox{padding: 7px 20px 6px 40px; margin: 9px 0 11px 0; border-radius: 4px; color:#333; font-family:'FrutigerLTProLight'; font-size: 12px}
.userBox.noPaddingTopBox{margin: 0px 0 11px 0}
.userBox.successBox{border: 1px solid #97c900; background: #d6e998 url(/images/check_green.png) no-repeat 12px 9px}
.userBox.errorBox{border: 1px solid #ff8e8e; background: #fee8e8 url(/images/error.png) no-repeat 12px 7px}
	.justError{color:#333; font-family:'FrutigerLTProLight';font-size: 12px }
.userBox.alertBox{border: 1px solid #fadc50; background: #faf0c1 url(/images/alert.png) no-repeat 10px 7px}
	
.bttnHolder.bttnUppercase{text-transform:uppercase; font-family: 'KPNAccentBold';}	

.formFunnelHolder .formFunnel{float:left}

.editBox {width: 273px; padding: 8px 10px 6px 10px; margin:-8px 0 0; float:right; background: #fff; border:1px solid #c1c1c1; border-radius: 5px}
	.editBox h2{padding: 0 0 7px;
margin: 0 0 10px;
border-bottom: 1px solid #4242a9;
color: #000099;
font-family: "KPNAccentBold";
font-size: 14px;
line-height: 16px;}
	.editBox dl{margin:0; padding:0; color:#333; font-family: 'KPNSansRegular'; font-size:12px}
	.editBox dl dt{display:inline;width: 125px; padding: 0 0 4px; margin:0; float:left}
	.editBox dl dd{display:inline;width: 125px; padding: 0 0 4px; margin:0; float:left}
	.editBox a{color:#000099}
	.editBox dl h3{padding: 14px 0 0;margin: 0px;color: #000099;font-family: "KPNAccentBold";font-size: 12px;line-height: 14px;}
	
.editBox dl dt{clear:left}
	
.editBox .UDCOmponent{margin: 14px 0 0}	

/* BOXES */

.boxGray{background-color: #f3f3f3;padding:20px 15px 10px 15px; border: 1px solid #c8c8c8;border-radius: 4px;}
	.boxGray h3 {font-family: 'KPNAccentBold'; font-size:14px; line-height:14px; color: #161e72; margin: 0;}

.sectionBoxTwoColumns{width:100%}	
	.sectionBoxTwoColumns .sectionBox{width:50%; float:left; border:none}	
	.sectionBoxTwoColumns .sectionFileContent .sectionBoxLeft{width:60%; float:left; font-size:12px}	
	.sectionBoxTwoColumns .sectionFileContent .sectionBoxRight{width:38%; float:right}	
		.sectionBoxHolder .sectionBoxTwoColumns .formSection{width:435px}
			.sectionBoxHolder .sectionBoxTwoColumns .formSection .inputLeft{}
			.sectionBoxHolder .sectionBoxTwoColumns .formSection .inputRight{width:198px}
		.sectionBoxTwoColumns .sectionBox:first-child .sectionBoxInner{min-height:100%;border-right:1px solid #c1c1c1}	
		/*.sectionBoxTwoColumns .form .inputHolder .inputLeft{width:52%}
		.sectionBoxTwoColumns .form .inputHolder .inputRight{width:45%}*/
		.sectionBoxHolder  .sectionBoxTwoColumns .sectionBoxContent{float:none; width:100%}
	
.sectionBoxHolder{border:1px solid #acadc4; border-radius: 3px; overflow: hidden}
	.sectionBoxHolder .formSection{width: 600px; padding: 0 19px 10px 19px}
	.sectionBoxHolder .sectionHeader{background: url("/images/bttn_orange_silver_sprite.png") repeat-x 0 -2px;border: 1px solid #c82800;;padding: 4px 17px 6px 19px;margin: 0  0 10px; color:#fff; 	font-family: "FrutigerLTProLight"; 	font-size:12px; line-height:16px; }	
		.sectionBoxHolder .sectionBoxGraphic .sectionHeader{margin:0}	
		.sectionBoxHolder .sectionHeader .sectionHeaderLeft{float:left; width:57%; display:inline-block}
		.sectionBoxHolder .sectionHeader .sectionHeaderRight{float:right; width:40%; display:inline-block; font-size: 11px; text-align:right}
		
	.sectionBoxHolder .sectionContent{padding:0px 19px 19px 19px;color:#444; font-family: "KPNAccentNormal"; font-size: 14px}
	.sectionBoxHolder .sectionBoxContent{float:left; }
		.sectionBoxHolder .sectionBoxContent dl, .info dl{padding: 0; margin:0; float:left; clear:both; width:100%; color:#444; font-family: "KPNAccentNormal"; font-size: 14px}

			
			.sectionBoxHolder .sectionBoxContent dl dt, .info dl dt{float:left; width:50%; margin:0; padding: 0; color:#000099;font-family: "KPNAccentBold";font-size:12px}
				.sectionBoxHolder .sectionBoxContent dl dt h3, .info dl dt h3{padding:0; color:#000099; font-family: "KPNAccentBold"; font-size: 14px; line-height:20px}
			.sectionBoxHolder .sectionBoxContent dl dd, .info dl dd{float:left; width:50%; margin:0; padding: 0;word-wrap:break-word}
		
		.sectionBoxHolder .sectionBoxContent dl dt, .info dl dt {clear: left}
	/* check*/
		.componentHolder .componentInfo{width:60%}
		.componentHolder .componentInfo dl{padding: 0; margin:0; float:left; clear:both; width:100%; color:#444; font-family: "KPNAccentNormal"; font-size: 14px}		
			.componentHolder .componentInfo dl dt {clear: left;}
			.componentHolder .componentInfo dl dt,.componentInfo dl dd{float: left; margin: 0; padding: 0; width: 50%; }
			.componentInfo dl dt{ color:#000000}
		
.sectionBoxHolder.sectionBoxTabs{border-radius: 0px 0px 5px 5px}	
	.sectionBoxHolder.sectionBoxTabs .tab_content{width:100%; float:none; top:0}
	.sectionBoxHolder.sectionBoxTabs .ui-jqgrid .ui-pager-control .selectHolder {min-width: 80px;margin: 0px}
	.sectionBoxHolder.sectionBoxTabs .userTools {padding: 13px 0}
	.sectionBoxHolder.sectionBoxTabs .tabContentInner {padding:0 9px}
	.sectionBoxHolder.sectionBoxTabs #profile_tab .tabContentInner {padding:0}
	
.componentHeader{padding: 0 0 4px}	
	.componentHeader a{color:#000099; font-size:12px}	
.componentInfo{padding: 0 0 10px}		

.infoBox{padding:7px 0 0;}
.infoBox dl{margin-bottom: 14px}
.infoBox .infoBoxInner{float: left;width: 50%}
.infoBox .infoBoxInner.Left{width: 49.6%}

/*HOME PAGE BOX*/

.homePage{min-height: 218px; font-size: 12px;  font-family: 'KPNSansRegular';line-height: 16px}
	.homePage h2{padding: 0 0 6px; font-size: 18px; color: #000099; font-family: 'KPNAccentNormal';line-height: 20px}

.homePage .productBox .productBoxInnerLeft{width: 138px;float: left; margin-right: 30px;}
.homePage .productBox .productBoxInnerRight{width: 138px;float: left;}
.homePage .productBox .imageHolder{margin: 0 0 17px}
.homePage .productBox h2{padding: 0 0 16px}
.homePage .productBox ul{font-family: 'KPNSansRegular';font-size: 12px; line-height: 12px;list-style-image: url('/images/green_point_ul.png');padding: 0 0 0 12px;}
	.homePage .productBox ul li{padding: 0 0 5px}	
	
	
.homePage .boxGray{padding: 17px 13px 10px 13px}
	.homePage .boxGray h2{padding: 0 0 20px}
	.homePage .boxGray ul {padding:0; margin:0; list-style: none;}
	.homePage .boxGray li{background: url('/images/check_green.png') no-repeat 0 1px; font-family: 'KPNAccentNormal'; font-size: 14px; line-height: 18px; color:#333333; padding: 0 0 17px 23px}

.homePage .newsBox  h2{padding: 0 0 8px; font-size: 18px; color: #000099; font-family: 'KPNAccentNormal';line-height: 20px}
	.homePage .newsBox  h2 a{color: #000099; }
	.homePage .newsBox  .contectbox_content{padding: 0 0 15px}
		.homePage .newsBox  .contectbox_content p{padding: 0}

.homePage .boxGreenHolder{margin: 27px 0 0; border-radius: 4px;overflow: hidden;}
	.homePage .boxGreen {padding: 17px 15px 14px;border: 1px solid #c8c8c8;border-radius: 4px; background: rgb(32,154,0); /* Old browsers */ background: -moz-linear-gradient(left,  rgba(32,154,0,1) 0%, rgba(146,199,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(32,154,0,1)), color-stop(100%,rgba(146,199,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left,  rgba(32,154,0,1) 0%,rgba(146,199,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left,  rgba(32,154,0,1) 0%,rgba(146,199,0,1) 100%); /* Opera 11.10+ */     background: -ms-linear-gradient(left,  rgba(32,154,0,1) 0%,rgba(146,199,0,1) 100%); /* IE10+ */ background: linear-gradient(to right,  rgba(32,154,0,1) 0%,rgba(146,199,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#209a00', endColorstr='#92c700',GradientType=1 ); /* IE6-9 */ } 
	.homePage .boxGreen p{font-size: 12px; color: #fff; font-family: 'KPNSansRegularItalic'; line-height: 16px;padding-bottom: 15px;}
	.homePage .boxGreen .boxGreenRight {float: right}
	.homePage .boxGreen .boxGreenRight p{padding: 0}
	
/* TABS */
.tabsBorder{height: 5px; line-height: 5px; background: #fff; border: 1px solid #c1c1c1; border-bottom: none}
ul.Tabs, ul.Tabs_inv{margin:0px -5px 0px 0px;padding:0px;list-style:none; font-size:13px; line-height:16px; height:27px; width:948px;border: 1px solid #c1c1c1;border-bottom: 0;background: url("/images/tabs-background.png");border-radius: 3px 3px 0 0;}
	ul.Tabs li,
	ul.Tabs_inv li {
	position:relative; 
	z-index:1;
	float:left;
	border-top: 1px solid #fff;}
	
	ul.Tabs a,
	ul.Tabs_inv a {display:block; padding: 4px 13px 4px 13px; height:15px; color:#7e7681; font-family: 'FrutigerLTProBold'; text-decoration:none; text-align:center;border-right: 1px solid #c1c1c1;}
	ul.Tabs li.active, ul.Tabs li:hover ,
	ul.Tabs_inv li.active, ul.Tabs_inv li:hover {background:#fff; z-index:3;color: #da0b00}
		ul.Tabs li.active a, ul.Tabs li:hover a ,
		ul.Tabs_inv li.active a, ul.Tabs_inv li:hover a {color:#da0b00}
	
	ul.Tabs li.active, ul.Tabs_inv li.active {padding-bottom: 1px;}

	.TabContent {padding:10px 20px 20px 20px; background-color:#6a9146; color:#ffffff}
	
.tabMenuSpan{}
.tab{position:relative; z-index:1;margin:0 5px 0 0; padding:6px 40px 5px 40px; margin-bottom:1px; line-height:14px; white-space:nowrap;float:left; background:url("../images/tabMenu.png") 0px 0px repeat-x;  text-align:center; border:1px solid #87a3c5; border-bottom:none;
	border-radius: 5px 5px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none !important;
	color:#182f7c
}
.tabActive{background:#ffffff;  padding:6px 40px 6px 40px; margin-bottom:0px; border:1px solid #d2d2d2; border-bottom:none !important;  z-index:3; position:relative;  color:#333333}

.language_selector_holder.tabsHolder{margin: 10px 0 20px 0}
	.language_selector_holder.tabsHolder  ul.Tabs_inv li{padding: 7px 13px 4px 13px; height:15px; color:#182f7c; font-family: 'KPNSansRegular'; text-decoration:none; text-align:center; }
	.language_selector_holder.tabsHolder  ul.Tabs_inv li.active{color:#fff}
		.language_selector_holder.tabsHolder  ul.Tabs_inv li:hover{color:#fff;cursor:pointer}
	/* end TABS */

/* grid restyle */	
/*.ui-jqgrid .ui-jqgrid-hdiv { padding: 0; background: #62ba00; background: -moz-linear-gradient(top,  #62ba00 0%, #059700 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62ba00), color-stop(100%,#059700)); background: -webkit-linear-gradient(top,  #62ba00 0%,#059700 100%); background: -o-linear-gradient(top,  #62ba00 0%,#059700 100%); background: -ms-linear-gradient(top,  #62ba00 0%,#059700 100%); background: linear-gradient(to bottom,  #62ba00 0%,#059700 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62ba00', endColorstr='#059700',GradientType=0 ); border:none; border-left:none !important }	 	*/
.ui-jqgrid .ui-jqgrid-hdiv { padding: 0;background: #fd6000; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkNjAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiODE4MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fd6000 0%, #b81800 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd6000), color-stop(100%,#b81800)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fd6000 0%,#b81800 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fd6000 0%,#b81800 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fd6000 0%,#b81800 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fd6000 0%,#b81800 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd6000', endColorstr='#b81800',GradientType=0 ); /* IE6-8 */
  border:none; border-left:none !important }	 	
.ui-state-default.ui-jqgrid-hdiv{border:1px solid #c1c1c1 !important; border-bottom: 1px solid #c82800!important;border-top: 1px solid #c82800 !important;}
.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr{background: none; border:none; border-left: 1px solid #cc7d69;height:26px; line-height:26px}
	.ui-jqgrid .ui-jqgrid-htable th:first-child{

		border-left:none
	}
.ui-jqgrid .ui-jqgrid-htable th div { overflow: visible; padding-top: 0px; white-space: normal; text-align: left; padding-left: 10px; padding-right: 10px; color:#fff; font-family: 'FrutigerLTProLight'; font-size:13px; font-weight:normal; }

.ui-jqgrid .ui-jqgrid-bdiv{background: #fff; border:1px solid #c1c1c1; border-top:none; border-radius:0px 0px 3px 3px}

.ui-jqgrid tr.jqgrow td { font-weight: normal; overflow: hidden; white-space: pre; text-align: left; padding: 3px 10px 3px 10px; border-top: 1px solid #c1c1c1; border-bottom: none; border-right:none; border-left:1px solid #e8e8e8; color:#111111; font-family: 'Arial'; font-size: 12px; line-height: 28px; height:28px; cursor: default; }
.ui-jqgrid tr.jqgrow .cellBttn {padding: 3px 5px}
.ui-jqgrid tr.jqgrow .cellBttn .bttnHolder:first-child {margin-right: 3px}

.ui-jqgrid tr.jqgrow td:first-child{border-left:none}

.ui-jqgrid .ui-jqgrid-htable th.sortable{background: url(/images/arrows_white.png) no-repeat 95% center !important;}
.ui-jqgrid .ui-jqgrid-htable th.sortable.sorted-asc{ background: #b81800  !important; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I4MTgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZDYwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)!important;
background: -moz-linear-gradient(top,  #b81800 0%, #fd6000 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b81800), color-stop(100%,#fd6000)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b81800 0%,#fd6000 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b81800 0%,#fd6000 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b81800 0%,#fd6000 100%) !important; /* IE10+ */
background: linear-gradient(to bottom,  #b81800 0%,#fd6000 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b81800', endColorstr='#fd6000',GradientType=0 ) !important; /* IE6-8 */
}
	.ui-jqgrid .ui-jqgrid-htable th.sortable.sorted-asc .ui-jqgrid-sortable{background: url(/images/arrow_white_bottom.png) no-repeat 95% center !important;}
.ui-jqgrid .ui-jqgrid-htable th.sortable.sorted-desc{ background: #b81800; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I4MTgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZDYwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)!important;
background: -moz-linear-gradient(top,  #b81800 0%, #fd6000 100%)!important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b81800), color-stop(100%,#fd6000))!important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b81800 0%,#fd6000 100%)!important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b81800 0%,#fd6000 100%)!important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b81800 0%,#fd6000 100%)!important; /* IE10+ */
background: linear-gradient(to bottom,  #b81800 0%,#fd6000 100%)!important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b81800', endColorstr='#fd6000',GradientType=0 )!important; /* IE6-8 */
}

.ui-jqgrid .ui-jqgrid-htable th.sortable.sorted-desc .ui-jqgrid-sortable{background: url(/images/arrow_white_top.png) no-repeat 95% center !important;}

.ui-jqgrid tr.jqgrow td a {color:#111111}
.ui-jqgrid tr.jqgrow td .bttnHolder {color:#000033}

.ui-priority-secondary td, .ui-priority-secondary td div, .ui-widget-content .ui-priority-secondary td, .ui-widget-content .ui-priority-secondary td div, .ui-widget-header .ui-priority-secondary td, .ui-widget-header .ui-priority-secondary td div{background: #f9f7da}

.ui-jqgrid-labels th.ui-th-ltr {}

.ui-jqgrid .ui-jqgrid-pager { border-left: 0px none !important; border-right: 0px none !important; border-bottom: 0px none !important; border:none; background:none; margin: 0px !important; padding: 10px 0 !important; position: relative; height: 25px; white-space: nowrap; overflow: hidden; }

.ui-state-highlight td, .ui-widget-content .ui-state-highlight td, .ui-widget-header .ui-state-highlight td {
background-color: #3975b8 !important;
color: #fff !important;
}

.ui-state-highlight td a, .ui-widget-content .ui-state-highlight td a, .ui-widget-header .ui-state-highlight td a{ color: #111111; }

.ui-widget-content a {color:#000099}

.ui-widget-content .ui-icon{float:right;display:inline-block; height:8px !important; width: 18px; margin: 14px 13px 0 0; background: url(/images/arrows_sort.png) no-repeat 0px -2px}
.ui-widget-content .ui-icon.ui-icon-circlesmall-plus{background: url(/images/arrows_sort.png) no-repeat 0px -12px}

.ui-jqgrid .ui-pager-control .selectHolder{min-width:80px;margin: 0 0 0 5px}
	.ui-jqgrid .ui-pager-control .selectHolder select{margin: 0}

.ui-jqgrid .ui-widget-content.jqgroup td{border:none;border-top:1px solid #e8e8e8}	
	
.tab_content {

padding: 0;
min-height: 100px;
border: none;
background: none;
position: relative;
z-index: 2;
margin: 0px;
top:-1px
}

.tab_content .delete_news, .tab_content .archivate_news{background: url('/images/bttn_sprite.png');
background-position: 0 -56px;
color: #011a99 !important;
height: 20px;
padding: 0px 15px;
font-family: 'KPNAccentNormal';
font-size: 11px;
line-height: 20px;
cursor: pointer;
border-radius: 5px;
border: 1px solid #adadad;
display: inline-block;
text-decoration: none;}

.gridBttnHolder{display:table; float:left; margin: 12px 10px; line-height: 0px;}
.gridBttnHolder .countInventory{color:#111111; font-size: 12px;font-family: "Arial"}
.gridBttnHolder .countInventory .status_count{font-weight: bold;}
.gridBttnHolder .bttnHolder{margin: 0 0 0 10px}

.profileTabs{margin: 20px 0 0}

/* user tools */

.userTools{padding: 0 0 7px}
	.userTools h1{float:left; display:inline-block; padding:0}
	.userTools h2{float:left; display:inline-block; padding:0;margin: 0;color: #161e72;font-family: 'KPNAccentBold';font-size: 18px;font-weight: normal}
	.userTools .userToolsBttn{float:right; padding: 0px; border-left:1px solid #fff}
		.userTools .userToolsBttn .bttnHolder{float:right; margin: 0 0 0 14px}
	.userTools .inputSearchType{float:right; width:229px; padding: 0 0 0 14px; position:relative}
	.userTools .inputSearchType.inputSearchBorder{border-right: 1px solid #e1e1e1; padding: 0 14px 0 0}
		.userTools .inputSearchType.inputSearchBorder .search-icon{right:14px}
		.userTools .inputSearchType .search-icon{position:absolute; right:0px; top:0}
		.userTools .inputSearchType .inputTxt{width:179px}

/* steps bar */

.steps_bar{margin: 0 0 17px; border:1px solid #c1c1c1; border-radius: 5px; background:#fff}		
	.steps_bar .steps{position:relative; display:block; width: 25%; float:left;  line-height: 30px; background:#fff; color:#2626a1; font-family: 'KPNSansRegular'; text-align:center} 
	.steps_bar.stepBarTwo .steps{width: 50%} 
	.steps_bar.stepBarThree .steps{width: 33%} 
		.steps_bar.stepBarThree .steps.stepLast{width:34%}
		.steps_bar .steps.stepFirst{border-radius: 4px 0 0 4px}
		.steps_bar .steps.stepLast{border-radius: 0 4px 4px 0}
	.steps_bar .stepCurrent{background:#009900}
	.steps_bar .stepCurrent.stepFirst{margin: 0px}
	.steps_bar .stepFinished{position:relative}
		.steps_bar .stepCurrent .stepArrow{background-position: -13px -2px; z-index:11}
		.steps_bar .stepCurrent{color:#fff}
		/*.steps_bar .stepFinishedd .stepArrow{background: url(/images/steps_sprite.png) no-repeat -24px -2px}*/
	.steps_bar .stepArrow{position:absolute;z-index:10;right: -9px; top:0; width: 9px; height: 30px; background: url(/images/steps_sprite.png) no-repeat -2px -2px;}		

	.steps_bar .steps.stepLast .stepArrow{display:none} 

/*loaders*/
.elementLoaderHolder{background: url("/images/loaderBackground.png") repeat scroll 50% 50% #666666;position:absolute;z-index:10000;overflow:hidden;}
.elementLoaderLoader{position:absolute;z-index:10001;width:32px;height:32px;}

/* Banners */
.bannerRotator {overflow:hidden; width:978px; height:334px; border:1px solid #666666}
.bannerVideo {float:left; margin-bottom:20px; border:2px solid #90b562}
.bannerImage {padding-bottom:20px; position: relative; width: 222px;}
.bannerAudio {padding-bottom:20px}
.bannerHtml {}

/*HOME BANNER CAROUSEL*/
.homeBannerCarouselHolder {position: relative;}
.homeBannerCarouselHolder .bttnHolder{position: absolute;bottom: 27px;right:31px;z-index: 100;}	
    
#carousel_nav { text-align: center; margin: 5px 0 0 0; position:absolute; bottom:10px;  z-index:12; width: 100%} 
#carousel_nav a { width: 15px; height: 13px; display: inline-block;background:  url(/images/back_Slide.png) no-repeat; text-indent:-100px}
#carousel_nav a.activeSlide { background:  url(/images/back_activeSlide.png) no-repeat;}

.homeBannerCarouselHolder {position: relative; margin: 0 0 22px 0; }
.homeBannerCarousel { height: 332px; width: 976px; position: relative; z-index: 11;border:1px solid #c8c8c8 ; border-radius:4px;}
.slideItem { height: 334px; width: 978px; padding: 40px 0 0 25px}
.firstRow, .secondRow { display: inline-block; background: url(/images/back_bannerText.png) repeat; font-family: 'Open Sans'; font-weight: 600; padding: 0 20px; } 
.firstRow { font-size: 16px; line-height: 30px}
.secondRow { font-size: 26px; line-height: 40px; margin: 1px 0 0 0}
	
/* TABLES  */
.simpleTable{margin: 0 0 20px; border-collapse: collapse; color:#333; font-family:'KPNAccentNormal'; font-size: 12px}
	.simpleTable td, .simpleTable th{padding: 5px 10px 5px 0; text-align:center}
	.simpleTable .alignLeft{text-align:left}
	.simpleTable .alignRight{text-align:right}
	.simpleTable .alignMiddle{text-align:center}
	.simpleTable th{font-family:'KPNAccentBold'; font-weight:normal}
	.simpleTable .total td{border-top:1px solid #333}
	.simpleTable.alignLeftItems td, .simpleTable.alignLeftItems th{text-align:left}
	.simpleTable.alignLeftItems .alignMiddle, .simpleTable.alignLeftItems .alignMiddle{text-align:center}

.tableExtraInfoLine{float:right}
.dynamicTableHolder{min-height: 200px}
	
/* Teleplan */
.sectionBoxTwoColumns.colorPageHolder{}
	.sectionBoxTwoColumns.colorPageHolder .userBox{display:none}
	.sectionBoxTwoColumns.colorPageHolder .sectionBoxLeft{padding: 8px 0 0; width:54%; color: #000099; font-family:'KPNAccentNormal'; font-size:12px}
		.sectionBoxTwoColumns.colorPageHolder .sectionBoxLeft .sectionBoxInnerContent{padding: 0 11px}
		.sectionBoxTwoColumns.colorPageHolder .sectionBoxLeft h2{padding: 0 0 3px; color: #000099; font-family:'KPNAccentBold'; font-size:14px}
		.sectionBoxTwoColumns.colorPageHolder .sectionBoxLeft p{padding: 0 0 12px}
		.sectionBoxTwoColumns.colorPageHolder .sectionBoxLeft ul li{padding: 0 0 12px}
			.sectionBoxTwoColumns.colorPageHolder .sectionBoxLeft h3{padding: 0 0 3px; color: #000099; font-family:'KPNAccentBold'; font-size:12px}
	.sectionBoxTwoColumns.colorPageHolder .sectionBoxRight{width:46%}
	.sectionBoxTwoColumns.colorPageHolder .sectionBoxRight .lastElement{margin:0}

/*PRODUCT PAGE*/
h2.sectionHeader, 
.productPage h2.sectionHeader {font-family: 'KPNAccentBold'; font-size: 14px;line-height: 14px;border-bottom: 1px solid #ADADAD; margin-bottom: 10px}
.componentInfo{padding: 0 0 10px;}

.productPage {}
	.productPageInner{padding: 8px 0 0;width: 628px; float: left;}
	.productPage h1{font-family: 'KPNAccentNormal';font-size: 18px;line-height: 20px;padding: 2px 0 18px;}
	.productPage .productSelection {font-family: 'KPNAccentBold'; font-size: 14px;line-height: 14px;}
	.productPage h2{font-family: 'KPNSansRegular'; font-size: 12px; color: #000099; }
	.productPage .abonamentHolder {border-top: 1px solid #ADADAD;border-bottom: 1px solid #ADADAD;padding: 14px 0;}
	.productPage .abonamentHolder h2{width:157px; float: left;}
	.productPage .abonamentHolder .radioMainHolder .radioBoxHolder{padding: 0 0 3px}
	.productPage .abonamentHolder .priceHolder{font-family:'KPNAccentNormal'; border: 1px solid #ADADAD;  border-radius: 4px; width: 135px; position:relative; overflow: hidden; color: #333333;float:left; margin-right: 28px; line-height:1.5}
	.productPage .abonamentHolder .priceHolderInner{border-top: 1px solid #fff; border-radius: 3px;padding: 10px 12px 6px 8px; background: #f3f3f3; /* Old browsers */ background: -moz-linear-gradient(top,  #f3f3f3 0%, #d8d8d8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #f3f3f3 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #f3f3f3 0%,#d8d8d8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #f3f3f3 0%,#d8d8d8 100%); /* IE10+ */ background: linear-gradient(to bottom,  #f3f3f3 0%,#d8d8d8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */}
	.productPage .orderMapType {padding: 15px 0;border-bottom: 1px solid #ADADAD;}
	.productPage .createOrderSection h2 {width:157px; float: left}
	.productPage .createOrderSection .createOrderSectionRight {display:inline-block; float:left; width:400px}

	.productPage  .radioMainHolder .priceHolder .radioBox {left: 12px;top: 13px;}
	.productPage .orderYear{font-size: 12px; line-height: 20px;margin-bottom: 4px;}
	.productPage .price{font-size: 30px;  line-height: 36px;}
	.productPage .price .dec{font-size: 12px; vertical-align: top; line-height: 18px;font-family: 'KPNAccentNormal';}

	.productPage .productHolder{padding-top: 10px;}
	.productPage .productHolder h2 {padding: 0}
	.productPage .productHolder .orderProductsH2span{font-family: 'KPNSansRegular';font-size:11px;color: #999999;padding-left: 12px;display: block;}
	.productPage .productHolder .productHolderInner{margin-left: 67px; }
	.productPage .productHolder .productBox {width: 225px; border:  1px solid #ADADAD; border-radius: 4px;border-bottom-left-radius:10px;border-bottom-right-radius: 10px;float: left; margin:20px 29px 20px 0px;}
	.productPage .productHolder .productBoxInner {padding: 12px 10px; }
	.productPage .productHolder .productBox .productBoxDescription{min-height: 335px; border-bottom: 1px solid #ADADAD;margin-bottom: 15px;}
		.productPage .productHolder .productBox .productBoxInner p {padding: 0;}
		.productPage .productHolder .productBox .productBoxInner .productImageHolder{text-align: center;}
		.productPage .productHolder .productBox .productBoxInner h4 {min-height:47px; padding: 0px;  margin:0;font-family: 'KPNAccentBold'; font-size: 12px;line-height: 16px;}
		.productPage .productHolder .productBox .productBoxInner ul {font-family:'KPNSansRegular'; font-size:12px; padding: 0 0 18px 15px; margin: 0;}
		.productPage .productHolder .productBox .productBoxInner .greenPriceIcon{background: url("/images/greenPriceIcon.png") no-repeat; width: 26px; height: 41px; float:left;margin: 8px 0px 0 0;}
		.productPage .productHolder .productBox .productBoxInner .productPriceLabel{display:inline-block; float:right; width: 143px; font-family: 'KPNSansRegular';font-size: 12px;}

	.productPage .productHolder .productBox h3{font-family: 'KPNAccentBold'; font-size:18px; border-bottom: 1px solid #ADADAD; line-height: 20px;margin-bottom: 17px;}
	.productPage .productHolder .productBox .price{display:inline-block; float:right; width:143px; font-family: 'KPNSansRegular'; color:#333333;padding-bottom: 9px;}
	.productPage .productHolder .productBox .productInputHolder .inputTxt {width: 126px;float:right;margin-right: 10px}
	.productPage .productHolder .productBox .productInputLabel{padding: 0 0 0 12px; font-family:'KPNSansRegular';font-size: 12px;float:left;width: 65px;line-height: 25px;}
	.productPage .productHolder .productBox .productInputHolder {border-top: 1px solid #ADADAD;padding: 9px 0;overflow: hidden; border-bottom-left-radius:9px;border-bottom-right-radius: 9px; background: #f3f3f3; /* Old browsers */ background: -moz-linear-gradient(top,  #f3f3f3 0%, #d8d8d8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #f3f3f3 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #f3f3f3 0%,#d8d8d8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #f3f3f3 0%,#d8d8d8 100%); /* IE10+ */ background: linear-gradient(to bottom,  #f3f3f3 0%,#d8d8d8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */}

	.productPage #notificationHolder.border{padding:10px 0 0;border-top: 1px solid #adadad;}
	.productPage .userBox.alertBox {background: #faf0c1 ;padding: 11px 20px 10px 12px;}
	.productPage #errExceedsInventory .checkBoxHolder{margin: 10px 0 0;}
	.productPage #errExceedsInventory h5{font-family: 'KPNAccentBold';font-size: 12px;line-height: 16px; padding: 0px;margin: 0px 0 7px;}

/*BASKET*/
.basketTopHeader {border-bottom: 1px solid #ADADAD;padding-bottom: 7px;margin-bottom: 9px;}
.basketTopHeader .basketLabel{padding: 0;font-family: 'KPNAccentBold'; font-size: 14px;line-height: 14px;color: #000099;float: left;}
.basketTopHeader .basketIcon{width: 14px;height: 14px; background: url("/images/basket_sprite.png") no-repeat;float: right;background-position: -2px 0;}
.basketHolder{padding: 10px; border: 1px solid #ADADAD; font-family: 'KPNSansRegular'; font-size: 12px; line-height:20px;color: #333333;width: 273px;border-radius: 4px;float:right;}
.basketHolder .BasketHeader {padding-bottom: 7px;font-size: 12px;font-weight: normal}
.bigBlueBttn {height: 83px;width: 273px;background: #000099; border-radius: 4px;border:none;font-family: "KPNSansRegular"; font-size: 26px; color:#fff}
.bigBlueBttn:hover {text-decoration: underline;}
.bigBlueBttn:focus{color:#fff}
.bigBlueBttn.disabled{opacity: 0.5;filter: alpha(opacity=50)}
.bigBlueBttn.disabled:hover{text-decoration: none;}
.basketHolder .column1{width:120px; float: left;}
.basketHolder .column2{width:40px; float: left;}
.basketHolder .column3{width:110px; float: right;text-align: right;}
.basketHolder #BasketItemsTotal{ margin-bottom: 13px;}
.basketHolder #BasketItemsServicesTotal{margin-bottom: 15px;}
.separator {display: inline-block;padding: 10px 0 0 0;}
.separator .leftBorder{width:253px; border-top: 1px solid #ADADAD; float:left;margin:4px 0 0;}
.separator .rightPlusIcon{width: 10px;height: 9px; background: url("/images/basket_sprite.png") no-repeat;background-position: -4px -16px;margin-left:10px;float: right;display: inline-block;}	

/* TEXT*/
.grayText{font-family: 'KPNAccentNormal';font-size: 12px;line-height: 14px; color: #333333;display: block;}
.grayText.lightGray {color:#808080;}
.blueTxt{font-family: 'KPNAccentNormal';font-size: 12px; line-height: 12px; color: #000099;padding: 0;margin: 0;font-weight: normal;display: block;}

/* CHARTS */
.graphicHolderMain{}
	.graphicHolderMain h3{color:#3aaa35; font-family:"KPNAcentBold"; font-size: 14px}
	.graphicHolderMain .graphicTitleMain{float:left; width: 58%; padding: 8px 0 0}
	.graphicHolderMain .graphicDateMain{float:right; width: 40%}
.graphicHolder{padding: 0 0 10px; border-top: 1px solid #3AAA35}
	.graphicHolder .graphicLeft{width:640px; height:200px; float:left}
	.graphicHolder .graphicRight{margin: 30px 0 0; width:205px; float:right}
		#colorsMargin{margin:10px 0 0}
			#colorsMargin .graphicColor{display:inline-block;float:left;margin:0 10px 0 0;height:15px;width:15px}
			#colorsMargin .graphicColorTxt{display:inline-block; float:left; width:80%; line-height:15px}
		#colorBlue{background:#003D7C;}
		#colorGreen{background:#3AAA35;}
	.graphicHolder h4{padding:0;color:#444; font-family:"KPNSansRegular"; font-size: 14px}
.graphicHolder.graphicHolderSmall{width: 445px;float:left; margin: 0 0 0 10px;border-top: 1px solid #3AAA35}
	.graphicHolder.graphicHolderSmall .graphicHolderSmallinner{height:210px}
.graphicHolderTwo .graphicHolder.graphicHolderSmall:first-child{margin: 0}

.dateChooseTxtHolder .dateChooseTxt{padding: 0 2px 6px 0; min-width:155px; display: inline-block; float:right; color:#444; font-family:"KPNSansRegular"; font-size: 14px}
	.dateChooseTxtHolder .dateChooseTxt label{float:right; padding: 0 12px 0 0; display:inline-block; line-height: 28px}
	.dateChooseTxtHolder .dateChooseTxt img{float:right}
		.dateChooseTxtHolder .dateChooseTxt label span{line-height: 28px}

/* PSA doctor */

.wrapPSADoctor{font-family: "KPNAccentNormal"; font-size: 12px}
	.wrapPSADoctor .noPadding{padding: 0}
	.wrapPSADoctor p{padding: 0 0 10px; color:#333; font-family: "KPNAccentNormal"}
	.wrapPSADoctor h2{padding: 0 0 12px; color:#333; font-family: "KPNAccentNormal"; font-size:16px}
	.wrapPSADoctor .whiteBox h1{padding: 0 0 7px; margin:0 0 11px; font-family: 'KPNAccentNormal'; font-size: 17.5px; line-height: 22px; color: #009900; border-bottom: 1px solid #009900}
	.wrapPSADoctor .psaDoctorTxtHolder .imageHolder{float:left; width: 191px}
	.wrapPSADoctor .psaDoctorTxtHolder .psaDoctorTxt{float:right; width: 225px}
	
/* thank you */
.thankYouPage{}	
.thankYouPage h2{padding: 0 0 2px;color: #333;font-family: 'KPNSansBold';font-size: 12px;}	

.wrapHomeNew .langActive {border: none;}
.wrapHomeNew .langActive .langActiveInner{border: none;}
.wrapHomeNew .HomePageImage{margin: 0 0 20px;}
.wrapHomeNew h2 {color: #000033;padding: 0 0 4px;margin: 0 0 3px;font-size: 24px;font-family: "Arial"}
.wrapHomeNew .wrapHomeNewContent h2 {padding: 0 0 13px;}
.wrapHomeNew .wrapHomeNewContent p {line-height: 15px;}
.wrapHomeNew .wrapMiddle {border: 1px solid #acadc4;box-shadow: 0px 2px 4px #959595; border-radius: 5px;background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmVjZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #ebecf6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebecf6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ebecf6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ebecf6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ebecf6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ebecf6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebecf6',GradientType=0 ); /* IE6-8 */
}
.wrapHomeNew .wrapMiddle .wrapMiddleInner {padding: 21px 20px 20px 21px;}
.wrapHomeNew .wrapHomeNewContent {float: left;width: 545px; padding:13px 0px 0 0;}
.wrapHomeNew .wrapHomeNewContent p{font-family: 'Arial';font-size: 14px; color: #111;float: left;}
.wrapHomeNew .LogInHolder{float: right;width:333px;border: 1px solid #acadc4; border-radius: 3px;padding: 12px 20px 0 18px;background: #fff;min-height: 213px;}
.wrapHomeNew .LogInHolder .form.formLogin { background: #fff;padding: 0}
.wrapHomeNew .LogInHolder .form.formLogin .inputHolder{padding: 0 0 10px;}
.wrapHomeNew .LogInHolder .form.formLogin .checkBoxHolder{padding: 0 ;width: 222px;float: right;margin-top: -5px;padding-bottom: 2px}
.wrapHomeNew .LogInHolder .form.formLogin .inputTxt{width: 212px;float: right;}
.wrapHomeNew .LogInHolder .form.formLogin .inputSecureCode .inputTxt.inputSmall{width: 138px;}
.wrapHomeNew .LogInHolder .form.formLogin label{font-family:"Arial";padding: 6px 0 0px;float: left;}
.wrapHomeNew .LogInHolder .form.formLogin .checkBoxHolder .labelText{font-family:"Arial";color: #000000;}
.wrapHomeNew .LogInHolder .form.formLogin #login_cancel{ display: none;}
.wrapHomeNew .LogInHolder .form.formLogin .forgotten-pass{float: right;width: 224px;color:#db0100;text-decoration: none;white-space: nowrap;padding-bottom: 8px}
/*.wrapHomeNew .LogInHolder .form.formLogin .bttn.bttnHolder {background-position: 0 -29px;color: #fff;font-family: "KPNAccentNormal" ;text-transform:none;}*/

/*STATUS*/
.status_summery{background: #dfe0e0;padding: 12px 0 15px 22px;border: 1px solid #c1c1c1;border-bottom: none !important;}
.status_summery .status{float: left;width: 33%;font-family: "Arial";font-size: 12px;color: #111111;line-height: 24px;}
.status_summery .status .status-letter{font-weight: bold;width:35px;display:inline-block;}
.status_summery .status .status-label{width: 181px;display: inline-block;}
.status_summery .status .status_count{display:inline-block;min-width: 14px;text-align: right;}

.infoBox h3{font-size: 12px; line-height: 16px;font-family: "Arial"; font-weight: bold;padding: 0 0 0 20px}
.infoBox .UDInforow{font-family: "Arial";font-size: 12px; line-height: 16px;color:#000;}
.infoBox .UDInforow dt {width: 220px;float: left;}

.form.steps{width: 620px;font-family: "FrutigerLTProLight";}
/*.form.steps .inputHolder{padding: 0 0 9px; }
.form.steps .inputHolder .inputLeft .labelMain{font-size: 13px;margin: 5px 0 0;}*/
.form.steps dl{font-family:"FrutigerLTProBold"; padding: 0;margin: 0 0 10px;}
.form.steps .UDInforow dt{border-bottom: 1px solid #e2e3e3;padding:5px 0 4px}
.step_header{background: #e2e3e3;font-family: "FrutigerLTProBold";font-size: 14px;color: #000033;padding: 2px 10px 3px 7px;margin: 0 0 10px}
.step_header .left{float: left;}
.step_header .right{float: right;}
.step{padding-left: 10px}
.form.steps .radioMainHolder .radioBoxHolder{float: left;}
.form.steps .copy-row{ padding:6px 0;}
.form.steps .customStyleSelectBox, select{width: 100%;}
.form.steps .step-copy{margin-left: 22px;color: #db0100;text-decoration: none;}
.form.steps .step-copy:hover{text-decoration: underline;}
.delete{color: #db0100;padding-left: 7px;text-decoration: none;}
.delete:hover{text-decoration:underline;}

#in_progressTableghead_0_0, #in_progressTableghead_0_1,#in_progressTableghead_0_2,
#in_progressTableghead_0_3,#in_progressTableghead_0_4,#in_progressTableghead_0_5,
#in_progressTableghead_0_6,#in_progressTableghead_0_7,#in_progressTableghead_0_8,
#in_progressTableghead_0_9,#in_progressTableghead_0_10,#in_progressTableghead_0_11
 {background:url("/images/status-category-background.png");}


.adressValidation , .bagID {background: #e5e5ea;padding:6px 0 0 10px;margin:0 0 10px -4px;color: #666666;}
.adressValidation .UDInput{min-width: 180px;}

.withArrow{padding: 0}
.arrowBttn{border: none;background: url("/images/arrow-bttn-icon.png") no-repeat 96.5% 50%;color: #fff;padding: 6px 15px;font-family: 'FrutigerLTProLight';text-decoration: none; }
.arrowBttn:hover, .arrowBttn:active{color: #fff;}

.withAddIcon{padding: 0}
.addBttn{border: none;background: url("/images/add-bttn-icon.png") no-repeat 0% 50%;color:#000033;padding: 6px 15px 6px 20px;font-family: 'FrutigerLTProLight'; }
.addBttn:hover, .addBttn:active{color:#000033;}

.customBreadcrumbs{background: url("/images/breadcrumbs-background.png"); height: 26px;border-bottom:1px solid #b2b2b2;margin: -13px -13px 13px;padding:0 0 0;font-size: 12px;font-family: "Arial";}
.customBreadcrumbs a{text-decoration: none;}
.customBreadcrumbs span{background: url("/images/breadcrumbs-arrow.png") no-repeat right 1px;padding: 5px 13px 3px;display: inline-block;}
.customBreadcrumbs span:first-child{color:#da0b00;}

.fancyBoxContent{font-family:"FrutigerLTProLight";font-size: 12px;color:#111111 }
.form.fancyForm .inputLeft{width: 102px;}
.form.fancyForm .inputRight{width: 242px;}
.form.fancyForm .datePicker{width: 84px;background: url("/images/date-picker-icon.png") no-repeat 96% 50%;}
.form.fancyForm .txtArea{width: 231px;height: 90px;}
.form.fancyForm .bttn{float: right;padding: 0 10px 0;}
.form.fancyForm .delete{float: right;margin-right: 11px;}
.form.fancyForm .toRight .delete{padding-top: 6px;}
.thankYouPage{background: #f9f7da;padding: 17px 0 0 20px; position: relative;}
.thankYouPage img{background: #fff;margin: -17px 0 0 0;padding: 0 0 24px 15px; }
.thankYouPage .thank-you-text{width: 444px;line-height: 17px;}
.thankYouPage .thank-you-text ul li{list-style: url("/images/list-image.png");padding-bottom: 6px;}
.thankYouPage .thank-you-text p{padding: 0 0 12px;}
.thankYouPage .bttn{margin: 0 0 10px;position: relative;left: 290px;}

.jqgrow a { text-decoration: none ; }
.jqgrow.ui-state-hover a { text-decoration: underline; }	
.jqgrow.ui-state-hover a.bttnHolder { text-decoration: none; }