<%@ taglib prefix="cms" uri="http://www.opencms.org/taglib/cms" %>
BODY
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff;
    background-image: url('<cms:link>graphics/underside_bg.gif</cms:link>');
    background-attachment: scroll;
    background-position: top left;
    background-repeat: repeat-x;
	margin: 0px;
}

iframe body {
	background: none;
}

body.plain {
	background: none;
	padding: 15px;
}

.forside {
    background-image: url('<cms:link>graphics/forside_bg.gif</cms:link>');
    background-attachment: scroll;
    background-position: top left;
    background-repeat: repeat-x;
}

TD, pre
{        
	MARGIN-TOP: 2px;
	FONT-SIZE: 10px; 
	COLOR: #000; 
	LINE-HEIGHT: 14px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif 
}

.tr0 {}
.tr1 {
	background-color: #FFFFCC;
}

table.topvalign td {
	vertical-align: top;
}

A:link { COLOR: #000000; TEXT-DECORATION: underline }/*Red. JJE*/
A:visited { COLOR: #000000; TEXT-DECORATION: none }
A:hover { COLOR: #557280; TEXT-DECORATION: none }
A:active { COLOR: #557280; TEXT-DECORATION: none }

H1, .H1
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif ;
	MARGIN-TOP: 0px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 17px;
	FLOAT:None;
	MARGIN-BOTTOM: 0px;
	COLOR: #000000;
	TEXT-ALIGN: left;
	line-height: 28px;
}
H2, .H2
{
    MARGIN-TOP: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    MARGIN-BOTTOM: 0px;
    BACKGROUND-COLOR: #000000;
    PAGE-BREAK-AFTER: always;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left;
	padding-left: 3px;
    FLOAT: none;
	line-height: 17px;
}

H3, .H3 {
    MARGIN-TOP: 0px;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 12px;
    MARGIN-BOTTOM: 0px;
    PAGE-BREAK-AFTER: always;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left;
}

H4, .H4 {
	MARGIN-TOP: 0px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 9px;
	MARGIN-BOTTOM: 0px;
	PAGE-BREAK-AFTER: always;
	COLOR: #666;
	FONT-FAMILY: Verdana, Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	padding-top: 3px;
	padding-bottom: 15px;
	line-height: 13px;
	word-spacing: -2px;
}
H5, .H5 {
    MARGIN-TOP: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    MARGIN-BOTTOM: 0px;
    PAGE-BREAK-AFTER: always;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left;
    FLOAT: none;
}
H6, .H6
{
    MARGIN-TOP: 0px;
	FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    MARGIN-BOTTOM: 0px;
    PAGE-BREAK-AFTER: always;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left;
	padding-left: 3px;
	line-height: 13px;
}

H1, H2, H3, H4, H5, H6 {
    margin-top: 5px; margin-bottom: 5px;
}


.black_bg {
    BACKGROUND-COLOR: #000000;
} 
.black_bg h2 {
    MARGIN-TOP: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    MARGIN-BOTTOM: 0px;
    BACKGROUND-COLOR: #000000;
    PAGE-BREAK-AFTER: always;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left;
	padding-left: 3px;
    FLOAT: none;
	line-height: 17px;
}
.yellow_bg {BACKGROUND-COLOR: #FECD00}
.yellow_skill {
	font-family: Arial, Helvetica, sans-serif;
	color: #FECD00;
	font-size: 8px;
	padding-left: 9px;
	padding-right: 6px;
}
.black_line {
	background-image: url(<cms:link>graphics/line.gif</cms:link>);
	height: 1px;
}
.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	word-spacing: 0px;
	font-weight: bold;
	padding-left: 3px;
}
.image1 {
	padding-bottom: 4px;
}
.body_top_nav {
	padding-top: 30px;
}
.spot_top {
	padding-top: 50px;
}
.spot_top2 {
	padding-top: 10px;
}
.spot_outline {
	border: 1px solid #000;
}
table.body_top {
	padding-top: 11px;
}
td.body_top {
	padding-top: 36px;
}
.spot_link {	font-family: verdana, Arial, Helvetica, sans-serif; color: #FECD00; font-size: 10px; }

.spotBlack, .spotWhite { margin-bottom: 25px; width: 163px;}
.spotBlack H1, .spotWhite H1 { font-size: 14px; margin-top: 2px; margin-bottom: 2px; line-height: 16px;}
.spotBlack A, .spotWhite A { color: #557280; }

.spotBlack {
	background-color: #ffffff;
	border: 1px double BLACK;
}
.spotBlack H1 {color: white;}
.spotBlack tr td { background-color: #000000; COLOR: #FFFFFF; padding: 2px;}


.nav1 {	font-family: Arial, Helvetica, sans-serif; /* color: #FECD00; */ font-size: 10px; }
.nav1 a:link {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #557280; text-decoration: underline;  }/*Red. JJE*/
.nav1 a:visited {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #557280; text-decoration: none;  }
.nav1 a:visited:hover {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: none; }
.nav1 a:hover {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: none; }

.yellowBar { border-top: 5px solid #557280; }
.blankBar { border-top: 5px solid #FFFFFF; }

input, select {     FONT-SIZE: 10px;    MARGIN-LEFT: 0px;    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; }

hr { 
height: 0px; 
border: 0px; 
border-top: 1px solid #000000; 
}

.select1 { width: 420px; }
.select2 { width: 225px; }
.alert {color: red; }

th {
	color: #FFFFFF;
	background-color: #000000;     
	FONT-SIZE: 11px; 
	font-weight: bolder;
	text-align: left;
}
.productImage {
	width: 150px;	
}
.productImageH {
	height: 150px;
	width: auto;
}
.productImageW {
	width: 150px;
	height: auto;	
}

option.unselectable {
	background-color: #FDD;
}

input.numbers {
	text-align: right;
}

input.optionname, input.optionvalue {
	width: 150px;
}


td.detailsValue {
	width: 170px;
	padding: 0px;
}
td.detailsValue input {
	float: left;
}
td.detailsValue img {
	float: right;
}

fieldset {
	padding: 7px;
}

#Quotation_CustomerMessage.off {
	border: 0px;
	margin-left: -7px;
}

#Quotation_CustomerMessage.off div {
	display: none;
}

#Quotation_CustomerMessage.on div {
	display: block
}

#Quotation_CustomerMessage input {
	margin: 0px;
}



.EditBox {
	padding: 10px;
	border: 1px solid #000;
	position: absolute;	
	background-color: #fff;
}

.EditBox .legend {
	color: #fff;
	background-color: #000;
	font-weight: bold;
	text-align: center;	
	margin: -10px -10px 10px -10px;
	padding: 5px;
}

.EditBox .buttons {
	text-align: center;
}