@import url("default.css");
@import url("generalLayout.css");
@import url("ordersummary.css");


/****************************************************************************************************
 *  General
 ****************************************************************************************************/
div.centre
{
	
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

div.left
{
	
	margin: 0 auto;
	text-align: left;
	width: 100%;
}

.hiddenSubmit
{
	visibility: hidden;
	display: none;
	margin: none;
	margin-left: 4px;
}

.visibleSubmit
{
	visibility: visible;
}

div.errorMessage
{
	color: #000000;
	margin-bottom: 10px;
}

div.hide
{
	visibility: hidden;
	display: none;
}

div.show
{
	visibility: visible;
	display:block;
}

/****************************************************************************************************
 *  Login page classes
 ****************************************************************************************************/
.login
{
	width: 30em;
	padding: 4px;
	margin: 0 auto;
}


/****************************************************************************************************
 *  Vehicle Availability
 ****************************************************************************************************/
iframe.menuItem
{
	position: absolute;
	visibility: hidden;
	display: none;
	border: none;
	overflow: none;
}

div.optionsSelected
{
	height: 12em;
	overflow:auto !important;
  	overflow /**/ :none;
  	overflow-y /**/ :scroll;
	margin: 0px;
	padding: 0px;
	border: 1px solid #000000;
	background-color: #FFF;
}

/**************************************************************************************************
* Vehicle details
**************************************************************************************************/

div.vehiclesubMenu
{
	visibility: hidden;
	display: none;
	margin: 0;
	padding: 0;
}

#vehicleDetail
{
	width: auto !important;
	width /**/:100%;
}

/**************************************************************************************************
* Vehicle ordering
**************************************************************************************************/

label.larger
{
  width: 18em;
  padding: 0px;
  /* kccmb commented the line height: 100%; */
}

label.partsearch
{
  display: block;
  float: left;
  width: 18em;
  padding: 2px;
  margin: 0px 0px 3px 0px;
  text-align: left;
}

span.wrapper
{
	display: table-cell;
	height: 100%; 
	padding-top: 2px; 
	padding-bottom: 2px;
}

#orderLines
{
	height: 12em;
	overflow:auto !important;
  	overflow /**/ :none;
  	overflow-y /**/ :scroll;
	margin: 0px;
	padding: 0px;
	border: 1px solid #D6DFF7;
	background-color: #FFF;
}

table.summary thead th.orderLineCode
{
	width: 85px;
}

table.summary tbody tr td.orderLineCode
{
	width: 80px;
}

table.summary thead th.orderLineDescription
{
	width: 205px;
}

table.summary tbody tr td.orderLineDescription
{
	width: 195px;
}

table.summary thead th.orderLineType
{
	width: 140px;
}

table.summary tbody td.orderLineType
{
	width: 120px;
}

span.actionLink
{
	font-weight: bold;
}

fieldset.noBottomBorder
{
	margin-top: 15px;
	border-bottom: 0px;
}
div.errored
{
	color: #960000;
	padding-top: 8px;
}

div.successful
{
	color: #000000;
	padding-top: 8px;
}