/* CSS Document */
html, body {
	margin: 0px !important;
	padding:0px 5px 0px 5px !important;
	height:100% !important;
	font-size:12px;
}

body {
	background:#CCCCCC url(../images/page_bg.gif) repeat scroll 0% !important;
	font-family:"Century Gothic", Arial, verdana;
}

* html #page-container {
	height:100%;
}

#page {
	background-color:#FFFFFF;
	margin:0pt auto;
	min-height:100%;
	text-align:left;
	min-width:999px;
	width:100%;
	max-width:1280px;

}

#container {
	border-top:#336699 7px solid;
	margin-bottom:80px;
}

#page-top{
	border-top:#FFFFFF 3px solid;
	border-bottom:3px solid #FFFFFF;
	font-size:1em;
	font-weight:bold;
}

#footer {
	height:39px;
	margin:-70px auto 0pt;
	position:relative;
	min-width:999px;
	width:100%;
	max-width:1280px;
	padding:19px 0px 12px;
	border-top:#336699 5px;
	background:#456595 url(../images/footer_bg.gif) repeat-x scroll left top

}

.clearer {
	clear:both;
	display:block;
	font-size:1px;
	height:1px;
	line-height:1px;
	margin-bottom:-1px;
}

#logo {
	float:left;
	width:45%;
	margin-left:8px;
}

.ie #logo {

}
div#bookmark {
	margin-left:456px;

	margin-top:-68px;
	
}


#workspace {
	position:relative;
	margin:-10px 0px 0px 5px;
	cursor:pointer;
	float:right;
	height:20px;
}

#top-left {
	float:right;
	padding: 3px 8px 0px 0px;
}

#left {
	float:left;
	width:215px;
	position:relative;
	margin-bottom:30px;
	padding-left:8px;
}

#side-menu-top {
	background:#FFFFFF url(../images/d_side_cut.gif) no-repeat top right;
	height:20px;
	margin:0px 0px 3px 7px;
}

#side-menu-cont {
	background:#FFFFFF;
	margin:0px 0px 0px 7px;
	}

#left-menu-cont {
	padding:5px;
	min-height:350px;
}

.sideSectionWrapper {
	background:#456595 url(/template/images/section_hdr_blue_bg.gif) repeat-x scroll center top;
}
.sideSectionHeaderWrapper {
	background:transparent url(/template/images/section_hdr_blue_tl.gif) no-repeat scroll left top;
	height:32px;
}
.sideSectionHeader {
	background:transparent url(/template/images/section_hdr_blue_tr.gif) no-repeat scroll right top;
	height:32px;
}
.sideSectionHeading {
	background:transparent url(/template/images/section_hdr_blue_bullet.gif) no-repeat scroll 10px 7px;
	padding-left:33px;
	padding-top:7px;
}

#menulogo{
	background:url(/template/images/proteksystem.gif) no-repeat;
	height:40px;
	width:215px;
	margin-top:-5px;
	margin-bottom:5px;
	display:block;
}

#calllogo{
	background:url(/template/images/frontpage/protek_call_sm.png) no-repeat;
	height:67px;
	width:200px;
	margin-top:5px;
	margin-bottom:10px;
	margin-left:-2px;
	display:block;
	cursor:pointer;
}

#right{
	margin-left:230px;
	position:relative;
	margin-right:10px;
}

#right-cont{
	padding:0pt 8px 0pt 5px;
	position:relative;
}

.contpad{
	padding:0px 8px 0px 8px;
}


/*
2 columns left wide, right narrow
*/
#right-cont-col{
	margin-right:250px;
	max-width:100%;
	position:relative;
	vertical-align:top;
}

#right-side-col{
	float:right;
	position:relative;
	width:250px;
	background:#FFFFFF url(/template/images/d_side_cut_r.gif) no-repeat top left;
	min-height:200px;
	border-bottom:#CCCCCC 3px solid;
}

#inner-right{
	position:relative;
	background:#6C9E01 url(/template/images/section_hdr_green_bg.gif) repeat-x scroll;
	padding-bottom:1px;
}

