@import url("default.css");
@import url("generalLayout.css");
@import url("userstyle.css");

/****************************************************************************************************
 *  General
 ****************************************************************************************************/
div.centre
{
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

div.left
{
	
	margin: 0 auto;
	text-align: left;
	width: 100%;
}

div.buttonBar
{
	text-align: right;
}

.hiddenSubmit
{
	visibility: hidden;
}

.visibleSubmit
{
	visibility: visible;
}

div.errorMessage, div.goodMessage
{
	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;
}

/**************************************************************************************************
* Vehicle details
**************************************************************************************************/

div.vehiclesubMenu
{
	visibility: hidden;
	margin: 0;
	padding: 0;
}

#vehicleDetail
{
	width: auto !important;
	width /**/:100%;
}


label.larger
{
	width: 18em;
	height: 100%;
}

span.wrapper
{
	display: table-cell;
	height: 100%; 
	padding-top: 4px; 
	padding-bottom: 4px;
}

span.wrapper label.small
{
	width: 7em;
	text-align: left;
}

span.wrapperNoPadding
{
	height: 100%;
}

span.wrapper div
{
	padding: 0;
}

#tabcontentcontainer fieldset.metrics
{
	width: 14em;
}

/**************************************************************************************************
* Product Detail
**************************************************************************************************/
a.product:hover, a.productEven:hover
{
	
	cursor: hand;
}

div.breadcrumbs, div.breadcrumbs a
{
	letter-spacing: 2px;	
}

#productList, div.resizeDiv, #orderList, #invoiceList
{
	overflow:auto !important;
  	overflow /**/ :none;
  	overflow-y /**/ :scroll;
  	margin: 0;
  	padding: 0;
	
}

div.mainContentMenu div.product
{
	padding: 1em;
	margin: 0em;
}

div.mainContentMenu div.productEven
{
	padding: 1em;
	margin: 0em;
}

div.tabcontent div.productdesc
{
	margin-bottom: 1em;
}


span.wrapper div.prices
{
	padding-top: 1em;
}

img.kit
{
	margin-right: 8px;
	float: left;
	border: none;
}

iframe.kit
{
	float: left;
}

img.product
{
	margin-right: 8px;
	border: none;
}

select.templateList
{
	width: 99%;	
}

table.translation
{
	font-size: 12px;
	padding-left: 4px;
	padding-right: 4px;
	-moz-binding: none;
}

table.translation thead tr td
{
	padding: 8px;
	padding-right: 4px;
	background-color: #000066;
	color: #FFFFFF;
}

table.translation tr td
{
	padding-left: 4px;
	padding-right: 4px;
}