* {
	box-sizing:			-box;
	-moz-box-sizing:	-box;
}

html, body {
  height: 				100%;
  padding: 				0px;
  margin: 				0px;
}

body {
	margin:				0;
	padding:			0;
	background-color: 	#F2F2F2;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
}

@media all {
	.print {
		display: 		none;
	}
}

img {
	border-width:		0;
}

h1 {
	margin:				0;
	font-size:			16px;
}

h2 {
	margin:				0;
	font-size:			12px;
}

h3 {
	margin:				0 0 -10px 0;
	font-size:			11px;
}
h4 {
	margin:				10px 0 30px 0;
	font-size:			12px;
}
form {
	display:			inline;
}

.gridtext>ul	{
	list-style:none;
	margin: 0 0 10px 0;
}
.gridtext>ul>li	{
	margin:4px 0 0 0;
	}
.gridtext>ul>.lifirst	{
		font-weight:bold;
		font-size:			12px;
		}
.hideme {
	display:			none;
}

table#container {
	width:				979px;
	height:				100%;
	
	border-collapse:	collapse;
	padding:			0;
	margin-left:		auto;
	margin-right:		auto;
	
	background-color:	#fff;
}
table#container td {
	padding:			0;
	margin:				0;
	
	vertical-align:		top;
}
table#container td#topcon {
	background:		url(../images/main/topcon_bg_489.gif) repeat-y;
}

div#outercon {
	width:				979px;
	height:				auto;
/*	border-bottom:		1px solid #acacac ;*/

}

div#header {
	width:				979px;
	height:				80px;
	background-color:	#fb0102;
}

div#gispenbar {
	width:				979px;
	height:				63px;
}

div#logo {
	float:				left;
	background-color:	#f00;
	text-align:			left;
	padding-left:		97px;
	padding-top:        4px;
	font-size:			0px;
	line-height:		0px;
}

div#langselect {
	width:				54px;
	float:				left;
	padding:			8px 0 0 15px;
}
	div#langselect img {
		border:				2px groove #ccc;
	}

div#quickbarcon {
	width:					390px;
	height:					18px;
	padding:				16px 0 0 97px;
	float:					left;
}

div#searchcon {
	float:					left;
}

#submitbttn {
	width:					51px;
	height:					15px;
	margin-top:				2px;
    border: 				none; 
    background-color: 		none;
	padding: 				0;
}
#keyword {
	width:					75px;
	height:					16px;
	padding: 				1px 5px 0 5px;
	font-size:				11px;
	border:					2px groove #ccc;
}

div#dropdown {
	float:					right;
	width:					200px;
	padding-top:			1px;
}

/* start quickbar navigation styles */
	div#quickbarcon a,
	div#quickbarcon a:hover {
		text-decoration:	none;
	}
	
	td.quickmainitem {
		width:				197px;
		background-color:	#fff;
		border: 			2px groove #d4d0c8;
		cursor:				pointer;
	}
	
	td.quickmainitem a#test{
		display:			block;
		float:				left;
		width:				174px;
		height:				17px; /* 14 - 4 - 2 */
		padding:			0px 0 0px 3px;
		line-height:		1.5em;
	}
	
	div#quicksubitems {
		position:			absolute;
		z-index:			190;
		border: 			1px groove #000;
	}
	
	a.quicksubitem {
		display:			block;
		width:				165px; /* 173 - 5 - 10 */
		height:				18px;
		padding: 			2px 5px 2px 5px;
		background:			#fff;
		color:				#000;
	}
	a#test, a.quicksubitem:visited {
		color:				#000;
	}
	a.quicksubitem:hover {
		background:			#0a246a;
		color:				#fff;
	}
	a.opener {
		display:			block;
		width:				275px; /* 275 - 0 - 0 */
		height:				14px;
	}
	
/* end of quickbar navigation styles */	

div#logo-gispen a{
	margin:25px 0 0 0;
	float: right;
	width: 133px;
	padding: 4px 0 0 99px;
	color:#FFF;
	font-family:		Arial, Helvetica, sans-serif;
	font-weight:bolder;
	
}

	
div#content {
	width:				979px;
	border-bottom:		1px solid #acacac;
}
	