.inner-right{ /* affects home page only since this is class, not ID */
	position:relative;
	background:#6C9E01 url(/template/images/section_hdr_green_bg.gif) repeat-x scroll;
	padding-bottom:1px;
}

#inner-right-container{
	margin:2px 6px 5px 6px;
	background-color:#FFFFFF;
	padding:7px;
}

.inner-right-container{ /* affects home page only since this is class, not ID */
	margin:2px 6px 5px 6px;
	background-color:#FFFFFF;
	/* padding:7px; */
}

#inner-right-containerFDS{
	height: 249px;
	background:url(../images/home/homeShowcaseFDS.jpg) no-repeat;
}
#inner-right-containerHWS{
	height: 249px;
	background:url(../images/home/homeShowcaseHWS.jpg) no-repeat;
}
#inner-right-containerDWP{
	height: 249px;
	background:url(../images/home/homeShowcaseDWP.jpg) no-repeat;
}
#inner-right-containerPVC{
	height: 249px;
	background:url(../images/home/homeShowcasePVC.jpg) no-repeat;
}

#textFDS {
	color: #FFFFFF;
	margin-right:18px;
	padding-left:384px;
	padding-top:10px;
	height: 245px;
	
	
}
#textHWS {
	color: #FFFFFF;
	margin-right:18px;
	padding-left:359px;
	padding-top:10px;
}
#textDWP {
	color: #FFFFFF;
	margin-right:18px;
	padding-left:313px;
	padding-top:10px;
	
	
}
#textPVC {
	
	color: #FFFFFF;
	margin-right:18px;
	padding-left:359px;
	padding-top:10px;
}

	
#additionalProducts {
	color:#666;
	font-size:9px;
}

#additionalProducts a {
	color:#666;
	font-size:9px;
}

.buttonContainer {
	float: right;
	vertical-align:bottom; 
	position: relative;
	width:100%;	
	text-align: right;
	min-width: 395px;
	display:inline;
	
}

.buttonContainer ul {
	padding-top: 7px;

}

.buttonContainer ul li {
	display: inline;
	list-style: none;
	padding: 3px;
	bottom: 0px;
}


#inner-right-left{

	background-color:#EFEFEF;
	margin:-7px 0px 0px -7px;
	padding:7px;
	position:relative;
	float:left;
}

#inner-right-right{
	max-width:100%;
	margin-left:345px;
}

.mainSectionWrapper
{
 background: url(/template/images/section_hdr_green_bg.gif) top repeat-x #6c9e01;
 padding-bottom:6px;
 margin-bottom:10px;
}

.mainSectionHeaderWrapper
{
 background:url(/template/images/section_hdr_green_tl.gif) no-repeat top left ;
 height:32px;
}
.mainSectionHeader{
 background:url(/template/images/section_hdr_green_tr.gif) no-repeat top right;
 height:32px;
}
.mainSectionHeading{
 background:url(/template/images/section_hdr_green_bullet.gif) no-repeat 10px 8px;
 padding-left:33px;
 padding-top:7px;
 color:#FFFFFF;
}
.mainSectionHeading h2 {
	color: #fff;
	font-family: "Century Gothic",Arial,Helvetica,sans-serif;
	font-size:18px;
	font-weight:bold;
}

.f-grey{
	font-size:11px;
	color:#666666;
	font-weight:bold;
}

.f-bold{
	font-weight:bold;
}

a.link-head{
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a.link-head:hover{
	color:#3366CC;
	text-decoration:underline;
}

.inlineEdit{
	width:200px;
	font-size:.75em;
}

.link{
	font-size:.75em;
	color:#0000FF;
}

#loginMsg{
	float:right;
	top:5px;
	margin-right:20px;
	font-size:1em;
	color:rgb(110,110,110);
	margin-right:20px;
}

#login{
	float:right;
	margin-right:200px;
	font-size:1em;
	color:rgb(110,110,110);
}

#login .input{
	font-size:.8em;
	height:12px;
	margin-bottom:2px;
	margin-right:3px;
}

#login .button{
	font-size:.8em;
	margin-bottom:2px;
}


#links{
	float:right;
	top:5px;
	margin-right:5px;
}
#searchbox {
	float:right;
}
#headerText {
	font-size:14px;
	color: #456595;
	float:right;
	margin-right:5px;
}


