/* --- Reset CSS --- */
html, body, div, dl, dt, dd, li, h1, h2, h3, h4, h5, h6, p, a, pre, form, fieldset, input, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { text-align: left; font-weight: bold; color: inherit; background-color: inherit; font-size: 100%; }
q:before, q:after { content: ''; }

ul { list-style: disc outside;  }
ol { list-style: decimal outside;  }

/* --- General --- */
body
{
	text-align: center;	
}

html, body, form, fieldset 
{
	font-size: 100%;
	line-height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #707070;
}

/* --- Text elements --- */
input, select, textarea 
{ 
	font-size: 100%;
	font-family: inherit;
	color: #707070;
}

p
{
	margin: 0em 0em 1em 0em;
	font-size: 100%;
	font-family: inherit;
	color: #707070;
}

.normaltext
{
	font-size: 1.1em;
	line-height: 1.5em;
}

.bold
{
	font-weight: bold;	
}

.mainheading_general
{
	font-family: Helvetica, Arial;
	font-size: 2.8em;
	line-height: 1.1em;
	font-weight: bold;
	margin: 0.4em 0em;
	color: #E62B1F;
}

h1.mainheading_large
{
	font-family: Helvetica, Arial;
	font-size: 4em;
	line-height: 1em;
	font-weight: bold;
	margin: 0.5em 0em 0.3em 0em;
	color: #EE3024;
}

.mainheading_product, .mainheading_product_long, .mainheading_product_extralong
{
	font-family: Helvetica, Arial;
	font-size: 2.4em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0em;
	color: #E62B1F;
	padding-right: 1em;
}

.mainheading_product_long
{
	font-size: 2em;
	line-height: 1.7em;
}

.mainheading_product_extralong
{
	font-size: 1.8em;
	/*line-height: 1.7em;*/
}

.subheading, .subheading_large, .subheading_small, .subheading_category, .subheading_preview
{
	display: block;
	font-family: Helvetica, Arial;
	font-weight: bold;
	margin: 0em 0em 0.2em 0em;
	color: #626364;
	line-height: 1em;
}

.subheading
{
	font-size: 1.4em;
}

.subheading_large
{
	font-size: 1.6em;
}

.subheading a, .subheading_large a, .subheading a:visited, .subheading_large a:visited
{
	color: #626364;
}

.subheading_preview
{
	font-size: 1.6em;
	line-height: 1.2em;
	color: #E62B1F;
	float: left;
	width: 75%;
}

.subheading_linktomoreitems
{
	padding-top: 0.5em;
	width: 18%;
}

.subheading_navigation
{
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
}

.subheading_category
{
	color: #E62B1F;
	font-size: 1.6em;
}

.subheading_category a, .subheading_category a:visited
{
	color: #E62B1F;
}

.subheading_category span
{	
	display: block;
	float: left;
	padding: 0.2em 0 0.2em 0;
}

.subheading_small
{
	font-size: 1.1em;
}

.mainingress
{
	font-family: Helvetica, Arial;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.2em;
	color: #626364;
}

.previewtext
{
	font-size: 1.1em;
	line-height: 1.4em;
}

a
{
	color:#949597;
	text-decoration: none;
}

a:visited
{
	color: #949597;
}

a:hover
{
	color:#d2e288;
	text-decoration: underline;
	cursor: pointer;
}

/* --- Images --- */
.smallpreview, .smallpreviewvertical, .smallpreviewverticalright
{
	width: 12.3em;
}

.largepreview
{
	width: 31.8em;
}

img.smallbodyimageframe
{
	margin: 0em 1em 1em 0em;
	float: left;
	padding: 8px;
	background-image: url(../images/background/vn_small_bodyimage_frame.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 123px;
	height: 71px;
}

img.largebodyimageframe
{
	margin: 0em 0.5em 1.7em -0.3em;
	float: left;
	padding: 8px;
	background-image: url(../images/background/vn_large_bodyimage_frame.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 318px;
	height: 184px;
}

img.smallbodyimagewhite
{
    margin: 0em 1em 1em 0em;
	float: left;
	padding: 0px;
	width: 131px;
}

img.largebodyimagewhite
{
    margin: 0em 1em 1.7em 0em;
	float: left;
	padding: 0px;
	width: 326px;
}

/* --- Visibility --- */
.notvisible
{
	display: none;
	visibility: hidden;
}

.visible
{
	display: inherit;
	visibility: visible;
}

/* -- Standard divs --*/

.leftfloating
{
	float: left;
}
.rightfloating
{
	float: right;
}
.centered
{
	text-align: center;
}
.rightaligned
{
	text-align: right;
}
.leftaligned
{
	text-align: left;
}
.hidden
{
	display:none;
}
img.borderless
{
	border: 0;
}
div.fullwidth
{
	width: 100%;
}
div.clear
{
	clear: both;
}
div.clearright
{
	clear: right;	
}
div.clearleft
{
	clear: left;	
}
.relative
{
	position: relative;	
}
.noborder
{
	border: none;
}
.leftcolumn
{
	float: left;
	width: 45%;
}
.rightcolumn
{
	float: right;
	width: 45%;
	margin-left: 3em;
}
.overflowhidden
{
	overflow: hidden;
}
.shadowtextbox
{
	border: 1px solid #B2B8BD;
	background: url(../images/background/vn_bg_textfield.png) no-repeat top left;
}
.displayinline
{
	display: inline;
}
.fontweightnormal
{
	font-weight: normal;	
}

/*Contact form*/

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 80px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -80px; /*width of left column*/
width: 70px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 250px;
height: 15px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* Tooltips config*/

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #b8dd76;
	padding: 8px 8px 4px;
	background: url(../images/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../images/bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}




.image

{


padding-top: 2px;

padding-right: 2px;

padding-bottom: 2px;

padding-left: 2px;

margin-right: 6px;

margin-bottom: 2px;

background-color: #edf3f5;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

border-top-color: #d8e1e5;

border-right-color: #d8e1e5;

border-bottom-color: #d8e1e5;

border-left-color: #d8e1e5;
}

#impel{ float:right;}

#impel a { display:block; width:65px; height:20px; text-indent:-9999px; background: transparent url(../images/impel_logo.gif) top left no-repeat; }

#impel a:hover { background: transparent url(../images/impel_logo.gif) top right no-repeat; }