div#headroom {
	height:				11px; /*31 - 20 - 0 */	
	padding:			20px 0 0 20px;
	border-bottom:		1px solid #acacac;
	background:			#fff;
}	

div#specificationcon {
	width:				979px;
	height:				auto;
	min-height:			340px;
}

div#mainvisual {
	float:				right;
	width:				489px;
	height:				340px;
	text-align:			left;
	font-size:			10px; /* to avoid whitespace below image */
}

div#descriptioncon {
	float:				left;
	width:				490px;
	height:				auto;

}
    
    h1.breadcrumb {
		font-size:			10px;
		margin-bottom:		5px;
    }
    
	p#breadcrumbpath a, h1.breadcrumb a {
        font-weight:        normal;
	}
	
	p#breadcrumbpath span, h1.breadcrumb span {	
		font-weight:		bold;
	}
	
/*	div#descriptiontext {
		/*float:				left;*/
		width:				264px; /* 294 - 15 - 15 */
		padding:			15px;
	}

	div#descriptiontext, 
	div#descriptiontext p {
		font-size:			11px;
/*		line-height:		1.7em;*/
	}*/
	
	
	div#gridlist {
		float:				left;
		width:				195px;
	}
	div.gridtext {
		position:			absolute;
		width:				80px; /* 99 - 8 - 8  - 1 */
		height:				324px; /* 98 - 8 - 8 - 1 */ /* 324*/
		float:				left;
		padding: 			8px;	
		border-bottom:		1px solid #acacac ;
/*		border-right:		1px solid #acacac ;*/
	}
	div.pagetext {
		position:			absolute;
		width:				80px; /* 99 - 8 - 8  - 1 */
		height:				324px; /* 98 - 8 - 8 - 1 */
		float:				left;
		padding: 			8px;	
		border-bottom:		1px solid #acacac ;
/*		border-right:		1px solid #acacac ;*/
	}	
	div.gridtext, div.pagetext p{
	font-size:10px;
	text-align:justify;
		}
div.gridtextlast {
		border-bottom:		none !important;
	}
	
	div.gridlink {
		position:			absolute;
		/*width:				180px;	*/
		width:				81px;
		bottom:				5px;
	}
	
	div.gridcon {
		float:				left;
		width:				195px;
		height:				400px;
/*		border-left:		1px solid #acacac ;*/
	}

	div.gridimg {
	width:				92px;
	height:				340px;
	float:				left;
	font-size:			0px;
	line-height:		0px;
	/*		border-left:		1px solid #acacac ;
	border-bottom:		1px solid #acacac;*/
	margin-left: 2px;
	}
	div.gridimglast {
		border-bottom:		none;
	}
		div.gridimg p {
			width:				185px;
			padding:			5px;
			margin:				0;
			
			font-size:			10px;
			line-height:		1.5em;
		}
	
	
div#promo {
	float:				right;
	width:				195px;
	height:				101px;
	text-align:			right;
	font-size:			0;
	line-height:		0;
	/*background-color:	#fb0102;*/
}
div#promo a {
	padding-right:		10px;
}
	
	
div#relatedinfo {
	width:				979px;
	height: 			102px;
	line-height:		1.7em;
/*	border-bottom:		1px solid #acacac ;*/
}	


table#container td#footer {
	vertical-align:		bottom;
	
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	
	color:				#838383;
}
table#container td#footer div {
	width:				100%;
	height:				24px;
	background:			url(../images/footer_bg.gif);
}
table#container td#footer a{
	display:			block;
	float:				left;
	width:				97px;
	height:				17px; /* 19 - 2 */
	padding-top:		7px;
	text-align:			center;
}


.normal {
	font-size:			12px;
	font-weight:		normal;
	color:				#000;
}

.smaller {
	font-size:			11px;
	font-weight:		normal;
	color:				#000;
}


a:link, a.qblink {
	color:				#000;
	text-decoration:	underline;
}
a:visited {
	color:				#777;
	text-decoration:	underline;
}
a:hover {
	color:				#000;
	text-decoration:	none;
}


