﻿body
{
	margin: 10px;
}

/****************************************************/
#navigation
{
	min-width: 770px;
	background-color: #FFF;
	clear: both;
}

#breadcrumb
{
	float: left;
	width: 500px;
	position: relative;
	padding-left: 0.5em;
	text-align: left;
	padding-bottom: 0.5em;
}


#contact
{
	float: right;
	width: 200px;
	position: relative;
	text-align: right;
	padding-right: 0.5em;
}

/****************************************************/

#headerHome
{
	min-width: 770px;
	background-image: url(../image/layout/FSstrip.png);
	background-repeat: repeat-x;
	height: 41px;
	clear: both;
}

#headerGeneral
{
	min-width: 770px;
	background-image: url(../image/layout/FB-strip-narrow.png);
	background-repeat: repeat-x;
	height: 122px;
	clear: both;
}

#headerCustomer
{
	min-width: 770px; /* background-image: url(../image/layout/customer-page-header-strip-narrow.png); */
	background-image: url(../image/layout/Cstrip.png);
	background-repeat: repeat-x;
	height: 41px;
	clear: both;
}

#headerSupplier
{
	min-width: 770px; /* 	background-image: url(../image/layout/FS-page-header-strip-narrow.png); 	*/
	background-image: url(../image/layout/FSstrip.png);
	background-repeat: repeat-x;
	height: 41px;
	clear: both;
}


#headerAdministrator
{
	min-width: 770px; /* 	background-image: url(../image/layout/FS-page-header-strip-narrow.png); 	background-image: url(../image/layout/FSstrip.png);	*/
	background-repeat: repeat-x;
	height: 41px;
	clear: both;
}

/*IE-win hack to enforce min-width, for <=IE6.0. Come on MS; fix your gear.*/
/*hide from IE-mac\*/
/*
#header
{
	position:relative;
}


* html #header 
{
	border-left:solid 770px #FFFFFF;
	position:relative;
	float:left;
	z-index:1;
	}
	
* html #iewHeader
{
	margin-left:-770px;
	position:relative;
	float:left;
	z-index:2;
}
/*end IE-win min-width hack*/

/****************************************************/

/*http://alistapart.com/articles/multicolumnlayouts*/

#content
{
	padding: 0 240px 0 240px;
	background-color: #FFF;
	border-top: solid 1em #FFF; /*IE hack: this corrects affects alignment of following div.footer (!) WHY?? */
	min-width: 290px;
}

#sliceContent
{
	background-color: #FFF;
	float: left;
	width: 100%;
	border-left: 240px solid #FFF;
	border-right: 240px solid #FFF;
	margin-left: -240px;
	margin-right: -240px;
	display: inline; /*So IE plays nice. General comment: NO it doesn't */
}

#menu
{
	float: left;
	width: 200px;
	margin-left: -240px;
	position: relative;
	padding-top: 3em;
}

#layout
{
	float: left;
	width: 100%;
	margin-right: -100%;
	min-width: 25em;
}

#info
{
	float: right;
	width: 200px;
	margin-right: -240px;
	margin-left: 40px; /*required by IE, apparently to fix float:right not working*/
	position: relative;
	padding-top: 5em;
}



/****************************************************/

/*http://alistapart.com/articles/multicolumnlayouts*/



#footer
{
	padding: 0 240px 0 240px;
	background-color: #FFF;
	border-top: solid 3em #FFF; /*IE hack: this corrects affects alignment of following div (!) WHY?? */
	min-width: 290px;
	font-size: 0.8em;
	clear: both;
}

#sliceFooter
{
	background-color: #EFEFEF;
	float: left;
	width: 100%;
	border-left: 240px solid #EFEFEF;
	border-right: 240px solid #EFEFEF;
	margin-left: -240px;
	margin-right: -240px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	display: inline; /* So IE plays nice; NO it doesn't */
}

#login
{
	float: left;
	width: 200px;
	margin-left: -240px;
	position: relative;
	text-align: left;
	padding-left: 0.5em;
}

#link
{
	float: left;
	width: 100%;
	margin-right: -100%;
	min-width: 25em;
	text-align: center;
}

#time
{
	float: right;
	width: 200px;
	margin-right: -240px;
	margin-left: 40px; /*required by IE, apparently to fix float:right not working*/
	position: relative;
	text-align: right;
	padding-right: 0.5em;
}


/****************************************************/

#notice
{
	min-width: 770px;
	background-color: #FFFFFF;
	text-align: center;
	float: left;
	width: 100%;
	display: inline; /* So IE plays nice */
	font-size: 0.8em;
	color: #CCCCCC;
}


/******* <IE6 HACK *******/

/*
	hack: MSIE min-height bug fix. see: http://www.greywyvern.com/code/min-height-hack.html
   -> force feature to have min-height=250px
*/


#contentProp
{
	height: 399px;
	float: right;
	width: 1px;
	z-index: 3;
}
#titleProp
{
	height: 100px;
	float: right;
	width: 1px;
	z-index: 3;
}
#titleGeneralProp
{
	height: 62px;
	float: right;
	width: 1px;
	z-index: 3;
}

#infoProp
{
	height: 54px;
	float: right;
	width: 1px;
	z-index: 3;
}

#truckProp
{
	height: 145px;
	float: right;
	width: 1px;
	z-index: 3;
}



div.clear
{
	height: 1px;
	clear: both;
	overflow: hidden;
	z-index: 3;
}

/********************homepage layout**********************/


div.sidebarShim
{
	padding-top: 0em;
}
#divButton
{
	margin-top: -1.8em;
	text-transform: uppercase;
	color: #CCC;
	font-size: 0.8em;
}
#divFeedback
{
	margin-top: -1.8em;
	width: 200px;
}