#footerlinks{
	float:left;
	top:5px;
	margin-left:5px;
	font-weight:bold;
}

#footerlinks a{
	color:#FFF;
}

#footerlinks a:hover{
	color:#FFF;
}

#copy{
	float:right;
	top:5px;
	margin-right:5px;
	font-weight:bold;
	color:#CCCCCC;
}

.caption{
	margin-left:5px;
	font-size:1em;
	padding-bottom:10px;
}
.open {float:right;margin-right:5px;margin-top:5px;}
.openprofile {
	float:right;
	margin-right:5px;
	margin-top:-15px;
	font-size:1em;
}

h1{
	font-size:15px;
}

h2{
	font-size:14px;
}

h3{
	font-size:13px;
}

h1,h2,h3,h4,h5,h6{
	color:rgb(50,101,154);
	margin-bottom:0px;
}

a:link{
	color:rgb(50,101,154);
	text-decoration:none;
}

a:visited{
	color:rgb(50,101,154);
	text-decoration:none;
}

a:hover{
	color:rgb(255,0,0);
}

a:active{
	color:rgb(50,101,154);
	text-decoration:none;
}

#pag-first, #pag-previous, #pag-next, #pag-last {
	font-size:1.4em;
}

#error2{
	width:95%;
	border:solid .05em rgb(255,0,0);
	background:rgb(249,248,195);
	margin-bottom:20px;
	padding:0px 15px 10px 20px;
}

.imgwb{
	border:1px solid #000000;
}


.sideSection
{
	margin:0px 6px 20px 6px;
	padding:0px;
}

/* ########## MENU STYLES ###############*/
ul#menu
{
	background:#567EB9 none repeat scroll 0%;
	border:1px solid #FFFFFF;
}

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size:11px;
  font-weight:bold;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
	margin-top: 1px;
	margin-left: 0px;
}

ul#menu li a {
	background:transparent url(/template/images/nav_bullet_off.gif) no-repeat scroll 5px;
	padding:10px 1px 4px 35px;
	color: #FFF;	
	border-top:1px solid #D3D3D3;
}

ul#menu li a.on{
	background:transparent url(/template/images/nav_bullet_on.gif) no-repeat scroll 5px;
}

ul#menu li a:hover {
	background:transparent url(/template/images/nav_bullet_on.gif) no-repeat scroll 5px;
}

ul#menu li ul li a {
 	padding-left: 13px;
	border-top:none;
	background:transparent url(/template/images/subnav_bullet_off.gif) no-repeat scroll 0px 3px;
	border:0pt none;
	margin-left:25px;
	padding:0px 0px 3px 15px;
	vertical-align:top;
}

ul#menu li ul li a:hover {
	background:transparent url(/template/images/subnav_bullet_on.gif) no-repeat scroll 0px 3px;
}

ul#menu li ul li a.on
{
	background:transparent url(/template/images/subnav_bullet_on.gif) no-repeat scroll 0px 3px;
}

ul#menu li ul li ul li a{
	padding-left: 14px;
	margin-left:35px;
}

ul#menu li ul li ul li ul li a{
	padding-left: 20px;
	margin-left:50px;
}


/* ########## END MENU STYLES ###############*/

/* color picker section */
.colorsq{
	width:21px;
	height:21px;
}
.color_cont
{
	border:1px solid #666666;
	padding:1px;
	background-color:#FFFFFF;
	cursor:pointer;
}
.color_full_cont{
	width:25px;
	float:left;
	padding:3px;
}
.color_highlite{
	background-color:#FFFF00 !important;
}
/* end color picker section */

.panel_required{
    color:red;
    font-weight:bold;
    vertical-align:top;
    padding-top:10px;
}

table.subDataTableBinder td
{
	border:0px;
	padding:0px 3px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-stretch:ultra-condensed;
	line-height:1.4em;
	vertical-align:middle;
}
table.paddedCellsBinder td
{
	padding:1px 5px 1px 5px;
}
table.subDataTableWithBordersBinder td
{
	border-bottom:1px solid #999999;
	vertical-align:middle;
}