a.link_red,
div#descriptiontext p a,
.gridtext a {
	color:#f00;
	text-decoration:	none;
}
a.link_red:visited,
div#descriptiontext p a:visited,
.gridtext a:visited {
	color:#f00;
	text-decoration:	none;
}
a.link_red:hover,
div#descriptiontext p a:hover,
.gridtext a:hover {
	color:#f00;
	text-decoration:	underline;
}

a.link_white {
	color:#fff;
	text-decoration:	none;
}
a.link_white:visited {
	color:#fff;
	text-decoration:	none;
}
a.link_white:hover {
	color:#fff;
	text-decoration:	underline;
}

.prefix {
	background:			url(../images/main/prefix_link.gif) left no-repeat;
	padding-left:		18px;
}
.download {
	background:			url(../images/main/prefix_download.gif) left no-repeat;
	padding-left:		18px;
}

.required {
	font-size:			12px;
	font-weight:		bold;
	color:				#f00;
}


div#productuse a {
	color:				#f00;
	text-decoration:	none;
	background:			url(../images/main/prefix_link_afstand.gif) top left no-repeat;
	/* line-height:		2.0em; */
	padding-left:		18px; 
	
	display: block;

	
}

/*STYLES FOR CALL2ACTION*/

div#call2actions {
    position:           absolute;
    top:                502px;
    margin:             30px 0 0 9px;
    width:              198px;
    z-index:            10;
}

div#call2actions h2 {
    color:              #ffffff;
    font-size:          18px; 
    font-weight:        normal; 
    margin:             0; 
    padding:            0 10px 19px 10px; 
    line-height:        18px; 
    border-bottom:      1px solid #fd999a;
}

div.call2action {
    border-bottom:      1px solid #fd999a;
    height:             27px; 
    line-height:        27px; 
    color:              #ffffff; 
    /*width:              198px;*/
    font-size:          12px;
}

div.call2action a:link,
div.call2action a:visited{
    width:              178px; /*198-(2x 10)*/
    border-left:        1px solid #fb0102; 
    color:              #ffffff; 
    text-decoration:    none; 
    display:            block; 
    padding:            0 10px 0 10px;
    float:              top;
}

div.call2action a:hover,
div.call2action a.active{
    width:              178px; /*198-(2x 10)*/
    border-left:        1px solid #fd999a;
    color:              #fb0102;
    background-color:   #ffffff;
    text-decoration:    none; 
    display:            block; 
    padding:            0 10px 0 10px;
}

div#call2actionforms {
    position:           absolute;
    top:                482px;
    margin:             32px/*68-1 (border)*/ 0 0 207px; /*198+9*/
    width:              260px;
    background-color:   #ffffff;
    z-index:            1;
}

div.call2actionform {
    background-color:   #ffffff;
    padding:            20px;
    position:           relative;
    border:             1px solid #fd999a;
}

div.call2actionform form label {
    width:              90px;
    display:            block;
    font-size:          11px;
}

div.call2actionform form input,
div.call2actionform form textarea {
    width:              130px;
    border:             1px solid #d9d9d9;
    font-size:          11px;
    font-family:        Arial,Helvetica,sans-serif;
}

div.call2actionform form input.call2actionbutton {
    width:              130px;
    background-color:   #767676;
    border:             1px solid #353535;
    color:              #ffffff;
    padding:            0;
    font-size:          11px;
}

div.call2actionform form input.radio{
    width:              auto;
}

div.hidden {
    display:            none;
}

.req {
    border:             1px solid #ff0000 !important;
    background-color:   #ffe5e5;
}

div.call2actionmessage {
    /*background-color:   #fb0102;
    color:              #ffffff;
    padding:            10px;*/
}

/*	Hoverbox		*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 150px;
	height: 125px;
}

.hoverbox li
{
	background: #eee;
/*	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;*/
	color: inherit;
	display: inline;
	float: left;
	margin: 5px;
	padding: 8px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 300px;
	height: 250px;
}