/*************************************************************
/ KWCAmerica.com and HANSAAmerica.net
/	Padding: 10px;
/
/*************************************************************/

* { /* Set standard defaults for ALL elements */
	padding: 0px;
	margin: 0px;
	
	border-width: 0px;
	border-style: solid;
	
	font-size: 11px;
	line-height: 15px;
	font-family: arial;

	vertical-align: top;
	text-decoration: none;
	
	-moz-box-sizing: border-box;		/* Following 2 items force IE type padding, calculated WITHIN declared width */
	box-sizing: border-box;
}

/***********************************************
   Standard declatations, do not change ********
/***********************************************/

/* Redeclare due to global formatting */
b { font-weight:bold; }
u { text-decoration:underline; font-size:inherit; }

img, object {
	-moz-box-sizing: content-box;		/* More intuitive for these types to follow content box method */
	box-sizing: content-box;
}

hr { color:transparent; border-top-width:1px; }

/*  Most sizing settings are due to IE */
div#separator {	display:block; clear:both; margin:0px; height:auto; line-height:0px; font-size:0px; width:0px; }

/********************************************
   Site Defaults ****************************
/********************************************/
div, td, p { text-align: justify; }

p { margin: 10px 0px 10px 10px; }

em { font-size: 0.9em; font-weight: bold; }

label {	vertical-align: middle;	margin-right: 5px; }

/********************************************
 ********************************************
/********************************************/

/* Controls width of entire site */
div#canvas {
	width: 100%;
	background: url("/images/BG-Header.jpg") top left no-repeat;
}

/* Border width not considered for float alignment by Firefox, unless surrounded by table */
div#h1 {
	width: 100%;
	border-bottom-width: 1px;
	margin-bottom: 10px;
}

h1 {
	font-size: 12px;
	font-weight: bold;
	border-bottom-width: 1px;
	
	padding: 6px 10px;
}

/* h3 used in HANSA products-matchingset.php, background color set in css-default-local.css */
h2, h3 {
	font-size: 15px;
	border-bottom-width: 1px;

	padding: 2px 0px 3px 10px;
}

/*****************************************************************************************/
/* Standard Anchor Link		                                                               */
/*****************************************************************************************/
a.rollover:hover img {
	opacity: .85;
	filter: alpha(opacity=85);
	zheight: 100%;
}

/* Footer link is rollover reverse */
a#footer img {
	opacity: .99;
	filter: alpha(opacity=99);
}

a#footer:hover img {
	opacity: .70;
	filter: alpha(opacity=70);
}


a.large {	font-size: 13px; }

a.button {
	height: 19px;
	border-width: 1px;
	padding: 1px 4px 2px 4px;	/* Setting is important to balance position of right aligned buttons between IE and Firefox */
	vertical-align: middle;		/* Middle best for technical-current */
 }

a.hl {
	background: #DAA520;
}

/*****************************************************************************************/
/* Horizontal Menu Bar - Main, Submenu, Main Column(td#main)      											 */
/*****************************************************************************************/
tr#menu td {
	padding: 6px;
	padding-left: 10px;
	white-space: nowrap;
}

tr.submenu td {
	border-width: 1px 0px;
}

td#main {
	padding: 10px 0px;			/* Removes content left and right padding, should consider changing */
}

td#main table {	padding: 0px 0px 10px 10px; }
td#main table table {	padding: 0px; }				/* Avoid sub table inheritance */

td#main table td { padding: 0px 10px 10px 0px; }
td#main table table td { padding: 0px; }		/* Avoid sub table inheritance */

/* table is handling spaces */
td#main table td p,
td#main table td h2 {
	margin-left: 0px;
	padding-left: 0px;
}

input,
select,
option,
optgroup,
textarea {
	font-family: verdana;
	vertical-align: middle;

	padding: 1px;
	padding-left: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
}

input, select, option { height:17px; }
optgroup { font-weight:bold; font-style:italic; }
optgroup option { padding-left:10px; }
select { padding:1px 0px; }

/* Change color of read only data fields */
div.readonly,
span.readonly,
input.readonly,
textarea.readonly {
	color: #FF0000;
	background: #F9F9F9;
}

/* Special Divisions */
div#left {
	position: relative;
	float: left;
}

div#right {
	float: right;
	right: 10px;
}

/* Suitable for use with a right aligned one liner containing buttons */
/* Note the -IE hack does not work on IE7 */
.right {
	float: right;
	height: 21px;					/* 1 less and bottom border disappear on IE */
	margin-right: 5px;
	position: relative;
	top: 4px;
}

html>body .right { top: 6px; }	/* IE hack, IE does not understand html>body */

/* Note: leftcolumn.width+rightcolumn.width should add up to 1000 */
div#leftcolumn, div#rightcolumn, div#fullcolumn {
	float: left;
	position: relative;
	padding-left: 10px;					/* gap on left hand side */
}

div#leftcolumn { width: 290px; }

div#rightcolumn {	width: 710px; }

/* contentwrapper prevents IE from wrapping 2 divs when screen is smaller than 1000 */
div#contentwrapper,
div#fullcolumn { width: 1000px; }

div#fullcolumn p { margin-right: 10px; }

div#logininfo { position:absolute; top:3px; left:10px; }

/**************************************/
/* Technical documents, pdfs etc. *****/
/**************************************/
div#doc {
	float: left;
	text-align: center;
	width: 160px;
	margin-bottom: 10px;
}

div#doc img {
	width: 100px;
	height: 133px;
}

div#doc a img {
	border-width: 1px;
}

div#doc a:hover img {
	opacity: .85;
	filter: alpha(opacity=85);

}

/**************************************/

/**************************************/
/* Thumbnails on product and project **/
/**************************************/
div#tnwithtext, div#tn, div#tnmid, div#tnacc {
	text-align: center;
	float: left;
	zposition: relative;
	margin: 3px 0px;
	padding: 0px;
}

div#tnwithtext img, div#tn img, div#tnmid img, div#tnacc img {
	border-width: 1px;
	margin-bottom: 3px;
}

div#tn { width: 72px;	height: 72px; margin-left: 8px; }			/* Individual product */
div#tnwithtext { width: 113px;	height: 95px; } 						/* Line */
div#tnmid { width: 178px;	height: 172px; float: right; } 		/* Midsize thumbnail */
div#tnacc { width: 113px; height: 128px; }									/* Accessories thumbnail */

div#tnwithtext img, div#tn img, div#tnacc img { width: 70px;	height: 70px; }
div#tnmid img { width: 170px;	height: 170px; }

/**************************************/

/**********************************/
/* Table with highlighted labels **/
/**********************************/
table#standard {
	table-layout: fixed;
	margin: 0px;
	padding: 0px !important;
	border-left-width: 1px;
}

table#standard td, table#standard th {
	text-align: left;
	vertical-align: middle;
	padding: 5px !important;
}

table#standard th, table#standard td { border-width: 1px 1px 1px 0px; }
table#standard td { border-top-width: 0px; }

table#standard td.r,
table#standard th.r { text-align:right; }
table#standard td.c,
table#standard th.c { text-align:center; }
/**********************************/

img#ico {	width:18px; height:18px; }

img#iv { width:180px; height:25px; }

#test {
	border: 5px solid red;
	margin-bottom: 10px;
}