/* ########## SITEMAP STYLES ###############*/
ul#sitemap
{
	font-family: "Century Gothic",Arial,verdana;
	color:rgb(50,101,154);
	width: 300px;
}

ul#sitemap, ul#sitemap ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  
  font-size:14px;
  font-weight:none;

}

ul#sitemap a {
  display: block;
  color:#093B77;
  text-decoration: underline;	
}

ul#sitemap li {
	margin-top: 5px;
	margin-left: 0px;
  background-color:#FFFFEE;
}

ul#sitemap li a {
	padding:0px 1px 0px 0px;
	color: #093B77;
	font-size:13px;
}

ul#sitemap li a:hover {
	
	color: #5C9F00;
}


ul#sitemap li ul li a {
 	padding-left: 13px;
	border-top:none;
	
	border:0pt none;
	margin-left:25px;
	padding:0px 0px 3px 2px;
	vertical-align:top;
}

ul#sitemap li ul li a:hover {
	color: #093B77;
}

ul#sitemap li ul li a.on
{
	
}

ul#sitemap li ul li ul li a{
	padding-left: 14px;
	margin-left:35px;
}

ul#sitemap li ul li ul li ul li a{
	padding-left: 20px;
	margin-left:50px;
}

li.sitemapNoLink {
	color:rgb(50,101,154);

}

ul#sitemap li#sitemapSubNoLink {
	color:rgb(50,101,154);
	margin-left:20px;
	font-size: 12px;

}




div.linkBlock {
	border: 1px solid #053368;
	margin-bottom: 3px;
	color:#053368;
}
div.linkBlock a b {
	font-size:14px;
	color:#053368;
	text-decoration:none;
}
div.linkBlock a {
	font-size:12px;
	color:#000000;
	text-decoration:underline;
}

/* STATIC CONTENT PAGES */
#about_us H1 {
	margin-top:5px;
	font-size: 15px;
	font-weight: bold;
}
#about_us H2 {
	margin-top:5px;
	font-size: 14px;
	font-weight: bold;
	color: #ed6907;
}
#about_us H3 {
	margin-top:5px;
	font-size: 13px;
	font-weight: bold;
	color: #6c9e01;
	
}

table.about_apps td {
	color: #4b6a9a;
}

ul.about_apps li {
	color: #4b6a9a;
	list-style-type:square;
}


/* HOMEPAGE ONLY */
	.homeRows {
		margin-left:10px;
	}
	
	
	.homeBox {
	
		float: left;
		width: 314px;
		height: 474px;
 		margin-right: 17px;
	}
	
	.greenHB .headerHomeBox {
		color: white;
		text-align: center;
		background:url(/template/images/home_green_header2.gif);
		
	}
    .headerHomeBox a {
		color: white;
		font-weight: bold;
	}	
	.headerHomeBox h2 {
		font-size:16px;
		line-height: 20px;
		font-weight:bold;
		padding-top: 5px;
		
	}
	.headerHomeBox {
		height: 32px;
	}
	
	.greenHB .imageHomeBox {
	}
	.greenHB .contentHomeBox .descHomeBox {
		background: #92cb1c;
	}		
	.greenHB .contentHomeBox {
		background: #6c9e01;
	}

	.blueHB .headerHomeBox {
		color: white;
		text-align: center;
		background:url(/template/images/home_blue_header2.gif);
		
	}
	.blueHB .imageHomeBox {
	}
	.blueHB .contentHomeBox .descHomeBox {
		background: #567eb9;
	}		
	.blueHB .contentHomeBox {
		background: #4b6a9a;
	}
		

	.imageHomeBox {
		border: 1px white solid;
		width: 286px;
		/* height: 248px; */
		margin: 0 12px 0 12px;
	}
	.descHomeBox {
		width: 274px;
		color: white;
		border-top: 0px white solid;
		border-left: 1px white solid;
		border-right: 1px white solid;
		border-bottom: 1px white solid;
		margin: 0 12px 6px 12px;
		padding: 6px;
		height: 148px;
		overflow: hidden;
	}
	.descHomeBox a {
		color: black;
		text-decoration:none;
	}	
	.homeBox .footer {
		height:12px;
	}